/* Process profile, Governance and Workspace Settings.
   Unified tab rhythm; intentionally scoped to the three existing pages. */
:root{
  --oroko-tab-font:13.5px;
  --oroko-tab-accent:var(--orange,#ff6200);
}
.oroko-governance-tabs,
.oroko-details-tabs,
[data-oroko-settings] .oroko-settings-tabs{
  display:flex;
  align-items:stretch;
  width:100%;
  min-width:0;
  gap:25px;
  margin:18px 0 0;
  padding:0;
  border:0;
  border-bottom:1px solid var(--line);
  background:transparent;
  overflow-x:auto;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}
.oroko-governance-tabs>button,
.oroko-details-tabs>button,
[data-oroko-settings] .oroko-settings-tabs>.b5-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-height:44px;
  margin:0 0 -1px;
  padding:10px 2px 9px;
  color:var(--muted);
  border:0;
  border-bottom:2px solid transparent;
  background:transparent;
  box-shadow:none;
  border-radius:0;
  font-family:inherit;
  font-size:var(--oroko-tab-font);
  line-height:1.35;
  font-weight:600;
  letter-spacing:-.01em;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
}
.oroko-governance-tabs>button.active,
.oroko-details-tabs>button.active,
[data-oroko-settings] .oroko-settings-tabs>.b5-tab.active,
.oroko-governance-tabs>button[aria-selected="true"],
.oroko-details-tabs>button[aria-selected="true"],
[data-oroko-settings] .oroko-settings-tabs>.b5-tab[aria-selected="true"]{
  color:var(--ink);
  border-bottom-color:var(--oroko-tab-accent);
  font-weight:750;
  background:transparent;
}
.oroko-governance-tabs>button:hover,
.oroko-details-tabs>button:hover,
[data-oroko-settings] .oroko-settings-tabs>.b5-tab:hover{color:var(--ink)}
.oroko-governance-tabs>button:focus-visible,
.oroko-details-tabs>button:focus-visible,
[data-oroko-settings] .oroko-settings-tabs>.b5-tab:focus-visible{
  outline:2px solid var(--oroko-tab-accent);
  outline-offset:-3px;
  border-radius:4px 4px 0 0;
}
.oroko-governance-panel[hidden],
.oroko-details-panel[hidden],
.oroko-settings-panel[hidden]{display:none!important}

/* GOVERNANCE — connect the section navigation with its selected content. */
.oroko-governance-page .oroko-page-head{margin-bottom:18px!important}
.oroko-governance-page .oroko-summary-strip{margin-bottom:14px}
.oroko-governance-page .oroko-summary-strip>div{padding-top:13px;padding-bottom:13px}
.oroko-governance-panel{padding:20px 0 24px}
.oroko-governance-panel>.oroko-section-rule,
.oroko-governance-panel>section>.oroko-section-rule,
.oroko-governance-panel .oroko-governance-primary .oroko-section-rule{
  margin-top:0!important;
}
.oroko-governance-panel .oroko-section-rule h2{font-size:15px;line-height:1.35}
.oroko-governance-panel .oroko-section-rule>span{font-size:11px;white-space:nowrap}
.oroko-governance-panel .oroko-audit-item{padding:13px 2px}
.oroko-governance-panel .oroko-audit-heading strong{font-size:13px}
.oroko-governance-panel .oroko-audit-description{margin:5px 0 7px;line-height:1.5}
.oroko-governance-panel .oroko-audit-meta{gap:6px}
.oroko-governance-panel .oroko-audit-meta>span{padding:3px 6px}

/* PROCESS DETAILS — keep form, title, tabs and Save on the same column. */
.oroko-details-page .oroko-page-head,
.oroko-details-page .oroko-details-tabs,
.oroko-details-page .oroko-details-form{
  width:min(900px,100%);
  max-width:900px;
  box-sizing:border-box;
}
.oroko-details-page .oroko-page-head{
  align-items:flex-end!important;
  gap:16px;
  margin-bottom:0!important;
  padding-bottom:20px!important;
}
.oroko-details-page .oroko-page-head>div{min-width:0}
.oroko-details-page .oroko-page-head #detailsSave{
  flex:0 0 auto;
  min-height:40px;
  padding:0 16px;
}
.oroko-details-page .oroko-details-tabs{margin-top:14px}
.oroko-details-page .oroko-details-form{display:block;padding-top:18px}
.oroko-details-panel{min-width:0}
.oroko-details-section{
  padding:0 0 23px;
  margin:0 0 23px;
  border-bottom:1px solid var(--line);
}
.oroko-details-section:last-child{margin-bottom:0}
.oroko-details-section>.oroko-section-rule{margin:0 0 17px!important;padding-bottom:10px}
.oroko-details-section .oroko-section-rule h2{
  font-size:15px;
  font-weight:750;
  line-height:1.35;
}
.oroko-details-section .oroko-section-rule>span{font-size:10.5px}
.oroko-details-section .field{margin-bottom:15px}
.oroko-details-section .field label{
  display:block;
  font-size:12px;
  line-height:1.4;
  font-weight:680;
  margin-bottom:7px;
}
.oroko-details-section .field input,
.oroko-details-section .field select{
  min-height:43px;
}
.oroko-details-section .field textarea{
  min-height:88px;
  line-height:1.5;
}
.oroko-details-section .field input,
.oroko-details-section .field textarea,
.oroko-details-section .field select{
  box-sizing:border-box;
  border-radius:9px;
  background:var(--surface);
  border:1px solid var(--line);
}
.oroko-details-section .field input:focus-visible,
.oroko-details-section .field textarea:focus-visible,
.oroko-details-section .field select:focus-visible{
  border-color:var(--oroko-tab-accent);
}
.oroko-field-note{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:10.5px;
  line-height:1.4;
}

