/* Oroko — process workspace consistency pass.
 * Shared presentation only; existing navigation, permissions and data remain authoritative.
 * Loaded last on the workspace shell and standalone shared-document page.
 */
.oroko-details-page,
.oroko-analysis-page,
.oroko-governance-page{
  width:min(1180px,100%);
  max-width:1180px!important;
  margin:0 auto!important;
  padding:32px 34px 64px!important;
}
.oroko-details-page .oroko-page-head,
.oroko-analysis-page .oroko-page-head,
.oroko-governance-page .oroko-page-head,
.oroko-procedure-page .oroko-page-head{
  padding-bottom:24px!important;
  border-bottom:1px solid var(--line);
}
.oroko-core-page .oroko-section-rule h2{
  letter-spacing:-.025em;
}
.oroko-core-page .field label{color:var(--ink);}
.oroko-core-page .field input,
.oroko-core-page .field textarea,
.oroko-core-page .field select{
  max-width:100%;
  background:var(--surface);
  color:var(--ink);
  border-color:var(--line);
}
.oroko-core-page button:focus-visible,
.oroko-core-page select:focus-visible,
.oroko-core-page input:focus-visible,
.oroko-core-page textarea:focus-visible{
  outline:2px solid var(--orange);
  outline-offset:2px;
}

/* Procedure: document-led reading, with existing controls as the workbench. */
.oroko-procedure-page .procedure-doc-head{align-items:start;}
.oroko-procedure-page .procedure-doc-head h1{max-width:760px;}
.oroko-procedure-page .procedure-doc-status{
  padding:12px 0 17px;
  margin-bottom:12px;
  border-bottom:1px solid var(--line);
}
.oroko-procedure-context{
  width:min(820px,100%);
  margin:8px 0 24px;
  padding:22px 0;
  border-bottom:1px solid var(--line);
}
.oroko-procedure-context>h2{
  margin:0 0 16px;
  font-size:16px;
  letter-spacing:-.03em;
  color:var(--ink);
}
.oroko-procedure-context-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:20px;
}
.oroko-procedure-context-grid h3{
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:9px;
  margin:0 0 5px;
}
.oroko-procedure-context-grid p{
  margin:0;
  line-height:1.6;
  font-size:12px;
  color:var(--ink);
  overflow-wrap:anywhere;
}
.oroko-procedure-page .procedure-list{
  max-width:850px;
}
.oroko-procedure-page .procedure-step-body>h3{
  letter-spacing:-.02em;
}
.oroko-procedure-page .procedure-subprocess-children{
  margin-top:15px;
  padding-left:8px;
  border-left:1px solid var(--line);
}
.oroko-procedure-page .procedure-annotation-list{
  gap:10px;
}
.oroko-procedure-page .oroko-annotation-callout{
  box-shadow:none;
}

/* Process Details: a quiet editorial form rather than a floating modal. */
.oroko-details-form{width:min(820px,100%);display:grid;gap:20px;}
.oroko-details-section{
  padding:0 0 22px;
  border-bottom:1px solid var(--line);
}
.oroko-details-section .oroko-section-rule{
  margin-bottom:18px;
}
.oroko-details-section .field{margin-bottom:16px;}
.oroko-details-section .field:last-child{margin-bottom:0;}
.oroko-details-section .field-row{gap:18px;}
.oroko-details-section textarea{
  min-height:92px;
  resize:vertical;
}
.oroko-details-section input,
.oroko-details-section select,
.oroko-details-section textarea{
  width:100%;
  border-radius:8px;
}

