/* Visual system for Shadowsgroup. Functional layout remains in workspace.css. */
:root{font-family:'Segoe UI',Inter,system-ui,sans-serif;background:#101117;color:#f0f1f7;--accent:#b0a0ff;--muted:#9295ac}
body{background:#101117}aside{width:246px;background:linear-gradient(180deg,#171821,#12131a);border-right:1px solid #ffffff09;padding:30px 20px;gap:0}.brand{font-size:21px;letter-spacing:1.4px;padding:0 4px}.brand-mark{width:43px;height:43px;background:#252532;border-radius:13px;padding:5px}.brand small{color:#8e8fa5;letter-spacing:2px;font-size:9px;margin-top:7px}.primary{border:0;border-radius:12px;background:linear-gradient(110deg,#b4a3ff,#8e8df8);box-shadow:0 5px 24px #9480fc22;color:#19172e;font-size:13px;padding:14px;font-weight:650;margin:32px 0 27px}.primary:hover{background:#c2b6ff;box-shadow:0 5px 28px #9480fc38}nav{gap:7px}nav button{border-radius:11px;padding:13px 14px;display:flex;align-items:center;gap:12px;font-size:13px;color:#a7a9bd}nav button.active{background:linear-gradient(110deg,#a293ff20,#a293ff08);color:#d2caff;box-shadow:inset 3px 0 0 #ab9afa}nav button:hover,#folders button:hover{background:#ffffff06}.ui-icon{width:18px;height:18px;flex-shrink:0;display:inline-block;vertical-align:middle;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.side-title{font-size:9px;letter-spacing:1.2px;margin-top:34px;margin-bottom:14px;color:#777b92}#folders button{border-radius:10px;padding:10px;color:#a1a4b9;line-height:1.5;font-size:12px}.team-tools{border-top:1px solid #ffffff09;padding-top:18px;margin-top:24px;gap:3px}.team-tools button{border:0;color:#9297ac;padding:9px 10px;border-radius:8px}.team-tools button:hover{background:#ffffff06;color:#d9d7f4}.team-tools small{font-size:9px;color:#6f748b}.storage{background:#1f202b80;border:1px solid #ffffff08;padding:15px;border-radius:12px;margin-top:20px}.storage span{font-size:11px;color:#b7b8ca}.storage p{font-size:10px;color:#82869d}.storage small{font-size:10px;color:#b6abd9}
main{margin-left:246px;width:calc(100% - 246px);padding:0 38px;background:radial-gradient(ellipse at 85% 0%,#7f66bd0b,transparent 45%),#101117}header{height:85px;border-color:#ffffff08;gap:18px}.header-label{font-size:10px;letter-spacing:1.6px;color:#85899f}.header-divider{color:#505569}.search{background:#1b1d27;border:1px solid #ffffff0a;border-radius:11px;width:340px;padding:11px 14px}.search input{font-size:12px;color:#e9e8f7}.search:focus-within{border-color:#a899fc66;box-shadow:0 0 0 3px #a899fc08}.account-label{color:#aba4ca;font-size:10px;border:1px solid #a899fc22;background:#a899fc09;padding:8px 12px;border-radius:20px}.intro{padding:34px 0 25px;border:0}.eyebrow{font-size:9px;letter-spacing:2.3px;color:#aaa0d5}h1{font-size:35px;font-weight:600;letter-spacing:-1.2px;margin:12px 0 10px}#subtitle{font-size:13px;color:#9094ac;line-height:1.6}.intro button{background:#222331;border-color:#ffffff10;border-radius:11px;font-size:12px;padding:12px 17px}.intro button:hover{border-color:#a89cf466;background:#2a293c}
.studio-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 26px}.overview-card{background:linear-gradient(120deg,#232330,#1b1c26);border:1px solid #ffffff09;padding:17px 18px;border-radius:14px;position:relative;overflow:hidden}.overview-card::after{content:'';position:absolute;width:80px;height:80px;right:-25px;top:-30px;background:#b4a3ff0a;border-radius:50%}.overview-card small{display:block;color:#9296af;font-size:11px}.overview-card strong{display:block;margin-top:9px;font-size:25px;font-weight:600;letter-spacing:-.8px}.overview-card:nth-child(2) strong{color:#d5b3f0}.overview-card:nth-child(3) strong{color:#a9dcc7}.overview-card:nth-child(4) strong{color:#c0c9f2}
.library{padding:20px 23px 24px;background:#17192188;border:1px solid #ffffff08;border-radius:18px}.workflow{margin-top:0;gap:4px;display:inline-flex;background:#10121a;padding:5px;border-radius:11px}.workflow button{font-size:11px;padding:8px 12px;border-radius:8px;transition:background .18s,color .18s}.workflow button[aria-pressed=true]{background:#343045;border-color:#a999ed20;color:#ddd4ff;box-shadow:0 2px 6px #0002}.workflow button:hover{background:#272433}.toolbar{margin:24px 0 19px}.toolbar h2{font-size:13px;font-weight:600;letter-spacing:.1px;color:#d4d6e5}.toolbar span{font-size:10px;background:#252734;color:#a3a7be;padding:4px 8px;border-radius:14px}.tools select{color:#a0a5bd;font-size:11px}.tools button{border-radius:8px;background:#222431;border:1px solid #ffffff08;padding:8px 10px}.tools button[aria-pressed=true]{background:#40374f;border-color:#a593fc33;color:#cfbfff}
.cards{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:19px}.card{background:#20222d;border:1px solid #ffffff09;border-radius:15px;box-shadow:0 4px 14px #0000000d;transition:transform .2s,border-color .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);border-color:#a49bea50;box-shadow:0 12px 28px #0002}.thumb{height:185px;background:linear-gradient(145deg,#303042,#232732)}.thumb img{filter:saturate(.85);transition:transform .45s;object-fit:cover}.card:hover .thumb img{transform:scale(1.045)}.info{padding:16px 16px 13px}.info strong{font-size:13px;font-weight:600;color:#f0eff8;line-height:1.5}.info small{font-size:10px;color:#9196ae;margin-top:7px}.stage-select{font-size:10px;padding:7px 10px;border-radius:7px;margin-top:13px;border:1px solid #ffffff0c;background:#292c3b;color:#bdc1d6;cursor:pointer}.review-label{margin-top:11px!important;display:flex!important;align-items:center;gap:6px;font-size:10px!important;color:#9c9db2!important}.review-label::before{content:'';width:5px;height:5px;background:#b9a0dc;border-radius:50%}.review-label.approved{color:#a1ccb9!important}.review-label.approved::before{background:#7fcaad}.review-label.changes{color:#d4bba0!important}.review-label.changes::before{background:#daa36f}.actions{border-top:1px solid #ffffff07;padding:3px 7px}.actions button{font-size:13px;padding:8px 5px;color:#969cb7;border-radius:7px}.actions button:hover{background:#a593ff12;color:#d6ccff}.file-icon{font-size:51px;color:#c1b6ef}.empty{border-color:#ffffff12;background:#1b1d27;color:#999eb7}.rows{border-radius:12px;border-color:#ffffff09;background:#1e202b}.rows .card{background:#1e202b;border-color:#ffffff08;transform:none}.rows .card:hover{background:#272937}.rows .thumb{background:transparent}.rows .actions{padding:5px}.rows .info{padding:12px}.rows .review-label{display:inline-flex!important;margin-left:10px}.rows .stage-select{display:inline-block;width:120px}.rows .thumb img{transform:none}footer{font-size:9px;letter-spacing:1.4px;border-color:#ffffff08;color:#747b91;margin-top:28px}
dialog{border:1px solid #ffffff12;background:#1a1c27;border-radius:18px;box-shadow:0 30px 100px #0008;padding:25px;max-height:92vh;overflow-y:auto}dialog::backdrop{background:#090a13db;backdrop-filter:blur(7px)}.details-body h2{font-size:23px;letter-spacing:-.6px}.review-media{border-radius:10px;background:#10121a}.detail-field input,.detail-field select,.comment-form input,.comment-form textarea{border-color:#ffffff0d;background:#242737;border-radius:8px;padding:11px}.detail-fields{gap:16px}.details-body button{border-radius:8px;font-size:12px}.comments article{border-color:#ffffff0b;background:#222532;border-radius:10px}.versions button{background:#29283b;border-color:#b1a1ff15;color:#d1c8f0}.queue-row{border-color:#ffffff0e;background:#20232f;border-radius:10px}.queue-row progress{accent-color:#b4a3ff}#toast{background:#ddd5ff;color:#282038;border-radius:12px;box-shadow:0 7px 30px #0003}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#b2a0ff}
@media(min-width:1550px){main{padding:0 48px}.cards{grid-template-columns:repeat(auto-fill,minmax(255px,1fr))}.thumb{height:205px}}
@media(max-width:1100px){aside{width:210px;padding:28px 16px}main{margin-left:210px;width:calc(100% - 210px);padding:0 25px}.brand{font-size:18px}.brand-mark{width:35px;height:35px}.header-label{display:none}.studio-overview{gap:9px}.overview-card{padding:15px}.cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.library{padding:18px}.account-label{display:none}}
@media(max-width:750px){aside{width:180px;padding:24px 12px}.brand{font-size:16px;gap:8px}.brand-mark{width:31px;height:31px}.brand small{font-size:7px}main{margin-left:180px;width:calc(100% - 180px);padding:0 18px}.studio-overview{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.thumb{height:155px}.info{padding:12px}.workflow{flex-wrap:wrap}.workflow button{padding:7px 9px;font-size:10px}.search{width:100%}.overview-card strong{font-size:22px}}
@media(max-width:560px){aside{position:static;width:100%;padding:18px;background:#171821;border-bottom:1px solid #ffffff0a}.brand{font-size:20px}.brand-mark{width:38px;height:38px}.brand small{display:block;font-size:8px}.primary{margin:18px 0 14px;padding:12px}nav{gap:4px}nav button{gap:7px;font-size:11px;padding:10px}.ui-icon{width:16px;height:16px}.side-title{margin:16px 0 5px}.team-tools{grid-template-columns:repeat(3,1fr);margin:12px 0 0;padding-top:10px}.team-tools button{font-size:10px;padding:7px 3px}.team-tools small{display:none}main{margin-left:0;width:100%;padding:0 15px}header{height:67px}.intro{padding:24px 0 18px;gap:10px}.intro h1{font-size:29px}.intro button{font-size:11px;padding:10px}#subtitle{font-size:12px}.studio-overview{gap:9px;margin-bottom:17px}.overview-card{padding:13px 15px;border-radius:12px}.overview-card small{font-size:10px}.overview-card strong{font-size:23px}.library{padding:15px 12px;border-radius:14px}.workflow{width:100%;gap:0;padding:4px}.workflow button{padding:7px 6px;flex:1;font-size:9px}.toolbar{margin:18px 0 14px}.toolbar h2{font-size:11px}.cards{gap:10px}.thumb{height:142px}.info{padding:11px 10px}.info strong{font-size:11px}.stage-select{padding:7px;font-size:9px}.actions{padding:3px}.actions button{padding:7px 3px;font-size:12px}.rows .card{grid-template-columns:36px minmax(0,1fr) 110px}.rows .info{padding:10px 5px}.rows .review-label{margin-left:0}.rows .stage-select{width:100%}dialog{padding:16px;border-radius:14px}.review-media{max-height:35vh}}
@media(prefers-reduced-motion:reduce){.card,.thumb img,.workflow button{transition:none}.card:hover{transform:none}.card:hover .thumb img{transform:none}}
/* Motion communicates navigation and interaction; no continuous decorative animation. */
[hidden]{display:none!important}html{scroll-behavior:smooth}button{transition:background .18s,border-color .18s,box-shadow .18s,transform .16s}button:active{transform:translateY(1px)}nav button.active .ui-icon{filter:drop-shadow(0 0 5px #b29ffa35)}.primary{position:relative;overflow:hidden}.primary::after{content:'';position:absolute;inset:-50% auto -50% -60%;width:40%;background:linear-gradient(90deg,transparent,#ffffff35,transparent);transform:skewX(-20deg);pointer-events:none}.primary:hover::after{animation:button-glint .6s ease}.view-enter .intro,.view-enter .library,.view-enter #calendar-view{animation:view-arrive .28s ease both}.view-enter .card{animation:card-arrive .35s ease both}.view-enter .card:nth-child(2){animation-delay:30ms}.view-enter .card:nth-child(3){animation-delay:60ms}.view-enter .card:nth-child(4){animation-delay:90ms}dialog[open]{animation:dialog-arrive .2s ease both}dialog[open]::backdrop{animation:backdrop-arrive .2s ease}.overview-card{transition:background .2s,border-color .2s}.overview-card:hover{border-color:#ab99f92b;background:#262536}.menu-toggle{display:none}.search::after{content:'Ctrl K';font-size:9px;color:#777e95;border:1px solid #ffffff12;border-radius:4px;padding:3px 4px;white-space:nowrap}.tools button{min-height:36px}.actions button{min-height:36px}aside{scrollbar-width:thin;scrollbar-color:#36334e transparent}nav{scrollbar-width:none}.library{min-height:250px}#back-folder{margin-right:10px;font-size:11px;background:transparent;border:0;color:#c2b3ef;padding-left:0}
@keyframes view-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes card-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes dialog-arrive{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@keyframes backdrop-arrive{from{opacity:0}to{opacity:1}}@keyframes button-glint{to{left:140%}}
/* Sessions: month overview on the left, actionable agenda on the right. */
.calendar-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:20px}.month-panel,.agenda-panel{padding:22px;background:linear-gradient(150deg,#1e1e2b,#181b25);border:1px solid #ffffff09;border-radius:18px;min-width:0}.month-head,.agenda-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px}.month-head h2,.agenda-head h2{font-size:18px;font-weight:600;text-transform:capitalize;letter-spacing:-.4px;margin:0}.month-head>div{display:flex;gap:5px}.month-head button{padding:8px 12px;border-radius:8px;font-size:11px;min-height:36px}.month-head button:first-child,.month-head button:last-child{font-size:20px;line-height:1;padding:6px 12px}.weekdays,.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekdays{margin-bottom:10px}.weekdays span{text-align:center;font-size:10px;color:#8b90aa;padding:7px}.day-cell{border-top:1px solid #ffffff07;border-right:1px solid #ffffff05;min-height:104px;padding:6px;position:relative;transition:background .16s}.day-cell:hover{background:#af9df90b}.day-cell.outside{opacity:.4}.day-cell.selected{background:#b4a3ff10;box-shadow:inset 0 0 0 1px #b4a3ff50;border-radius:8px}.day-cell button{padding:5px;border:0;background:transparent;border-radius:6px;font-size:10px;max-width:100%}.day-number{font-size:12px!important;width:28px;height:28px}.today .day-number{background:#baa9ff!important;color:#1e1834}.day-cell>button:last-child{position:absolute;right:3px;top:7px;color:#9692b5;opacity:0;font-size:14px;transition:opacity .15s}.day-cell:hover>button:last-child,.day-cell:focus-within>button:last-child{opacity:1}.day-event{display:block!important;margin-top:5px;text-align:left;width:100%;background:#51427360!important;color:#d4c5f4!important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:9px!important;line-height:1.3}.day-event.confirmed{background:#2f665650!important;color:#b1dbc9!important}.day-event.done{background:#34446260!important;color:#acbddb!important}.day-event.cancelled{color:#9996a8!important;text-decoration:line-through}.calendar-note{font-size:11px;line-height:1.7;color:#888da4;margin:17px 0 8px}.agenda-head{margin-bottom:15px;align-items:flex-start}.agenda-head h2{font-size:16px}.agenda-head button{padding:3px 0;border:0;color:#b9a8ee;background:transparent;font-size:10px;white-space:nowrap}.archive-toggle{display:flex;align-items:center;gap:8px;font-size:11px;color:#959bb1;margin-bottom:18px}.archive-toggle input{accent-color:#b4a3ff}.session-card{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:12px;background:#ffffff03;border:1px solid #ffffff0a;border-radius:12px;padding:14px;margin-top:11px;transition:border-color .18s}.session-card:hover{border-color:#ad9aee35}.session-date{background:#6d528c22;border-radius:8px;padding:8px 2px;text-align:center;height:max-content}.session-date strong{font-size:22px;color:#d0bdf2;display:block}.session-date span{font-size:9px;color:#a99cbb}.session-card.confirmed .session-date{background:#4884731a}.session-card.confirmed .session-date strong{color:#a3d3c4}.session-card-body{min-width:0}.session-card-body>button:first-child{padding:0;border:0;background:none;font-size:13px;text-align:left;font-weight:600;overflow-wrap:anywhere}.session-card-body p{font-size:10px;line-height:1.6;color:#949bb3;margin:7px 0;overflow-wrap:anywhere}.session-card-body>button:last-child:not(:first-child){font-size:10px;padding:4px 0;background:none;border:0;color:#bcaff0}.session-card-actions{grid-column:2;display:flex;gap:9px;margin-top:8px}.session-card-actions button{font-size:10px;padding:6px 10px;border-radius:7px}.calendar-empty{color:#a1a4b9;font-size:13px;line-height:1.7;margin:45px 0 22px}.session-dialog{width:680px;max-width:94vw}.session-form-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.session-form-head h2{font-size:21px;margin:8px 0}.session-form-head button{padding:8px 12px}.session-dialog textarea{min-height:90px;font:inherit;resize:vertical}.session-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px}.session-form-actions .primary{margin:0;box-shadow:none;padding:11px 19px}.form-error{font-size:12px;color:#f2b3b4}.form-error:empty{display:none}.day-cell:nth-child(7n){border-right:0}.day-number:focus-visible,.day-event:focus-visible{outline:2px solid #c3b4ff;outline-offset:1px}
@media(max-width:1150px){.calendar-layout{grid-template-columns:minmax(0,1fr)}.agenda-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.agenda-head,.archive-toggle,.calendar-empty{grid-column:1/-1}.session-card{margin:0}.month-panel{padding:20px}}
@media(hover:none){.day-cell>button:last-child{opacity:1}}
@media(max-width:560px){header{position:sticky;top:0;z-index:5;background:#12141ef2;backdrop-filter:blur(16px)}.menu-toggle{display:block;padding:10px;border-radius:9px}.search::after{display:none}aside{padding:14px 16px}aside .brand{font-size:17px}.brand-mark{width:30px;height:30px}aside .primary{margin:14px 0 10px;padding:10px}aside .side-title,aside #folders,aside .team-tools{display:none}.menu-open aside .side-title{display:flex}.menu-open aside #folders{display:flex}.menu-open aside .team-tools{display:grid}nav button{min-height:40px}header .search{min-width:0}.studio-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.overview-card{padding:10px 8px}.overview-card small{font-size:8px;line-height:1.4;min-height:22px}.overview-card strong{font-size:20px;margin-top:5px}.month-panel,.agenda-panel{padding:14px;border-radius:14px}.month-head h2{font-size:16px}.month-head{margin-bottom:13px}.month-head button{padding:7px 9px}.day-cell{min-height:82px;padding:3px}.day-number{font-size:10px!important;width:22px;height:24px;padding:3px!important}.day-cell>button:last-child{font-size:12px;right:1px;padding:3px;top:8px}.day-event{font-size:8px!important;padding:4px!important}.calendar-layout{gap:12px}.agenda-panel{display:block}.agenda-head{margin-bottom:13px}.session-card{margin-top:10px}.weekdays span{font-size:9px}.session-form-head h2{font-size:18px}.session-dialog{padding:15px}.intro #newfolder{white-space:nowrap}.library{padding-top:12px}.cards .actions button{min-height:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.primary::after{display:none}}
aside>*{flex-shrink:0}.day-cell{min-height:90px}.day-event{min-height:22px}@media(max-width:560px){.day-cell{min-height:82px}}