.oroko-details-save-footer{display:none}
/* WORKSPACE SETTINGS — existing tabs, lower card density, editable details first. */
[data-oroko-settings] .oroko-settings-tabs{
  margin:0 0 20px;
}
[data-oroko-settings] .oroko-settings-content{display:block;min-width:0}
[data-oroko-settings] .oroko-settings-panel{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  align-items:start;
}
[data-oroko-settings] .oroko-settings-panel>.b5-card{
  min-width:0;
  background:var(--surface);
  border:1px solid var(--line);
  box-shadow:none;
  border-radius:12px;
  padding:19px 20px;
}
[data-oroko-settings] .oroko-settings-panel>.b5-card h2{
  font-size:15px;
  letter-spacing:-.025em;
  margin:0 0 8px;
}
[data-oroko-settings] .oroko-settings-panel .field label{font-size:12px}
[data-oroko-settings] .oroko-settings-panel .b5-input,
[data-oroko-settings] .oroko-settings-panel .b5-select{
  min-height:42px;
  max-width:100%;
  box-sizing:border-box;
}
[data-oroko-settings] .oroko-settings-panel .b5-endpoint{
  background:var(--surface-soft);
  border-color:var(--line);
}
[data-oroko-settings] .oroko-settings-panel[data-settings-panel="workspace"]>.b5-card:nth-child(2){
  order:0;
  grid-column:1/-1;
}
[data-oroko-settings] .oroko-settings-panel[data-settings-panel="workspace"]>.b5-card:nth-child(1){
  order:1;
}
[data-oroko-settings] .oroko-settings-panel[data-settings-panel="workspace"]>.b5-card:nth-child(3){
  order:2;
}
[data-oroko-settings] .oroko-settings-panel[data-settings-panel="workspace"]>.b5-card:nth-child(4){
  order:3;
}
[data-oroko-settings] .oroko-settings-panel[data-settings-panel="workspace"]>.b5-card:nth-child(5){
  order:4;
}
[data-oroko-settings] .oroko-settings-panel>.b5-card.wide{grid-column:1/-1}
[data-oroko-settings] .oroko-settings-panel .b5-btn{min-height:40px}
@media(max-width:900px){
  .oroko-governance-page .oroko-summary-strip strong{font-size:19px}
  .oroko-details-page .oroko-page-head,
  .oroko-details-page .oroko-details-tabs,
  .oroko-details-page .oroko-details-form{width:100%;max-width:100%}
}
@media(max-width:767px){
  .oroko-governance-tabs,.oroko-details-tabs,
  [data-oroko-settings] .oroko-settings-tabs{
    gap:19px;
    scroll-padding:0 16px;
    margin-top:12px;
  }
  .oroko-governance-tabs>button,.oroko-details-tabs>button,
  [data-oroko-settings] .oroko-settings-tabs>.b5-tab{font-size:13px;min-height:44px}
  .oroko-governance-page .oroko-page-head,
  .oroko-details-page .oroko-page-head{
    display:flex;
    align-items:flex-start!important;
    flex-direction:column;
    gap:12px;
  }
  .oroko-details-page .oroko-page-head #detailsSave{align-self:flex-start}
  .oroko-details-page{padding-bottom:100px!important}
  .oroko-details-save-footer{
    display:block;
    position:sticky;
    bottom:0;
    z-index:12;
    width:100%;
    box-sizing:border-box;
    padding:10px 0 calc(10px + env(safe-area-inset-bottom,0px));
    margin-top:18px;
    border-top:1px solid var(--line);
    background:var(--bg,var(--surface));
  }
  .oroko-details-save-footer button{
    display:block;
    width:100%;
    min-height:44px;
  }
  .oroko-details-section .field-row{grid-template-columns:minmax(0,1fr)}
  .oroko-details-section .oroko-section-rule>span{display:none}
  .oroko-governance-page .oroko-summary-strip>div{padding:12px 8px}
  .oroko-governance-page .oroko-summary-strip>div:first-child{padding-left:0}
  .oroko-governance-page .oroko-summary-strip small{font-size:8px}
  .oroko-governance-page .oroko-summary-strip strong{font-size:16px}
  .oroko-governance-panel .oroko-section-rule h2{font-size:14px}
  .oroko-governance-panel .oroko-audit-heading{align-items:flex-start}
  [data-oroko-settings] .oroko-settings-panel{
    grid-template-columns:minmax(0,1fr);
    gap:12px;
  }
  [data-oroko-settings] .oroko-settings-panel>.b5-card,
  [data-oroko-settings] .oroko-settings-panel>.b5-card.wide{grid-column:1/-1;padding:15px}
}
@media (max-width:420px){
  .oroko-governance-panel .oroko-audit-heading time{
    display:block;
    width:100%;
  }
}