/* Analysis: charting from the already-filtered, existing annotation register. */
.oroko-analysis-visuals{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:28px;
  margin:30px 0;
}
.oroko-analysis-chart{min-width:0;}
.oroko-analysis-chart .oroko-section-rule{margin-bottom:18px;}
.oroko-analysis-donut-layout{
  display:grid;
  grid-template-columns:148px minmax(0,1fr);
  align-items:center;
  gap:22px;
}
.oroko-analysis-donut{
  width:148px;
  height:148px;
  border-radius:50%;
  display:grid;
  place-items:center;
  position:relative;
}
.oroko-analysis-donut:before{
  content:"";
  position:absolute;
  inset:26px;
  background:var(--surface, #fff);
  border-radius:50%;
}
.oroko-analysis-donut>div{
  position:relative;
  display:grid;
  gap:2px;
  text-align:center;
  color:var(--ink);
}
.oroko-analysis-donut strong{
  font-size:26px;
  line-height:1;
  font-weight:750;
}
.oroko-analysis-donut small{
  font-size:10px;
  color:var(--muted);
}
.oroko-analysis-legend{display:grid;gap:10px;min-width:0;}
.oroko-analysis-legend-item{
  display:grid;
  grid-template-columns:9px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  font-size:10.5px;
}
.oroko-analysis-legend-item i{
  width:9px;
  height:9px;
  border-radius:3px;
}
.oroko-analysis-legend-item span{
  overflow-wrap:anywhere;
  color:var(--muted);
}
.oroko-analysis-legend-item strong{font-size:11px;color:var(--ink);}
.oroko-analysis-bars{display:grid;gap:10px;}
.oroko-analysis-bar-row{
  display:grid;
  grid-template-columns:minmax(85px,1fr) minmax(60px,1.5fr) 22px;
  align-items:center;
  gap:11px;
  width:100%;
  border:0;
  background:transparent;
  padding:3px 0;
  text-align:left;
  cursor:pointer;
  font:inherit;
  color:var(--ink);
}
.oroko-analysis-bar-row:hover .oroko-analysis-bar-title{color:var(--orange);}
.oroko-analysis-bar-title{
  font-size:10.5px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.oroko-analysis-track{
  height:9px;
  border-radius:5px;
  background:var(--line);
  overflow:hidden;
}
.oroko-analysis-track>span{
  display:block;
  height:100%;
  border-radius:5px;
  background:var(--orange);
}
.oroko-analysis-bar-row strong{
  font-size:10px;
  text-align:right;
  font-variant-numeric:tabular-nums;
}
.oroko-chart-empty{font-size:11px;color:var(--muted);margin:0;line-height:1.5;}
.oroko-analysis-page .oroko-filter-bar{
  padding:15px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

/* Governance: no more side-by-side history scroll wells. */
.oroko-governance-tabs{
  display:flex;
  gap:22px;
  margin:26px 0 0;
  border-bottom:1px solid var(--line);
  overflow-x:auto;
  scrollbar-width:thin;
}
.oroko-governance-tabs button{
  border:0;
  border-bottom:2px solid transparent;
  background:transparent;
  padding:12px 2px;
  margin-bottom:-1px;
  white-space:nowrap;
  color:var(--muted);
  font:inherit;
  font-weight:700;
  font-size:11px;
  cursor:pointer;
}
.oroko-governance-tabs button.active{
  color:var(--ink);
  border-bottom-color:var(--orange);
}
.oroko-governance-tabs button:hover{color:var(--ink);}
.oroko-governance-panel{padding:24px 0 16px;min-width:0;}
.oroko-governance-panel[hidden]{display:none!important;}
.oroko-governance-panel .oroko-governance-primary{display:block;max-width:850px;}
.oroko-governance-panel .oroko-governance-review{max-width:820px;}
.oroko-governance-panel .oroko-access-list{max-width:820px;}
.oroko-governance-panel .erow-list{max-width:100%;}
.oroko-governance-panel .erow{
  display:grid;
  grid-template-columns:75px minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
}
.oroko-governance-panel .erow .rmeta{
  font-variant-numeric:tabular-nums;
}
.oroko-audit-list{display:grid;gap:0;}
.oroko-audit-item{
  padding:19px 4px;
  border-bottom:1px solid var(--line);
}
.oroko-audit-heading{
  display:flex;
  gap:14px;
  align-items:baseline;
  justify-content:space-between;
  flex-wrap:wrap;
}
.oroko-audit-heading strong{
  font-size:12.5px;
  font-weight:750;
  color:var(--ink);
}
.oroko-audit-heading time{
  font-size:10px;
  font-variant-numeric:tabular-nums;
  color:var(--muted);
}
.oroko-audit-description{
  font-size:11.5px;
  line-height:1.55;
  color:var(--muted);
  margin:7px 0;
}
.oroko-audit-meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.oroko-audit-meta>span{
  color:var(--muted);
  font-size:9.5px;
  padding:4px 7px;
  border-radius:5px;
  background:var(--surface-soft);
}
.oroko-audit-more{margin-top:9px;font-size:10.5px;color:var(--muted);}
.oroko-audit-more summary{cursor:pointer;color:var(--ink);font-weight:700;}
.oroko-audit-more p{margin:6px 0 0;}

/* The public read-only page shares the continuous document visual language. */
.oroko-shared-document .flow{max-width:850px;}
.oroko-shared-document .step{
  grid-template-columns:37px minmax(0,1fr);
  gap:15px;
  padding-bottom:0;
}
.oroko-shared-document .step:not(:last-child):after{
  left:17px;
  top:35px;
  bottom:0;
}
.oroko-shared-document .step .num{
  width:34px;
  height:34px;
  border-radius:9px;
  font-size:11px;
}
.oroko-shared-document .step-card{
  padding:15px 0 24px;
  margin-bottom:5px;
  border:0;
  border-bottom:1px solid var(--line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.oroko-shared-document .step-card h3{font-size:16px;letter-spacing:-.025em;margin-bottom:9px;}
.oroko-shared-document .step-card p{font-size:12.5px;line-height:1.7;}
.oroko-shared-document .detail span{border-radius:4px;}

@media(max-width:900px){
  .oroko-analysis-visuals{grid-template-columns:1fr;gap:26px;}
  .oroko-analysis-donut-layout{grid-template-columns:148px minmax(0,1fr);}
}
@media(max-width:720px){
  .oroko-details-page,
  .oroko-analysis-page,
  .oroko-governance-page{padding:22px 16px 48px!important;}
  .oroko-details-section .field-row{display:grid;grid-template-columns:1fr;}
  .oroko-details-form{width:100%;}
  .oroko-analysis-donut-layout{grid-template-columns:125px minmax(0,1fr);gap:14px;}
  .oroko-analysis-donut{height:125px;width:125px;}
  .oroko-analysis-donut:before{inset:23px;}
  .oroko-governance-tabs{gap:16px;}
  .oroko-governance-panel .erow{grid-template-columns:50px minmax(0,1fr);}
  .oroko-governance-panel .erow .rmeta{grid-column:2;}
  .oroko-audit-heading{align-items:start;}
}
@media(max-width:420px){
  .oroko-analysis-donut-layout{grid-template-columns:1fr;justify-items:center;}
  .oroko-analysis-legend{width:100%;}
}
@media print{
  .oroko-governance-tabs, .oroko-analysis-visuals, .oroko-analysis-page .oroko-filter-bar{break-inside:avoid;}
  .oroko-procedure-context{break-inside:avoid;}
  .oroko-shared-document .toolbar{display:none;}
}