/* Frontend review fixes from the 8 August 2026 manual laptop walkthrough. */

/* Give workspace actions a clearer hierarchy without changing their behaviour. */
.workspace-body .button.primary{background:#2f1a66;border-color:#2f1a66;color:#fff}
.workspace-body .button.primary:hover,.workspace-body .button.primary:focus-visible{background:#24134f;border-color:#24134f;color:#fff}
.workspace-body .button.secondary{background:#fff;border-color:#cfc7e4;color:#35225f}
.workspace-body .button.secondary:hover,.workspace-body .button.secondary:focus-visible{background:#f6f2ff;border-color:#aa99cf;color:#28174f}
.workspace-body .button.danger,.workspace-body form[action*="/admin/users/"] button[value="deactivate"]{background:#fff4f2;border-color:#e2aaa4;color:#8a2119}
.workspace-body .button.danger:hover,.workspace-body .button.danger:focus-visible,.workspace-body form[action*="/admin/users/"] button[value="deactivate"]:hover,.workspace-body form[action*="/admin/users/"] button[value="deactivate"]:focus-visible{background:#8a2119;border-color:#8a2119;color:#fff}
.workspace-body .methodology-admin-page form[action$="/activate"] .button{background:#8a5200;border-color:#8a5200;color:#fff}
.workspace-body .methodology-admin-page form[action$="/activate"] .button:hover,.workspace-body .methodology-admin-page form[action$="/activate"] .button:focus-visible{background:#6d4100;border-color:#6d4100}

/* Permission controls must read as a title followed by an explanation. */
#permissions .checkbox-row{align-items:flex-start;gap:12px;min-height:54px;padding:11px 12px;border:1px solid #e4dfed;border-radius:12px;background:#fff}
#permissions .checkbox-row>input{flex:0 0 auto;margin-top:3px}
#permissions .checkbox-row>span{display:grid;min-width:0;gap:4px}
#permissions .checkbox-row strong{display:block;color:#211b39;font-size:.9rem;line-height:1.3}
#permissions .checkbox-row small{display:block;color:#6d6877;font-size:.8rem;line-height:1.45}

/* Increase legibility on dense operational pages. */
.workspace-body .operational-page p,.workspace-body .operational-page li,.workspace-body .operational-page label,.workspace-body .table-card td,.workspace-body .table-card th,.workspace-body .panel p,.workspace-body .panel li{line-height:1.5}
.workspace-body .operational-page small,.workspace-body .table-card small,.workspace-body .panel small{font-size:.78rem;line-height:1.45}
.workspace-body .table-wrap table{font-size:.9rem}
.workspace-body .table-wrap th{font-size:.76rem;letter-spacing:.02em}

/* Make question comparison content dominant over IDs and metadata. */
.duplicate-review-pair{gap:14px}
.duplicate-review-item{padding:16px;border:1px solid #e2ddec;border-radius:14px;background:#fff}
.duplicate-review-item>a{display:block;color:#27174e;font-size:1rem;font-weight:800;line-height:1.42}
.duplicate-review-item small{display:block;margin-top:9px;color:#777181}
.duplicate-review-item p{margin:7px 0 0}
.duplicate-review-item code{color:#837c8e;font-size:.72rem}

/* Navigation feedback without dimming or disabling the current page. */
html.page-is-navigating body::before{
  content:"";
  position:fixed;
  z-index:10000;
  top:0;
  left:0;
  width:34%;
  height:3px;
  background:linear-gradient(90deg,#ff5600,#ffc20a);
  animation:gocx-navigation-progress .8s ease-in-out infinite alternate;
}
@keyframes gocx-navigation-progress{from{transform:translateX(-20%)}to{transform:translateX(220%)}}
@media (prefers-reduced-motion:reduce){html.page-is-navigating body::before{width:100%;animation:none}}

/* Final pre-test readability pass for dense administration surfaces. */
.workspace-body{font-size:16px}
.workspace-body :is(.page-head,.panel,.card,.table-card,.release-identity) p,.workspace-body :is(.page-head,.panel,.card,.table-card,.release-identity) li,.workspace-body :is(.page-head,.panel,.card,.table-card,.release-identity) label{font-size:max(.9rem,14px)}
.workspace-body :is(.panel,.card,.table-card,.release-identity) small,.workspace-body .muted{color:#6d6877;font-size:max(.8rem,13px);line-height:1.5}
.workspace-body .table-wrap :is(th,td){padding-top:12px;padding-bottom:12px;vertical-align:top}
.workspace-body .table-wrap td{font-size:max(.9rem,14px)}
.workspace-body .table-wrap th{color:#575064;font-size:max(.76rem,12px);font-weight:850}
.workspace-body .section-title>span:not(.status),.workspace-body [data-filter-count],.workspace-body [data-client-filter-count],.workspace-body [data-preference-count],.workspace-body [data-message-count]{color:#756e80;font-size:.8rem;font-weight:750}

/* Progressive disclosure for low-level release identifiers and secondary technical detail. */
.workspace-body .technical-meta-details{margin-top:18px;border:1px solid #e3deec;border-radius:12px;background:#faf9fc}
.workspace-body .technical-meta-details>summary{min-height:44px;padding:10px 13px;display:flex;align-items:center;color:#514a5d;font-size:.82rem;font-weight:800;cursor:pointer}
.workspace-body .technical-meta-details[open]>summary{border-bottom:1px solid #e3deec}
.workspace-body .technical-meta-details>div{padding:12px 13px 14px}
.workspace-body .technical-meta-details p{margin:0 0 8px;font-size:.78rem;color:#77717e}
.workspace-body .technical-meta-details code{display:block;max-width:min(100%,720px);overflow-wrap:anywhere;color:#696273;font-size:.72rem;font-weight:600}

/* Make empty states read as intentional product states, not missing data tables. */
.workspace-body .empty-state{min-height:128px;padding:26px;display:grid;place-items:start;align-content:center;gap:7px;border:1px dashed #d9d2e5;border-radius:14px;background:#fbfafd}
.workspace-body .empty-state strong{color:#2c2540;font-size:1rem}
.workspace-body .empty-state span{max-width:680px;color:#716b79;font-size:.88rem;line-height:1.5}

/* Common disclosure controls should be comfortably tappable and visually obvious. */
.workspace-body details>summary{min-height:44px;cursor:pointer}
.workspace-body .assessment-record-actions>summary,.workspace-body .release-identity summary{display:flex;align-items:center}

@media(max-width:760px){
  #permissions .card-grid{grid-template-columns:1fr}
  #permissions .checkbox-row{min-height:60px}
  .workspace-body .table-wrap table{font-size:.88rem}
  .workspace-body .table-wrap :is(th,td){padding-top:10px;padding-bottom:10px}
}