@import url('/static/cenara-one-coherence-v2.css?v=20260822d');
@import url('/static/cenara-one-review-hardening-2026-08-22.css?v=20260822a');
@import url('/static/cenara-operating-links.css?v=20260822d');
@import url('/static/cenara-partner-relationships.css?v=20260822d');
@import url('/static/cenara-site-parity-2026-08-22.css?v=20260822b');
@import url('/static/cenara-site-parity-fixes-2026-08-22.css?v=20260822b');
@import url('/static/cenara-workspace-shell-authority-2026-08-22.css?v=20260822a');
@import url('/static/cenara-unified-left-navigation-2026-08-22.css?v=20260822a');
@import url('/static/cenara-unified-left-navigation-fixes-2026-08-22.css?v=20260822c');

/* 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:cenara-navigation-progress .8s ease-in-out infinite alternate;
}
@keyframes cenara-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}
}

/* Full-platform footage review hardening — 23 August 2026. */
/* Prevent raw/partially styled workspace HTML from becoming visible while the
   destination document and any page-level styles finish loading. JavaScript
   releases this gate at window load; the animation is a no-JS/failure fallback. */
.workspace-body:not(.cenara-workspace-ready){
  visibility:hidden;
  animation:cenara-workspace-prepaint-failsafe 0s 2.75s forwards;
}
.workspace-body.cenara-workspace-ready{
  visibility:visible;
  animation:none;
}
.workspace-body:not(.cenara-workspace-ready)::after{
  content:"";
  position:fixed;
  z-index:2147483647;
  top:0;
  left:0;
  width:34%;
  height:3px;
  visibility:visible;
  background:linear-gradient(90deg,#ff5600,#ffc20a);
  animation:cenara-navigation-progress .8s ease-in-out infinite alternate;
}
@keyframes cenara-workspace-prepaint-failsafe{to{visibility:visible}}

/* The follow-up page owns a dark operational hero. Later global heading rules
   must not override the component's intended light foreground. */
.workspace-body .followup-workspace-showcase .followup-hero h1{
  color:#fff!important;
}
.workspace-body .followup-workspace-showcase .followup-hero p{
  color:rgba(255,255,255,.77)!important;
}
.workspace-body .followup-workspace-showcase .followup-hero .followup-hero-kicker{
  color:#e2d9ff!important;
}

/* The rendered-browser tablet pass exposed inherited desktop breakpoints that
   key off the browser viewport rather than the narrower workspace column beside
   the persistent left navigation. Apply the existing compact information model
   one step earlier for authenticated tablet workspaces, while keeping wide data
   tables scrollable inside their own wrappers. */
@media(min-width:681px) and (max-width:1120px){
  .workspace-body .admin-governance-workspace,
  .workspace-body .admin-governance-workspace > *,
  .workspace-body .admin-governance-workspace :is(.ag-panel,.panel,.table-control-row,.ag-table-wrap),
  .workspace-body .admin-operations-workspace,
  .workspace-body .admin-operations-workspace > *,
  .workspace-body .admin-operations-workspace :is(.panel,.card,.release-control-grid,.release-control-grid > *,.service-row,.pricing-admin-card,.pilot-card){
    min-width:0;
    max-width:100%;
  }

  .workspace-body .admin-governance-workspace .ag-hero{
    grid-template-columns:1fr;
  }
  .workspace-body .admin-governance-workspace .ag-hero-actions{
    min-width:0;
    flex-direction:row;
    flex-wrap:wrap;
  }
  .workspace-body .admin-governance-workspace .ag-toolbar{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .workspace-body .admin-governance-workspace .ag-toolbar > *{
    min-width:0;
    max-width:100%;
  }
  .workspace-body .admin-governance-workspace .ag-toolbar label:first-child{
    grid-column:1 / -1;
  }
  .workspace-body .admin-governance-workspace :is(.ag-role-grid,.ag-two-column,.ag-upload-grid){
    grid-template-columns:1fr;
  }
  .workspace-body .admin-governance-workspace .ag-import-steps{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .workspace-body .admin-governance-workspace .ag-table-wrap{
    width:100%;
    max-width:100%;
    overflow-x:auto;
  }
  .workspace-body .admin-governance-workspace .ag-question-table{
    width:860px;
    min-width:860px;
    max-width:none;
  }

  .workspace-body .admin-operations-workspace > .page-head,
  .workspace-body .admin-operations-workspace > .workspace-head,
  .workspace-body .admin-operations-workspace .ops-hero{
    grid-template-columns:1fr;
    min-height:0;
  }
  .workspace-body .admin-operations-workspace > .page-head .page-action-group,
  .workspace-body .admin-operations-workspace > .workspace-head .button-row,
  .workspace-body .admin-operations-workspace .ops-hero .page-action-group{
    min-width:0;
    max-width:100%;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
  }
  .workspace-body .admin-operations-workspace :is(.card-grid,.release-control-grid,.two-column,.two-column-detail,.question-editor-layout){
    grid-template-columns:1fr;
  }
  .workspace-body .admin-operations-workspace .communication-status-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .workspace-body .admin-operations-workspace .question-editor-aside{
    position:static;
  }
  .workspace-body .admin-operations-workspace :is(.section-title,.section-heading,.context-banner,.ops-guardrail){
    flex-wrap:wrap;
  }
  .workspace-body .admin-operations-workspace :is(.section-title > *,.section-heading > *,.context-banner > *,.ops-guardrail > *,.section-title > div,.section-heading > div,.page-action-group){
    min-width:0;
    max-width:100%;
  }
  .workspace-body .admin-operations-workspace .section-title .page-action-group,
  .workspace-body .admin-operations-workspace .section-heading .page-action-group{
    justify-content:flex-start;
  }
  .workspace-body .admin-operations-workspace :is(.section-title h2,.section-title h3,.section-title p,.section-heading h2,.section-heading h3,.section-heading p,.service-row p,.service-row small,.compact-list li,.readiness-action-list li){
    overflow-wrap:anywhere;
  }
}

@media(prefers-reduced-motion:reduce){
  .workspace-body:not(.cenara-workspace-ready)::after{
    width:100%;
    animation:none;
  }
}