/* Authenticated roles and review workflows share ABITRIA's restrained palette. */
.v4-sidebar .panel-nav-group{border:0;border-bottom:1px solid #ffffff12;padding:0 0 9px;margin:0 0 9px;min-width:0}
.v4-sidebar .panel-nav-group>summary{padding:12px 8px;color:#efc562;font-size:11px;letter-spacing:.08em;font-weight:700;cursor:pointer;list-style-position:inside}
.v4-sidebar .panel-nav-group>summary:focus-visible{outline:2px solid #efc562;outline-offset:2px;border-radius:4px}
.v4-sidebar .panel-nav-group>div{display:grid;gap:3px}
.v4-sidebar .panel-nav-group a{line-height:1.4;white-space:normal;min-height:42px}
.panel-role-hero{position:relative;overflow:hidden;padding:34px 36px;margin:0 0 26px;border-radius:18px;background:linear-gradient(115deg,#0b202b,#163e49);color:#fff}
.panel-role-hero:after{content:'⬡';position:absolute;right:20px;top:-52px;color:#eab84f12;font-size:250px;line-height:1;pointer-events:none}
.panel-role-hero .ab-eyebrow{color:#f5c465}
.panel-role-hero h2{position:relative;z-index:1;color:#fff;font-size:clamp(1.6rem,2.5vw,2.2rem);line-height:1.18;letter-spacing:-.035em;margin:12px 0}
.panel-role-hero p{position:relative;z-index:1;color:#cedde2;max-width:710px;line-height:1.7;font-size:14px;margin:0}
.panel-role-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px;position:relative;z-index:1}
.panel-role-tags span{border:1px solid #e7ba5a55;border-radius:30px;padding:5px 11px;color:#f3d28d;font-size:11px}
.panel-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:26px}
.panel-metrics>div{background:#fff;border:1px solid #dce5e7;border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:7px;min-width:0}
.panel-metrics strong{color:#173540;font-size:30px;line-height:1;font-variant-numeric:tabular-nums}
.panel-metrics span{color:#607581;font-size:12px;line-height:1.5}
.panel-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:22px}
.panel-action-grid .v4-card{margin:0;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.panel-action-grid .v4-card p{flex:1}
.panel-action-grid .v4-card h2{font-size:18px}
.panel-pending-list{display:grid;gap:8px}
.panel-pending-list>a{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#173540;padding:16px;border:1px solid #e0e8e9;border-radius:8px;text-decoration:none}
.panel-pending-list>a:hover,.workflow-record:hover{border-color:#c49a3e;background:#fffaf0}
.panel-pending-list small{display:block;font-size:12px;color:#657c88;margin-top:5px}
.panel-preferences{border:1px solid #dce5e7;border-radius:10px;padding:18px;margin:22px 0;min-width:0}
.panel-preferences legend{font-weight:700;color:#213e49;padding:0 7px;font-size:14px}
.panel-preferences p{font-size:12px;line-height:1.65;color:#596f7b;margin:0 0 12px}
.panel-preferences .v4-check{margin:12px 0}
.panel-export-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 28px}
.panel-security-steps{padding-left:22px;color:#526d79;line-height:1.7;font-size:14px}
.panel-security-steps li{margin:12px 0}
.panel-security-secret{padding:20px;border:1px solid #ddc88f;background:#fffaf0;border-radius:10px;margin:20px 0;max-width:650px}
.panel-security-secret input[name=setup_secret]{font-family:ui-monospace,Consolas,monospace;font-size:15px;letter-spacing:.035em}
.workflow-card,.workflow-detail{min-width:0}
.workflow-card h2{font-size:20px}
.workflow-create{border:1px solid #dbe4e5;border-radius:10px;padding:0 18px;margin:14px 0;background:#fcfdfd}
.workflow-create>summary{cursor:pointer;padding:18px 0;color:#1c3a47;font-weight:650;font-size:14px;line-height:1.5}
.workflow-create form{padding:8px 0 20px;max-width:820px}
.workflow-record-list{display:grid;gap:12px}
.workflow-record{display:flex;gap:18px;align-items:center;justify-content:space-between;border:1px solid #dbe4e5;border-radius:10px;padding:19px 21px;text-decoration:none;color:#1d3946;transition:border-color .15s,background .15s;min-width:0}
.workflow-record>div{min-width:0}
.workflow-record h3{font-size:16px;line-height:1.45;margin:7px 0;overflow-wrap:anywhere}
.workflow-record p{font-size:12px;color:#687d87;margin:0}
.workflow-record>.ab-icon{flex-shrink:0}
.workflow-kind{font-size:11px;color:#99701e;font-weight:650;letter-spacing:.02em;line-height:1.55}
.workflow-back{margin-bottom:18px}
.workflow-detail>h2{margin:10px 0;font-size:clamp(1.35rem,2vw,1.8rem);overflow-wrap:anywhere}
.workflow-detail-section{padding:22px 0;border-top:1px solid #e0e8e9;margin-top:18px}
.workflow-detail-section h3{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#687b85;margin:0 0 10px}
.workflow-detail-section p{line-height:1.75;overflow-wrap:anywhere}
.cc-workflows-launch{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border:1px solid #d8e2e4;background:#fff;border-radius:14px;margin-bottom:24px}
.cc-workflows-launch h3{margin:0 0 8px;font-size:17px;color:#193843}
.cc-workflows-launch p{margin:0;font-size:13px;line-height:1.6;color:#627780;max-width:660px}
.cc-workflows-launch>a{flex-shrink:0}
@media(max-width:1100px){.panel-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-role-hero{padding:28px}.cc-workflows-launch{align-items:flex-start;flex-direction:column;gap:16px}}
@media(max-width:760px){
 .v4-sidebar nav:has(.panel-nav-group){display:none}
 .v4-worktop{align-items:flex-start;gap:14px;flex-wrap:wrap}
 .v4-worktop h1{font-size:22px;overflow-wrap:anywhere}
 .v4-worktop .v4-identity{text-align:left;max-width:100%;overflow-wrap:anywhere}
 .v4-mobile-section select{width:100%;max-width:100%;font-size:14px;min-height:46px}
 .panel-role-hero{border-radius:12px;padding:25px 22px;margin-bottom:20px}
 .panel-role-hero p{font-size:13px}
 .panel-role-hero:after{right:-40px;top:-15px;font-size:210px}
 .panel-metrics{gap:10px;margin-bottom:20px}
 .panel-metrics>div{padding:18px 15px}
 .panel-metrics strong{font-size:26px}
 .panel-action-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .panel-export-actions{flex-direction:column;align-items:stretch}
 .panel-export-actions .ab-btn{text-align:center;white-space:normal;justify-content:center}
 .panel-preferences{padding:16px 13px}
 .workflow-record{padding:16px;gap:12px}
 .workflow-create{padding:0 14px}
 .workflow-create form .ab-btn,.workflow-card form>.ab-btn{max-width:100%;white-space:normal;justify-content:center}
 .cc-workflows-launch{padding:20px}
}
@media(prefers-reduced-motion:reduce){.workflow-record{transition:none}}
