body:has(#workbench:not([hidden])) { display: block; padding: 0; background: #f4f6f8; }
body:has(#workbench:not([hidden])) #access-card { width: 100%; max-width: none; border: 0; border-radius: 0; box-shadow: none; padding: 16px 32px; display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
body:has(#workbench:not([hidden])) #access-card .brand { margin: 0; }
body:has(#workbench:not([hidden])) #access-card h1,body:has(#workbench:not([hidden])) #access-card .intro,body:has(#workbench:not([hidden])) #access-card .note { display: none; }
body:has(#workbench:not([hidden])) #access-card .status { margin: 0; padding: 8px 12px; max-width: 590px; font-size: 12px; }
body:has(#workbench:not([hidden])) #access-card .actions { margin-left: auto; }
#workbench { width: 100%; color: #183240; font-size: 14px; }
.wb-shell { display: grid; grid-template-columns: 228px minmax(0,1fr); min-height: calc(100vh - 90px); }
.wb-side { background: #142f3d; color: #c2d1d9; padding: 32px 20px; }
.wb-side strong { color: white; font-size: 21px; display: block; margin-bottom: 6px; }
.wb-side p { line-height: 1.6; font-size: 12px; margin-bottom: 28px; }
.wb-nav { display: grid; gap: 8px; }
.wb-nav button { border: 0; color: #c9dbe4; background: transparent; text-align: left; padding: 13px 14px; font-size: 14px; }
.wb-nav button[aria-current="page"] { background: #265363; color: white; }
.wb-main { min-width: 0; padding: 32px clamp(18px,3vw,46px) 64px; max-width: 1500px; }
.wb-top { display: flex; justify-content: space-between; gap: 20px; align-items: start; margin-bottom: 24px; }
.wb-top h2 { font-size: 28px; letter-spacing: -.025em; margin: 6px 0; }
.wb-eyebrow { color: #2b777a; font-weight: 750; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; margin: 0; }
.wb-muted { color: #627885; line-height: 1.6; }
.wb-notice { background: #fff5df; border: 1px solid #eedcb0; padding: 14px 18px; color: #6a531c; border-radius: 8px; margin-bottom: 22px; line-height: 1.6; }
.wb-cards { display: grid; grid-template-columns: repeat(4,minmax(120px,1fr)); gap: 16px; margin: 24px 0; }
.wb-stat { background: white; border: 1px solid #dde5e9; border-radius: 10px; padding: 20px; }
.wb-stat strong { display: block; font-size: 30px; margin-top: 12px; font-weight: 650; }
.wb-panel { background: white; border: 1px solid #dde5e9; border-radius: 10px; padding: 24px; margin: 18px 0; overflow: auto; }
.wb-panel h3 { margin: 0 0 18px; font-size: 18px; }
.wb-panel h4 { margin: 12px 0; }
.wb-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.wb-table th { color: #5b737f; text-align: left; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; background: #f7f9fa; }
.wb-table td,.wb-table th { padding: 13px 12px; border-bottom: 1px solid #e7edf0; vertical-align: top; white-space: pre-wrap; overflow-wrap: anywhere; }
.wb-table td:first-child { font-weight: 600; }
.wb-badge { display: inline-block; border-radius: 5px; padding: 5px 8px; font-size: 11px; background: #e9f3f2; color: #356e69; }
.wb-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.wb-field { display: grid; gap: 7px; color: #3f5a68; font-size: 13px; }
.wb-field input,.wb-field textarea,.wb-field select,.wb-select { font: inherit; border: 1px solid #c8d7de; border-radius: 6px; padding: 10px 11px; min-width: 0; background: white; color: #183240; width: 100%; }
.wb-field textarea { min-height: 150px; resize: vertical; }
.wb-field input:focus,.wb-field textarea:focus,.wb-field select:focus { outline: 2px solid #499c9f; outline-offset: 1px; }
.wb-wide { grid-column: 1/-1; }
.wb-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 18px 0 0; }
.wb-small { font-size: 12px; padding: 9px 13px; }
.wb-entry { border: 1px solid #dce6ea; background: #fafdfe; padding: 18px; border-radius: 8px; margin: 14px 0; }
.wb-check { display: flex; align-items: start; gap: 10px; margin: 10px 0; line-height: 1.5; }
.wb-check input { margin-top: 3px; }
.wb-message { margin: 14px 0; line-height: 1.6; color: #6a531c; }
.wb-preview { white-space: pre-wrap; line-height: 1.7; background: #f7f9fa; padding: 20px; border-radius: 6px; overflow-wrap: anywhere; }
.wb-flow { display: grid; gap: 10px; counter-reset: step; }
.wb-flow p { margin: 0; padding: 16px; background: #f2f7f8; border-left: 3px solid #3c8587; line-height: 1.7; }
.wb-queue-filters { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 20px; }
.wb-queue-filters [aria-pressed="true"] { background: #265363; color: white; }
.wb-work-card { border-top: 1px solid #dde5e9; padding: 20px 0; }
.wb-work-card .wb-badge { margin: 0 6px 6px 0; }
.wb-work-card button { margin: 6px 8px 0 0; }
.wb-next { font-weight: 600; line-height: 1.6; }
.wb-timeline { border-left: 2px solid #b9d1d5; padding-left: 28px; margin: 28px 0 0 12px; }
.wb-timeline li { padding: 0 0 24px 8px; overflow-wrap: anywhere; }
.wb-timeline li::marker { color: #2b777a; }
.wb-comparison-item { margin-top: 24px; padding-top: 12px; border-top: 2px solid #dae6e9; }
.wb-comparison-item .wb-table { min-width: 1080px; }
.wb-comparison-item details { margin: 12px 0; overflow-wrap: anywhere; }
.wb-comparison-item summary { cursor: pointer; font-weight: 600; }
@media(max-width:1000px) { .wb-shell { grid-template-columns: 180px minmax(0,1fr); } .wb-cards { grid-template-columns: repeat(2,1fr); } }
@media(max-width:700px) { .wb-shell { display: block; } .wb-side { padding: 18px; } .wb-side p { margin: 4px 0 12px; } .wb-nav { grid-template-columns: 1fr 1fr; } .wb-top { display: block; } .wb-fields { grid-template-columns: 1fr; } .wb-main { padding: 24px 16px; } .wb-panel { padding: 16px; } body:has(#workbench:not([hidden])) #access-card { padding: 16px; } }