/* Director Workbench: shared by formal and test editions; does not touch editor viewport. */
#boardsView.director-workbench[hidden]{display:none!important}
#boardsView.director-workbench{display:flex!important;position:relative;overflow:hidden;background:var(--bg)}
#boardsView.director-workbench .director-sidebar{position:relative;flex:0 0 224px;width:224px;min-width:0;display:flex;flex-direction:column;gap:17px;padding:20px 12px 16px;border-right:1px solid var(--hair);background:linear-gradient(155deg,rgba(46,53,58,.22),rgba(9,13,17,.16));backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);transition:flex-basis .22s,width .22s;z-index:2}
#boardsView.director-workbench .director-side-head{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:43px;padding:4px 7px}
#boardsView.director-workbench .director-side-title{font-size:13px;font-weight:700;white-space:nowrap;letter-spacing:.025em}
#boardsView.director-workbench .director-side-subtitle{font-size:9px;display:block;color:var(--muted);letter-spacing:.12em;margin-top:3px}
#boardsView.director-workbench .director-collapse,#boardsView.director-workbench .director-nav-item{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:11px;display:flex;align-items:center;text-align:left;gap:12px;min-height:42px;padding:0 13px;white-space:nowrap}
#boardsView.director-workbench .director-collapse{flex:0 0 34px;width:34px;min-height:34px;justify-content:center;padding:0;border-color:var(--hair);color:var(--text)}
#boardsView.director-workbench .director-collapse:hover,#boardsView.director-workbench .director-nav-item:hover{background:var(--hair);color:var(--text)}
#boardsView.director-workbench .director-side-nav{display:flex;flex-direction:column;gap:6px}
#boardsView.director-workbench .director-nav-item{font-size:12px;font-weight:600;width:100%}
#boardsView.director-workbench .director-nav-icon{font-size:18px;width:22px;display:grid;place-items:center;flex:0 0 22px;font-weight:400}
#boardsView.director-workbench .director-nav-item.active{background:linear-gradient(130deg,rgba(237,201,109,.14),rgba(237,201,109,.03));border-color:rgba(237,201,109,.32);color:var(--accent-strong);box-shadow:inset 2px 0 var(--accent)}
#boardsView.director-workbench .director-side-foot{margin-top:auto;padding:14px 9px;color:var(--faint);font-size:10px;line-height:1.8}
#boardsView.director-workbench.director-collapsed .director-sidebar{flex-basis:76px;width:76px;padding-left:8px;padding-right:8px}
#boardsView.director-workbench.director-collapsed .director-nav-item{justify-content:center;padding:0}
#boardsView.director-workbench.director-collapsed .director-side-title,#boardsView.director-workbench.director-collapsed .director-side-subtitle,#boardsView.director-workbench.director-collapsed .director-nav-label,#boardsView.director-workbench.director-collapsed .director-side-foot{display:none}
#boardsView.director-workbench.director-collapsed .director-side-head{justify-content:center;padding:4px 0}
#boardsView.director-workbench .boards-inner{position:relative;flex:1 1 auto;min-width:0;max-width:none;margin:0;overflow-y:auto;padding:36px clamp(22px,4vw,68px) 72px}
#boardsView.director-workbench .director-hero{position:relative;min-height:232px;padding:28px 6px 20px;isolation:isolate;overflow:hidden}
#boardsView.director-workbench .director-hero .director-eyebrow{position:relative;z-index:1;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.24em}
#boardsView.director-workbench .director-hero h1{position:relative;z-index:1;font-size:clamp(30px,3.7vw,49px);line-height:1.22;letter-spacing:-.042em;margin:18px 0 14px}
#boardsView.director-workbench .director-hero h1 em{font-style:normal;color:var(--accent)}
#boardsView.director-workbench .director-hero p{position:relative;z-index:1;color:var(--muted);max-width:660px;font-size:13px;line-height:1.9}
#boardsView.director-workbench .director-hero-aurora{position:absolute;right:-5%;top:-80px;width:min(550px,63%);height:360px;pointer-events:none;opacity:.75;filter:blur(14px);background:radial-gradient(ellipse at 64% 38%,rgba(255,219,142,.20),transparent 43%),radial-gradient(ellipse at 48% 52%,rgba(97,149,183,.25),transparent 55%),radial-gradient(ellipse at 75% 70%,rgba(228,177,112,.12),transparent 60%);animation:director-aurora-drift 13s ease-in-out infinite alternate;z-index:0}
#boardsView.director-workbench .director-hero-aurora:after{content:"";position:absolute;inset:25% 15%;border-radius:50%;border:1px solid rgba(255,228,169,.2);transform:rotate(-15deg);box-shadow:0 0 70px rgba(227,192,134,.1),inset 0 0 50px rgba(114,160,187,.1)}
@keyframes director-aurora-drift{from{transform:translate3d(0,-15px,0) rotate(-7deg) scale(.96)}to{transform:translate3d(-33px,22px,0) rotate(7deg) scale(1.12)}}
#boardsView.director-workbench .director-panel .board-toolbar{margin-top:22px}
#boardsView.director-workbench .director-panel .director-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:16px}
#boardsView.director-workbench .director-item{min-width:0;display:flex;flex-direction:column;align-items:stretch;text-align:left;overflow:hidden;min-height:170px;border:1px solid var(--edge);border-radius:15px;background:var(--glass);color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.055);transition:border-color .18s,transform .18s}
#boardsView.director-workbench .director-item:hover{border-color:rgba(237,201,109,.50);transform:translateY(-2px)}
#boardsView.director-workbench .director-item-cover{min-height:116px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(140deg,rgba(139,163,173,.09),rgba(75,86,93,.03));font-size:26px;color:var(--muted)}
#boardsView.director-workbench .director-item-cover img{width:100%;height:130px;object-fit:cover;display:block}
#boardsView.director-workbench .director-item-detail{display:flex;flex-direction:column;gap:6px;padding:11px 13px}
#boardsView.director-workbench .director-item-detail strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
#boardsView.director-workbench .director-item-detail small{font-size:10px;color:var(--muted)}
#boardsView.director-workbench .director-empty{border:1px dashed var(--edge);border-radius:15px;padding:48px 22px;color:var(--muted);font-size:12px;line-height:1.8;text-align:center}
#boardsView.director-workbench .director-panel[hidden]{display:none!important}
body[data-theme=light] #boardsView.director-workbench .director-sidebar{background:linear-gradient(155deg,rgba(255,255,255,.76),rgba(232,236,237,.45))}
body[data-theme=light] #boardsView.director-workbench .director-hero-aurora{opacity:.45}
@media(prefers-reduced-motion:reduce){#boardsView.director-workbench .director-hero-aurora{animation:none}}
@media(max-width:780px){#boardsView.director-workbench{flex-direction:column}#boardsView.director-workbench .director-sidebar,#boardsView.director-workbench.director-collapsed .director-sidebar{width:100%;flex:0 0 auto;min-height:0;padding:6px 10px;border-right:0;border-bottom:1px solid var(--hair)}#boardsView.director-workbench .director-side-head,#boardsView.director-workbench .director-side-foot{display:none}#boardsView.director-workbench .director-side-nav{flex-direction:row;overflow-x:auto}#boardsView.director-workbench .director-nav-item,#boardsView.director-workbench.director-collapsed .director-nav-item{width:auto;min-width:70px;justify-content:center;padding:7px 10px;flex-direction:column;gap:3px;font-size:10px}#boardsView.director-workbench.director-collapsed .director-nav-label{display:inline}#boardsView.director-workbench .boards-inner{padding:18px 18px 48px}#boardsView.director-workbench .director-hero{min-height:210px}#boardsView.director-workbench .director-hero p{max-width:90%}}

/* Same animated 3D wireframe grammar as the official website hero, kept
   lightweight and clipped within the upper-right workspace heading. */
#boardsView.director-workbench .director-hero-canvas{position:absolute;inset:0 0 auto auto;width:min(55%,600px);height:100%;opacity:.74;z-index:0;pointer-events:none;mix-blend-mode:screen}
body[data-theme=light] #boardsView.director-workbench .director-hero-canvas{mix-blend-mode:multiply;opacity:.32}
@media(max-width:780px){#boardsView.director-workbench .director-hero-canvas{width:66%;opacity:.3}}