/* Shared workspace surfaces. Kept separate from the public landing page. */
html:has(#workspace){color-scheme:dark}
#workspace,#workspace *,dialog,.uf-select-popup,.field-help-popup{scrollbar-width:thin;scrollbar-color:#9d875655 transparent}
#workspace:hover,.uf-select-popup:hover,dialog:hover{scrollbar-color:#bba16b88 transparent}
#workspace::-webkit-scrollbar,#workspace *::-webkit-scrollbar,dialog::-webkit-scrollbar{width:6px;height:6px}
#workspace::-webkit-scrollbar-track,#workspace *::-webkit-scrollbar-track,dialog::-webkit-scrollbar-track{background:transparent}
#workspace::-webkit-scrollbar-thumb,#workspace *::-webkit-scrollbar-thumb,dialog::-webkit-scrollbar-thumb{background:#b39a6260;border-radius:8px}
#workspace *::-webkit-scrollbar-thumb:hover{background:#cfb575a0}
#workspace .cab-main,#workspace #content,#workspace .workspace-card,#workspace .cab-form,#workspace .cab-heading,#workspace .cab-stats>div{min-width:0}
#workspace .cab-heading h1{overflow-wrap:anywhere;text-wrap:balance}
#workspace .cab-heading p{max-width:850px}
#workspace .workspace-card{border-color:#d8c38e28;border-radius:6px}
#workspace .workspace-card h2{font-size:22px;font-weight:500;line-height:1.4}
#workspace .workspace-actions{align-items:center;gap:10px}
#workspace .workspace-actions>button{min-height:44px}
#workspace .notice{font-size:14px;line-height:1.7;overflow-wrap:anywhere;border-color:#d8c38e25;border-radius:4px}
#workspace .cab-toolbar{min-height:26px;flex-wrap:wrap}
#workspace .cab-form,#workspace .compact-form{width:100%;max-width:min(100%,850px)}
#workspace :is(input,textarea,select,button){max-width:100%}
#workspace input[type=checkbox],#workspace input[type=radio]{accent-color:#d8c38e}
#workspace input[type=checkbox],#workspace input[type=radio]{width:17px;height:17px;flex-shrink:0;padding:0}
#workspace textarea:focus-visible,#workspace input:focus-visible{outline:1px solid #d8c38e;outline-offset:2px}
#workspace .cab-stats small{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
#workspace .cab-stats strong{font-size:42px}
#workspace table{display:block;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
#workspace .audit-search{display:grid;gap:8px;max-width:560px;margin:24px 0;color:#cdb98d;font-size:13px}
#workspace .audit-search input{width:100%;padding:12px 14px;background:#12151b;color:#ece8de;border:1px solid #ffffff25;font:inherit}
#workspace .audit-search input:focus-visible{border-color:#d8c38e}
#workspace table th,#workspace table td{overflow-wrap:anywhere}
.release-modal{max-width:min(720px,calc(100vw - 32px));max-height:calc(100svh - 40px);overflow-y:auto;overscroll-behavior:contain;border-radius:8px}
.release-modal textarea,.release-modal input{max-width:100%;box-sizing:border-box}
.release-modal h2{overflow-wrap:anywhere;line-height:1.2}
@media(min-width:621px){
  #workspace{grid-template-columns:240px minmax(0,1fr)}
  body>#workspace .cab-sidebar{position:sticky;top:0;align-self:start;height:100svh;min-height:0;overflow:hidden;padding:26px 18px 18px}
  #workspace .cab-brand{flex-shrink:0;padding:0 6px}
  #workspace .cab-identity{flex-shrink:0;margin:30px 6px 24px;min-width:0}
  #workspace .cab-identity>span{flex-shrink:0}
  #workspace #identity{overflow-wrap:anywhere;min-width:0}
  #workspace .cab-sidebar nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;align-content:start;gap:4px;padding:2px 8px 8px 2px;scroll-padding:8px}
  #workspace .cab-sidebar nav button{min-height:44px;padding:10px 12px;line-height:1.5;border-left:2px solid transparent;border-radius:4px;font-size:13px;gap:10px}
  #workspace .cab-sidebar nav button.active{border-left-color:#d8c38e;background:#d8c38e13}
  #workspace .cab-sidebar nav button .uf-icon{flex-shrink:0}
  #workspace .cab-sidebar nav button span{overflow-wrap:anywhere}
  #workspace .cab-exit{flex-shrink:0;margin-top:12px!important;padding:14px 14px 6px!important;border-top:1px solid #d8c38e20;font-size:13px!important;min-height:42px}
}
@media(min-width:621px) and (max-width:900px){#workspace{grid-template-columns:190px minmax(0,1fr)}body>#workspace .cab-sidebar{padding:22px 10px 16px}#workspace .cab-sidebar nav button{padding:10px 8px;gap:8px;font-size:12px}}
@media(max-width:620px){
  #workspace .cab-main{padding:22px 16px 110px}
  #workspace .cab-sidebar{padding:20px 16px 12px}
  #workspace .cab-sidebar nav{padding:4px 0 10px;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
  #workspace .cab-sidebar nav button{flex:0 0 auto;min-height:44px;scroll-snap-align:start;padding:10px 12px;font-size:13px}
  #workspace .cab-heading{margin:28px 0 24px}
  #workspace .cab-heading h1{font-size:38px}
  #workspace .workspace-card{padding:18px}
  #workspace .workspace-card h2{font-size:20px}
  #workspace .cab-stats{grid-template-columns:1fr}
  #workspace .cab-stats>div{border-right:0;border-bottom:1px solid #d8c38e20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px}
  #workspace .cab-stats strong{font-size:34px;margin:0}
  #workspace .cab-stats>div:last-child{border-bottom:0}
  #workspace .workspace-actions{align-items:stretch}
  #workspace .workspace-actions>button{white-space:normal}
  #workspace .wizard-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  #workspace .wizard-steps button{min-width:0;white-space:normal;font-size:13px}
  #workspace .wizard-actions button{font-size:13px;min-height:44px}
  .release-modal{padding:22px 18px}
}