/* styles.css */
:root{--ink:#15251d;--muted:#68766e;--paper:#fffefa;--cream:#f4f3ed;--line:#dfe2dc;--green:#173d2e;--lime:#d9f36b;--red:#a3412a}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,Arial,sans-serif}button,input,select,textarea{font:inherit}.center{min-height:100vh;display:grid;place-content:center;text-align:center}.spinner{width:38px;height:38px;border:4px solid #d8ddd9;border-top-color:var(--green);border-radius:50%;animation:s 1s linear infinite;margin:auto}@keyframes s{to{transform:rotate(360deg)}}.login{max-width:440px;margin:auto;padding:30px}.login-card,.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 12px 40px #173d2e12}.logo{display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px}.mark{width:44px;height:38px;display:grid;place-items:center;background:var(--green);color:var(--lime);border-radius:10px;font-size:11px}.login h1{font:500 42px Georgia,serif;margin:40px 0 10px}.muted{color:var(--muted)}.primary,.ghost,.danger{border:0;border-radius:9px;padding:11px 15px;font-weight:750;cursor:pointer}.primary{background:var(--lime);color:var(--green)}.ghost{background:#edf0ec;color:var(--green)}.danger{background:#fff0e9;color:var(--red)}.wide{width:100%;margin-top:18px;padding:14px}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.side{background:var(--green);color:white;padding:26px 18px;display:flex;flex-direction:column}.side .logo{padding:0 8px 24px;border-bottom:1px solid #ffffff20}.side .mark{background:var(--lime);color:var(--green)}nav{display:grid;gap:6px;margin-top:22px}nav button{border:0;background:transparent;color:#bcd0c5;text-align:left;padding:12px;border-radius:9px;cursor:pointer}nav button.active{background:#ffffff16;color:white;font-weight:750}.account{margin-top:auto;border-top:1px solid #ffffff20;padding:18px 8px 0;font-size:12px}.account small{display:block;color:#a9beb3;margin:4px 0 12px}.main{padding:36px clamp(20px,4vw,56px)}.header{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#287154;font-weight:800}.header h1,.card h2{font:500 34px Georgia,serif;margin:7px 0}.header p{margin:0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.stat{padding:20px}.stat span{font-size:11px;color:var(--muted)}.stat strong{display:block;font:500 32px Georgia,serif;margin-top:9px}.grid{display:grid;grid-template-columns:1.7fr .85fr;gap:18px}.card{box-shadow:none}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.card h2{font-size:27px}.table{overflow:auto}.row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:12px;align-items:center;padding:13px 2px;border-bottom:1px solid #eaebe7;font-size:12px;min-width:650px}.row.head{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.row b,.row span{overflow:hidden;text-overflow:ellipsis}.pill{display:inline-block;width:max-content;background:#e7efe9;color:#28684d;padding:5px 8px;border-radius:20px;font-size:10px}.pill.away{background:#ecece8;color:#707871}.forms{display:grid;gap:12px}.forms label{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);display:grid;gap:6px}.forms input,.forms select,.forms textarea{border:1px solid var(--line);background:white;border-radius:8px;padding:11px}.forms textarea{min-height:90px;resize:vertical}.split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.notice{padding:12px 15px;border-radius:9px;background:#fff0e7;color:#863e1f;margin-bottom:16px}.success{background:#e7f3eb;color:#28684d}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.toolbar input,.toolbar select{border:1px solid var(--line);padding:9px;border-radius:8px;background:white}.check-card{background:var(--green);color:white}.check-card p{color:#bdd0c5}.check-actions{display:flex;gap:10px;align-items:end}.check-actions select{padding:11px;border-radius:8px;background:#ffffff14;color:white;border:1px solid #ffffff35}.check-actions option{color:#111}.task{display:grid;grid-template-columns:1fr 120px;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.task small{display:block;color:var(--muted);margin-top:4px}.progress{height:7px;background:#e7e9e5;border-radius:10px;overflow:hidden;margin-top:8px}.progress i{display:block;height:100%;background:#48a778}.hidden{display:none!important}.empty{padding:28px;text-align:center;color:var(--muted)}.link{color:#21664b;font-weight:700}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.category{border:1px solid var(--line);border-radius:10px;padding:12px}.category input{width:85px}.actions{display:flex;gap:8px}.small{font-size:11px}@media(max-width:900px){.shell{grid-template-columns:1fr}.side{position:static;padding:14px}.side nav{display:flex;overflow:auto}.side .account{display:none}.main{padding:25px 16px}.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.header{align-items:start}.category-grid{grid-template-columns:1fr}}@media(max-width:520px){.stats{grid-template-columns:1fr 1fr}.header{display:block}.header .ghost{margin-top:12px}.split{grid-template-columns:1fr}.check-actions{display:grid}.login h1{font-size:36px}}
/* BG arrangement v112 */
.bg-wireframe-popup [data-wire-end],.bg-wireframe-popup .wire-end-badge{display:none!important}
.bg-route-v112{width:min(1120px,96vw);max-width:none}
.bg-route-v112 .dialog-shell{overflow:hidden}
.bg-route-v112 .bg-wire-help{margin:8px 0 12px}
.bg-route-v112 .bg-wire-canvas{position:relative;min-height:560px;overflow:hidden;background-color:#f8fffb;background-image:radial-gradient(#b8d8c8 1px,transparent 1px);background-size:20px 20px;border:1px solid #b7d8c7;border-radius:16px}
.bg-route-v112 .bg-wire-canvas svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.bg-route-v112 [data-route-node]{position:absolute;width:132px;padding:5px;background:#fff;border:2px solid #16835b;border-radius:13px;box-shadow:0 5px 14px #003b2520;cursor:grab;user-select:none}
.bg-route-v112 [data-route-node] img{display:block;width:100%;height:72px;object-fit:cover;border-radius:8px}
.bg-route-v112 [data-route-node] span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;padding:3px 2px 1px}
.bg-route-v112 .route-node-actions{display:flex;gap:4px;margin-top:4px}
.bg-route-v112 .route-node-actions button{flex:1;border:0;border-radius:7px;padding:5px 3px;font-size:10px;font-weight:900;cursor:pointer}
.bg-route-v112 [data-route-start]{background:#dff8e9;color:#087642}.bg-route-v112 [data-route-start].active{background:#0d9b58;color:#fff}
.bg-route-v112 [data-route-stop]{background:#ffe4e4;color:#a71929}.bg-route-v112 [data-route-stop].active{background:#d62f45;color:#fff}
.bg-route-v112 .route-start-badge,.bg-route-v112 .route-stop-badge{position:absolute;z-index:2;top:-12px;padding:3px 7px;border-radius:999px;color:#fff;font-size:10px;font-weight:900}
.bg-route-v112 .route-start-badge{left:5px;background:#0d9b58}.bg-route-v112 .route-stop-badge{right:5px;background:#d62f45}
.bg-arrangement-output-v112{margin:14px 0;border:1px solid #b6d8c7;border-radius:16px;background:#f7fffa;overflow:hidden}
.bg-arrangement-output-v112>header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#e3f6eb}.bg-arrangement-output-v112>header h3{margin:0}
.bg-arrangement-stage-v112{position:relative;width:100%;aspect-ratio:16/9;min-height:300px;max-height:650px;overflow:hidden;background-image:radial-gradient(#bedaca 1px,transparent 1px);background-size:18px 18px}
.bg-arrangement-stage-v112 svg{position:absolute;inset:0;width:100%;height:100%}
.bg-arrangement-node-v112{position:absolute;width:12%;min-width:76px;transform:translate(-50%,-50%);background:#fff;border:2px solid #16835b;border-radius:10px;padding:4px;box-shadow:0 4px 12px #003b2522}
.bg-arrangement-node-v112 img{display:block;width:100%;aspect-ratio:1.45/1;object-fit:cover;border-radius:6px;cursor:zoom-in}.bg-arrangement-node-v112 span{display:block;font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bg-arrangement-node-v112 b{position:absolute;top:-10px;padding:2px 6px;border-radius:999px;color:#fff;font-size:9px}.bg-arrangement-node-v112 .start{left:2px;background:#0d9b58}.bg-arrangement-node-v112 .stop{right:2px;background:#d62f45}
@media(max-width:700px){.bg-route-v112 .bg-wire-toolbar{grid-template-columns:1fr 1fr}.bg-arrangement-stage-v112{min-height:250px}.bg-arrangement-node-v112{width:18%}}
.bg-preview-zoom-v113{border:0;padding:0;background:transparent;max-width:92vw;max-height:92vh}.bg-preview-zoom-v113::backdrop{background:#071e18cc;backdrop-filter:blur(4px)}
.bg-preview-zoom-v113 .bg-zoom-shell{position:relative;background:#fff;padding:10px;border-radius:16px;box-shadow:0 20px 70px #0008}.bg-preview-zoom-v113 img{display:block;max-width:min(760px,86vw);max-height:82vh;object-fit:contain;border-radius:10px}.bg-preview-zoom-v113 button{position:absolute;right:-12px;top:-12px;width:42px;height:42px;border:3px solid #fff;border-radius:50%;background:#d72f45;color:#fff;font-size:23px;font-weight:900;cursor:pointer}
.bg-arrangement-loading-v114{min-height:320px;display:grid;place-items:center;margin:14px 0;border:1px solid #b6d8c7;border-radius:16px;background:linear-gradient(100deg,#f1fbf5 30%,#fff 45%,#f1fbf5 60%);background-size:250% 100%;animation:bgLoad114 1.15s linear infinite;color:#176a4b;font-weight:900}.game-output-dialog.arrangement-loading-v114 .group-backgrounds,.game-output-dialog.arrangement-loading-v114 .group-allBgs{display:none!important}@keyframes bgLoad114{to{background-position-x:-250%}}
.parent-game-search-v115{position:relative}.parent-game-results-v115{position:absolute;z-index:40;top:100%;left:0;right:0;display:grid;background:#fff;border:1px solid #cbdad1;border-radius:10px;padding:5px;box-shadow:0 12px 28px #06291b26;max-height:220px;overflow:auto}.parent-game-results-v115[hidden]{display:none}.parent-game-results-v115 button{border:0;background:#fff;text-align:left;padding:10px;border-radius:7px;cursor:pointer}.parent-game-results-v115 button:hover{background:#e8f7ee}.download-game-assets[data-busy="1"]{opacity:.72;cursor:wait}
.game-parent-field{display:none!important}.parent-game-field-v116{position:relative}.parent-game-field-v116[hidden]{display:none!important}.parent-game-field-v116.is-disabled{opacity:.62}.parent-game-field-v116 input:disabled{cursor:not-allowed;background:#edf0ec;color:#68766e}.game-record-dialog [name="title"]{font-weight:900;font-size:18px;color:#102c21}.game-record-dialog [name="recordType"]{font-weight:800}
.game-record-dialog .game-link-fields{align-items:start}.game-record-dialog .game-link-fields label>span{font-weight:800;color:#315747}.game-record-dialog .parent-game-field-v116:not([hidden]){grid-column:1/-1}
.form-version-v125{background:#d7ff45;color:#123d2e;border-radius:999px;padding:5px 10px;font-weight:900;font-size:11px;letter-spacing:.04em;margin-left:auto}.game-record-dialog[data-form-version="125"] .game-link-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.game-record-dialog[data-form-version="125"] .game-link-fields label[hidden]{display:none!important}.game-record-dialog[data-form-version="125"] .parent-game-field-v116,.game-record-dialog[data-form-version="125"] .parent-game-search-v115{grid-column:1/-1}
.game-record-dialog[data-form-version="126"] .game-link-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.game-record-dialog[data-form-version="126"] .game-link-fields label[hidden]{display:none!important}.custom-game-links-v126{margin:12px 0;padding:14px;border:1px solid #b8d8ca;border-radius:16px;background:#f4fbf7}.custom-links-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.custom-links-head small{display:block;color:#61756b;margin-top:3px}.add-custom-link-v126{background:#d7ff45;color:#123d2e;border:0;border-radius:10px;padding:11px 16px;font-weight:900;cursor:pointer}.custom-link-list-v126{display:grid;gap:9px;margin-top:12px}.custom-link-row-v126{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(240px,1.6fr) auto 42px 42px;gap:8px;align-items:center}.custom-link-row-v126 input{min-width:0}.custom-download-v126{display:flex!important;align-items:center;gap:6px;white-space:nowrap;font-weight:700}.open-custom-link-v126,.remove-custom-link-v126{height:40px;border:0;border-radius:9px;cursor:pointer;font-size:20px;font-weight:900}.open-custom-link-v126{background:#dff5eb;color:#075b3d}.remove-custom-link-v126{background:#ffe1e5;color:#b0162b}@media(max-width:800px){.custom-link-row-v126{grid-template-columns:1fr 1fr}.custom-download-v126{grid-column:1/-1}}
.game-record-dialog[data-form-version="127"] .game-link-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.game-record-dialog[data-form-version="127"] .game-link-fields>.parent-game-field-v116,.game-record-dialog[data-form-version="127"] .game-link-fields>.parent-game-search-v115{grid-column:1/-1!important;width:100%;order:3}.game-record-dialog[data-form-version="127"] .game-link-fields>label:has([name="createdByName"]){grid-column:1/-1;order:4}.game-record-dialog[data-form-version="127"] .game-link-fields>label:has([name="title"]){order:1}.game-record-dialog[data-form-version="127"] .game-link-fields>label:has([name="recordType"]){order:2}.download-custom-link-v127{height:40px;padding:0 14px;border:0;border-radius:9px;background:#155d45;color:#fff;font-weight:900;cursor:pointer;white-space:nowrap}.download-custom-link-v127:hover{background:#0c4633}
.game-record-dialog[data-form-version="128"] .game-link-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px}.game-record-dialog[data-form-version="128"] .game-link-fields>label{width:100%;min-width:0}.game-record-dialog[data-form-version="128"] .game-link-fields>label:has([name="title"]){grid-column:1;grid-row:1;order:1}.game-record-dialog[data-form-version="128"] .game-link-fields>label:has([name="createdByName"]){grid-column:2;grid-row:1;order:2}.game-record-dialog[data-form-version="128"] .game-link-fields>label:has([name="recordType"]){grid-column:1;grid-row:2;order:3}.game-record-dialog[data-form-version="128"] .game-link-fields>.parent-game-field-v116,.game-record-dialog[data-form-version="128"] .game-link-fields>.parent-game-search-v115{grid-column:2!important;grid-row:2;width:100%;order:4;margin:0}.game-record-dialog[data-form-version="128"] .custom-game-links-v126{grid-column:1/-1;grid-row:3;order:5;margin:4px 0 0;width:auto}.game-record-dialog[data-form-version="128"] .game-link-fields label[hidden]{display:none!important}@media(max-width:760px){.game-record-dialog[data-form-version="128"] .game-link-fields>label,.game-record-dialog[data-form-version="128"] .custom-game-links-v126{grid-column:1/-1!important;grid-row:auto!important}}
.game-record-grid>.add-new-game-card-v129{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:240px;min-height:250px;border:2px dashed #62a98b;border-radius:18px;background:#effaf4;color:#155d45;box-shadow:none;cursor:pointer;order:-100}.game-record-grid>.add-new-game-card-v129:hover{background:#dff7e9;border-color:#155d45;transform:translateY(-2px)}.add-new-game-card-v129>span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#d7ff45;font-size:34px;font-weight:900}.add-new-game-card-v129>strong{font-size:20px}.add-new-game-card-v129>small{font-size:12px;color:#62776d}.game-duplicate-head>#addDuplicateGame{display:none}

/* Game comparison and stable gallery/header controls v130 */
.game-record-grid>.add-new-game-card-v129{order:-999!important;flex:0 0 240px!important}.game-header-v130,.game-preview-header-v130{display:flex!important;align-items:center!important;gap:12px!important}.game-header-v130>div:first-child,.game-preview-header-v130>div:first-child{margin-right:auto!important}.game-header-v130 .form-version-v125{order:2;margin-left:auto}.game-header-v130 .game-dialog-close{order:4}.game-preview-header-v130 .check-assets-v130{margin-left:auto;background:#d7ff45;border:0;border-radius:11px;padding:12px 17px;font-weight:900;color:#134c3b;cursor:pointer}.asset-check-dialog-v130 .dialog-shell{width:min(1180px,94vw);max-height:90vh;overflow:auto}.asset-search-v130{position:sticky;top:0;z-index:2;padding:12px;background:#fff;border:1px solid #cae1d6;border-radius:14px}.asset-search-v130>input{width:100%;padding:13px 15px;border:1px solid #9abcae;border-radius:10px;font:inherit}.asset-search-results-v130{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.asset-search-results-v130 button{display:grid;gap:2px;text-align:left;padding:9px 12px;border:1px solid #bed9ce;border-radius:10px;background:#eff9f4;cursor:pointer;font-weight:800}.asset-compare-grid-v130{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.asset-compare-column-v130{min-width:0;border:2px solid #9fd1bc;border-radius:16px;background:#f7fffa;padding:14px}.asset-compare-column-v130>header{padding:10px 12px;background:#155d45;color:#fff;border-radius:11px}.asset-compare-column-v130 h3{margin:0;font-size:20px}.asset-compare-column-v130 section{margin-top:12px;padding:10px;border-radius:11px;background:#fff;border:1px solid #d8e8e1}.asset-compare-column-v130 section>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin-top:8px}.asset-compare-column-v130 figure{margin:0;min-width:0}.asset-compare-column-v130 img{width:100%;aspect-ratio:1.25;object-fit:cover;border-radius:8px}.asset-compare-column-v130 figcaption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700}@media(max-width:760px){.asset-compare-grid-v130{grid-template-columns:1fr}.game-preview-header-v130{flex-wrap:wrap}.game-preview-header-v130 .check-assets-v130{margin-left:0}}

/* Permanent first gallery card v131 */
.game-gallery-grid>.gallery-add-new-v131{order:-999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:240px;min-height:250px;padding:18px;border:2px dashed #55a886;border-radius:17px;background:#effaf4;color:#155d45;cursor:pointer;font:inherit}.game-gallery-grid>.gallery-add-new-v131:hover{background:#ddf7e8;border-color:#155d45;transform:translateY(-2px)}.gallery-add-new-v131>span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#d7ff45;font-size:35px;font-weight:900}.gallery-add-new-v131>strong{font-size:20px}.gallery-add-new-v131>small{color:#60766c;text-align:center}.game-gallery-grid>.add-new-game-card-v129{display:none!important}

/* Stable Game header controls and quiet version marker v133 */
.game-header-v133{position:relative;display:flex!important;align-items:center!important;gap:12px!important;padding-bottom:20px!important}.game-header-v133>div:first-child{margin-right:auto!important}.game-header-v133 .check-assets-v130{order:2;margin-left:auto;background:#d7ff45;border:0;border-radius:10px;padding:10px 15px;color:#123f30;font-weight:900;cursor:pointer}.game-header-v133 .view-size-v133{order:3;margin:0!important;min-width:92px}.game-header-v133 .game-dialog-close,.game-header-v133 .close-game-detail{order:4}.game-header-v133 .form-version-v125{position:absolute;left:50%;bottom:3px;transform:translateX(-50%);margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#c9ddd4!important;font-size:9px!important;font-weight:600!important;letter-spacing:.12em;opacity:.7;pointer-events:none}.asset-check-dialog-v133 .asset-compare-column-v130 img{cursor:zoom-in}@media(max-width:760px){.game-header-v133{flex-wrap:wrap}.game-header-v133 .check-assets-v130{margin-left:0}.game-header-v133 .form-version-v125{left:auto;right:12px;transform:none}}

/* Attendance overview V134 */
.attendance-row-v134{grid-template-columns:minmax(190px,1.55fr) minmax(100px,.8fr) minmax(78px,.65fr) minmax(78px,.65fr) minmax(76px,.55fr);min-width:760px}
.attendance-status-v134{font-weight:900;letter-spacing:.01em}
.attendance-status-v134.present{background:#d8f8e6;color:#08783f;border:1px solid #9ce0ba}
.attendance-status-v134.absent{background:#ffe1e5;color:#b0182b;border:1px solid #f4aeb7}
.attendance-status-v134.checked-out{background:#e5efff;color:#24599a;border:1px solid #b7cff3}
.attendance-chat-v134{width:max-content;border:1px solid #b9ddcd;border-radius:9px;background:#eaf8f1;color:#0d6944;padding:7px 10px;font-weight:850;cursor:pointer}
.attendance-chat-v134:hover{background:#0d6944;color:#fff}.attendance-chat-v134:disabled{opacity:.6;cursor:wait}

/* Immediate Game loading state V135 */
.game-loading-v135{min-height:190px;display:flex;align-items:center;justify-content:center;gap:14px;color:#52685e;border-style:dashed;background:#fbfdfb}.game-loading-v135 .spinner{width:28px;height:28px;margin:0;border-width:3px}
.game-cache-visible-v136{position:relative}.game-cache-visible-v136:after{content:"Refreshing";position:absolute;right:8px;top:8px;padding:4px 8px;border-radius:20px;background:#edf7f2;color:#547066;font-size:9px;font-weight:750;opacity:.72;pointer-events:none}
.new-game-responsive-v137 .game-dialog-close{position:relative;z-index:9999;pointer-events:auto!important}.new-game-responsive-v137 .check-assets-v130{display:none!important}
.asset-check-dialog-v139 .dialog-shell{width:min(1240px,95vw);max-height:92vh;overflow:auto}.asset-check-dialog-v139 .dialog-title{position:sticky;top:0;z-index:5}.duplicate-picker-v139{display:grid;grid-template-columns:auto minmax(220px,420px);align-items:center;gap:12px;margin:14px 0;padding:12px 14px;border:1px solid #b8d9ca;border-radius:12px;background:#f4fbf7}.duplicate-picker-v139 span{font-weight:900}.duplicate-picker-v139 select{padding:11px;border:1px solid #91bbaa;border-radius:9px;background:#fff;font:inherit}.asset-summary-v139{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.asset-summary-v139>*{padding:7px 11px;border-radius:999px;background:#e8f4ee;color:#155d45}.asset-summary-v139 b{background:#d9f7e6}.asset-compare-grid-v139{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.asset-compare-column-v139{min-width:0;padding:13px;border:2px solid #a9d4c1;border-radius:16px;background:#f8fffb}.asset-compare-column-v139.duplicate{border-color:#b9c9ef;background:#f8faff}.asset-compare-column-v139>header{padding:12px 14px;border-radius:11px;background:#155d45;color:#fff}.asset-compare-column-v139.duplicate>header{background:#315c9c}.asset-compare-column-v139 header span{font-size:10px;letter-spacing:.12em;font-weight:900}.asset-compare-column-v139 h3{margin:3px 0;font-size:20px}.asset-compare-column-v139 section{margin-top:12px;padding:10px;border:1px solid #d8e8e1;border-radius:11px;background:#fff}.asset-category-title-v139{display:flex;justify-content:space-between}.asset-pictures-v139{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px;margin-top:8px}.asset-pictures-v139 figure{position:relative;margin:0;padding:5px;border:2px solid #dfe9e4;border-radius:10px}.asset-pictures-v139 img{width:100%;aspect-ratio:1.2;object-fit:cover;border-radius:7px}.asset-pictures-v139 figcaption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800}.asset-pictures-v139 em{display:block;margin-top:3px;font-size:10px;font-style:normal;font-weight:900}.asset-match-v139{border-color:#64c58f!important}.asset-match-v139 em{color:#14713f}.asset-missing-v139{border-color:#f0a0a8!important}.asset-missing-v139 em{color:#b32636}.asset-empty-v139,.asset-compare-loading-v139{display:grid;place-items:center;min-height:220px;border:2px dashed #bdcfc7;border-radius:16px;font-weight:800}@media(max-width:760px){.asset-compare-grid-v139{grid-template-columns:1fr}.duplicate-picker-v139{grid-template-columns:1fr}}
.game-record-dialog.asset-page-active-v140,.game-output-dialog.asset-page-active-v140{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#f5faf7!important;overflow:auto!important}.asset-page-active-v140>.dialog-shell{display:none!important}.asset-page-active-v140::backdrop{background:#f5faf7!important}.asset-compare-page-v140{min-height:100vh;padding:20px clamp(16px,4vw,64px);background:#f5faf7}.asset-page-header-v140{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-radius:14px;background:#155d45;color:#fff;box-shadow:0 8px 20px #153f3020}.asset-page-header-v140 h2{margin:2px 0}.asset-page-header-v140 button{padding:11px 16px;border:0;border-radius:10px;background:#d7ff45;color:#123f30;font-weight:900;cursor:pointer}.asset-game-pickers-v140{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;gap:12px;align-items:end;margin:18px 0;padding:15px;border:1px solid #b8d9ca;border-radius:14px;background:#fff}.asset-game-pickers-v140 label{display:grid;gap:6px}.asset-game-pickers-v140 span{font-weight:900}.asset-game-pickers-v140 input{width:100%;padding:12px 14px;border:1px solid #91bbaa;border-radius:10px;font:inherit}.asset-game-pickers-v140 button{padding:13px 18px;border:0;border-radius:10px;background:#2569e8;color:#fff;font-weight:900;cursor:pointer}@media(max-width:760px){.asset-game-pickers-v140{grid-template-columns:1fr}.asset-compare-page-v140{padding:10px}.asset-page-header-v140{position:relative}}
.asset-category-row-v148{box-sizing:border-box;min-height:var(--category-height)!important}.asset-category-empty-v148{display:grid;place-items:center;min-height:110px;margin-top:8px;border:1px dashed #c9d9d1;border-radius:9px;background:#f8fbf9;color:#71837a;font-weight:700}.asset-compare-column-v139>header{min-height:88px;box-sizing:border-box}@media(max-width:760px){.asset-category-row-v148{min-height:auto!important}}
.asset-game-details-v149{box-sizing:border-box;min-height:285px!important}.asset-game-hero-v149{display:grid;grid-template-columns:150px 1fr;gap:15px;align-items:start}.asset-game-hero-v149>img,.asset-game-hero-v149>span{display:grid;place-items:center;width:150px;height:150px;object-fit:cover;border-radius:10px;background:#edf7f2;font-size:55px}.asset-game-hero-v149 h3{margin:3px 0 8px;font-size:22px}.asset-game-hero-v149 p{margin:5px 0}.asset-game-links-v149{display:grid;gap:6px;margin-top:10px}.asset-game-links-v149>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px;padding:6px 8px;border-radius:7px;background:#f3f8f5}.asset-game-links-v149 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-bg-stage-v149{position:relative;height:430px;margin-top:8px;overflow:hidden;border:1px dotted #a7cfbd;border-radius:10px;background-color:#effbf4;background-image:radial-gradient(#a9d5c1 1px,transparent 1px);background-size:20px 20px}.asset-bg-stage-v149>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.asset-bg-stage-v149>figure{position:absolute;z-index:1;width:100px;margin:0;transform:translate(-50%,-50%);padding:4px;border:2px solid #16835b;border-radius:9px;background:#fff}.asset-bg-stage-v149 figure img{width:100%;height:60px;object-fit:cover;border-radius:5px}.asset-bg-stage-v149 figcaption{font-size:11px;font-weight:900}.asset-bg-stage-v149 i{position:absolute;top:-18px;padding:2px 6px;border-radius:5px;color:#fff;font-size:9px;font-style:normal;font-weight:900}.asset-bg-stage-v149 i.start{left:0;background:#0d9b58}.asset-bg-stage-v149 i.end{right:0;background:#d62f45}.asset-concepts-v149{display:grid;gap:10px;margin-top:9px}.asset-concepts-v149>article{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center;padding:9px;border-radius:9px;background:#f1f8f5}.asset-concepts-v149>article>strong{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#111;color:#fff}.asset-concepts-v149>article>div{display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto}.asset-concepts-v149 figure{flex:0 0 94px;margin:0}.asset-concepts-v149 img{width:94px;height:72px;object-fit:cover;border-radius:7px}.asset-concepts-v149 figcaption{font-size:10px;font-weight:800}.asset-concepts-v149 .connector{flex:0 0 auto;color:#18a957;font-size:36px;line-height:1}.asset-concepts-v149 .connector[class*=red]{color:#dd3445}.asset-concepts-v149 .connector[class*=black]{color:#202a25}.asset-concepts-v149 .missing{display:grid;place-items:center;width:92px;height:70px;border:1px dashed #aebfb7;border-radius:7px;color:#71837a;font-size:11px}.asset-concepts-v149 p{grid-column:2;margin:0;padding:7px 9px;background:#fff}.asset-pdf-column-v149 .asset-full-section-v149{overflow:hidden}@media(max-width:760px){.asset-game-hero-v149{grid-template-columns:100px 1fr}.asset-game-hero-v149>img,.asset-game-hero-v149>span{width:100px;height:100px}.asset-game-links-v149>div{grid-template-columns:1fr}.asset-bg-stage-v149{height:330px}}
.game-output-top-actions{display:flex!important;align-items:center!important;gap:10px!important}.game-output-top-actions .check-assets-v130{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:11px 16px!important;border:0!important;border-radius:10px!important;background:#d7ff45!important;color:#123f30!important;font-weight:900!important;cursor:pointer!important;white-space:nowrap!important}

/* V144: stable, non-overlapping preview header actions. */
.game-output-dialog .dialog-title{display:flex!important;align-items:center!important;gap:18px!important}
.game-output-dialog .dialog-title>div:first-child{min-width:0!important;flex:1 1 auto!important;margin-right:0!important}
.game-output-dialog .game-output-top-actions{position:static!important;flex:0 0 auto!important;width:auto!important;min-width:max-content!important;margin:0 0 0 auto!important;transform:none!important;isolation:isolate!important}
.game-output-dialog .game-output-top-actions>button{position:static!important;inset:auto!important;float:none!important;transform:none!important;margin:0!important;flex:0 0 auto!important;line-height:1.1!important;overflow:visible!important}
.game-output-dialog .game-output-top-actions .check-assets-v130{order:1!important;min-width:142px!important}
.game-output-dialog .game-output-top-actions .edit-output-game{order:2!important;min-width:108px!important}
.game-output-dialog .game-output-top-actions .close-game-detail{order:3!important;width:48px!important;min-width:48px!important;height:48px!important}
@media(max-width:680px){.game-output-dialog .dialog-title{align-items:flex-start!important;flex-wrap:wrap!important}.game-output-dialog .game-output-top-actions{width:100%!important;margin-left:0!important}.game-output-dialog .game-output-top-actions .check-assets-v130{min-width:128px!important}}

/* V145: asset comparison belongs to saved-game Preview only, never Edit. */
.game-record-dialog .check-assets-v130{display:none!important}
.game-original-library-v150{margin-top:18px}.game-original-library-v150>header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}.game-original-library-v150 h2{margin:0 0 4px}.game-original-library-v150 p{margin:0;color:#527064}.game-original-list-v150,.game-family-list-v150{display:grid;gap:10px;max-width:980px}.game-add-original-v150{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;gap:0 12px;padding:16px;border:2px dashed #30946b;border-radius:16px;background:#edfff5;color:#0f5a40;cursor:pointer}.game-add-original-v150 span{grid-row:1/3;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#cfff38;font-size:30px;font-weight:900}.game-add-original-v150 b{font-size:20px}.game-add-original-v150 small{color:#567568}.game-original-row-v150{display:flex;align-items:stretch;gap:8px;border:1px solid #cfe2d9;border-radius:14px;background:#fff;padding:7px;box-shadow:0 5px 18px #174c3520}.game-original-open-v150{flex:1;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;border:0;background:transparent;text-align:left;padding:8px;cursor:pointer;color:#123e30}.game-original-open-v150>span,.game-family-number-v150{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#145b43;color:#fff;font-size:20px;font-weight:900}.game-original-open-v150 div{display:grid;gap:3px}.game-original-open-v150 b{font-size:19px}.game-original-open-v150 small{color:#668075}.game-original-open-v150 em{font-style:normal;font-weight:800;color:#7651b5;background:#f0e8ff;padding:7px 11px;border-radius:999px}.game-original-edit-v150{align-self:center}.game-family-page-v150{margin-top:18px;max-width:1100px}.game-family-header-v150{display:flex;align-items:center;gap:18px;padding:18px;border-radius:18px;background:#155b43;color:#fff}.game-family-header-v150>button{border:1px solid #ffffff80;background:#fff;color:#155b43;border-radius:10px;padding:10px 13px;font-weight:800}.game-family-header-v150 h2,.game-family-header-v150 p{margin:2px 0}.game-family-actions-v150{display:flex;justify-content:flex-end;gap:10px;margin:14px 0}.game-family-row-v150{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #d5e5de;border-radius:14px;background:#fff}.game-family-main-v150{min-width:0;flex:1;display:grid;gap:3px;border:0;background:transparent;text-align:left;cursor:pointer;color:#153d2e}.game-family-main-v150 b{font-size:18px}.game-family-main-v150 small{color:#8060a6}.game-family-person-v150{max-width:220px;color:#587267;font-weight:700}.game-family-empty-v150{padding:24px}@media(max-width:760px){.game-original-open-v150{grid-template-columns:42px 1fr}.game-original-open-v150 em{grid-column:2}.game-family-row-v150{flex-wrap:wrap}.game-family-person-v150{margin-left:52px}.game-family-actions-v150{justify-content:stretch;flex-direction:column}}
.game-family-cover-v155{width:94px;height:76px;flex:0 0 94px;border-radius:13px;overflow:hidden;display:grid;place-items:center;background:#ffffff18;font-size:34px}.game-family-cover-v155 img{width:100%;height:100%;object-fit:cover}.game-family-title-v155{min-width:180px;flex:1}.game-family-links-v155{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.game-family-links-v155 a,.game-family-links-v155>small{color:#fff;background:#ffffff18;border:1px solid #ffffff35;border-radius:999px;padding:5px 9px;text-decoration:none;font-size:11px}.game-family-header-v150 .game-family-actions-v150{margin:0;max-width:330px;flex-wrap:wrap}.game-family-header-v150 .game-family-actions-v150 button{border-radius:10px}.game-main-tabs button{font-weight:850;border:1px solid #cbded5!important}.game-main-tabs [data-game-tab="flash"]{background:#dff9e9;color:#145b43}.game-main-tabs [data-game-tab="unity"]{background:#e5efff;color:#214e91}.game-main-tabs [data-game-tab="uploaded"]{background:#f2e8ff;color:#7140a0}.game-theme-flash-v155 .main{background:linear-gradient(145deg,#f4fff8 0,#edf9f1 45%,#fffdf6 100%);transition:background .25s ease}.game-theme-unity-v155 .main{background:linear-gradient(145deg,#f3f8ff 0,#e7f0ff 48%,#fafcff 100%);transition:background .25s ease}.game-theme-uploaded-v155 .main{background:linear-gradient(145deg,#fbf5ff 0,#f0e5ff 48%,#fff9fc 100%);transition:background .25s ease}.game-theme-flash-v155 .game-main-tabs [data-game-tab="flash"],.game-theme-unity-v155 .game-main-tabs [data-game-tab="unity"],.game-theme-uploaded-v155 .game-main-tabs [data-game-tab="uploaded"]{filter:saturate(1.25);box-shadow:0 7px 20px #173d2e20;transform:translateY(-1px)}@media(max-width:900px){.game-family-header-v150{align-items:flex-start;flex-wrap:wrap}.game-family-header-v150 .game-family-actions-v150{width:100%;max-width:none}}

/* V156 colorful original-game identity cards */
.game-original-list-v150{gap:14px;max-width:1100px}.game-original-row-v150{min-height:104px;padding:10px 12px;border:2px solid var(--game-tone-border,#b9ddcf);background:linear-gradient(105deg,var(--game-tone-bg,#effcf6),#fff 75%);box-shadow:0 10px 26px color-mix(in srgb,var(--game-tone,#17684d) 15%,transparent);transition:transform .18s ease,box-shadow .18s ease}.game-original-row-v150:hover{transform:translateY(-2px);box-shadow:0 15px 32px color-mix(in srgb,var(--game-tone,#17684d) 24%,transparent)}.game-original-open-v150{grid-template-columns:58px minmax(0,1fr) auto;padding:7px}.game-original-number-v156{width:54px!important;height:68px!important;border-radius:15px!important;background:var(--game-tone,#17684d)!important;color:#fff!important;font-size:28px!important;box-shadow:0 7px 16px color-mix(in srgb,var(--game-tone,#17684d) 35%,transparent)}.game-original-info-v156{display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(170px,.7fr);grid-template-rows:auto auto;align-items:center;gap:7px 18px}.game-original-info-v156>b{grid-column:1/-1;color:var(--game-tone-text,#123e30);font-size:22px!important}.game-original-creator-v156{display:flex!important;align-items:center;gap:8px;color:var(--game-tone-text,#123e30)!important}.game-original-creator-v156 img,.game-original-creator-v156 i{width:30px;height:30px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:var(--game-tone,#17684d);color:#fff;font-style:normal;font-weight:900}.game-original-date-v156{color:var(--game-tone-text,#123e30)!important;font-weight:750}.game-original-open-v150 em{color:var(--game-tone-text,#123e30);background:color-mix(in srgb,var(--game-tone,#17684d) 14%,#fff);border:1px solid color-mix(in srgb,var(--game-tone,#17684d) 25%,#fff);box-shadow:0 5px 12px #0000000d}.game-original-edit-v150{align-self:center;background:#fff!important;border:2px solid var(--game-tone-border,#b9ddcf)!important;color:var(--game-tone-text,#123e30)!important;font-weight:900!important}.game-original-tone-1-v156{--game-tone:#087f5b;--game-tone-text:#07513d;--game-tone-bg:#e7fff5;--game-tone-border:#74d6b6}.game-original-tone-2-v156{--game-tone:#3168c6;--game-tone-text:#214a91;--game-tone-bg:#edf4ff;--game-tone-border:#9dbcf0}.game-original-tone-3-v156{--game-tone:#9b51c8;--game-tone-text:#6f3294;--game-tone-bg:#f8efff;--game-tone-border:#d6acef}.game-original-tone-4-v156{--game-tone:#d56716;--game-tone-text:#8d430c;--game-tone-bg:#fff4e8;--game-tone-border:#f2bc87}.game-original-tone-5-v156{--game-tone:#c33e6c;--game-tone-text:#8d2148;--game-tone-bg:#fff0f5;--game-tone-border:#efa0bb}.game-original-tone-6-v156{--game-tone:#65751b;--game-tone-text:#4b5811;--game-tone-bg:#f7fbdc;--game-tone-border:#c9d978}@media(max-width:760px){.game-original-info-v156{grid-template-columns:1fr}.game-original-info-v156>b{grid-column:1}.game-original-open-v150{grid-template-columns:50px minmax(0,1fr)}.game-original-open-v150 em{grid-column:2}.game-original-number-v156{width:46px!important;height:58px!important}}
.youtube-workspace-v166{display:grid;gap:18px}.youtube-hero-v166{display:flex;align-items:center;gap:18px;padding:24px;background:linear-gradient(135deg,#fff1f2,#fff);border:1px solid #fecdd3}.youtube-play-v166{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#ef233c;color:#fff;font-size:30px;box-shadow:0 10px 24px #ef233c33}.youtube-hero-v166 h2{margin:0 0 6px;color:#9f1239}.youtube-hero-v166 p{margin:0;color:#6b4b55}.youtube-tools-v166{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.youtube-tools-v166 article{padding:22px;border-top:5px solid #ef233c}.youtube-tools-v166 article span{font-size:30px}.youtube-tools-v166 h3{margin:10px 0 5px}.youtube-tools-v166 p{margin:0;color:#64748b}@media(max-width:800px){.youtube-tools-v166{grid-template-columns:1fr}}
.youtube-hero-v166>.primary{margin-left:auto}.youtube-dashboard-v167{display:grid;grid-template-columns:minmax(320px,390px) minmax(0,1fr);gap:18px}.youtube-calendar-v167{padding:18px;align-self:start}.youtube-calendar-v167 header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.youtube-calendar-v167 header h3{margin:0}.youtube-calendar-v167 header button{border:0;background:#fee2e2;color:#b91c1c;border-radius:12px;width:38px;height:38px;font-size:25px}.youtube-week-v167,.youtube-days-v167{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.youtube-week-v167 b{text-align:center;color:#94a3b8;font-size:11px}.youtube-days-v167{margin-top:8px}.youtube-days-v167 button{position:relative;aspect-ratio:1;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#334155}.youtube-days-v167 button:hover,.youtube-days-v167 button.selected{background:#ef233c;color:#fff;border-color:#ef233c}.youtube-days-v167 button.today{box-shadow:inset 0 0 0 2px #f59e0b}.youtube-days-v167 i{position:absolute;right:3px;bottom:3px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#172554;color:#fff;font-size:10px;font-style:normal}.youtube-channel-filters-v167{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.youtube-channel-filters-v167 button{white-space:nowrap;border:1px solid #fecaca;background:#fff;border-radius:999px;padding:9px 13px;font-weight:700}.youtube-channel-filters-v167 button.active{background:#ef233c;color:#fff}.youtube-selected-date-v167{display:flex;align-items:end;justify-content:space-between;margin:12px 0}.youtube-selected-date-v167 small{color:#64748b}.youtube-selected-date-v167 h2{margin:3px 0}.youtube-selected-date-v167>span{background:#ffe4e6;color:#be123c;padding:7px 11px;border-radius:999px;font-weight:800}.youtube-content-list-v167{display:grid;gap:10px}.youtube-content-card-v167{display:grid;grid-template-columns:80px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:14px;border-left:6px solid #94a3b8}.youtube-content-card-v167[data-status="Published"]{border-left-color:#16a34a}.youtube-content-card-v167[data-status="Scheduled"]{border-left-color:#2563eb}.youtube-content-card-v167[data-status="Edit"]{border-left-color:#9333ea}.youtube-content-time-v167{font-weight:900;color:#be123c}.youtube-content-main-v167 h3{margin:5px 0}.youtube-content-main-v167 p{margin:4px 0;color:#64748b}.youtube-content-main-v167 div span{display:inline-block;margin:0 5px 3px 0;padding:3px 7px;border-radius:999px;background:#f1f5f9;font-size:11px;font-weight:700}.youtube-content-card-v167>strong{padding:7px 10px;border-radius:999px;background:#fff1f2;color:#be123c}.youtube-content-actions-v167{display:flex;gap:5px}.youtube-content-actions-v167 button{border:0;border-radius:9px;padding:8px;background:#f1f5f9}.youtube-content-dialog-v167{width:min(820px,94vw);border:0;border-radius:22px}.youtube-content-form-v167{display:grid;grid-template-columns:1fr 1fr;gap:13px}.youtube-content-form-v167 .wide{grid-column:1/-1}@media(max-width:900px){.youtube-dashboard-v167{grid-template-columns:1fr}.youtube-calendar-v167{max-width:520px}.youtube-content-card-v167{grid-template-columns:65px 1fr}.youtube-content-card-v167>strong,.youtube-content-actions-v167{grid-column:2}}@media(max-width:600px){.youtube-content-form-v167{grid-template-columns:1fr}.youtube-content-form-v167 .wide{grid-column:auto}.youtube-hero-v166{align-items:flex-start;flex-wrap:wrap}.youtube-hero-v166>.primary{margin-left:0}}
.youtube-target-grid-v168{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.youtube-target-grid-v168 article{padding:16px;border-top:5px solid var(--channel)}.youtube-target-grid-v168 small{color:var(--channel);font-weight:900}.youtube-target-grid-v168 h3{margin:5px 0 12px}.youtube-target-grid-v168 article div{display:flex;gap:8px;flex-wrap:wrap}.youtube-target-grid-v168 span{padding:8px 10px;border-radius:10px;background:#f8fafc}.youtube-target-grid-v168 span b{display:block;color:var(--channel)}.youtube-production-dialog-v168{width:min(920px,96vw)}.youtube-contributors-v168{display:flex;gap:8px;flex-wrap:wrap;padding:12px;border:1px solid #dbe7e2;border-radius:14px}.youtube-contributors-v168 legend{font-weight:900}.youtube-contributors-v168 label{display:flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;background:#f1f5f9}.youtube-contributors-v168 img{width:24px;height:24px;border-radius:50%}.youtube-production-card-v168{align-items:start}.youtube-workflow-v168{display:flex!important;gap:3px;margin:10px 0;overflow-x:auto}.youtube-workflow-v168 i{flex:1;min-width:68px;padding:5px!important;border-radius:7px;background:#e2e8f0;color:#64748b;text-align:center;font-size:10px;font-style:normal;font-weight:800}.youtube-workflow-v168 i.done{background:#16a34a;color:#fff}.youtube-publish-links-v168{display:flex!important;gap:6px;flex-wrap:wrap;margin-top:9px}.youtube-publish-links-v168 a,.youtube-publish-links-v168 .missing{padding:6px 9px!important;border-radius:8px!important;background:#e0f2fe!important;color:#075985;font-size:11px!important;font-weight:800;text-decoration:none}.youtube-publish-links-v168 .missing{background:#f1f5f9!important;color:#94a3b8}@media(max-width:1050px){.youtube-target-grid-v168{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.youtube-target-grid-v168{grid-template-columns:1fr}}
.youtube-matrix-page-v169{display:grid;gap:16px}.youtube-matrix-hero-v169{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#172554,#1d4ed8);color:#fff}.youtube-matrix-hero-v169 small{font-weight:900;color:#bfdbfe}.youtube-matrix-hero-v169 h2{margin:4px 0}.youtube-matrix-hero-v169 p{margin:0;color:#dbeafe}.youtube-matrix-legend-v169{display:flex;gap:8px}.youtube-matrix-legend-v169 span{padding:8px 12px;border-radius:999px;font-weight:900}.youtube-matrix-legend-v169 .ok{background:#dcfce7;color:#166534}.youtube-matrix-legend-v169 .no{background:#fee2e2;color:#991b1b}.youtube-matrix-layout-v169{display:grid;grid-template-columns:350px minmax(0,1fr);gap:16px;align-items:start}.youtube-matrix-date-v169{display:flex;align-items:end;justify-content:space-between;margin-bottom:10px}.youtube-matrix-date-v169 small{color:#64748b;font-weight:800}.youtube-matrix-date-v169 h2{margin:3px 0}.youtube-matrix-date-v169 b{padding:8px 12px;border-radius:999px;background:#dbeafe;color:#1e40af}.youtube-matrix-table-wrap-v169{overflow-x:auto;padding:0}.youtube-matrix-table-v169{width:100%;border-collapse:collapse;min-width:850px}.youtube-matrix-table-v169 th{padding:12px 8px;background:#f1f5f9;color:#475569;font-size:11px;text-transform:uppercase}.youtube-matrix-table-v169 td{padding:11px 8px;border-top:1px solid #e2e8f0;text-align:center}.youtube-matrix-table-v169 td:first-child{text-align:left;border-left:5px solid var(--channel)}.youtube-matrix-table-v169 td:first-child b,.youtube-matrix-table-v169 td:first-child small{display:block}.youtube-matrix-table-v169 td:first-child small{margin-top:3px;color:#64748b}.youtube-matrix-table-v169 .format{display:inline-block;padding:6px 9px;border-radius:999px;background:#f8fafc;font-weight:800;white-space:nowrap}.upload-state{display:inline-grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;font-size:21px;font-weight:900;text-decoration:none}.upload-state.ok{background:#dcfce7;color:#15803d}.upload-state.no{background:#fee2e2;color:#dc2626;cursor:pointer}.youtube-matrix-table-v169 .na{color:#cbd5e1}.project-details-v169{border:0;border-radius:9px;padding:8px 10px;background:#172554;color:#fff;font-weight:800;white-space:nowrap}.youtube-project-dialog-v169{width:min(1000px,96vw);max-height:94vh;border:0;border-radius:22px}.youtube-project-summary-v169,.youtube-stage-dates-v169,.youtube-platform-fields-v169{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.youtube-stage-dates-v169{grid-template-columns:repeat(5,minmax(0,1fr));margin:13px 0}.youtube-project-dialog-v169 textarea{min-height:100px}.youtube-days-v167 i.complete{background:#16a34a}@media(max-width:1000px){.youtube-matrix-layout-v169{grid-template-columns:1fr}.youtube-calendar-v167{max-width:none}.youtube-stage-dates-v169{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.youtube-matrix-hero-v169{align-items:flex-start;flex-direction:column;gap:12px}.youtube-project-summary-v169,.youtube-platform-fields-v169{grid-template-columns:1fr}}
.employee-game-permission-v170{display:flex!important;align-items:center;justify-content:space-between;gap:16px;margin:14px 0;padding:16px;border:2px solid #74c9a5;border-radius:14px;background:linear-gradient(135deg,#e8fff5,#f4fbff);color:#0b4f3a}.employee-game-permission-v170 span{display:grid;gap:4px}.employee-game-permission-v170 b{font-size:16px}.employee-game-permission-v170 small{color:#486b60;font-weight:700}.employee-game-permission-v170 input{width:24px!important;height:24px!important;accent-color:#126449;flex:0 0 auto}
.youtube-smart-pipeline-v172{display:grid;gap:14px;margin:0 0 18px;padding:18px;border:1px solid #b9dfd1;border-radius:20px;background:linear-gradient(135deg,#effcf6,#f4f8ff);box-shadow:0 14px 35px rgba(15,91,68,.08)}
.youtube-smart-pipeline-v172>header{display:flex;align-items:center;justify-content:space-between;gap:16px}.youtube-smart-pipeline-v172>header small{display:block;color:#157456;font-weight:900;letter-spacing:.12em}.youtube-smart-pipeline-v172>header h2{margin:3px 0 0;font-size:1.35rem}.youtube-smart-pipeline-v172>header>span{padding:8px 12px;border-radius:999px;background:#dff5eb;color:#125c46;font-weight:800}
.youtube-pipeline-grid-v172{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px}.youtube-pipeline-grid-v172 article{display:grid;gap:10px;padding:14px;border:1px solid #c9ded7;border-radius:16px;background:#fff;box-shadow:0 7px 18px rgba(28,74,60,.07)}.youtube-pipeline-grid-v172 article>div:first-child{display:flex;justify-content:space-between;gap:8px;color:#17684f;font-size:.78rem;font-weight:900}.youtube-pipeline-grid-v172 h3{margin:0;font-size:1rem;line-height:1.35}.youtube-pipeline-grid-v172 p,.youtube-pipeline-grid-v172 small{margin:0;color:#526660}
.youtube-pipeline-track-v172{display:flex;align-items:center;gap:4px}.youtube-pipeline-track-v172 i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e7eeeb;color:#73837e;font-style:normal;font-size:.7rem;font-weight:900}.youtube-pipeline-track-v172 i.done{background:#1aa66f;color:#fff}.youtube-pipeline-track-v172 i.current{background:#d3ff3f;color:#123b2f;box-shadow:0 0 0 3px rgba(211,255,63,.28)}
@media(max-width:700px){.youtube-smart-pipeline-v172>header{align-items:flex-start;flex-direction:column}.youtube-pipeline-grid-v172{grid-template-columns:1fr}}
.publish-page-v174{display:grid;gap:16px}.publish-hero-v174{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;border-radius:22px;background:linear-gradient(125deg,#102f50,#12654d);color:#fff;box-shadow:0 16px 35px #103b5524}.publish-hero-v174 small{font-weight:900;letter-spacing:.13em;color:#bff5df}.publish-hero-v174 h2{margin:5px 0;font-size:1.65rem}.publish-hero-v174 p{margin:0;color:#dbf2e9}.publish-hero-v174>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.publish-hero-v174 span{padding:9px 13px;border-radius:999px;background:#ffffff1c;font-weight:900}.publish-layout-v174{display:grid;grid-template-columns:340px minmax(0,1fr);gap:16px;align-items:start}.publish-date-v174{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.publish-date-v174 small{font-weight:900;color:#167153}.publish-date-v174 h2{margin:3px 0}.publish-summary-v174{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.publish-summary-v174 article{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #d7e7e1;border-radius:14px;background:#fff}.publish-summary-v174 b{font-size:1.35rem;color:#136b50}.publish-summary-v174 span{font-size:.78rem;font-weight:800;color:#60736c}.publish-list-v174{display:grid;gap:10px}.publish-card-v174{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;gap:13px;align-items:center;padding:14px;border:1px solid #d7e7e1;border-left:6px solid #e11d48;border-radius:16px;background:#fff;box-shadow:0 7px 18px #123c2e0d}.publish-card-v174.game{border-left-color:#2563eb}.publish-icon-v174{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff1f2;font-size:22px}.publish-card-v174.game .publish-icon-v174{background:#eff6ff}.publish-main-v174>div:first-child{display:flex;gap:6px;flex-wrap:wrap}.publish-main-v174>div:first-child span{padding:3px 7px;border-radius:999px;background:#edf6f2;font-size:.68rem;font-weight:900}.publish-main-v174 h3{margin:7px 0}.publish-main-v174 p{margin:7px 0 0;color:#64736e;font-size:.8rem}.publish-track-v174{display:flex;gap:6px;align-items:flex-start}.publish-track-v174 i{display:grid;justify-items:center;gap:2px;color:#a6b2ae;font-style:normal;font-weight:900}.publish-track-v174 i.done{color:#16a36b}.publish-track-v174 i.current{color:#2563eb}.publish-track-v174 small{max-width:75px;font-size:.57rem;white-space:nowrap}.publish-card-v174>strong{padding:7px 10px;border-radius:999px;background:#fff7d6;color:#8a5b00;font-size:.75rem}.publish-card-v174>strong.published{background:#dcfce7;color:#14733d}.publish-actions-v174{display:flex;gap:6px}.publish-actions-v174 a,.publish-actions-v174 button{border:0;border-radius:10px;padding:8px 10px;background:#edf4f1;color:#124f3e;text-decoration:none;font-weight:900}.publish-dialog-v174{width:min(760px,94vw);border:0;border-radius:22px}.publish-form-v174{display:grid;grid-template-columns:1fr 1fr;gap:12px}.publish-form-v174 .wide{grid-column:1/-1}@media(max-width:950px){.publish-layout-v174{grid-template-columns:1fr}.publish-layout-v174>.youtube-calendar-v167{max-width:none}}@media(max-width:650px){.publish-hero-v174,.publish-date-v174{align-items:flex-start;flex-direction:column}.publish-summary-v174{grid-template-columns:1fr}.publish-card-v174{grid-template-columns:45px 1fr}.publish-card-v174>strong,.publish-actions-v174{grid-column:2}.publish-form-v174{grid-template-columns:1fr}.publish-form-v174 .wide{grid-column:auto}}

/* V176: full-viewport attendance sheet with no inner or horizontal scrolling. */
.attendance-day-dialog{
  box-sizing:border-box!important;
  width:calc(100vw - 16px)!important;
  max-width:none!important;
  height:calc(100dvh - 16px)!important;
  max-height:none!important;
  margin:8px!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:18px!important;
}
.attendance-day-dialog .attendance-day-shell{
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  max-height:none!important;
  padding:12px!important;
  overflow:hidden!important;
}
.attendance-day-dialog .dialog-title{
  position:relative!important;
  z-index:3!important;
  flex:0 0 auto!important;
  min-width:0!important;
  padding:10px 58px 10px 14px!important;
}
.attendance-day-dialog .dialog-title h2{margin:0!important;font-size:clamp(18px,2vw,27px)!important}
.attendance-day-dialog .dialog-title small{display:block;white-space:normal!important}
.attendance-day-dialog .dialog-title>button{
  position:absolute!important;
  top:50%!important;
  right:10px!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  margin:0!important;
  border-radius:50%!important;
}
.attendance-day-dialog .attendance-day-head,
.attendance-day-dialog .attendance-all-staff>.compact-row{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(0,1.15fr) minmax(0,.72fr) minmax(0,.55fr)!important;
  width:100%!important;
  min-width:0!important;
  column-gap:clamp(5px,1.2vw,18px)!important;
  align-items:center!important;
}
.attendance-day-dialog .attendance-day-head{
  flex:0 0 auto!important;
  padding:7px 12px!important;
  font-size:clamp(9px,1vw,12px)!important;
}
.attendance-day-dialog .attendance-all-staff{
  display:grid!important;
  grid-auto-rows:minmax(0,1fr)!important;
  flex:1 1 auto!important;
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  overflow:hidden!important;
  gap:3px!important;
}
.attendance-day-dialog .attendance-all-staff>.compact-row{
  min-height:0!important;
  padding:2px 12px!important;
  border-radius:8px!important;
  font-size:clamp(9px,1vw,13px)!important;
  line-height:1.05!important;
  overflow:hidden!important;
}
.attendance-day-dialog .compact-row>*{min-width:0!important;overflow-wrap:anywhere!important}
.attendance-day-dialog .compact-row small{
  display:block!important;
  margin-top:1px!important;
  font-size:clamp(7px,.78vw,10px)!important;
  line-height:1.05!important;
}
.attendance-day-dialog .attendance-state{font-size:clamp(9px,1vw,12px)!important;white-space:nowrap!important}
@media(max-width:620px){
  .attendance-day-dialog .attendance-day-shell{padding:6px!important}
  .attendance-day-dialog .attendance-day-head,
  .attendance-day-dialog .attendance-all-staff>.compact-row{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,.58fr) minmax(0,.52fr)!important;column-gap:4px!important;padding-left:6px!important;padding-right:6px!important}
}

/* V177: keep every attendance record in its own clean two-line row. */
.attendance-day-dialog .attendance-all-staff{
  grid-auto-rows:minmax(25px,1fr)!important;
  align-content:stretch!important;
}
.attendance-day-dialog .attendance-all-staff>.compact-row{
  box-sizing:border-box!important;
  height:100%!important;
  min-height:25px!important;
  padding-top:3px!important;
  padding-bottom:3px!important;
  line-height:1!important;
  overflow:hidden!important;
}
.attendance-day-dialog .attendance-all-staff>.compact-row>*,
.attendance-day-dialog .attendance-all-staff>.compact-row>b,
.attendance-day-dialog .attendance-all-staff>.compact-row>span{
  box-sizing:border-box!important;
  display:grid!important;
  align-content:center!important;
  min-width:0!important;
  height:100%!important;
  overflow:hidden!important;
  line-height:1.05!important;
}
.attendance-day-dialog .attendance-all-staff>.compact-row small{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1.05!important;
}
.attendance-day-dialog .attendance-all-staff>.compact-row .attendance-state{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* V178: single-line compact rows prevent text collision and remove side waste. */
.attendance-day-dialog{
  width:calc(100vw - 8px)!important;
  height:calc(100dvh - 8px)!important;
  margin:4px!important;
  border-radius:12px!important;
}
.attendance-day-dialog .attendance-day-shell{padding:5px!important}
.attendance-day-dialog .dialog-title{
  min-height:48px!important;
  padding:5px 52px 5px 10px!important;
  border-radius:10px!important;
}
.attendance-day-dialog .dialog-title h2{font-size:clamp(17px,1.7vw,25px)!important}
.attendance-day-dialog .dialog-title>button{right:7px!important;width:36px!important;height:36px!important;min-width:36px!important}
.attendance-day-dialog .attendance-day-head{
  padding:5px 8px!important;
  column-gap:6px!important;
}
.attendance-day-dialog .attendance-all-staff{gap:2px!important;grid-auto-rows:minmax(23px,1fr)!important}
.attendance-day-dialog .attendance-all-staff>.compact-row{
  min-height:23px!important;
  padding:2px 8px!important;
  column-gap:6px!important;
  border-radius:7px!important;
}
.attendance-day-dialog .attendance-all-staff>.compact-row>b>small{display:none!important}
.attendance-day-dialog .attendance-all-staff>.compact-row>span:nth-child(2){
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  white-space:nowrap!important;
}
.attendance-day-dialog .attendance-all-staff>.compact-row>span:nth-child(2)>.attendance-state{
  flex:0 0 auto!important;
  font-size:clamp(9px,.9vw,12px)!important;
}
.attendance-day-dialog .attendance-all-staff>.compact-row>span:nth-child(2)>small{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  font-size:clamp(7px,.68vw,9px)!important;
}
@media(max-width:720px){
  .attendance-day-dialog .attendance-day-head,
  .attendance-day-dialog .attendance-all-staff>.compact-row{
    grid-template-columns:minmax(0,1.1fr) minmax(0,1.25fr) minmax(0,.62fr) minmax(0,.45fr)!important;
    column-gap:3px!important;
  }
}

/* V179: centered compact attendance table with guaranteed non-overlapping rows. */
.attendance-day-dialog .attendance-day-shell{
  width:min(1180px,100%)!important;
  margin:0 auto!important;
}
.attendance-day-dialog .attendance-day-head,
.attendance-day-dialog .attendance-all-staff>.compact-row{
  grid-template-columns:minmax(150px,1.05fr) minmax(250px,1.2fr) minmax(135px,.62fr) minmax(80px,.42fr)!important;
  column-gap:8px!important;
}
.attendance-day-dialog .attendance-all-staff{
  grid-auto-rows:minmax(27px,1fr)!important;
  gap:3px!important;
}
.attendance-day-dialog .attendance-all-staff>.compact-row{
  min-height:27px!important;
  padding:3px 9px!important;
}
.attendance-day-dialog .attendance-all-staff>.compact-row>b{
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
@media(max-width:760px){
  .attendance-day-dialog .attendance-day-head,
  .attendance-day-dialog .attendance-all-staff>.compact-row{
    grid-template-columns:minmax(105px,.9fr) minmax(170px,1.25fr) minmax(95px,.62fr) minmax(62px,.42fr)!important;
    column-gap:4px!important;
  }
}

/* V180: readable publishing calendar with compact, full calendar and daily views. */
.youtube-view-switch-v180{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;padding:6px;background:#e8f3ee;border:1px solid #bdd9cb;border-radius:14px;width:max-content;max-width:100%}
.youtube-view-switch-v180 button{border:0;border-radius:10px;padding:10px 15px;background:#fff;color:#174f3e;font-weight:800;cursor:pointer;box-shadow:0 1px 3px #174f3e1c}
.youtube-view-switch-v180 button.active{background:#155b46;color:#fff}
.youtube-calendar-v167 .youtube-days-v167 button{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:flex-start!important;min-height:54px!important;padding:7px!important;background:#fff!important;color:#10233e!important;border:1px solid #d7dfeb!important;overflow:hidden!important}
.youtube-calendar-v167 .youtube-days-v167 button>b{font-size:16px!important;line-height:1!important;color:#10233e!important;z-index:1}
.youtube-calendar-v167 .youtube-days-v167 button>i{position:static!important;align-self:flex-end!important;min-width:30px!important;padding:3px 6px!important;border-radius:999px!important;background:#e8eefc!important;color:#1746a2!important;font-size:10px!important;font-style:normal!important;font-weight:900!important;line-height:1.1!important}
.youtube-calendar-v167 .youtube-days-v167 button>i.complete{background:#d9f7e6!important;color:#087443!important}
.youtube-calendar-v167 .youtube-days-v167 button.selected{background:#1d4ed8!important;border-color:#1d4ed8!important;box-shadow:0 5px 14px #1d4ed84a!important}
.youtube-calendar-v167 .youtube-days-v167 button.selected>b{color:#fff!important}
.youtube-calendar-v167 .youtube-days-v167 button.selected>i{background:#fff!important;color:#163b8c!important}
.youtube-calendar-v167 .youtube-days-v167 button.today:not(.selected){border:2px solid #f59e0b!important;background:#fff8e6!important}
.youtube-matrix-page-v169[data-view="calendar"] .youtube-matrix-layout-v169{display:block!important}
.youtube-matrix-page-v169[data-view="calendar"] .youtube-matrix-layout-v169>main{display:none!important}
.youtube-matrix-page-v169[data-view="calendar"] .youtube-calendar-v167{width:100%!important;max-width:none!important}
.youtube-matrix-page-v169[data-view="calendar"] .youtube-days-v167{grid-auto-rows:minmax(110px,1fr)!important}
.youtube-matrix-page-v169[data-view="calendar"] .youtube-days-v167 button{min-height:110px!important;padding:12px!important}
.youtube-matrix-page-v169[data-view="calendar"] .youtube-days-v167 button>b{font-size:24px!important}
.youtube-matrix-page-v169[data-view="calendar"] .youtube-days-v167 button>i{font-size:13px!important;padding:6px 9px!important}
.youtube-matrix-page-v169[data-view="list"] .youtube-matrix-layout-v169{display:block!important}
.youtube-matrix-page-v169[data-view="list"] .youtube-calendar-v167{display:none!important}
.youtube-matrix-page-v169[data-view="list"] .youtube-matrix-layout-v169>main{width:100%!important}
@media(max-width:760px){.youtube-view-switch-v180{width:100%}.youtube-view-switch-v180 button{flex:1 1 120px}.youtube-matrix-page-v169[data-view="calendar"] .youtube-days-v167{grid-auto-rows:minmax(72px,1fr)!important}.youtube-matrix-page-v169[data-view="calendar"] .youtube-days-v167 button{min-height:72px!important}}

/* V181 unified Publish / Upload control centre. */
.publish-control-v181{display:grid;gap:14px;color:#10251f}.publish-control-hero-v181{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-radius:22px;background:linear-gradient(125deg,#123d32,#0d6570 55%,#1749a3);color:#fff;box-shadow:0 15px 34px #123d3225}.publish-control-hero-v181 small,.publish-pipeline-v181 header small,.publish-selected-v181 small{font-weight:900;letter-spacing:.12em;color:#bcebdd}.publish-control-hero-v181 h2{margin:3px 0;font-size:clamp(24px,2.4vw,36px)}.publish-control-hero-v181 p{margin:0;color:#e4f5ef}.publish-hero-actions-v181{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.publish-hero-actions-v181 span,.publish-hero-actions-v181 button{border:0;border-radius:999px;padding:10px 13px;background:#ffffff20;color:#fff;font-weight:900}.publish-hero-actions-v181 button{background:#d5ff3f;color:#153e31;cursor:pointer}.publish-horizon-v181{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.publish-horizon-v181 button{display:grid;grid-template-columns:1fr auto;gap:4px;text-align:left;padding:13px 15px;border:1px solid #cfe2da;border-radius:16px;background:#fff;color:#173b31;cursor:pointer;box-shadow:0 5px 15px #173b310d}.publish-horizon-v181 small{grid-column:1/-1;font-weight:900;letter-spacing:.08em;color:#668078}.publish-horizon-v181 b{font-size:17px}.publish-horizon-v181 span{padding:4px 8px;border-radius:999px;background:#edf5f2;color:#365f53;font-size:11px;font-weight:900}.publish-horizon-v181 button.active{background:#153f34;color:#fff;border-color:#153f34}.publish-horizon-v181 button.active small{color:#bcebdd}.publish-horizon-v181 button.active span{background:#d5ff3f;color:#153f34}.publish-pipeline-v181{padding:16px;border:1px solid #c8dfd6;border-radius:20px;background:linear-gradient(135deg,#f1fbf7,#f0f6ff)}.publish-pipeline-v181>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.publish-pipeline-v181 header h2{margin:3px 0}.publish-pipeline-v181 header>b{padding:7px 11px;border-radius:999px;background:#daf2e8;color:#17634b}.publish-team-columns-v181{display:grid;grid-template-columns:1fr 1fr;gap:12px}.publish-team-columns-v181>section{min-width:0;padding:11px;border-radius:15px;background:#fff}.publish-team-columns-v181 h3{margin:0 0 9px}.publish-team-columns-v181>section>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pipeline-card-v181{min-width:0;padding:10px;border:1px solid #d9e6e1;border-radius:12px;background:#fff}.pipeline-card-v181>div:first-child{display:flex;justify-content:space-between;gap:5px;color:#557069;font-size:10px;font-weight:900}.pipeline-card-v181 h4{margin:6px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pipeline-card-v181 p{margin:6px 0 0;color:#526c64;font-size:11px}.pipeline-track-v181{display:flex;gap:4px}.pipeline-track-v181 i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#eef3f1;color:#90a19c;font-style:normal;font-size:10px;font-weight:900}.pipeline-track-v181 i.done{background:#1ca66b;color:#fff}.pipeline-track-v181 i.current{background:#d5ff3f;color:#174d3e;box-shadow:0 0 0 2px #174d3e}.publish-main-v181{display:grid;grid-template-columns:minmax(420px,.72fr) minmax(0,1.6fr);gap:14px;align-items:start}.publish-calendar-v181{padding:14px;border:1px solid #cadbd5;border-radius:20px;background:#fff}.publish-calendar-v181>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.publish-calendar-v181>header h2{margin:0}.publish-calendar-v181>header button{width:40px;height:40px;border:0;border-radius:12px;background:#e6f2ee;color:#155b46;font-size:25px;cursor:pointer}.publish-week-v181,.publish-days-v181{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.publish-week-v181 b{text-align:center;color:#60766f;font-size:11px}.publish-days-v181{margin-top:7px}.publish-days-v181 .blank{min-height:75px}.publish-days-v181 button{display:flex;min-width:0;min-height:75px;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:7px;border:1px solid #d9e4e0;border-radius:11px;background:#fbfdfc;color:#1c352e;cursor:pointer;overflow:hidden}.publish-days-v181 button>b{font-size:18px}.publish-days-v181 button>span{padding:3px 6px;border-radius:999px;background:#dfe9ff;color:#174ca2;font-size:10px;font-weight:900}.publish-days-v181 button>small{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6a7e78;font-size:8px}.publish-days-v181 button.today{border:2px solid #f2a900;background:#fff9e8}.publish-days-v181 button.selected{border-color:#164f41;background:#164f41;color:#fff;box-shadow:0 7px 15px #164f4135}.publish-days-v181 button.selected>span{background:#d5ff3f;color:#154437}.publish-days-v181 button.selected>small{color:#d9eee7}.publish-selected-v181{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:2px 0 10px}.publish-selected-v181 small{color:#28725d}.publish-selected-v181 h2{margin:3px 0}.publish-selected-v181>b{padding:8px 11px;border-radius:999px;background:#dfe9ff;color:#174ca2}.publish-team-tabs-v181{display:flex;gap:7px;margin-bottom:9px}.publish-team-tabs-v181 button{border:1px solid #ceddd8;border-radius:999px;padding:8px 12px;background:#fff;color:#315d50;font-weight:900;cursor:pointer}.publish-team-tabs-v181 button.active{background:#173f35;color:#fff}.publish-rows-v181{display:grid;gap:8px}.publish-row-v181{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(500px,1.5fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid #d9e4e0;border-left:6px solid #e11d48;border-radius:14px;background:#fff}.publish-row-v181.game{border-left-color:#2563eb}.publish-row-title-v181 small{font-size:10px;font-weight:900;color:#8f1d3a}.publish-row-v181.game .publish-row-title-v181 small{color:#174ca2}.publish-row-title-v181 h3{margin:4px 0;font-size:15px}.publish-row-title-v181 p{margin:0;color:#62756f;font-size:11px}.publish-platforms-v181{display:grid;grid-template-columns:repeat(6,minmax(58px,1fr));gap:5px}.publish-platforms-v181 span{display:grid;justify-items:center;gap:3px;padding:5px 2px;border-radius:10px;background:#f5f8f7}.publish-platforms-v181 span>b{font-size:8px;color:#60736d}.publish-platforms-v181 a,.publish-platforms-v181 i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-style:normal;font-weight:900;text-decoration:none}.publish-platforms-v181 a{background:#dcfce7;color:#147a44}.publish-platforms-v181 i{background:#fee2e2;color:#d1283c}.publish-platforms-v181 .na{opacity:.45}.publish-row-v181>button{border:0;border-radius:10px;padding:9px;background:#163f35;color:#fff;font-weight:900;cursor:pointer}.publish-dialog-v181{width:min(980px,96vw);max-height:94vh;border:0;border-radius:22px}.publish-form-v181,.platform-links-v181,.stage-assign-v181{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.publish-form-v181 .wide{grid-column:1/-1}.stage-assign-v181{grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0}.stage-assign-v181 legend{font-weight:900;color:#155b46}.platform-links-v181{margin:12px 0}
@media(max-width:1200px){.publish-main-v181{grid-template-columns:1fr}.publish-team-columns-v181>section>div{grid-template-columns:1fr}.publish-row-v181{grid-template-columns:1fr}.publish-platforms-v181{grid-template-columns:repeat(6,1fr)}.publish-row-v181>button{justify-self:start}}
@media(max-width:720px){.publish-control-hero-v181{align-items:flex-start;flex-direction:column}.publish-horizon-v181,.publish-team-columns-v181{grid-template-columns:1fr}.publish-main-v181{display:block}.publish-calendar-v181{margin-bottom:14px}.publish-days-v181 button,.publish-days-v181 .blank{min-height:62px}.publish-days-v181 button>small{display:none}.publish-platforms-v181{grid-template-columns:repeat(3,1fr)}.publish-selected-v181{align-items:flex-start;flex-direction:column}.publish-form-v181,.platform-links-v181,.stage-assign-v181{grid-template-columns:1fr}.publish-form-v181 .wide{grid-column:auto}}

/* finance-v158.css */
/* V158 finance 30-day income/expense area chart */
.finance-trend-v158{overflow:hidden;padding:0!important;border:1px solid #d9e1ee!important;background:#fff!important}.finance-chart-toolbar-v158{display:grid;grid-template-columns:minmax(230px,1fr) auto auto auto auto;align-items:end;gap:14px;padding:20px 22px;background:#f7f9fd;border-bottom:1px solid #dfe5ef}.finance-chart-toolbar-v158 h2,.finance-chart-toolbar-v158 p{margin:0}.finance-chart-toolbar-v158 h2{color:#274b9f}.finance-chart-toolbar-v158 p{margin-top:4px;color:#728096}.finance-chart-toolbar-v158 label{display:grid;gap:5px;color:#536176;font-size:12px;font-weight:800}.finance-chart-toolbar-v158 input{min-width:150px;padding:10px 12px;border:1px solid #cbd5e4;border-radius:8px;background:#fff}.finance-chart-toolbar-v158 button{min-height:42px;padding:9px 28px;background:#456fd6!important}.finance-chart-legend-v158{display:flex;gap:14px;align-self:center;font-size:13px;font-weight:850}.finance-chart-legend-v158 .income{color:#159447}.finance-chart-legend-v158 .expense{color:#e13e4c}.finance-line-v158{padding:18px 18px 8px;overflow-x:auto}.finance-line-v158 svg{display:block;width:100%;min-width:920px;height:auto}.finance-line-v158 .grid-lines line{stroke:#dce2eb;stroke-width:1}.finance-line-v158 .grid-lines text{fill:#7c8798;font-size:12px}.finance-line-v158 .income-area-v158{fill:#44c976;fill-opacity:.19}.finance-line-v158 .expense-area-v158{fill:#ff6673;fill-opacity:.16}.finance-line-v158 .income-line{fill:none;stroke:#18a653;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.finance-line-v158 .expense-line{fill:none;stroke:#ef4050;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.finance-line-v158 .income-dot{fill:#fff;stroke:#18a653;stroke-width:3}.finance-line-v158 .expense-dot{fill:#fff;stroke:#ef4050;stroke-width:3}.finance-line-v158 .finance-axis{display:grid;grid-template-columns:repeat(30,minmax(46px,1fr));min-width:920px;min-height:64px;padding:0 18px 8px 48px;color:#788398;font-size:10px}.finance-line-v158 .finance-axis span{transform:rotate(-38deg);transform-origin:left top;white-space:nowrap}@media(max-width:950px){.finance-chart-toolbar-v158{grid-template-columns:1fr 1fr}.finance-chart-toolbar-v158>div:first-child,.finance-chart-legend-v158{grid-column:1/-1}.finance-chart-toolbar-v158 button{width:100%}}

/* finance-v160.css */
/* V160 team and source income summary */
.finance-source-grid-v160{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 18px}.finance-source-team-v160{overflow:hidden;border:1px solid #cfe1d9;border-radius:16px;background:#fff;box-shadow:0 8px 24px #163e2d12}.finance-source-team-v160 header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px}.finance-source-team-v160 header>div{display:flex;align-items:center;gap:10px}.finance-source-team-v160 header span{font-size:25px}.finance-source-team-v160 h3,.finance-source-team-v160 small{margin:0}.finance-source-team-v160 h3{font-size:19px}.finance-source-team-v160 header strong{font-size:22px}.finance-source-team-v160.youtube header{background:linear-gradient(110deg,#e8fff1,#c7f6d8);color:#0a6b38}.finance-source-team-v160.game header{background:linear-gradient(110deg,#eaf2ff,#d6e5ff);color:#234e9a}.finance-source-team-v160>div{display:grid;gap:0;padding:8px 16px 13px}.finance-source-team-v160 p{display:flex;justify-content:space-between;gap:12px;margin:0;padding:9px 2px;border-bottom:1px solid #edf1ef;color:#496257}.finance-source-team-v160 p:last-child{border-bottom:0}.finance-source-team-v160 p b{white-space:nowrap;color:#163f30}@media(max-width:800px){.finance-source-grid-v160{grid-template-columns:1fr}}

/* finance-v161.css */
.finance-chart-toolbar-v158{grid-template-columns:minmax(0,1fr) 160px;grid-template-rows:auto auto auto auto;align-items:start!important;gap:8px 14px!important;padding:12px 16px!important}
.finance-chart-toolbar-v158>div:first-child{display:none}
.finance-report-picker-v161{grid-column:1;grid-row:1/4;min-width:0;align-self:stretch}
.finance-report-picker-v161>b{display:block;margin-bottom:7px;color:#243b68;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.finance-report-picker-v161>b::after{content:" · Double-click a name to edit";color:#71809b;font-size:10px;font-weight:700;text-transform:none;letter-spacing:0}
.finance-report-picker-v161>div{display:flex;gap:5px;flex-wrap:wrap;max-height:none;overflow:visible;padding:0}
.finance-report-picker-v161 label{display:flex!important;grid-template-columns:none!important;align-items:center;gap:6px!important;padding:7px 10px;border:1px solid #dce4ee;border-left:5px solid var(--report-color);border-radius:10px;background:color-mix(in srgb,var(--report-color) 6%,#fff);cursor:pointer;font-size:13px!important}
.finance-report-picker-v161 label:has(input:checked){background:color-mix(in srgb,var(--report-color) 11%,#fff);box-shadow:0 0 0 1px var(--report-color)}
.finance-report-picker-v161 input{width:14px!important;min-width:14px!important;height:14px;padding:0!important;accent-color:var(--report-color)}
.finance-report-picker-v161 i{width:8px;height:8px;border-radius:50%;background:var(--report-color)}
.finance-report-picker-v161 span{color:#20354f;font-weight:900;white-space:nowrap}
.finance-chart-toolbar-v158>label{grid-column:2;min-width:0}
.finance-chart-toolbar-v158>label input{width:100%;min-width:0!important}
.finance-chart-toolbar-v158>label:nth-of-type(1){grid-row:1}
.finance-chart-toolbar-v158>label:nth-of-type(2){grid-row:2}
.finance-chart-toolbar-v158>[data-fin-apply]{grid-column:2;grid-row:3;width:100%;min-height:38px!important;padding:7px 12px!important}
.finance-chart-legend-v161{grid-column:1/-1;grid-row:4;display:flex;gap:12px;flex-wrap:wrap;padding-top:2px}
.finance-chart-legend-v161 span{color:var(--report-color);font-size:12px;font-weight:850}
@media(max-width:760px){.finance-chart-toolbar-v158{grid-template-columns:1fr 1fr;grid-template-rows:auto}.finance-report-picker-v161{grid-column:1/-1;grid-row:auto}.finance-chart-toolbar-v158>label{grid-column:auto;grid-row:auto!important}.finance-chart-toolbar-v158>[data-fin-apply]{grid-column:1/-1;grid-row:auto}.finance-chart-legend-v161{grid-column:1/-1;grid-row:auto}}

/* features.css */
.employee-row{display:grid;grid-template-columns:1.45fr .7fr .6fr .8fr 78px;gap:14px;align-items:center;padding:14px 2px;border-bottom:1px solid #eaebe7;font-size:12px;min-width:720px}.employee-row.head,.salary-row.head{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#68766e}.person-name{display:flex!important;flex-direction:column;gap:5px;min-width:0}.person-name b{line-height:1.25}.person-name small{display:block;color:#68766e;font-weight:400;line-height:1.25;overflow:hidden;text-overflow:ellipsis}.salary-row{display:grid;grid-template-columns:1.35fr .8fr .7fr .75fr .6fr .85fr;gap:14px;align-items:center;padding:14px 2px;border-bottom:1px solid #eaebe7;font-size:12px;min-width:820px}.salary-row .pay-btn{padding:8px 10px;font-size:11px}.leave-row{display:grid;grid-template-columns:1fr auto;gap:18px;padding:16px 2px;border-bottom:1px solid #dfe2dc}.leave-row small{display:block;color:#68766e;margin:5px 0}.leave-row p{margin:7px 0;color:#46564d}.leave-row .actions{margin-top:10px}@media(max-width:900px){.employee-row,.salary-row{min-width:760px}.leave-row{grid-template-columns:1fr}}
.attendance-date-folders{display:grid;gap:12px;margin-top:14px}.attendance-date-folder{border:1px solid #cfe0d7;border-radius:16px;background:#fbfdfb;overflow:hidden}.attendance-date-folder>summary{list-style:none;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px 18px;cursor:pointer;background:#edf7f1;color:#153e2f}.attendance-date-folder>summary::-webkit-details-marker{display:none}.attendance-date-folder>summary:hover{background:#e2f3e9}.attendance-date-folder[open]>summary{background:#dff2e7;border-bottom:1px solid #c8dfd1}.attendance-date-folder summary b,.attendance-date-folder summary small{display:block}.attendance-date-folder summary small{margin-top:3px;color:#557064}.folder-icon{font-size:26px}.folder-action{font-weight:700;font-size:13px;color:#287756}.attendance-folder-body{padding:8px 14px 14px}.access-request-panel{margin:0 0 18px}.access-request-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #e1e8e4}.access-request-row small{display:block;color:#60736b;margin-top:4px}@media(max-width:700px){.attendance-date-folder>summary{grid-template-columns:auto 1fr;padding:13px}.folder-action{display:none}.attendance-folder-body{padding:5px 8px 10px}.access-request-row{align-items:flex-start;flex-direction:column}}

/* mobile-color.css */
:root{--green:#174936;--lime:#d8fa57;--blue:#e7f3ff;--orange:#fff0df;--red:#ffe9e6;--purple:#f0eaff}
body{font-weight:500}.sidebar a,.nav-item,button{font-weight:800}.card{box-shadow:0 10px 28px rgba(23,73,54,.07)}
.legend{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.hour-badge{padding:10px 14px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid transparent}.hour-badge.normal{background:#e6f8ed;color:#126436;border-color:#bde7cc}.hour-badge.overtime{background:#e7f3ff;color:#075a9c;border-color:#b8dafe}.hour-badge.short{background:#ffe9e6;color:#a73422;border-color:#ffc7bf}
.attendance-hours{display:grid;grid-template-columns:1.25fr .8fr .7fr .7fr 1fr;gap:14px;align-items:center;padding:15px 12px;border-bottom:1px solid #e5e8e3;border-left:5px solid transparent}.attendance-hours.head{padding:10px 12px;border-left:0;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#68766e;background:#f5f6f2}.attendance-hours.normal{border-left-color:#35a764;background:linear-gradient(90deg,#effbf3,transparent 35%)}.attendance-hours.overtime{border-left-color:#238be0;background:linear-gradient(90deg,#edf7ff,transparent 40%)}.attendance-hours.short{border-left-color:#ef664f;background:linear-gradient(90deg,#fff2ef,transparent 40%)}.attendance-hours.pending{border-left-color:#e8b126;background:linear-gradient(90deg,#fff9e8,transparent 40%)}.attendance-hours small{display:block;margin-top:5px;color:#64726a;font-weight:700}.attendance-hours b{font-weight:900}
.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;margin-bottom:18px;border-radius:18px;background:linear-gradient(135deg,#e5fb80,#dff4ff);font-weight:800}.preview-toolbar label{display:flex;align-items:center;gap:10px}.preview-toolbar select{min-width:220px}.phone-preview{max-width:430px;margin:auto;border:10px solid #173d2e;border-radius:34px;background:#f7f6ef;padding:15px;box-shadow:0 24px 60px rgba(13,46,33,.22)}.preview-hero{padding:22px;border-radius:22px;background:linear-gradient(135deg,#174936,#276d50);color:white}.preview-hero span{font-weight:900}.preview-hero h2{margin:12px 0 8px;font-size:25px}.preview-hero p{margin:0;color:#def6e8}.preview-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.preview-tiles article{padding:14px 8px;text-align:center;border-radius:16px;background:white;border:1px solid #e2e5df}.preview-tiles article:nth-child(1){background:var(--blue)}.preview-tiles article:nth-child(2){background:var(--purple)}.preview-tiles article:nth-child(3){background:var(--orange)}.preview-tiles span{display:block;font-size:10px;font-weight:800}.preview-tiles b{display:block;margin-top:8px;font-size:17px}.preview-list{padding:18px;border-radius:18px;background:white}.preview-list h3{margin-top:0}.preview-list>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #e8ebe6}
@media(max-width:760px){.layout{display:block}.sidebar{position:relative;width:auto;min-height:auto;padding:14px}.sidebar nav{display:flex;overflow-x:auto;gap:6px;padding-bottom:5px}.sidebar nav a,.nav-item{white-space:nowrap}.content,.main{padding:18px 12px}.page-header h1{font-size:30px}.stats,.preview-tiles{grid-template-columns:repeat(2,1fr)}.card{border-radius:18px}.toolbar{display:grid;grid-template-columns:1fr}.toolbar input,.toolbar select,.toolbar button{width:100%}.attendance-hours.head{display:none}.attendance-hours{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;border:1px solid #e3e6e1;border-left-width:6px;border-radius:16px;padding:15px}.attendance-hours .person-name{grid-column:1/-1;font-size:15px}.attendance-hours span:last-child{grid-column:1/-1;padding:10px;border-radius:10px;background:rgba(255,255,255,.7)}.preview-toolbar{align-items:stretch;flex-direction:column}.preview-toolbar label{align-items:stretch;flex-direction:column}.preview-toolbar select{min-width:0;width:100%}.phone-preview{box-sizing:border-box;width:100%;border-width:6px}.preview-tiles{grid-template-columns:repeat(3,1fr)}.employee-row,.salary-row{min-width:700px}.table{overflow-x:auto}}
@media(max-width:420px){.preview-tiles{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.attendance-hours{grid-template-columns:1fr}.attendance-hours span{grid-column:1!important}.phone-preview{padding:10px}.preview-hero{padding:18px}}

/* profile-salary.css */
.profile-strip{display:flex;align-items:center;gap:15px;padding:16px 18px;margin-bottom:18px;border-radius:18px;background:linear-gradient(135deg,#e9f9ee,#e8f2ff);border:1px solid #d6e9dc}.profile-strip>div{display:flex;flex:1;flex-direction:column;gap:4px}.profile-strip b{font-size:18px;font-weight:900}.profile-strip small{color:#68766e}.avatar{width:48px;height:48px;flex:0 0 48px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 3px 12px #173d2e25}.avatar-fallback{display:grid;place-items:center;background:#173d2e;color:#d9f36b;font-size:20px;font-weight:900}.photo-button{padding:11px 15px;border-radius:10px;background:#173d2e;color:#fff;font-size:12px;font-weight:900;cursor:pointer}.salary-summary{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:13px;margin-bottom:16px;border-radius:14px;background:linear-gradient(90deg,#e8f5ff,#f1eaff,#fff1db);font-size:12px;font-weight:900}.salary-v2{display:grid;grid-template-columns:1.35fr .8fr 1.1fr .75fr 1fr;gap:14px;align-items:center;padding:15px 4px;border-bottom:1px solid #e7e9e5;min-width:900px;font-size:12px}.salary-v2.head{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#68766e}.salary-v2 small{display:block;margin-top:4px;color:#68766e}.profile-cell{display:flex;align-items:center;gap:10px}.money-input{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;background:#fff7e5;border:1px solid #f1d493;border-radius:9px;font-weight:900}.money-input input{width:95px;border:0;background:transparent;font-weight:900;outline:0}.save-opening,.pay-btn{margin:5px 0 0 5px;padding:8px 10px;font-size:10px}.salary-total{font-size:17px;font-weight:900;color:#174936}
@media(max-width:760px){.profile-strip{align-items:flex-start;flex-wrap:wrap}.profile-strip>div{min-width:140px}.photo-button{width:100%;text-align:center}.salary-summary{align-items:stretch;flex-direction:column;text-align:center}.salary-summary b{display:none}.salary-v2.head{display:none}.salary-v2{display:grid;grid-template-columns:1fr 1fr;min-width:0;margin-bottom:14px;padding:15px;border:1px solid #e1e5df;border-radius:16px;background:#fff}.salary-v2 .profile-cell{grid-column:1/-1;padding-bottom:10px;border-bottom:1px solid #e7e9e5}.salary-v2>span:last-child{grid-column:1/-1}.money-input input{width:80px}}
@media(max-width:420px){.salary-v2{grid-template-columns:1fr}.salary-v2>*{grid-column:1!important}.save-opening,.pay-btn{margin-left:0;width:100%}}

/* secure-records.css */
.privacy-note{padding:15px 18px;margin-bottom:16px;border-radius:14px;background:#e8f5ff;border:1px solid #bfddf3;color:#164e73;font-size:12px;font-weight:800;line-height:1.55}.record-picker{display:flex;justify-content:flex-end;padding:14px 18px;margin-bottom:16px;border-radius:15px;background:linear-gradient(135deg,#eaf8ee,#eef2ff)}.record-picker label{display:flex;align-items:center;gap:12px;font-weight:900}.record-picker select{min-width:280px;padding:11px;border:1px solid #ccd8cf;border-radius:9px;background:#fff}.records-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.records-grid .feedback-card{grid-column:1/-1}.location-box{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:11px;background:#eef7ff;color:#245675;font-size:11px;font-weight:800}.proof-upload{display:grid;grid-template-columns:1fr 100px auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #e2e6e0}.proof-upload small{display:block;margin-top:4px;color:#68766e}.proof-upload img{width:100px;height:65px;object-fit:cover;border-radius:9px;border:1px solid #dce1db}.record-person{display:flex;align-items:center;gap:13px;padding-bottom:15px;border-bottom:1px solid #e5e8e3}.record-person h2{margin:0}.record-person p{margin:4px 0 0;color:#68766e;font-size:11px}.private-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.private-details>span{padding:13px;border-radius:12px;background:#f5f7f3}.private-details small{display:block;margin-bottom:6px;color:#68766e;font-size:9px;text-transform:uppercase;letter-spacing:.7px}.private-details b{font-size:12px;line-height:1.5}.wide-detail{grid-column:1/-1}.proof-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}.proof-gallery a{display:flex;flex-direction:column;gap:7px;padding:9px;border-radius:12px;background:#f4f6f2;color:#173d2e;text-decoration:none;font-size:11px}.proof-gallery img{width:100%;height:130px;object-fit:cover;border-radius:8px}.feedback-item{margin-top:12px;padding:14px;border-left:5px solid #77857d;border-radius:10px;background:#f5f6f4}.feedback-item.positive{border-color:#31a765;background:#edf9f1}.feedback-item.negative{border-color:#e05a47;background:#fff0ed}.feedback-item.general{border-color:#518bc6;background:#edf5fd}.feedback-item p{margin:8px 0;line-height:1.5}.feedback-item small{color:#68766e}.feedback-card:before{content:"Manager-only confidential section";display:inline-block;margin-bottom:10px;padding:5px 9px;border-radius:999px;background:#f0eaff;color:#674795;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}
@media(max-width:800px){.records-grid{grid-template-columns:1fr}.records-grid .feedback-card{grid-column:auto}.record-picker{justify-content:stretch}.record-picker label{align-items:stretch;flex-direction:column;width:100%}.record-picker select{min-width:0;width:100%}.proof-upload{grid-template-columns:1fr auto}.proof-upload img{grid-row:2;grid-column:1/-1;width:100%;height:170px}.private-details{grid-template-columns:1fr}.private-details>*{grid-column:1!important}}
@media(max-width:430px){.location-box{align-items:stretch;flex-direction:column}.location-box button{width:100%}.proof-gallery{grid-template-columns:1fr}.proof-gallery img{height:180px}}

/* employee-management.css */
.employee-manage-grid{display:grid;grid-template-columns:minmax(0,1.55fr)minmax(360px,.8fr);gap:18px;align-items:start}.employee-search{position:sticky;top:0;z-index:3;padding:12px;margin-bottom:12px;border-radius:14px;background:#e9f5ed}.employee-search input{width:100%;padding:12px 14px;border:1px solid #cbd9cf;border-radius:10px;background:#fff}.employee-cards{min-width:0}.employee-detail-card{padding:18px;margin-bottom:13px;border:1px solid #dce3dc;border-radius:18px;background:#fffefa;box-shadow:0 8px 22px #173d2e0d}.employee-card-head{display:flex;align-items:center;gap:12px}.employee-card-head>div{flex:1;min-width:0}.employee-card-head h3{margin:0 0 4px;font-size:17px}.employee-card-head small{display:block;overflow:hidden;color:#68766e;text-overflow:ellipsis}.employee-chips{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.employee-chips span{padding:6px 9px;border-radius:999px;background:#eef5ef;color:#245640;font-size:10px;font-weight:900}.employee-info{display:grid;grid-template-columns:1fr 1fr;gap:8px}.employee-info p{display:flex;flex-direction:column;gap:5px;margin:0;padding:10px;border-radius:10px;background:#f6f7f3;font-size:11px;line-height:1.45}.employee-info b{color:#526158;font-size:9px;text-transform:uppercase;letter-spacing:.5px}.employee-info .full{grid-column:1/-1}.employee-editor{position:sticky;top:15px;max-height:calc(100vh - 30px);overflow:auto}.form-section{display:grid;gap:12px;padding:15px;margin-bottom:13px;border:1px solid #e0e5df;border-radius:14px;background:#fbfcf9}.form-section h3{margin:0 0 3px;font-size:14px}.sticky-actions{position:sticky;bottom:-1px;padding:12px 0;background:#fffefa}
@media(max-width:1050px){.employee-manage-grid{grid-template-columns:1fr}.employee-editor{position:static;max-height:none}.employee-search{position:static}}
@media(max-width:600px){.employee-info{grid-template-columns:1fr}.employee-info>*{grid-column:1!important}.employee-detail-card{padding:14px}.employee-card-head{align-items:flex-start;flex-wrap:wrap}.employee-card-head .edit-user{margin-left:auto}.form-section{padding:12px}.employee-editor{padding:16px}.employee-editor .split{grid-template-columns:1fr}.sticky-actions{display:grid;grid-template-columns:1fr}.sticky-actions button{width:100%}}

/* employee-compact.css */
.employee-info.collapsed-detail{display:none}.employee-info.collapsed-detail.expanded{display:grid;animation:detailOpen .2s ease-out}@keyframes detailOpen{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.employee-card-head .view-user{margin-left:auto}.employee-card-head .view-user+.edit-user{margin-left:0}.manager-photo-row{display:flex;align-items:center;gap:14px;padding:12px;border-radius:12px;background:#edf6ef}.inline-upload{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border:1px solid #e0e5df;border-radius:11px;background:#fff}.inline-upload span{display:flex;flex-direction:column;gap:4px}.inline-upload small{color:#68766e}.proof-editor{background:#f6f2ff;border-color:#ded4f2}
@media(max-width:600px){.employee-card-head{display:grid;grid-template-columns:auto 1fr}.employee-card-head .avatar{grid-row:1/3}.employee-card-head .view-user,.employee-card-head .edit-user{grid-row:2;margin:0!important;width:100%}.employee-card-head .view-user{grid-column:1/2}.employee-card-head .edit-user{grid-column:2/3}.inline-upload{align-items:stretch;flex-direction:column}.inline-upload label{width:100%;text-align:center}.manager-photo-row{align-items:stretch;flex-direction:column}.manager-photo-row .avatar{align-self:center}.manager-photo-row .photo-button{text-align:center}}

/* proof-preview.css */
.employee-proof-preview{padding:14px;margin-top:4px;border:1px solid #ddd6ef;border-radius:14px;background:linear-gradient(135deg,#faf7ff,#f2f8ff)}.proof-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.proof-preview-head>b{font-size:12px;color:#31284a}.proof-preview-head>span{font-size:9px;font-weight:800;color:#736a87}.proof-link-list{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.proof-link-list a{padding:9px 11px;border-radius:9px;background:#e5efff;color:#245b91;font-size:10px;font-weight:900;text-decoration:none}.proof-thumb-grid{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:10px}.proof-thumb{display:flex;min-width:0;flex-direction:column;padding:7px;border:1px solid #dce1dd;border-radius:11px;background:#fff;color:#173d2e;text-decoration:none;box-shadow:0 5px 13px #173d2e0d}.proof-thumb img{width:100%;height:105px;border-radius:7px;object-fit:cover;background:#e9ece8}.proof-thumb span{padding-top:7px;overflow:hidden;font-size:10px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.proof-thumb small{margin-top:3px;color:#68766e;font-size:8px}.no-proof{grid-column:1/-1;padding:16px;border:1px dashed #ccd4ce;border-radius:10px;text-align:center;color:#68766e;font-size:10px}
@media(max-width:760px){.proof-thumb-grid{grid-template-columns:repeat(2,1fr)}.proof-preview-head{align-items:flex-start;flex-direction:column}.proof-link-list{display:grid;grid-template-columns:1fr}.proof-link-list a{text-align:center}}
@media(max-width:400px){.proof-thumb-grid{grid-template-columns:1fr}.proof-thumb img{height:180px}}

/* edit-states.css */
.employee-editor{border:3px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s}.editor-state-bar{position:sticky;top:-15px;z-index:8;margin:-15px -15px 14px;padding:11px 14px;border-radius:13px 13px 8px 8px;font-size:11px;font-weight:900;text-align:center}.state-editing{border-color:#e5b93e!important;background:#fffcf0!important;box-shadow:0 0 0 5px #f7d96324!important}.state-editing .editor-state-bar,.state-unsaved .editor-state-bar{background:#fff0b9;color:#765600}.state-unsaved{border-color:#e8a52e!important;background:#fff9e9!important}.state-saving,.state-uploading{border-color:#438cd1!important;background:#f0f7ff!important;box-shadow:0 0 0 5px #438cd122!important}.state-saving .editor-state-bar,.state-uploading .editor-state-bar{background:#ddebff;color:#174f86}.state-saved{border-color:#38a968!important;background:#f0fbf4!important;box-shadow:0 0 0 5px #38a96822!important}.state-saved .editor-state-bar{background:#d9f5e3;color:#176239}.state-saved #saveEmployee{background:#38a968;color:white}.state-saving #saveEmployee,.state-uploading #saveEmployee{background:#438cd1;color:white}.proof-editor{border-left:6px solid #8366bd!important}.form-section:first-of-type{border-left:6px solid #4f8bc7}.form-section:nth-of-type(2){border-left:6px solid #e0a83c}.manager-photo-row{position:relative;justify-content:flex-start}.manager-photo-row #editAvatar{width:78px;height:78px;flex-basis:78px;cursor:pointer;border:4px solid white;box-shadow:0 0 0 3px #7456ae}.manager-photo-row #editAvatar:hover{filter:brightness(.85)}.manager-photo-row .photo-button{position:absolute;left:58px;top:61px;width:26px;height:26px;padding:0;border:3px solid white;border-radius:50%;font-size:0;box-shadow:0 3px 8px #0002}.manager-photo-row .photo-button:before{content:"+";display:grid;height:100%;place-items:center;font-size:18px;font-weight:900}.proof-modal{width:min(94vw,1100px);height:min(92vh,900px);padding:0;border:0;border-radius:18px;background:#151918;box-shadow:0 25px 90px #0008}.proof-modal::backdrop{background:#07100dcc;backdrop-filter:blur(5px)}.proof-modal-close{position:fixed;top:max(18px,4vh);right:max(18px,4vw);z-index:3;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#173d2e;font-size:19px;font-weight:900;cursor:pointer}.proof-modal-body{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;padding:22px}.proof-modal-body img{max-width:100%;max-height:calc(100% - 45px);object-fit:contain;border-radius:8px;background:white}.proof-modal-caption{padding-top:12px;color:white;font-weight:900}.proof-thumb{cursor:zoom-in}
@media(max-width:600px){.editor-state-bar{top:-16px;margin:-16px -16px 12px}.proof-modal{width:96vw;height:88vh}.proof-modal-body{padding:12px}.proof-modal-close{top:14px;right:14px}.manager-photo-row{align-items:center}.manager-photo-row .photo-button{left:calc(50% + 18px);top:72px}}

/* role-portals.css */
.portal-role{margin:14px 8px 0;padding:8px 10px;border-radius:9px;background:#d9f36b;color:#173d2e;font-size:10px;font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:.8px}.work-assignment{padding-top:13px;margin-top:5px;border-top:1px solid #dfe4de}.work-assignment>p{margin:4px 0 10px;color:#68766e;font-size:10px}.work-checks{display:grid;grid-template-columns:1fr 1fr;gap:7px}.work-checks label{display:flex!important;grid-template-columns:none!important;align-items:center;gap:7px!important;padding:8px;border:1px solid #dde3dd;border-radius:9px;background:#fff;color:#344a3e!important;font-size:10px!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer}.work-checks input{width:auto!important;margin:0;accent-color:#287154}.work-chip{background:#eee8ff!important;color:#634b8e!important}.role-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;margin:-9px 0 18px;border-left:7px solid #568fc7;border-radius:14px;background:#eaf4ff}.role-banner>div:first-child{display:flex;flex-direction:column;gap:4px}.role-banner>div:first-child span{font-size:9px;text-transform:uppercase;letter-spacing:1px}.role-banner>div:first-child b{font-size:18px}.role-banner>div:last-child{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.role-work{padding:6px 9px;border-radius:999px;background:#fff;font-size:9px;font-weight:900}.role-hr{border-color:#a166c6;background:#f4eaff}.role-director{border-color:#d19132;background:#fff3df}.role-senior_editor{border-color:#3b88c4;background:#e8f5ff}.role-channel_incharge{border-color:#32a36c;background:#e8f8ee}
@media(max-width:600px){.work-checks{grid-template-columns:1fr}.role-banner{align-items:flex-start;flex-direction:column}.role-banner>div:last-child{justify-content:flex-start}.portal-role{margin-top:8px}}

/* teams-projects.css */
.team-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px;align-items:start}.team-card{padding:16px;margin-bottom:12px;border:1px solid #dfe5df;border-radius:16px;background:#fbfcf9}.team-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.team-card-head>div{display:grid;grid-template-columns:auto 1fr;gap:2px 10px}.team-card-head>div>span{grid-row:1/3;font-size:28px}.team-card h3{margin:0}.team-card small{color:#68766e}.team-members{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.team-members>span{display:flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:#edf4ef;font-size:9px;font-weight:800}.team-members .avatar{width:22px;height:22px;flex-basis:22px;border-width:1px}.leader-activity{display:block;margin-top:9px}.member-pick{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:12px;border:1px solid #dfe4df;border-radius:11px}.member-pick>b{grid-column:1/-1}.member-pick label{display:flex!important;align-items:center;gap:7px!important;padding:7px;border-radius:8px;background:#f4f6f2;color:#344a3e!important;text-transform:none!important}.member-pick input{width:auto!important}.project-board{display:grid;gap:16px}.project-card{padding:20px;border:1px solid #dce3dc;border-radius:18px;background:#fff;box-shadow:0 9px 25px #173d2e0d}.project-top{display:flex;justify-content:space-between;gap:15px}.project-top h2{margin:5px 0}.project-top p{margin:0;color:#68766e}.stage-pill{height:max-content;padding:7px 11px;border-radius:999px;background:#e8f1ff;color:#245b91;font-size:10px;font-weight:900}.stage-track{display:grid;grid-template-columns:repeat(7,1fr);margin:22px 0}.stage-track>span{position:relative;text-align:center;color:#a1aaa4;font-weight:900}.stage-track>span:before{content:"";position:absolute;top:8px;left:-50%;width:100%;height:3px;background:#dfe4df;z-index:0}.stage-track>span:first-child:before{display:none}.stage-track>span.done{color:#228253}.stage-track>span.done:before{background:#58bd7f}.stage-track small{display:block;margin-top:7px;font-size:8px;font-weight:700}.project-meta{display:flex;gap:9px;flex-wrap:wrap}.project-meta span{padding:7px 9px;border-radius:9px;background:#f4f6f2;font-size:9px;font-weight:800}.project-actions{display:grid;grid-template-columns:180px 1fr;gap:10px;margin-top:15px;padding-top:15px;border-top:1px solid #e5e8e3}.project-actions>select,.team-task>*{padding:10px;border:1px solid #dbe1dc;border-radius:9px}.team-task{display:grid;grid-template-columns:160px 1fr auto;gap:7px}.create-project{max-width:620px}
@media(max-width:850px){.team-grid{grid-template-columns:1fr}.stage-track{overflow-x:auto;grid-template-columns:repeat(7,90px);padding-bottom:6px}.project-actions{grid-template-columns:1fr}.team-task{grid-template-columns:1fr}.member-pick{grid-template-columns:1fr}}
@media(max-width:500px){.project-top{flex-direction:column}.project-meta{display:grid}.team-card-head{flex-direction:column}.team-card-head>b{align-self:flex-end}}

/* chat.css */
.chat-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;min-height:620px}.chat-sidebar,.chat-window{padding:0;overflow:hidden}.chat-side-head,.chat-window-head{padding:20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-side-head h2,.chat-window-head h2{margin:0;font-size:25px}.chat-room-list{display:grid;max-height:530px;overflow:auto}.chat-room{border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;padding:15px 18px;cursor:pointer;color:var(--ink)}.chat-room.active{background:#e8f4ee;border-left:5px solid #287154}.chat-room b,.chat-room small{display:block}.chat-room small{color:var(--muted);margin-top:5px}.chat-messages{height:430px;overflow:auto;padding:22px;background:linear-gradient(135deg,#f6f8f3,#eef5f0);display:flex;flex-direction:column;gap:12px}.chat-bubble{max-width:min(76%,680px);background:white;border:1px solid #dfe8e2;border-radius:15px 15px 15px 4px;padding:11px 13px;box-shadow:0 4px 14px #173d2e0c}.chat-bubble.mine{align-self:flex-end;background:#dff4b0;border-radius:15px 15px 4px 15px}.chat-bubble header{display:flex;justify-content:space-between;gap:18px;font-size:11px;color:#557065;margin-bottom:6px}.chat-bubble p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}.chat-bubble a{color:#125d45;font-weight:750;overflow-wrap:anywhere}.chat-image{display:block;margin-top:8px;border:0;background:none;padding:0;cursor:zoom-in}.chat-image img{display:block;max-width:260px;max-height:220px;border-radius:10px;object-fit:cover}.chat-file{display:inline-flex;gap:7px;align-items:center;background:#fff;padding:8px 10px;border-radius:8px;margin-top:7px}.chat-compose{padding:16px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr auto;gap:9px}.chat-compose textarea{grid-column:1/-1;min-height:70px}.chat-compose input,.chat-compose textarea{border:1px solid var(--line);border-radius:9px;padding:10px;background:white}.chat-create{margin-top:18px}.chat-create summary{cursor:pointer;font-weight:800;color:var(--green)}.chat-member-pick{max-height:190px;overflow:auto;border:1px solid var(--line);border-radius:9px;padding:9px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.chat-member-pick label{display:flex;gap:7px;align-items:center;font-size:12px;background:#f4f6f2;padding:7px;border-radius:7px}.chat-empty{display:grid;place-content:center;text-align:center;min-height:500px;color:var(--muted)}.chat-members{font-size:11px;color:var(--muted)}.chat-preview{max-width:min(92vw,900px);border:0;border-radius:16px;padding:12px}.chat-preview img{max-width:86vw;max-height:80vh;display:block}.chat-preview button{float:right;margin-bottom:8px}@media(max-width:850px){.chat-layout{grid-template-columns:1fr;min-height:0}.chat-room-list{max-height:240px}.chat-messages{height:52vh;min-height:360px}.chat-compose{grid-template-columns:1fr}.chat-compose textarea{grid-column:auto}.chat-member-pick{grid-template-columns:1fr}.chat-bubble{max-width:90%}}@media(max-width:520px){.chat-side-head,.chat-window-head{padding:14px}.chat-messages{padding:12px}.chat-bubble{max-width:94%}.chat-image img{max-width:210px}.chat-compose{padding:10px}}
/* V345: readable file and voice attachments. */
.chat-file[data-chat-attachment-v345]{width:max-content!important;min-width:145px!important;max-width:100%!important;min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;overflow:hidden!important;text-decoration:none!important}.chat-file[data-chat-attachment-v345]>span{flex:0 0 auto;font-size:18px!important;line-height:1!important}.chat-file[data-chat-attachment-v345]>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px!important}.chat-audio-v345{display:grid;width:min(310px,100%);gap:6px;margin-top:7px;padding:9px 10px;border:1px solid #c9ddd4;border-radius:11px;background:#fff}.chat-audio-v345>span{font-size:11px;font-weight:850;color:#245d4c}.chat-audio-v345 audio{display:block;width:100%;min-width:210px;height:38px}@media(max-width:520px){.chat-audio-v345{width:min(260px,100%)}.chat-audio-v345 audio{min-width:190px}.chat-file[data-chat-attachment-v345]{min-width:132px!important}}

/* employee-compact-redesign.css */
.employee-manage-grid{display:block!important}.employee-cards{width:100%}#employeeCards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.employee-detail-card{position:relative;min-height:150px;margin:0!important;padding:18px!important;overflow:hidden;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;background:linear-gradient(145deg,#fffefa,#f7fbf7)!important}.employee-detail-card:hover{transform:translateY(-4px);border-color:#9fcbb4;box-shadow:0 16px 32px #173d2e18}.employee-card-head{display:grid!important;grid-template-columns:58px 1fr!important;align-items:center!important}.employee-card-head .avatar{width:54px;height:54px;grid-row:1/3!important;transition:transform .28s ease}.employee-detail-card:hover .avatar{transform:scale(1.08) rotate(-2deg)}.employee-card-head .view-user{grid-column:1/-1!important;width:100%;margin:14px 0 0!important;background:#eaf3ed;transition:transform .18s,background .18s}.employee-card-head .view-user:active,.employee-card-head .edit-user:active{transform:scale(.94)}.employee-card-head .edit-user{display:none;grid-column:1/-1!important;width:100%;margin:8px 0 0!important;background:#fff0c5}.employee-chips{display:none!important}.employee-info.collapsed-detail{display:none}.employee-detail-card.details-open{grid-column:span 2;min-height:280px;border-color:#53a578;background:linear-gradient(145deg,#f0fbf4,#fffefa)!important;animation:cardExpand .36s cubic-bezier(.2,.9,.2,1)}.employee-detail-card.details-open .employee-card-head .edit-user{display:inline-flex;justify-content:center}.employee-detail-card.details-open .employee-chips{display:flex!important;animation:fadeSlide .3s ease}.employee-detail-card.details-open .employee-info.expanded{display:grid;animation:fadeSlide .32s ease}.employee-editor{display:none;position:fixed!important;inset:3vh 3vw 3vh auto;z-index:1000;width:min(560px,94vw);max-height:94vh!important;padding:20px!important;background:#fffefa;box-shadow:0 30px 90px #061b12a6!important;overflow:auto;transform-origin:right center}.employee-editor.is-open{display:block;animation:drawerIn .4s cubic-bezier(.2,.9,.2,1)}.employee-editor-backdrop{position:fixed;inset:0;z-index:999;background:#071a12a8;backdrop-filter:blur(5px);animation:fadeIn .25s ease}.employee-editor-close{position:sticky;top:0;z-index:20;float:right;width:40px;height:40px;border:0;border-radius:50%;background:#173d2e;color:white;font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 5px 15px #0003;transition:transform .2s}.employee-editor-close:hover{transform:rotate(90deg) scale(1.06)}.state-saving{animation:savingPulse 1s ease infinite}.state-saved{animation:savedPop .55s ease}.employee-search{position:static!important;margin-bottom:16px}.primary,.ghost{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.primary:hover,.ghost:hover{transform:translateY(-2px);filter:saturate(1.08)}.primary:active,.ghost:active{transform:scale(.96)}@keyframes drawerIn{from{opacity:0;transform:translateX(80px) scale(.97)}to{opacity:1;transform:none}}@keyframes cardExpand{from{opacity:.7;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes fadeSlide{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes savingPulse{50%{box-shadow:0 0 0 10px #438cd122,0 30px 90px #061b12a6}}@keyframes savedPop{50%{transform:scale(1.015)}}@media(max-width:720px){#employeeCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.employee-detail-card{min-height:145px;padding:13px!important}.employee-detail-card.details-open{grid-column:1/-1}.employee-card-head{grid-template-columns:46px 1fr!important}.employee-card-head .avatar{width:44px;height:44px}.employee-card-head h3{font-size:15px}.employee-card-head small{font-size:10px}.employee-editor{inset:1.5vh 2vw;width:96vw;max-height:97vh!important}}@media(max-width:430px){#employeeCards{grid-template-columns:1fr 1fr}.employee-detail-card{min-height:135px}.employee-card-head{display:flex!important;flex-direction:column;text-align:center}.employee-card-head>div{width:100%}.employee-card-head .view-user,.employee-card-head .edit-user{width:100%;font-size:11px;padding:10px}.employee-detail-card.details-open{grid-column:1/-1}.employee-info{grid-template-columns:1fr!important}}
.employee-card-head small{display:none!important}.employee-detail-card.details-open .employee-card-head small{display:block!important}.employee-search{display:flex;gap:10px}.employee-search input{flex:1}.employee-add-quick{white-space:nowrap}@media(max-width:720px){.employee-search{display:grid}.employee-add-quick{width:100%}}
.employee-add-quick{min-width:155px;box-shadow:0 8px 20px #7eaa2438;animation:addButtonIn .35s cubic-bezier(.2,.9,.2,1)}@keyframes addButtonIn{from{opacity:0;transform:translateX(18px) scale(.94)}to{opacity:1;transform:none}}
.employee-detail-card .employee-chips{display:flex!important;margin:10px 0 0!important}.employee-detail-card .employee-chips span{display:none}.employee-detail-card .employee-chips span:first-child{display:inline-flex;background:#e4f4e9;color:#164b36;font-size:11px}.employee-detail-card.details-open .employee-chips span{display:inline-flex}.employee-detail-card{cursor:grab}.employee-detail-card.dragging{opacity:.5;transform:scale(.94) rotate(1deg);border:2px dashed #2f8e61;cursor:grabbing}.order-controls{position:absolute;top:9px;right:9px;display:flex;align-items:center;gap:3px;opacity:.35;transition:opacity .2s}.employee-detail-card:hover .order-controls{opacity:1}.order-controls .drag-handle{padding:4px;color:#35644f;font-size:20px;cursor:grab}.order-controls button{width:28px;height:28px;padding:0;border:0;border-radius:8px;background:#e8f2eb;color:#174936;font-weight:900;cursor:pointer}.order-controls button:hover{background:#d8fa57;transform:scale(1.08)}.employee-detail-card.order-saved{animation:orderSaved .65s ease}@keyframes orderSaved{40%{background:#ddf8e7!important;transform:scale(1.025);box-shadow:0 0 0 5px #48a7782b}}@media(max-width:720px){.order-controls{opacity:1}.order-controls .drag-handle{display:none}.order-controls button{width:31px;height:31px}.employee-card-head{padding-top:20px}}
.employee-card-summary{display:grid;gap:5px;margin-top:7px}.employee-card-summary span{font-size:10px;font-weight:850;color:#50665b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-health{display:inline-grid;place-items:center;width:20px;height:20px;margin-left:7px;border-radius:50%;font:900 12px Arial;vertical-align:2px}.profile-health.complete{background:#36ae68;color:white;box-shadow:0 0 0 4px #36ae681b}.profile-health.incomplete{background:#ffb83e;color:#5d3a00;animation:warningGlow 2s ease infinite}.employee-detail-card{border-top:5px solid var(--dept,#648373)!important}.employee-detail-card.dept-game{--dept:#7957d5;background:linear-gradient(145deg,#f4efff,#fffefa)!important}.employee-detail-card.dept-youtube{--dept:#e35151;background:linear-gradient(145deg,#fff0f0,#fffefa)!important}.employee-detail-card.dept-editing{--dept:#278bd0;background:linear-gradient(145deg,#edf7ff,#fffefa)!important}.employee-detail-card.dept-hr{--dept:#e69b2d;background:linear-gradient(145deg,#fff6e6,#fffefa)!important}.employee-detail-card.dept-direction{--dept:#a64fa7;background:linear-gradient(145deg,#faeffa,#fffefa)!important}.employee-detail-card.dept-general{--dept:#3d9b6c;background:linear-gradient(145deg,#effaf3,#fffefa)!important}@keyframes warningGlow{50%{box-shadow:0 0 0 5px #ffb83e2e;transform:scale(1.08)}}
.employee-editor .employee-editor-close{position:fixed!important;top:calc(3vh + 10px)!important;right:calc(3vw + 10px)!important;z-index:1100!important;display:grid!important;place-items:center}@media(max-width:720px){.employee-editor .employee-editor-close{top:calc(1.5vh + 8px)!important;right:calc(2vw + 8px)!important}}
.employee-card-head h3{display:flex;align-items:center;min-height:24px;line-height:24px}.profile-health{flex:0 0 20px;min-width:20px;max-width:20px;box-sizing:border-box;contain:layout paint;transform:none!important}.profile-health.incomplete{animation:warningSoftRing 2.2s ease-in-out infinite!important;will-change:box-shadow,filter}.employee-detail-card:has(.profile-health.incomplete){contain:layout}.employee-detail-card.details-open{transform:none!important}@keyframes warningSoftRing{0%,100%{box-shadow:0 0 0 0 #ffb83e00;filter:brightness(1)}50%{box-shadow:0 0 0 4px #ffb83e32;filter:brightness(1.05)}}@media(prefers-reduced-motion:reduce){.profile-health.incomplete{animation:none!important}}
.order-controls .drag-handle{touch-action:none;user-select:none}.employee-detail-card.pointer-dragging{position:relative;z-index:50;opacity:.76;transform:scale(.96)!important;box-shadow:0 24px 50px #173d2e42!important;outline:3px dashed #d8fa57;cursor:grabbing}.employee-detail-card.dragging{outline:3px dashed #d8fa57}.employee-detail-card{transition:transform .2s ease,box-shadow .2s ease,order .2s ease}.order-controls button{font-size:15px}
.order-controls{display:none!important}.employee-detail-card{touch-action:pan-y}.employee-detail-card.touch-dragging{pointer-events:none;z-index:100;opacity:.72;transform:scale(.96)!important;outline:3px dashed #d8fa57;box-shadow:0 24px 55px #173d2e55!important;cursor:grabbing}.employee-detail-card .profile-health{position:relative;z-index:2;margin-left:8px}
.employee-sort-mode{min-width:250px;border:1px solid #b8cec2;border-radius:12px;background:#fffefa;padding:11px 13px;font-weight:800;color:#174936}.employment-dates{margin-top:16px;padding-top:16px;border-top:1px solid #d9e4de}.employment-dates h3{margin:0 0 12px}.rejoin-employee{width:100%;margin-top:10px;background:#dff6e7!important;color:#145737!important}.employment-status{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:7px}.employment-status b{font:900 10px Arial;letter-spacing:.06em}.employment-status small{font-size:9px!important;color:#65736c!important}.employee-relieved{--dept:#d63c3c!important;border-color:#e17474!important;background:linear-gradient(145deg,#fff0f0,#fffafa)!important;filter:saturate(.88)}.employee-relieved .employment-status b{color:#b31f1f}.employee-relieved .avatar{filter:grayscale(.55)}.employee-relieved.details-open{background:linear-gradient(145deg,#ffe9e9,#fffafa)!important}.employment-period-info{grid-column:1/-1;background:#eef7f1!important}.employee-relieved .employment-period-info{background:#ffe3e3!important;color:#861f1f}@media(max-width:720px){.employee-sort-mode{width:100%;min-width:0}.employment-dates .split{grid-template-columns:1fr!important}}
.employee-card-head>div{min-width:0}.employee-card-head h3{display:flex!important;width:fit-content;max-width:100%;margin:0 0 7px!important;padding:6px 9px;border-radius:9px;background:color-mix(in srgb,var(--dept,#3d9b6c) 16%,white);border:1px solid color-mix(in srgb,var(--dept,#3d9b6c) 34%,white);box-shadow:inset 4px 0 0 var(--dept,#3d9b6c),0 3px 9px #173d2e0b;color:#10261d;line-height:1.25!important;overflow-wrap:anywhere;transition:background .2s,box-shadow .2s,transform .2s}.employee-detail-card:hover .employee-card-head h3{background:color-mix(in srgb,var(--dept,#3d9b6c) 23%,white);box-shadow:inset 5px 0 0 var(--dept,#3d9b6c),0 5px 13px #173d2e16;transform:translateY(-1px)}.employee-card-head h3 .profile-health{margin-left:7px!important}.employee-relieved .employee-card-head h3{background:#ffe0e0;border-color:#e99b9b;box-shadow:inset 5px 0 0 #d63c3c}@media(max-width:430px){.employee-card-head h3{width:100%;justify-content:center;padding:6px 7px;font-size:14px!important;box-shadow:inset 0 -4px 0 var(--dept,#3d9b6c),0 3px 9px #173d2e0b}}
.employee-card-head h3{display:grid!important;grid-template-columns:minmax(0,1fr) 20px;width:100%;max-width:100%;height:35px;min-height:35px!important;padding:7px 8px 7px 11px!important;border:0!important;border-radius:10px!important;background:var(--dept,#236f4d)!important;box-shadow:0 5px 12px color-mix(in srgb,var(--dept,#236f4d) 30%,transparent)!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;overflow-wrap:normal!important;line-height:21px!important}.employee-card-head h3>.profile-health{grid-column:2;grid-row:1;margin:0!important;align-self:center}.employee-card-head h3:not(:has(.profile-health)){display:block!important;text-overflow:ellipsis!important}.employee-card-head h3::first-line{white-space:nowrap}.employee-detail-card:hover .employee-card-head h3{background:color-mix(in srgb,var(--dept,#236f4d) 82%,#061b12)!important;transform:translateY(-1px)}.employee-relieved .employee-card-head h3{background:#a91f2b!important;color:#fff!important;box-shadow:0 5px 12px #a91f2b3b!important}@media(max-width:430px){.employee-card-head h3{width:100%;justify-content:initial;font-size:13px!important;text-align:left}}
.employee-name-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-weight:900}.employee-card-head h3:not(:has(.profile-health)) .employee-name-text{width:100%}
.employee-detail-card{padding:12px!important;min-height:225px}.employee-card-head{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;grid-template-rows:42px auto auto!important;column-gap:12px;align-content:start}.employee-card-head>div{display:contents}.employee-card-head h3{grid-column:1/-1;grid-row:1;width:100%;margin:0!important;padding:9px 11px!important}.employee-card-head .avatar{grid-column:1;grid-row:2!important;margin-top:14px}.employee-card-summary{grid-column:2;grid-row:2;align-self:center;margin:14px 0 0!important}.employment-status{grid-column:2;grid-row:3;margin-top:6px}.employee-card-head .view-user{grid-column:1/-1!important;grid-row:4;width:100%;margin:22px 0 0!important;min-height:43px;border-radius:11px!important;background:linear-gradient(135deg,#e4f2e9,#edf6f0)!important;box-shadow:inset 0 0 0 1px #d4e7db;font-weight:900}.employee-detail-card .employee-chips{display:none!important;margin:0!important}.employee-detail-card.details-open .employee-chips{display:flex!important;margin-top:10px!important}.employee-detail-card.details-open .employee-card-head .edit-user{grid-row:5}.employee-detail-card.details-open{padding:18px!important}.employee-detail-card.details-open .employee-card-head{grid-template-rows:42px auto auto auto auto!important}.employee-detail-card.details-open .employee-card-head small{grid-column:2}.employee-detail-card:hover .employee-card-head h3{transform:none!important}.employee-relieved .employee-card-head .view-user{background:linear-gradient(135deg,#ffe7e7,#fff1f1)!important;box-shadow:inset 0 0 0 1px #efc4c4}@media(max-width:720px){.employee-detail-card{padding:10px!important;min-height:215px}.employee-card-head{grid-template-columns:48px minmax(0,1fr)!important;column-gap:9px}.employee-card-head .avatar{margin-top:12px}.employee-card-head .view-user{margin-top:18px!important}.employee-card-summary span{font-size:9px}}@media(max-width:430px){.employee-card-head{display:grid!important;text-align:left;grid-template-columns:44px minmax(0,1fr)!important}.employee-card-head>div{display:contents!important}.employee-card-head h3{grid-column:1/-1;text-align:left!important}.employee-card-head .avatar{grid-column:1}.employee-card-summary,.employment-status{grid-column:2}.employee-card-head .view-user{grid-column:1/-1!important}}
.employee-detail-card{min-height:190px;padding:0 11px 11px!important}.employee-card-head{grid-template-rows:38px auto auto auto!important;column-gap:10px}.employee-card-head h3{height:38px;min-height:38px!important;margin:0 -11px!important;width:calc(100% + 22px)!important;max-width:calc(100% + 22px)!important;padding:8px 12px!important;border-radius:10px 10px 7px 7px!important;box-shadow:0 4px 10px color-mix(in srgb,var(--dept,#236f4d) 28%,transparent)!important}.employee-card-head .avatar{margin-top:10px}.employee-card-summary{margin-top:10px!important}.employment-status{margin-top:3px}.employee-card-head .view-user{margin:13px 0 0!important;min-height:39px!important;color:var(--dept,#236f4d)!important;background:color-mix(in srgb,var(--dept,#236f4d) 14%,white)!important;border:1px solid color-mix(in srgb,var(--dept,#236f4d) 32%,white)!important;box-shadow:inset 0 0 0 1px #ffffff70!important}.employee-card-head .view-user:hover{color:#fff!important;background:var(--dept,#236f4d)!important;border-color:var(--dept,#236f4d)!important}.employee-relieved{background:linear-gradient(150deg,#ffe4e4 0%,#fff1f1 58%,#ffdada 100%)!important;border-color:#d95b64!important;box-shadow:0 10px 26px #b3283630!important}.employee-relieved .employee-card-head .view-user{color:#a91f2b!important;background:#ffd8dc!important;border-color:#e78e96!important;box-shadow:inset 0 0 0 1px #fff5f5!important}.employee-relieved .employee-card-head .view-user:hover{color:#fff!important;background:#a91f2b!important;border-color:#a91f2b!important}.employee-relieved .employee-card-summary span{color:#81232b}.employee-relieved .employment-status{padding:3px 7px;border-radius:7px;background:#ffd4d8;width:fit-content}.employee-detail-card.details-open{padding:0 16px 16px!important}.employee-detail-card.details-open .employee-card-head h3{margin:0 -16px!important;width:calc(100% + 32px)!important;max-width:calc(100% + 32px)!important}@media(max-width:720px){.employee-detail-card{min-height:184px;padding:0 9px 9px!important}.employee-card-head h3{margin:0 -9px!important;width:calc(100% + 18px)!important;max-width:calc(100% + 18px)!important}.employee-card-head .avatar,.employee-card-summary{margin-top:8px!important}.employee-card-head .view-user{margin-top:10px!important}}
.self-edit-control{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-top:16px;padding:14px;border-radius:12px;background:#fff1cf;border:1px solid #efc66c}.self-edit-control small{display:block;margin-top:4px;color:#735d2d}.self-edit-control.enabled{background:#e4f7ea;border-color:#78c794}.access-switch{display:flex!important;align-items:center;gap:8px;margin:0!important}.access-switch input{position:absolute;opacity:0}.access-switch span{position:relative;width:46px;height:25px;border-radius:99px;background:#b85656;box-shadow:inset 0 0 0 1px #0002}.access-switch span:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#fff;transition:.2s}.access-switch input:checked+span{background:#28a461}.access-switch input:checked+span:after{transform:translateX(21px)}.employee-own-summary{display:grid;grid-template-columns:1.2fr 1fr .9fr;gap:14px;margin-bottom:16px}.own-identity{display:flex;align-items:center;gap:14px}.own-identity .avatar{width:64px;height:64px}.own-identity h2,.own-identity p{margin:2px 0}.own-access.enabled{background:#e8f8ed;border-color:#69bd87}.own-access.locked{background:#fff2d8;border-color:#e6bd68}.own-access p{margin:8px 0 0}.own-salary{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center}.own-salary b{font-size:20px}.own-salary .pill{grid-column:1/-1;text-align:center}.profile-read-only{filter:saturate(.8)}.profile-read-only input,.profile-read-only textarea,.profile-read-only select{background:#edf0ee!important;color:#66736c!important}.access-disabled{opacity:.45;pointer-events:none}@media(max-width:850px){.employee-own-summary{grid-template-columns:1fr}.self-edit-control{grid-template-columns:1fr}.access-switch{justify-content:space-between}}
.own-office-records{grid-column:1/-1}.own-office-records>div{display:grid;grid-template-columns:180px 1fr;gap:8px 14px}.own-office-records span{color:#68776f;font-size:12px;font-weight:800}.own-office-records b{overflow-wrap:anywhere}@media(max-width:560px){.own-office-records>div{grid-template-columns:1fr}.own-office-records b{margin-bottom:8px}}
.exact-preview-toolbar{display:grid!important;grid-template-columns:minmax(250px,1fr) auto auto auto;align-items:center;gap:14px}.exact-preview-toolbar>label:first-child{display:flex;align-items:center;gap:10px;font-weight:900}.exact-preview-toolbar select{min-width:210px}.exact-preview-toolbar strong{padding:9px 12px;border-radius:10px;background:#ddf5e5;color:#17603b}.exact-employee-preview{margin-top:18px;padding:18px;border-radius:18px;background:linear-gradient(145deg,#f5faf6,#fffefa);border:1px solid #d7e7dc;box-shadow:0 20px 45px #173d2e12}.exact-profile-records{margin-top:0}.exact-profile-records textarea{min-height:95px}.exact-profile-records .proof-upload img{cursor:zoom-in}@media(max-width:960px){.exact-preview-toolbar{grid-template-columns:1fr 1fr}.exact-preview-toolbar>label:first-child{grid-column:1/-1}.exact-preview-toolbar select{flex:1}}@media(max-width:600px){.exact-preview-toolbar{grid-template-columns:1fr}.exact-preview-toolbar>*{width:100%}.exact-preview-toolbar .access-switch{justify-content:space-between}.exact-employee-preview{padding:10px}}
.delete-employee{margin-left:auto;background:#b42318!important;color:#fff!important;border:1px solid #8f1b13!important;box-shadow:0 8px 18px rgba(180,35,24,.2)}.delete-employee:hover{background:#8f1b13!important;transform:translateY(-1px)}.delete-employee:disabled{opacity:.65;cursor:wait}@media(max-width:700px){.delete-employee{width:100%;margin-left:0}.sticky-actions{flex-wrap:wrap}}
.task-edit{margin-left:auto;flex:0 0 auto}.task-edit-dialog{border:0;padding:0;border-radius:18px;max-width:520px;width:calc(100% - 28px);box-shadow:0 25px 70px #092d2060}.task-edit-dialog::backdrop{background:#082d2288;backdrop-filter:blur(3px)}.task-edit-dialog form{min-width:0;margin:0}.leave-manager{display:flex;gap:8px;align-items:center}.leave-manager select{min-width:125px}.chat-live{color:#19a95b;letter-spacing:.08em;font-size:11px;animation:livePulse 1.4s ease-in-out infinite}@keyframes livePulse{50%{opacity:.45}}@media(max-width:620px){.leave-row{align-items:stretch!important}.leave-manager{width:100%}.leave-manager select{flex:1}.task{flex-wrap:wrap}.task-edit{width:100%}}
.profile-health.incomplete{animation:none!important;will-change:auto!important;filter:none!important;transform:none!important;box-shadow:none!important}.employee-detail-card:has(.profile-health.incomplete){contain:none!important}.employee-detail-dialog{--dept:#3d9b6c;border:0;padding:0;width:min(760px,calc(100% - 24px));max-height:92vh;border-radius:22px;background:#fff;box-shadow:0 32px 90px #061b1270;overflow:auto}.employee-detail-dialog.dept-hr{--dept:#e69b2d}.employee-detail-dialog.dept-direction{--dept:#a64fa7}.employee-detail-dialog.dept-editing{--dept:#278bd0}.employee-detail-dialog.dept-youtube{--dept:#e35151}.employee-detail-dialog.dept-game{--dept:#7957d5}.employee-detail-dialog.employee-relieved{--dept:#b4232f;background:#fff1f1}.employee-detail-dialog::backdrop{background:#061b1290;backdrop-filter:blur(5px)}.employee-popup-shell{padding:0 22px 22px}.employee-popup-shell>header{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin:0 -22px 18px;padding:18px 22px;background:linear-gradient(135deg,var(--dept),color-mix(in srgb,var(--dept) 72%,#071a12));color:#fff}.employee-popup-shell>header .avatar{width:64px;height:64px}.employee-popup-shell>header h2,.employee-popup-shell>header p{margin:2px 0}.employee-popup-shell>header span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;opacity:.8}.employee-popup-close{width:40px;height:40px;border:0;border-radius:50%;background:#ffffff25;color:#fff;font-size:18px;cursor:pointer}.employee-detail-dialog .employee-chips{display:flex!important;margin-bottom:14px!important}.employee-detail-dialog .employee-chips span{display:inline-flex!important}.employee-detail-dialog .employee-info,.employee-detail-dialog .employee-info.collapsed-detail{display:grid!important}.employee-detail-dialog .employee-proof-preview{display:block!important}.employee-popup-shell>footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;margin:18px -8px -10px;padding:12px 8px;background:#fffffff2;backdrop-filter:blur(8px)}@media(max-width:600px){.employee-popup-shell{padding:0 13px 13px}.employee-popup-shell>header{margin:0 -13px 13px;padding:14px 13px;grid-template-columns:auto minmax(0,1fr) auto}.employee-popup-shell>header .avatar{width:50px;height:50px}.employee-popup-shell>header h2{font-size:20px}.employee-popup-shell>header p{font-size:10px;overflow:hidden;text-overflow:ellipsis}.employee-popup-shell>footer{display:grid;grid-template-columns:1fr 1fr}.employee-popup-shell>footer button{width:100%}}
.employee-detail-card{min-height:250px!important}.employee-card-head{grid-template-rows:38px auto auto auto auto!important}.profile-completion{grid-column:1/-1;grid-row:4;display:grid;gap:4px;margin-top:9px;padding:7px 8px;border-radius:9px;background:#edf3ef;border:1px solid #d8e5dc}.profile-completion>div{display:flex;justify-content:space-between;align-items:center;gap:8px}.profile-completion b,.profile-completion strong{font-size:10px;line-height:1}.profile-completion strong{font-size:12px}.profile-completion small{font-size:9px;color:#627269}.profile-progress-track{display:block;height:7px;border-radius:99px;background:#d8dfda;overflow:hidden;box-shadow:inset 0 1px 2px #0002}.profile-progress-track i{display:block;height:100%;border-radius:inherit;background:#d1493f;transition:width .45s ease}.profile-completion.medium .profile-progress-track i{background:#e49a22}.profile-completion.high .profile-progress-track i{background:#3d91d4}.profile-completion.complete{background:#e3f7e9;border-color:#9ad3ac}.profile-completion.complete .profile-progress-track i{background:#2cac60}.employee-card-head .view-user{grid-row:5!important;margin-top:10px!important}.employee-detail-card.details-open .employee-card-head .edit-user{grid-row:6!important}@media(max-width:720px){.employee-detail-card{min-height:242px!important}.profile-completion{padding:6px;margin-top:7px}.profile-completion b{font-size:9px}.profile-completion small{font-size:8px}}
.employee-card-head .profile-health{display:none!important}.profile-completion>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px}.profile-access{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:3px 7px;border-radius:99px;font-size:9px;font-weight:900;line-height:1;white-space:nowrap}.profile-completion.access-locked .profile-access{background:#dfe5e1;color:#34473d;border:1px solid #c8d2cc}.profile-completion.access-editable .profile-access{background:#d8f4e2;color:#13713b;border:1px solid #92d4a9}.profile-completion.access-editable{box-shadow:inset 3px 0 0 #2cac60}.profile-completion.access-locked{box-shadow:inset 3px 0 0 #7c8982}@media(max-width:420px){.profile-access{padding:3px 5px;font-size:8px}.profile-completion>div{gap:4px}}
.target-row>div{min-width:0;flex:1}.target-assigned-by{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:7px 0 8px;padding:6px 8px;border-radius:9px;background:#edf7f1;border:1px solid #cfe4d6;font-size:10px}.target-assigned-by span{color:#607168;font-weight:800}.target-assigned-by strong{color:#174e37}.target-assigned-by em{padding:3px 6px;border-radius:99px;background:#d8eee0;color:#17633e;font-size:9px;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.04em}@media(max-width:520px){.target-row{align-items:stretch!important;flex-direction:column}.target-row>span{align-self:flex-start}.target-assigned-by{align-items:flex-start}}
.project-board-v2{display:grid;gap:18px}.project-tracker{overflow:hidden;border-top:5px solid #2f9b68}.parcel-track{display:grid;grid-template-columns:repeat(var(--steps),minmax(105px,1fr));gap:0;margin:18px 0;padding:8px 4px 18px;overflow-x:auto;scrollbar-width:thin}.parcel-step{position:relative;display:grid;justify-items:center;align-content:start;gap:7px;min-width:105px;text-align:center;color:#87938d}.parcel-step:before{content:"";position:absolute;top:15px;left:-50%;width:100%;height:4px;background:#dce4df}.parcel-step:first-child:before{display:none}.parcel-step i{position:relative;z-index:1;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#edf1ef;border:3px solid #ccd6d0;color:#74827a;font-style:normal;font-weight:900}.parcel-step b{max-width:115px;font-size:10px;line-height:1.25}.parcel-step.complete:before,.parcel-step.current:before{background:#38a96f}.parcel-step.complete i{background:#38a96f;border-color:#38a96f;color:#fff}.parcel-step.current i{background:#dafa57;border-color:#2b8b5e;color:#164a34;box-shadow:0 0 0 6px #dafa5730}.parcel-step.complete,.parcel-step.current{color:#164a34}.tracker-actions{display:grid!important;grid-template-columns:minmax(210px,.65fr) 1.35fr;gap:12px;align-items:end}.tracker-actions>label{display:grid;gap:5px;font-size:11px;font-weight:900}.project-history{margin-top:14px;border:1px solid #d8e5dc;border-radius:12px;background:#f7faf8}.project-history summary{padding:12px 14px;cursor:pointer;font-weight:900;color:#245b42}.history-list{display:grid;padding:0 14px 14px}.history-list article{position:relative;display:grid;grid-template-columns:24px 1fr;gap:8px;padding:10px 0}.history-list article:not(:last-child):after{content:"";position:absolute;left:7px;top:30px;bottom:-8px;width:2px;background:#b9dac7}.history-list article>i{position:relative;z-index:1;color:#2f9b68;font-style:normal}.history-list b,.history-list p,.history-list time{display:block;margin:0}.history-list p,.history-list time{font-size:10px;color:#65756c}.workflow-creator{border:2px solid #dafa57;background:linear-gradient(145deg,#fbffe9,#fff)}.workflow-creator textarea#projectStages{min-height:245px;font-family:inherit;line-height:1.55}.workflow-creator label small{margin-top:4px;color:#69776f}@media(max-width:780px){.tracker-actions{grid-template-columns:1fr}.parcel-track{margin-inline:-8px;padding-inline:8px}.project-top{align-items:flex-start!important}.stage-pill{max-width:45%;text-align:center}}
/* Employee cards stay visually stable. Movement is allowed only while actively dragging. */
#employeeCards .employee-detail-card:not(.dragging):not(.pointer-dragging):not(.touch-dragging),#employeeCards .employee-detail-card:not(.dragging):not(.pointer-dragging):not(.touch-dragging):hover{transform:none!important;animation:none!important;transition:border-color .18s ease,box-shadow .18s ease!important}
#employeeCards .employee-card-head h3,#employeeCards .employee-detail-card:hover .employee-card-head h3,#employeeCards .employee-name-text{transform:none!important;animation:none!important;transition:none!important}
#employeeCards .employee-card-head .avatar,#employeeCards .employee-detail-card:hover .avatar,#employeeCards .avatar:hover{width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;max-width:54px!important;max-height:54px!important;transform:none!important;animation:none!important;transition:none!important}
@media(max-width:720px){#employeeCards .employee-card-head .avatar,#employeeCards .employee-detail-card:hover .avatar,#employeeCards .avatar:hover{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important}}
#employeeCards .employee-card-head h3{contain:layout paint!important;will-change:auto!important;backface-visibility:hidden;translate:none!important;top:auto!important;bottom:auto!important}
#employeeCards .employee-name-text{display:block!important;height:21px!important;line-height:21px!important;transform:none!important;translate:none!important;will-change:auto!important}
#employeeCards .employee-detail-card:not(.employee-relieved) .employee-card-head h3{background:linear-gradient(105deg,color-mix(in srgb,var(--dept,#3d9b6c) 72%,#08281a) 0 18%,var(--dept,#3d9b6c) 18% 100%)!important;border-bottom:3px solid color-mix(in srgb,var(--dept,#3d9b6c) 55%,#08281a)!important}
.employee-work-hero{position:relative;padding-top:105px!important;background:linear-gradient(135deg,#0e3325,#1d694b)!important}.employee-live-clock{position:absolute;top:22px;left:28px;right:28px;display:flex;align-items:end;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid #ffffff28}.employee-live-clock b{font-size:42px;line-height:1;color:#dafa57;letter-spacing:.04em}.employee-live-clock span{color:#fff;font-size:15px;font-weight:850}.attendance-main-action{min-width:210px!important;min-height:62px!important;padding:16px 28px!important;border-radius:15px!important;font-size:19px!important;box-shadow:0 12px 30px #061b1250!important}.salary-vault{width:min(520px,100%);margin:8vh auto;text-align:center;padding:38px!important;background:linear-gradient(145deg,#f5fff7,#fffdf4)!important;border:2px solid #9fd4b1!important;box-shadow:0 24px 65px #173d2e20!important}.salary-vault-icon{display:grid;place-items:center;width:78px;height:78px;margin:auto;border-radius:24px;background:#173d2e;color:#dafa57;font-size:34px}.salary-vault h2{font-size:34px!important}.salary-vault p{max-width:430px;margin:0 auto 22px;color:#5d6f65;line-height:1.55}.salary-vault form{text-align:left}.salary-vault input{text-align:center;font-size:24px;letter-spacing:.3em}.salary-vault>small{display:block;margin-top:16px;color:#7a867f}@media(max-width:600px){.employee-work-hero{padding-top:135px!important}.employee-live-clock{align-items:start;flex-direction:column}.employee-live-clock b{font-size:34px}.attendance-main-action{width:100%!important;min-width:0!important}.salary-vault{margin:3vh auto;padding:24px!important}}
#employeeCards{}
.employee-project-spotlight{margin-top:18px!important;background:linear-gradient(135deg,#eef9f2,#fffefa)!important;border-color:#b9ddc6!important}.employee-project-spotlight>div:last-child{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.employee-project-spotlight article{padding:12px;border-radius:12px;background:#fff;border:1px solid #dce9e0}.employee-project-spotlight article small{display:block;margin-top:4px;color:#68766e}.employee-project-spotlight .progress{margin-top:10px}
.notification-control{position:relative}.notification-control b{background:#d8ff58;color:#123d2d;border-radius:999px;padding:2px 7px;margin-left:auto}.push-toast{position:fixed;right:22px;bottom:22px;z-index:99999;width:min(360px,calc(100vw - 28px));border:0;border-left:6px solid #d8ff58;border-radius:14px;background:#123d2d;color:#fff;padding:15px 18px;text-align:left;box-shadow:0 16px 45px #071f1880;display:grid;gap:5px;opacity:0;transform:translateY(22px);pointer-events:none;transition:.22s ease}.push-toast.show{opacity:1;transform:none;pointer-events:auto}.push-toast span{font-size:13px;line-height:1.4;color:#e8f7ef}@media(max-width:700px){.push-toast{right:14px;bottom:14px}}
.payroll-expense-cards{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:14px;margin-bottom:18px}.payroll-expense-cards article{display:grid;gap:5px;padding:20px;border-radius:18px;border:1px solid #d7e1db;box-shadow:0 8px 24px #173d2c12}.payroll-expense-cards span{font-weight:800}.payroll-expense-cards strong{font-size:clamp(24px,3vw,38px);line-height:1}.payroll-expense-cards small{opacity:.72}.total-expense{background:linear-gradient(135deg,#123d2d,#246b50);color:#fff}.paid-expense{background:linear-gradient(135deg,#e5f8ed,#c9f1d9);color:#145c38}.pending-expense{background:linear-gradient(135deg,#fff2d7,#ffe1a5);color:#854d00}@media(max-width:760px){.payroll-expense-cards{grid-template-columns:1fr}.payroll-expense-cards article{padding:16px}}
.finance-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.finance-kpis article{display:grid;gap:7px;padding:20px;border-radius:18px}.finance-kpis span{font-weight:800}.finance-kpis strong{font-size:clamp(25px,3vw,38px)}.finance-kpis .income{background:#daf7e5;color:#125b37}.finance-kpis .expense{background:#ffe2df;color:#8b2520}.finance-kpis .balance-positive{background:#143e30;color:#fff}.finance-kpis .balance-negative{background:#8b2520;color:#fff}.finance-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);gap:18px}.finance-main,.finance-side{display:grid;align-content:start;gap:18px}.finance-chart{display:grid;gap:14px}.finance-chart>div{display:grid;gap:6px}.finance-chart label{display:flex;justify-content:space-between;gap:12px}.finance-chart i{height:13px;border-radius:999px;background:#edf1ee;overflow:hidden}.finance-chart i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d7fb56,#2f9c70)}.finance-row{display:grid;grid-template-columns:100px 90px minmax(160px,1fr) 110px 34px;gap:10px;align-items:center;padding:12px 4px;border-bottom:1px solid #e5ebe7}.finance-row span:nth-child(3){display:grid}.finance-row small{color:#607168}.finance-kind{font-weight:800;border-radius:999px;padding:5px 8px;text-align:center}.finance-kind.income{background:#d8f4e3;color:#14613a}.finance-kind.expense{background:#ffe1df;color:#942d27}.finance-delete{border:0;background:#ffe3e0;color:#9a2822;border-radius:8px;padding:7px;cursor:pointer}.ai-renewals article{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e4ebe6}.ai-renewals article div{display:grid}.ai-renewals small{color:#697970}@media(max-width:950px){.finance-layout{grid-template-columns:1fr}}@media(max-width:700px){.finance-kpis{grid-template-columns:1fr}.finance-table{overflow-x:auto}.finance-row{min-width:650px}}
.finance-tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:16px;padding:6px;background:#eaf4ee;border-radius:15px}.finance-tabs button{white-space:nowrap;border:0;border-radius:11px;background:transparent;color:#174b37;font-weight:800;padding:11px 16px;cursor:pointer}.finance-tabs button.active{background:#174b37;color:#fff;box-shadow:0 5px 14px #174b3733}.finance-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.65fr);gap:18px}.finance-list-total{font-size:22px}.finance-entry-list{display:grid}.finance-entry{display:grid;grid-template-columns:105px minmax(180px,1fr) 120px 78px;gap:12px;align-items:center;padding:14px 2px;border-bottom:1px solid #e1e9e4}.finance-entry>div:nth-child(2),.finance-entry-date{display:grid;gap:3px}.finance-entry small{color:#687a70}.finance-category{width:max-content;border-radius:999px;background:#e7f5ec;color:#186340;padding:3px 8px;font-size:11px;font-weight:800}.finance-entry-actions{display:flex!important;gap:5px}.finance-entry-actions button{border:0;border-radius:8px;padding:7px;cursor:pointer}.finance-edit{background:#fff0c7}.finance-calendar{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.finance-calendar article{border:1px solid #dce7e0;border-radius:14px;padding:13px;background:#fbfdfb}.finance-calendar header,.finance-calendar p{display:flex;justify-content:space-between;gap:10px}.finance-calendar p{margin:8px 0;padding-top:8px;border-top:1px dashed #dfe8e2}.finance-calendar p.income{color:#177044}.finance-calendar p.expense{color:#a23630}.finance-stats-grid,.finance-category-manager{display:grid;grid-template-columns:1fr 1fr;gap:18px}.finance-stat{display:grid;gap:6px;margin:13px 0}.finance-stat label{display:flex;justify-content:space-between}.finance-stat i{display:block;height:12px;border-radius:999px;background:#edf1ee;overflow:hidden}.finance-stat i b{display:block;height:100%;border-radius:inherit}.finance-stat.income i b{background:linear-gradient(90deg,#9ce3b9,#16834d)}.finance-stat.expense i b{background:linear-gradient(90deg,#ffb6ae,#cf3d34)}.category-add{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:13px}.category-chips{display:flex;flex-wrap:wrap;gap:8px}.category-chips span{display:flex;align-items:center;gap:4px;background:#edf6f0;border-radius:999px;padding:6px 7px 6px 12px;font-weight:700}.category-chips button{border:0;background:#fff;border-radius:999px;width:25px;height:25px;cursor:pointer}.finance-edit-dialog{width:min(560px,calc(100vw - 24px));border:0;background:transparent}.finance-edit-dialog::backdrop{background:#0b271eb8;backdrop-filter:blur(4px)}@media(max-width:900px){.finance-workspace,.finance-stats-grid,.finance-category-manager{grid-template-columns:1fr}}@media(max-width:650px){.finance-entry{grid-template-columns:85px 1fr auto}.finance-entry>strong{grid-column:2}.finance-entry-actions{grid-column:3;grid-row:1/3;flex-direction:column}}
.finance-period{display:flex;gap:6px;background:#edf4ef;padding:5px;border-radius:12px}.finance-period button{border:0;border-radius:9px;background:transparent;padding:8px 12px;font-weight:800;color:#315d4c;cursor:pointer}.finance-period button.active{background:#173f30;color:#fff}.finance-line-wrap{overflow-x:auto}.finance-line-wrap svg{display:block;width:100%;min-width:620px;height:auto}.grid-lines line{stroke:#dfe8e2;stroke-width:1}.income-line,.expense-line{fill:none;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.income-line{stroke:#1f9f5b}.expense-line{stroke:#df433a}.income-dot{fill:#1f9f5b;stroke:#fff;stroke-width:2}.expense-dot{fill:#df433a;stroke:#fff;stroke-width:2}.finance-axis{display:flex;justify-content:space-between;min-width:620px;padding:0 18px;color:#687a70;font-size:10px}.finance-axis span{writing-mode:vertical-rl;max-height:60px}.finance-bank-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.bank-account-list{display:grid;gap:9px}.bank-account-list article{display:grid;grid-template-columns:32px 1fr 36px 36px;gap:8px;align-items:center;padding:11px;border:1px solid #dce7e0;border-radius:12px;background:#fafdfb}.bank-account-list button{border:0;border-radius:8px;background:#edf4ef;padding:8px;cursor:pointer}@media(max-width:800px){.finance-bank-grid{grid-template-columns:1fr}.finance-trend-card .card-head{align-items:flex-start;gap:12px}.finance-period{width:100%;overflow-x:auto}}

/* employee-salary-report.css */
.employee-month-filter{display:flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid #cbded4;border-radius:12px;background:#fff;color:#174d3a;font-size:12px;font-weight:800;white-space:nowrap}.employee-month-filter input{border:0;background:transparent;font:inherit;color:inherit;min-width:125px}.employee-pay-snapshot{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.employee-pay-snapshot span{display:flex;flex-direction:column;gap:2px;min-width:0;padding:7px 8px;border-radius:9px;background:#fff;border:1px solid #dce8e1;font-size:9px;color:#587066;text-transform:uppercase;letter-spacing:.35px}.employee-pay-snapshot span:last-child{grid-column:1/-1}.employee-pay-snapshot b{font-size:12px;color:#123e2f;letter-spacing:0;text-transform:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.employee-card-actions .view-user,.employee-card-actions .work-report-btn{margin:0!important;min-width:0;padding:10px 6px!important;font-size:11px!important}.work-report-btn{border:1px solid color-mix(in srgb,var(--employee-accent,#3ba474) 35%,#d8e7df)!important;background:color-mix(in srgb,var(--employee-accent,#3ba474) 10%,white)!important;color:var(--employee-accent-dark,#155c3f)!important}.employee-detail-card{height:auto!important;min-height:0!important;padding-bottom:11px!important}.employee-detail-card .employee-card-head{margin-bottom:3px!important}.employee-detail-card .profile-completion{margin-top:7px!important}.employee-detail-card.dept-hr .employee-pay-snapshot span{background:#fff8e9;border-color:#f5d695}.employee-detail-card.employee-relieved .employee-pay-snapshot span{background:#fff2f2;border-color:#efc5c5}.work-report-dialog{width:min(960px,94vw);max-height:90vh;border:0;border-radius:22px;padding:0;background:#f6f8f6;color:#153e2f;box-shadow:0 24px 80px #092d2266}.work-report-dialog::backdrop{background:#102f2785;backdrop-filter:blur(5px)}.work-report-shell{padding:20px;display:grid;gap:14px}.work-report-head{display:flex;align-items:center;gap:12px;background:#154f3c;color:#fff;padding:15px;border-radius:16px}.work-report-head .avatar{flex:none}.work-report-head h2{margin:0;font-size:24px}.work-report-head p{margin:4px 0 0;color:#d8eee5}.work-report-close{margin-left:auto;border:0;border-radius:50%;width:38px;height:38px;background:#ffffff22;color:#fff;font-size:19px}.work-report-filter{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;background:#fff;padding:12px;border-radius:14px;border:1px solid #dce7e1}.work-report-filter label{font-size:10px;font-weight:800;text-transform:uppercase;color:#567066}.work-report-filter input{display:block;width:100%;margin-top:4px;padding:10px;border:1px solid #ccdcd4;border-radius:9px}.work-report-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.work-report-stats article{padding:12px;border-radius:13px;background:#fff;border:1px solid #dce7e1}.work-report-stats span{display:block;font-size:10px;color:#60756b;text-transform:uppercase}.work-report-stats b{display:block;margin-top:5px;font-size:20px}.work-report-sections{display:grid;grid-template-columns:1fr 1fr;gap:12px}.work-report-section{background:#fff;border:1px solid #dce7e1;border-radius:14px;padding:13px;min-width:0}.work-report-section h3{margin:0 0 9px}.work-report-list{display:grid;gap:7px;max-height:260px;overflow:auto}.work-report-row{display:grid;grid-template-columns:90px 1fr auto;gap:8px;align-items:center;padding:8px;border-radius:9px;background:#f3f7f4;font-size:11px}.work-report-row b{overflow:hidden;text-overflow:ellipsis}.gpi-manager-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.gpi-lock-toggle{display:flex!important;align-items:center;gap:7px;padding:10px;border:1px solid #d3e1da;border-radius:10px;background:#f4f8f5;white-space:nowrap}.employee-gpi-field{margin-bottom:12px}.employee-gpi-field .gpi-status{display:block;margin-top:5px;font-size:11px;color:#62756d}@media(max-width:800px){.employee-month-filter{width:100%;justify-content:space-between}.employee-pay-snapshot{grid-template-columns:1fr 1fr}.work-report-sections{grid-template-columns:1fr}.work-report-stats{grid-template-columns:1fr 1fr}.work-report-filter{grid-template-columns:1fr 1fr}.work-report-filter button{grid-column:1/-1}.work-report-row{grid-template-columns:78px 1fr}.work-report-row span:last-child{grid-column:2}.gpi-manager-row{grid-template-columns:1fr}}

/* employee-login-aliases-v215.css */
.employee-login-alias-field {
  padding: 12px;
  border: 1px solid #b9d7ca;
  border-radius: 13px;
  background: linear-gradient(145deg, #f2fff9, #f8fbff);
}

.employee-login-alias-field textarea {
  min-height: 76px;
  resize: vertical;
}

.employee-login-alias-field > small {
  color: #567168;
  font-size: 10px;
  line-height: 1.45;
}

.employee-login-email-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.employee-login-email-preview i {
  max-width: 100%;
  overflow: hidden;
  padding: 5px 8px;
  border: 1px solid #9dd6bf;
  border-radius: 999px;
  background: #dcf8ec;
  color: #075c42;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 600px) {
  .employee-login-alias-field { padding: 10px; }
}

/* final-portal-features.css */
.period-tabs,.project-type-tabs{display:flex;gap:8px;flex-wrap:wrap}.period-tabs button,.project-type-tabs button{padding:10px 14px;border:1px solid #c9ddd3;border-radius:999px;background:#fff;color:#174d3a;font-weight:800}.period-tabs button.active,.project-type-tabs button.active{background:#15523e;color:#fff}.attendance-summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.attendance-summary-strip article{background:#fff;border:1px solid #d8e5de;border-radius:14px;padding:13px}.attendance-summary-strip span{display:block;font-size:10px;color:#61756c;text-transform:uppercase}.attendance-summary-strip b{display:block;font-size:20px;margin-top:5px}.attendance-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.calendar-weekday{text-align:center;font-size:10px;font-weight:900;color:#667b70;text-transform:uppercase;padding:6px}.calendar-day{min-height:92px;border:1px solid #d9e6df;border-radius:12px;background:#fff;padding:8px;display:flex;flex-direction:column;text-align:left;color:#174d3a}.calendar-day:hover{border-color:#3ba474;box-shadow:0 5px 16px #174d3a18}.calendar-day.empty{visibility:hidden}.calendar-day.today{outline:2px solid #c9f542}.calendar-day.holiday{background:#fff7e8;border-color:#f2c86c}.calendar-day .day-num{font-weight:900;font-size:15px}.calendar-day small{margin-top:auto}.calendar-day strong{font-size:12px;color:#267654;margin-top:5px}.attendance-day-dialog,.rules-dialog{width:min(900px,94vw);max-height:88vh;border:0;border-radius:20px;padding:0;box-shadow:0 25px 80px #102f2766}.attendance-day-dialog::backdrop,.rules-dialog::backdrop{background:#102f2780;backdrop-filter:blur(4px)}.dialog-shell{padding:18px}.dialog-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:#15523e;color:#fff;border-radius:14px}.dialog-title h2{margin:0}.dialog-title button{border:0;border-radius:50%;width:36px;height:36px}.compact-table{display:grid;gap:7px;margin-top:12px}.compact-row{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr;gap:8px;align-items:center;padding:10px;border-radius:10px;background:#f3f7f5;font-size:12px}.library-toolbar{display:grid;grid-template-columns:1fr 200px auto;gap:10px;margin-bottom:14px}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.prompt-card,.diary-card{border:1px solid #d7e5de;border-radius:15px;background:#fff;padding:13px;display:grid;gap:9px}.prompt-card header{display:flex;align-items:center;gap:9px}.prompt-icon{width:42px;height:42px;border-radius:12px;background:#e9f6ef;display:grid;place-items:center;font-size:22px}.prompt-card p,.diary-card p{margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.mini-actions{display:flex;gap:6px;flex-wrap:wrap}.mini-actions button{padding:7px 9px;font-size:10px}.sticky-compose{display:grid;grid-template-columns:1fr auto;gap:10px}.sticky-compose textarea{min-height:76px}.diary-card{background:#fffbdc;border-color:#efe09b}.diary-card time{font-size:10px;color:#776f48}.rules-list{display:grid;gap:8px}.rule-item{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:11px;border-radius:11px;background:#f4f8f5}.rule-gate{padding:18px}.rule-gate .rules-list{margin:14px 0}.rule-agree{width:100%;padding:14px}.employee-work-duration{margin:12px 0;padding:14px;border-radius:14px;background:#143f31;color:#fff;text-align:center}.employee-work-duration span{display:block;font-size:11px;color:#c9e5da}.employee-work-duration b{font-size:34px;font-variant-numeric:tabular-nums}.special-pay-box{background:#fff7d6!important;border-color:#efd265!important}.employee-detail-card .employee-pay-snapshot{grid-template-columns:1fr 1fr 1fr;margin:7px 0}.employee-detail-card .employee-pay-snapshot span:last-child{grid-column:auto}.employee-detail-card .employee-card-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:7px}.employee-detail-card .employee-card-actions button{height:38px;width:100%;white-space:nowrap}.employee-detail-card .employee-card-head{min-height:0!important}.employee-detail-card{gap:5px!important}.project-history-meta{display:flex;gap:8px;flex-wrap:wrap}.project-history-meta span{padding:6px 9px;border-radius:999px;background:#edf5f1;font-size:10px}@media(max-width:800px){.attendance-summary-strip{grid-template-columns:1fr 1fr}.attendance-calendar{gap:3px}.calendar-day{min-height:70px;padding:5px}.calendar-day strong{font-size:9px}.library-toolbar{grid-template-columns:1fr}.compact-row{grid-template-columns:1fr 1fr}.employee-detail-card .employee-pay-snapshot{grid-template-columns:1fr 1fr}.employee-detail-card .employee-pay-snapshot span:last-child{grid-column:1/-1}}
.employee-work-duration{padding:16px;border-radius:18px;background:linear-gradient(135deg,#123f32,#257c5f);color:#fff;display:grid;gap:3px;text-align:center;margin-bottom:12px}.employee-work-duration b{font-size:clamp(2rem,8vw,4rem);font-variant-numeric:tabular-nums}.employee-work-duration small{color:#d9fff1}.project-final-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.project-final-meta>*{padding:6px 9px;border-radius:999px;background:#edf7f1;font-size:.78rem}.project-type-tabs{margin:0 0 14px}.gpi-status{display:block;font-size:.75rem;margin-top:5px}.employee-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.employee-card-actions button{width:100%;min-height:42px}.employee-pay-snapshot{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.employee-pay-snapshot span{min-width:0;overflow:hidden}.employee-pay-snapshot b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-detail-card{align-content:start}.employee-detail-card .profile-completion{margin-top:auto}@media(max-width:720px){.employee-pay-snapshot{grid-template-columns:1fr}.employee-card-actions{grid-template-columns:1fr}.project-type-tabs{position:sticky;top:0;z-index:4}}
.attendance-day-shell{width:min(1100px,94vw);max-height:86vh}.attendance-all-staff{max-height:65vh;overflow:auto}.attendance-day-head,.attendance-all-staff .compact-row{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(190px,1fr) 130px 110px;gap:12px;align-items:center}.attendance-day-head{padding:8px 12px;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.attendance-all-staff .compact-row{padding:10px 12px}.attendance-all-staff .compact-row>b small,.attendance-all-staff .compact-row>span small{display:block;color:#63736b;margin-top:3px}.attendance-all-staff .is-absent{background:#fff1f1;border-left:4px solid #df5353}.attendance-all-staff .is-present{border-left:4px solid #32a06b}.attendance-state{font-style:normal;font-weight:800}.md-command-center{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.md-command-center article{padding:14px 16px;border-radius:16px;background:#fff;border:1px solid #dce7e0;display:grid;gap:5px;box-shadow:0 8px 25px #183b2d0b}.md-command-center span{font-size:.78rem;color:#52675e}.md-command-center b{font-size:1.35rem}.md-command-center small{font-size:.72rem;color:#728077}.md-now{background:linear-gradient(135deg,#164f3d,#2e8b67)!important;color:#fff}.md-now span,.md-now small{color:#d9fff0}.md-now strong{font-size:1.05rem}.md-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.md-action-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #e8eeea}.md-action-row div{display:grid}.md-action-row small{color:#68786f}.employee-pay-snapshot{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.employee-pay-snapshot span{display:flex!important;flex-direction:column!important;min-width:0!important;padding:8px!important;border-radius:10px!important;background:#f1f7f3!important;font-size:.7rem!important;line-height:1.25!important}.employee-pay-snapshot b{font-size:.82rem!important;margin-top:3px!important}.employee-card-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:8px!important}.employee-card-actions button,.employee-detail-card>.view-user{width:100%!important;min-height:42px!important;margin:0!important}.employee-detail-card{display:flex!important;flex-direction:column!important;gap:9px!important}.employee-detail-card .profile-completion{margin-top:auto!important}.sticky-compose{grid-template-columns:minmax(150px,.35fr) minmax(300px,1.5fr) auto!important}.sticky-compose input,.sticky-compose textarea{width:100%;min-height:48px}.diary-card h3{margin:7px 0;font-size:1rem}.form-feedback{color:#a13024;font-weight:700;min-height:1em}@media(max-width:850px){.md-command-center{grid-template-columns:1fr 1fr}.md-action-grid{grid-template-columns:1fr}.attendance-day-head{display:none}.attendance-all-staff .compact-row{grid-template-columns:1fr 1fr}.sticky-compose{grid-template-columns:1fr!important}.employee-pay-snapshot{grid-template-columns:1fr!important}}@media(max-width:520px){.md-command-center{grid-template-columns:1fr}.attendance-all-staff .compact-row{grid-template-columns:1fr}.employee-card-actions{grid-template-columns:1fr!important}}

/* Prompt Library: compact, category-aware and easy to scan */
.library-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center}.prompt-category-tabs{display:flex;gap:7px;overflow-x:auto;padding:0 0 11px;margin:-2px 0 4px;scrollbar-width:thin}.prompt-category-tabs button{flex:0 0 auto;border:1px solid #cfe0d8;background:#fff;color:#18533f;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800}.prompt-category-tabs button span{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:4px;padding:0 5px;border-radius:999px;background:#e9f2ed;font-size:9px}.prompt-category-tabs button.active{background:#15523e;color:#fff;border-color:#15523e}.prompt-category-tabs button.active span{background:#ffffff26}.prompt-library-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:start}.prompt-card{--prompt-accent:#3ca274;--prompt-soft:#edf8f2;--prompt-ink:#154b39;background:linear-gradient(155deg,#fff 0%,var(--prompt-soft) 150%);border-top:4px solid var(--prompt-accent);padding:11px;gap:8px;min-width:0;box-shadow:0 8px 22px #163c2f0d}.prompt-card.is-pinned{box-shadow:0 0 0 2px color-mix(in srgb,var(--prompt-accent) 35%,transparent),0 10px 25px #163c2f18}.prompt-theme-blue{--prompt-accent:#3f7fd1;--prompt-soft:#edf5ff;--prompt-ink:#244f86}.prompt-theme-violet{--prompt-accent:#8056c7;--prompt-soft:#f3efff;--prompt-ink:#553690}.prompt-theme-orange{--prompt-accent:#dc842d;--prompt-soft:#fff4e7;--prompt-ink:#8a4d16}.prompt-theme-rose{--prompt-accent:#ca5e78;--prompt-soft:#fff0f4;--prompt-ink:#843b50}.prompt-theme-teal{--prompt-accent:#168f93;--prompt-soft:#eafafa;--prompt-ink:#126266}.prompt-theme-gold{--prompt-accent:#b99520;--prompt-soft:#fff9df;--prompt-ink:#725d15}.prompt-theme-emerald{--prompt-accent:#3ca274;--prompt-soft:#edf8f2;--prompt-ink:#154b39}.prompt-card header{display:grid;grid-template-columns:38px minmax(0,1fr) 32px;align-items:center;gap:8px}.prompt-icon{width:38px;height:38px;background:color-mix(in srgb,var(--prompt-accent) 16%,white);font-size:19px}.prompt-heading{display:flex;flex-direction:column;min-width:0;line-height:1.2}.prompt-heading b{display:block;color:var(--prompt-ink);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prompt-heading small{display:block;margin-top:4px;color:var(--prompt-accent);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.prompt-pin{width:32px;height:32px;padding:0;border:1px solid color-mix(in srgb,var(--prompt-accent) 22%,white);border-radius:10px;background:#fff;filter:grayscale(.35);cursor:pointer}.prompt-pin.active{background:color-mix(in srgb,var(--prompt-accent) 16%,white);filter:none}.prompt-body{height:92px;overflow:auto;overscroll-behavior:contain;padding:9px;border-radius:10px;background:#ffffffb8;border:1px solid color-mix(in srgb,var(--prompt-accent) 17%,white);color:#263e35;font-size:11px;line-height:1.45;white-space:pre-wrap;scrollbar-width:thin;scrollbar-color:var(--prompt-accent) transparent}.prompt-body:focus,.prompt-body:hover{outline:1px solid color-mix(in srgb,var(--prompt-accent) 45%,transparent)}.prompt-card .mini-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.prompt-card .mini-actions button{min-width:0;padding:7px 4px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prompt-card .primary{background:var(--prompt-accent);border-color:var(--prompt-accent);color:#fff}.prompt-editor-dialog select{font-size:20px}.prompt-editor-dialog textarea{min-height:180px}@media(max-width:800px){.library-toolbar{grid-template-columns:1fr auto}.library-toolbar #addPrompt{white-space:nowrap}.prompt-library-grid{grid-template-columns:1fr 1fr}.prompt-card .mini-actions{grid-template-columns:1fr 1fr}}@media(max-width:520px){.prompt-library-grid{grid-template-columns:1fr}.prompt-body{height:82px}}
.prompt-card .mini-actions{grid-template-columns:repeat(3,1fr)!important}.prompt-card .prompt-copy{grid-column:1/-1;min-height:44px!important;padding:10px 16px!important;font-size:14px!important;font-weight:900!important;border-radius:11px!important;box-shadow:0 7px 16px color-mix(in srgb,var(--prompt-accent) 28%,transparent);letter-spacing:.01em}.prompt-card .prompt-copy:hover{transform:translateY(-1px);box-shadow:0 9px 20px color-mix(in srgb,var(--prompt-accent) 36%,transparent)}.prompt-card .prompt-pin{font-size:15px}.prompt-card .prompt-edit,.prompt-card .prompt-duplicate,.prompt-card .prompt-delete{font-size:9px!important}
.prompt-copy-main{width:100%;min-height:48px!important;font-size:15px!important}.prompt-copy-main.copied{background:#15523e!important;box-shadow:0 0 0 3px #83d6ad80!important}.prompt-rating{display:flex;align-items:center;gap:2px;padding:0 2px}.prompt-star{border:0;background:transparent;color:#c9d1cd;font-size:19px;line-height:1;padding:2px;cursor:pointer}.prompt-star:hover,.prompt-star.active{color:#f2ad19}.prompt-icon-actions{grid-template-columns:repeat(4,34px)!important;justify-content:end}.prompt-icon-actions button{width:34px!important;height:32px!important;padding:0!important;font-size:14px!important;border-radius:9px!important}.prompt-pin-mobile{border:1px solid #d4e2da;background:#fff;cursor:pointer}.prompt-pin-mobile.active{background:#fff2bd}.prompt-icon-actions .prompt-edit,.prompt-icon-actions .prompt-duplicate,.prompt-icon-actions .prompt-delete{font-size:14px!important}.prompt-card>header .prompt-pin{display:none}
.prompt-menu-wrap{position:relative}.prompt-menu-toggle{width:34px;height:34px;border:1px solid color-mix(in srgb,var(--prompt-accent) 24%,white);border-radius:10px;background:#fff;color:var(--prompt-ink);font-size:25px;font-weight:900;line-height:1;padding:0 0 7px;cursor:pointer}.prompt-menu-toggle:hover,.prompt-menu-toggle[aria-expanded="true"]{background:color-mix(in srgb,var(--prompt-accent) 16%,white)}.prompt-action-menu{position:absolute;z-index:20;top:39px;right:0;width:145px;display:none;padding:6px;border:1px solid #d5e1db;border-radius:12px;background:#fff;box-shadow:0 14px 32px #102f2733}.prompt-action-menu.open{display:grid;gap:3px}.prompt-action-menu button{width:100%;border:0;border-radius:8px;background:transparent;color:#263d34;padding:9px 10px;text-align:left;font-size:11px;font-weight:800;cursor:pointer}.prompt-action-menu button:hover{background:var(--prompt-soft);color:var(--prompt-ink)}.prompt-action-menu .prompt-delete:hover{background:#fff0f0;color:#a72222}
.icon-picker-wrap{position:relative}.icon-picker-toggle{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #d4ded8;border-radius:9px;background:#fff;text-align:left;cursor:pointer}.icon-picker-toggle span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eaf6ef;font-size:22px}.icon-picker-toggle small{font-weight:800;color:#496057}.icon-picker-popup{display:none;position:absolute;z-index:30;top:62px;left:0;width:min(390px,calc(100vw - 70px));padding:12px;border:1px solid #d2dfd8;border-radius:15px;background:#fff;box-shadow:0 18px 42px #102f2740}.icon-picker-popup.open{display:grid;gap:11px}.icon-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.icon-choice{display:grid;place-items:center;aspect-ratio:1;border:1px solid #dce7e1;border-radius:10px;background:#f7faf8;font-size:21px;cursor:pointer}.icon-choice:hover,.icon-choice.active{background:#dcf7e8;border-color:#45a777;box-shadow:0 0 0 2px #45a77725}.custom-icon-row{display:grid;grid-template-columns:1fr auto;gap:7px;padding-top:10px;border-top:1px solid #e6ece8}.custom-icon-row input{min-width:0}.custom-icon-apply{border:0;border-radius:9px;background:#15523e;color:#fff;font-weight:800;padding:8px 12px}@media(max-width:520px){.icon-picker-grid{grid-template-columns:repeat(6,1fr)}.custom-icon-row{grid-template-columns:1fr}}
.icon-picker-popup{width:min(480px,calc(100vw - 96px));min-width:min(420px,calc(100vw - 96px));box-sizing:border-box;padding:15px;overflow:visible}.icon-picker-grid{grid-template-columns:repeat(auto-fit,minmax(42px,1fr));width:100%;align-items:start}.icon-choice{width:100%;min-width:0;max-width:none;box-sizing:border-box}.custom-icon-row{width:100%;box-sizing:border-box}.custom-icon-row>*{box-sizing:border-box}@media(max-width:600px){.icon-picker-popup{left:50%;transform:translateX(-50%);width:min(94vw,480px);min-width:0}.icon-picker-grid{grid-template-columns:repeat(6,minmax(38px,1fr))}}
.sticky-compose-card{margin-bottom:14px}.sticky-compose{grid-template-columns:minmax(140px,.35fr) minmax(300px,1fr) auto auto!important;align-items:end}.sticky-color-picker{border:0;padding:0;margin:0;display:flex;gap:6px}.sticky-color-picker legend{font-size:10px;font-weight:800;color:#60736a;margin-bottom:5px}.sticky-color-picker label input{position:absolute;opacity:0}.sticky-color-picker label span{display:block;width:27px;height:27px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #c9d7cf;cursor:pointer}.sticky-color-picker input:checked+span{box-shadow:0 0 0 3px #17543e}.sticky-color-yellow span,.sticky-color-yellow.diary-card,.sticky-color-yellow.sticky-view-dialog{--sticky:#fff7bf;--sticky-border:#e9cf56}.sticky-color-mint span,.sticky-color-mint.diary-card,.sticky-color-mint.sticky-view-dialog{--sticky:#dff7e9;--sticky-border:#77bf98}.sticky-color-blue span,.sticky-color-blue.diary-card,.sticky-color-blue.sticky-view-dialog{--sticky:#e1f0ff;--sticky-border:#78aee0}.sticky-color-pink span,.sticky-color-pink.diary-card,.sticky-color-pink.sticky-view-dialog{--sticky:#ffe3ec;--sticky-border:#df86a4}.sticky-color-lavender span,.sticky-color-lavender.diary-card,.sticky-color-lavender.sticky-view-dialog{--sticky:#eee6ff;--sticky-border:#a98bdc}.sticky-color-peach span,.sticky-color-peach.diary-card,.sticky-color-peach.sticky-view-dialog{--sticky:#ffe9d6;--sticky-border:#dc9a66}.sticky-color-picker label span{background:var(--sticky)}.sticky-masonry{columns:280px;column-gap:12px}.sticky-masonry .diary-card{break-inside:avoid;margin:0 0 12px;background:var(--sticky);border-color:var(--sticky-border);display:inline-block;width:100%;box-sizing:border-box;position:relative}.sticky-card-top{display:flex;align-items:center;justify-content:space-between}.sticky-menu-wrap{position:relative}.sticky-menu-toggle{width:31px;height:31px;border:0;border-radius:9px;background:#ffffff85;font-size:22px;line-height:1;padding:0 0 6px;cursor:pointer}.sticky-action-menu{display:none;position:absolute;z-index:20;right:0;top:34px;width:130px;padding:5px;border:1px solid #d9dfdb;border-radius:11px;background:#fff;box-shadow:0 12px 30px #153b2e35}.sticky-action-menu.open{display:grid}.sticky-action-menu button{border:0;background:transparent;border-radius:7px;padding:8px;text-align:left;font-size:11px;font-weight:800}.sticky-action-menu button:hover{background:#edf5f1}.diary-card p{display:block;overflow:visible;-webkit-line-clamp:unset}.diary-card p.is-long{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.sticky-view-note{width:100%;border:1px solid var(--sticky-border);border-radius:9px;background:#ffffff9c;padding:8px;font-weight:800;color:#174d3a}.sticky-note-dialog textarea{min-height:230px}.sticky-view-dialog{background:var(--sticky);border:2px solid var(--sticky-border)}.sticky-full-text{max-height:58vh;overflow:auto;padding:18px 4px;white-space:pre-wrap;font-size:15px;line-height:1.65}.sticky-view-dialog .dialog-title{background:#174d3a}@media(max-width:900px){.sticky-compose{grid-template-columns:1fr!important;align-items:stretch}.sticky-masonry{columns:2}}@media(max-width:560px){.sticky-masonry{columns:1}}
.sticky-color-yellow span,.sticky-color-yellow.diary-card,.sticky-color-yellow.sticky-view-dialog{--sticky-ink:#765b00;--sticky-strong:#aa7d00}.sticky-color-mint span,.sticky-color-mint.diary-card,.sticky-color-mint.sticky-view-dialog{--sticky-ink:#155c3b;--sticky-strong:#277a54}.sticky-color-blue span,.sticky-color-blue.diary-card,.sticky-color-blue.sticky-view-dialog{--sticky-ink:#174f82;--sticky-strong:#2d70a8}.sticky-color-pink span,.sticky-color-pink.diary-card,.sticky-color-pink.sticky-view-dialog{--sticky-ink:#8b294d;--sticky-strong:#b84670}.sticky-color-lavender span,.sticky-color-lavender.diary-card,.sticky-color-lavender.sticky-view-dialog{--sticky-ink:#56368b;--sticky-strong:#7653ad}.sticky-color-peach span,.sticky-color-peach.diary-card,.sticky-color-peach.sticky-view-dialog{--sticky-ink:#8b461c;--sticky-strong:#b76630}.sticky-view-note,.sticky-menu-toggle,.sticky-action-menu button,.sticky-view-dialog button,.note-color{cursor:pointer}.sticky-view-note{color:var(--sticky-ink);background:color-mix(in srgb,var(--sticky) 60%,white);border-color:var(--sticky-border)}.sticky-view-note:hover{background:var(--sticky-border);color:var(--sticky-ink);transform:translateY(-1px)}.sticky-view-dialog,.sticky-view-dialog .dialog-shell{color:var(--sticky-ink)}.sticky-view-dialog .dialog-title{background:var(--sticky-strong);color:#fff}.sticky-view-dialog .dialog-title small,.sticky-view-dialog .dialog-title h2{color:#fff}.sticky-view-dialog .sticky-view-copy{border-color:var(--sticky-border);color:var(--sticky-ink);background:color-mix(in srgb,var(--sticky) 70%,white)}.sticky-view-dialog .sticky-view-edit{background:var(--sticky-strong);color:#fff}.sticky-action-menu{width:158px}.sticky-quick-colors{border-top:1px solid #e2e8e4;padding:7px 5px 4px}.sticky-quick-colors>small{display:block;margin:0 0 6px 3px;color:#60736a;font-size:9px;font-weight:900;text-transform:uppercase}.sticky-quick-colors>div{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.sticky-action-menu .note-color{display:grid;place-items:center;width:20px;height:20px;padding:0;border-radius:50%;background:transparent}.sticky-action-menu .note-color span{display:block;width:15px;height:15px;border-radius:50%;background:var(--sticky);border:1px solid var(--sticky-border)}.sticky-action-menu .note-color.selected span{box-shadow:0 0 0 2px #174d3a}.sticky-action-menu .note-color:hover{background:transparent;transform:scale(1.12)}
.links-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;align-items:start}.link-library-card{overflow:hidden;border:1px solid #d9e4de;border-radius:17px;background:#fff;box-shadow:0 10px 26px #143c2e12}.website-preview{min-height:145px;display:flex;align-items:center;gap:14px;padding:20px;text-decoration:none;color:#143d30;background:linear-gradient(135deg,#e3f7ec,#f8fffb);cursor:pointer}.website-preview img{width:54px;height:54px;object-fit:contain;padding:8px;border-radius:14px;background:#fff;box-shadow:0 5px 16px #163e3020}.website-preview div{display:grid;min-width:0;flex:1}.website-preview small,.website-preview span{color:#60746c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.website-preview strong{font-size:20px;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.website-preview>b{font-size:25px}.link-video-frame{aspect-ratio:16/9;background:#10261f}.link-video-frame iframe{width:100%;height:100%;border:0}.link-card-info{display:grid;gap:10px;padding:14px}.link-card-info>div:first-child{display:flex;gap:7px;flex-wrap:wrap}.link-type,.link-category{padding:5px 9px;border-radius:999px;background:#e9f5ef;color:#15523e;font-size:10px;font-weight:900;text-transform:uppercase}.link-library-card.is-video .link-type{background:#ffe5e5;color:#a31e26}.link-card-info h3,.link-card-info p{margin:0}.link-card-info p{color:#65756e;font-size:12px}.link-actions{display:grid;grid-template-columns:1fr auto auto auto;gap:6px}.link-actions a,.link-actions button{display:grid;place-items:center;min-height:38px;text-decoration:none;cursor:pointer}.link-library-dialog textarea{min-height:95px}@media(max-width:600px){.links-library-grid{grid-template-columns:1fr}.links-toolbar{grid-template-columns:1fr!important}.link-library-dialog .form-grid{grid-template-columns:1fr}}
.links-library-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));align-items:stretch}.link-library-card{--link-accent:#287b59;--link-soft:#e8f7ef;display:grid;grid-template-rows:180px 1fr;min-height:350px;border-top:5px solid var(--link-accent);overflow:visible;position:relative}.link-theme-game{--link-accent:#238255;--link-soft:#e5f7ed}.link-theme-video,.link-theme-youtube{--link-accent:#c73542;--link-soft:#ffe9eb}.link-theme-office{--link-accent:#4366b1;--link-soft:#eaf0ff}.link-theme-upload{--link-accent:#b66c1f;--link-soft:#fff0df}.link-theme-editing{--link-accent:#a23e7a;--link-soft:#fbe8f4}.link-theme-design{--link-accent:#704eb1;--link-soft:#f0eafe}.link-theme-ai{--link-accent:#16868c;--link-soft:#e3f8f8}.link-preview-area{height:180px;background:var(--link-soft);overflow:hidden;border-radius:12px 12px 0 0}.link-preview-area iframe{width:100%;height:100%;border:0}.link-preview-area .website-preview{height:100%;min-height:0;box-sizing:border-box;background:linear-gradient(135deg,var(--link-soft),#fff)}.link-card-info{grid-template-rows:1fr auto;min-height:140px;padding:14px}.link-card-title-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px!important;align-items:start}.link-card-title-row h3{height:25px;line-height:25px;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--link-accent)}.link-labels{display:flex;gap:6px;margin-top:9px}.link-type,.link-category{background:var(--link-soft);color:var(--link-accent)}.link-menu-wrap{position:relative}.link-menu-toggle{width:34px;height:34px;border:1px solid color-mix(in srgb,var(--link-accent) 24%,white);border-radius:10px;background:#fff;color:var(--link-accent);font-size:24px;line-height:1;padding:0 0 6px;cursor:pointer}.link-action-menu{display:none;position:absolute;z-index:40;right:0;top:39px;width:145px;padding:6px;border:1px solid #d8e2dd;border-radius:12px;background:#fff;box-shadow:0 15px 35px #183d3038}.link-action-menu.open{display:grid;gap:3px}.link-action-menu button{border:0;border-radius:8px;background:transparent;padding:9px 10px;text-align:left;font-size:11px;font-weight:800;cursor:pointer}.link-action-menu button:hover{background:var(--link-soft);color:var(--link-accent)}.link-open{background:var(--link-accent)!important;text-align:center;text-decoration:none;min-height:40px;display:grid;place-items:center;cursor:pointer}.link-filter-tabs{margin-bottom:14px}.link-filter-tabs button:nth-child(2){border-color:#69a88b}.link-filter-tabs button:nth-child(3){border-color:#dc7880}@media(max-width:600px){.link-library-card{grid-template-rows:165px 1fr;min-height:330px}.link-preview-area{height:165px}}
.link-library-card{grid-template-rows:180px auto;min-height:0}.link-card-info{display:block;min-height:96px}.link-open{display:none!important}.link-toolbar-actions{display:flex;align-items:center;gap:9px}.credential-master-toggle{display:flex;align-items:center;gap:6px;padding:10px 12px;border:1px solid #cadbd2;border-radius:11px;background:#fff;font-weight:800;cursor:pointer}.credential-form-section{border:1px solid #d9e4de;border-radius:12px;padding:10px}.credential-form-section summary{font-weight:900;cursor:pointer}.credential-form-section .form-grid{margin-top:12px}.link-color-picker{border:0;padding:0;margin:0}.link-color-picker legend{font-size:10px;font-weight:900;margin-bottom:7px}.link-color-picker label{display:inline-block;margin-right:7px}.link-color-picker input{position:absolute;opacity:0}.link-color-picker span{display:block;width:28px;height:28px;border-radius:50%;background:var(--pick);border:2px solid #fff;box-shadow:0 0 0 1px #bdccc4;cursor:pointer}.link-color-picker input:checked+span{box-shadow:0 0 0 3px #173f32}.link-credentials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:13px;padding-top:12px;border-top:1px solid #dce6e1}.link-credentials>div{min-width:0;padding:8px;border-radius:9px;background:var(--link-soft)}.link-credentials small,.link-credentials b{display:block;overflow:hidden;text-overflow:ellipsis}.link-credentials small{font-size:8px;text-transform:uppercase;color:#60736a}.link-credentials b{font-size:11px;white-space:nowrap}.reveal-password{border:0;background:transparent;color:var(--link-accent);padding:4px 0;font-size:9px;font-weight:900;cursor:pointer}.link-category{background:var(--link-accent);color:#fff}.link-preview-area,.website-preview{cursor:pointer}@media(max-width:650px){.link-toolbar-actions{align-items:stretch;flex-direction:column}.link-credentials{grid-template-columns:1fr}}
/* Link Library fixed type colour */
.link-library-card.is-link .link-type{background:#e4f2ff!important;color:#285f98!important}
.important-credentials-fields{display:grid;gap:12px;padding:14px;border:1px solid #e0bd57;border-radius:14px;background:#fff9de}.important-credentials-fields[hidden]{display:none}.important-credentials-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.important-credentials-heading small{color:#786320}.important-tab{border-color:#d19c23!important;background:#fff4c6!important;color:#765300!important}.important-tab.active{background:#8d6500!important;color:#fff!important}.important-groups{display:grid;gap:20px}.important-link-group{padding:15px;border:1px solid #dfc56b;border-radius:18px;background:linear-gradient(145deg,#fffdf3,#fff8d8)}.important-link-group>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.important-link-group>header h2{margin:0;color:#674c06}.important-link-group>header span{padding:6px 10px;border-radius:999px;background:#f4d96f;color:#604700;font-size:10px;font-weight:900}.important-account-card{grid-template-rows:150px auto}.important-account-card .link-preview-area{height:150px}.important-visible-credentials{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px;padding-top:12px;border-top:1px solid #dbc66e}.important-visible-credentials>div{min-width:0;padding:8px;border-radius:9px;background:#fff9db}.important-visible-credentials small,.important-visible-credentials b{display:block}.important-visible-credentials small{font-size:8px;color:#745f21;text-transform:uppercase}.important-visible-credentials b{font-size:11px;overflow-wrap:anywhere}.important-visible-credentials p{grid-column:1/-1;margin:0;padding:10px;border-radius:9px;background:#fff4bd;white-space:pre-wrap}.credential-copy-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center}.credential-copy-row small,.credential-copy-row b{grid-column:1}.copy-credential{grid-column:2;grid-row:1/3;width:31px;height:31px;border:1px solid #dcc66c;border-radius:9px;background:#fff;cursor:pointer}@media(max-width:650px){.important-visible-credentials{grid-template-columns:1fr}.important-visible-credentials p{grid-column:auto}.important-credentials-heading{align-items:flex-start;flex-direction:column}}
/* Flexible Important groups */
.custom-field-editor{display:grid;gap:8px}.custom-field-row{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(180px,1.3fr) 36px;gap:8px}.remove-custom-field{border:1px solid #e1c76c;border-radius:9px;background:#fff;color:#9b2727;font-size:20px;cursor:pointer}.important-proof-editor{display:grid;grid-template-columns:1fr 1fr;gap:10px}.proof-file-label{display:grid}.important-proof-thumb{width:100px;height:75px;object-fit:cover;border-radius:9px;border:1px solid #d8c166}.important-link-group{border-color:var(--group-accent);background:linear-gradient(145deg,#fff,var(--group-soft))}.important-link-group>header h2{color:var(--group-accent)}.important-link-group>header span{background:var(--group-soft);color:var(--group-accent)}.group-head-actions{display:flex;align-items:center;gap:8px}.group-menu-wrap{position:relative}.group-menu-toggle{width:34px;height:34px;border:1px solid var(--group-accent);border-radius:10px;background:#fff;color:var(--group-accent);font-size:23px;line-height:1;cursor:pointer}.group-action-menu{display:none;position:absolute;z-index:60;right:0;top:39px;width:180px;padding:8px;border:1px solid #d6e0da;border-radius:12px;background:#fff;box-shadow:0 16px 38px #173c2f35}.group-action-menu.open{display:grid;gap:5px}.group-action-menu>b{padding:4px;font-size:9px;text-transform:uppercase;color:#65756e}.group-action-menu>button{border:0;border-radius:8px;background:#f3f7f5;padding:8px;text-align:left;font-size:11px;font-weight:800;cursor:pointer}.group-colour-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:4px}.group-colour-options button{width:28px;height:28px;border:2px solid #fff;border-radius:50%;background:var(--dot);box-shadow:0 0 0 1px #b9c8c0;cursor:pointer}.group-view-compact{grid-template-rows:90px auto!important}.group-view-compact .link-preview-area{height:90px!important}.group-view-link{display:block!important}.link-only-preview{display:block;padding:11px 14px;background:var(--link-soft);color:var(--link-accent);font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.important-proof-link{grid-column:1/-1;display:flex;align-items:center;gap:8px;padding:9px;border-radius:9px;background:#fff4bd;color:#654b08;font-size:11px;font-weight:800;text-decoration:none}.important-proof-link img{width:42px;height:32px;object-fit:cover;border-radius:5px}@media(max-width:650px){.custom-field-row{grid-template-columns:1fr 36px}.custom-field-row [data-field-value]{grid-column:1}.custom-field-row .remove-custom-field{grid-column:2;grid-row:1/3}.important-proof-editor{grid-template-columns:1fr}.group-head-actions>span{display:none}}
/* Live group sizing and recognisable link-only previews */
.important-link-group .links-library-grid{grid-template-columns:repeat(auto-fit,minmax(260px,320px));align-items:start}.group-view-full{height:auto}.group-view-compact{height:auto;min-height:0!important}.group-view-link{height:auto;min-height:0!important;max-width:320px}.link-only-preview{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:58px;padding:9px 12px!important}.link-only-preview::before{content:"🌐";display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#fff;font-size:20px;box-shadow:0 3px 10px #173c2f18}.link-only-preview[href*="youtube.com"]::before,.link-only-preview[href*="youtu.be"]::before{content:"▶️"}.link-only-preview[href*="instagram.com"]::before{content:"📸"}.link-only-preview[href*="facebook.com"]::before,.link-only-preview[href*="fb.com"]::before{content:"🔵"}.link-only-preview[href*="whatsapp.com"]::before,.link-only-preview[href*="wa.me"]::before{content:"🟢"}.link-only-preview[href*="telegram"]::before,.link-only-preview[href*="t.me"]::before{content:"✈️"}.link-only-preview[href*="drive.google.com"]::before{content:"📁"}.link-only-preview[href*="google.com"]::before{content:"G";font-weight:900;color:#4285f4}.link-only-preview strong{font-size:18px}.group-action-menu button:active,.group-colour-options button:active{transform:scale(.94)}
/* Compact link identity and optional details popup */
.group-view-link .link-card-info{padding:8px 10px;min-height:0}.group-view-link .link-card-title-row h3{height:auto;line-height:1.2;font-size:14px}.group-view-link .link-labels{margin-top:5px}.view-link-details{width:100%;margin-top:9px;min-height:35px;border-color:var(--link-accent);color:var(--link-accent);cursor:pointer}.link-details-dialog .dialog-shell{min-width:min(680px,90vw)}.link-detail-brand{display:flex;align-items:center;gap:11px}.link-detail-brand a{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#fff}.link-detail-brand img{width:34px;height:34px;object-fit:contain}.link-detail-brand h2{margin:0}.link-detail-brand small{color:#d5eee5}.link-detail-values{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.link-detail-values>div,.link-detail-values>p{padding:11px;border-radius:10px;background:#f1f7f3}.link-detail-values>p,.link-detail-values>.important-proof-link{grid-column:1/-1}.copy-detail-value{grid-column:2;grid-row:1/3;width:32px;height:32px;border:1px solid #cadbd2;border-radius:8px;background:#fff;cursor:pointer}.link-details-close{cursor:pointer}.link-filter-tabs button[data-category="Gmail"],.link-filter-tabs button[data-category="gmail"]{border-color:#d84b3e}.link-filter-tabs button[data-category="Subscription"],.link-filter-tabs button[data-category="AI Subscription"]{border-color:#7b58c7}@media(max-width:600px){.link-detail-values{grid-template-columns:1fr}.link-detail-values>p,.link-detail-values>.important-proof-link{grid-column:auto}}
.employee-card-head h3{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
.employee-chat-shortcut{
  flex:0 0 27px;
  width:27px;
  height:27px;
  padding:0;
  border:1px solid rgba(255,255,255,.5);
  border-radius:9px;
  background:rgba(255,255,255,.2);
  color:inherit;
  font-size:20px;
  font-weight:800;
  line-height:1;
  cursor:pointer;
}
.employee-chat-shortcut:hover,
.employee-chat-shortcut:focus-visible{
  background:rgba(255,255,255,.38);
  transform:none;
}
.employee-chat-shortcut:disabled{opacity:.65;cursor:wait}
.core-rules{grid-column:1/-1;display:grid;gap:14px}.rules-intro{padding:22px;border-radius:18px;background:linear-gradient(135deg,#113f30,#1c6b50);color:#fff}.rules-intro span{font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#cff45c}.rules-intro h2{margin:6px 0;font-size:30px}.rules-intro p{margin:0;max-width:800px;color:#e4f3ed}.rule-section{overflow:hidden;border:1px solid #d8e5de;border-radius:17px;background:#fff}.rule-section>header{display:flex;align-items:center;gap:11px;padding:13px 16px}.rule-section>header>span{display:grid;place-items:center;min-width:34px;height:34px;border-radius:10px;background:#fff9;font-size:11px;font-weight:900}.rule-section h3{margin:0;font-size:18px}.rule-section>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#dfe9e4}.rule-section article{padding:15px;background:#fff}.rule-section article strong{display:block;margin-bottom:6px;font-size:14px}.rule-section article p{margin:0;color:#435b50;font-size:13px;line-height:1.55}.rule-tone-critical>header{background:#ffe3e3;color:#9e1c2b}.rule-tone-warning>header{background:#fff0cb;color:#805000}.rule-tone-info>header{background:#e3efff;color:#174c84}.rule-tone-success>header{background:#dff5e8;color:#17613f}.rules-final-warning{padding:16px;border:1px solid #eda6ad;border-left:6px solid #c8283a;border-radius:14px;background:#fff1f2;color:#8d1d29}.rules-final-warning p{margin:6px 0 0}.rules-agreement-dialog{width:min(980px,96vw);max-height:92vh}.rules-agreement-dialog .core-rules{margin-bottom:14px}@media(max-width:700px){.rule-section>div{grid-template-columns:1fr}.rules-intro{padding:17px}.rules-intro h2{font-size:24px}}
.game-main-tabs,.flash-sub-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:15px}.game-main-tabs button,.flash-sub-tabs button{padding:11px 16px;border:1px solid #cbded4;border-radius:13px;background:#fff;color:#174d3a;font-weight:900;cursor:pointer}.game-main-tabs button.active,.flash-sub-tabs button.active{background:#154f3c;color:#fff;border-color:#154f3c}.game-coming{text-align:center;padding:55px}.game-coming>span{font-size:48px}.old-flash-panel{display:grid;grid-template-columns:1fr 1.5fr;gap:15px;align-items:end}.old-flash-panel label{margin:0}.game-duplicate-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:13px}.game-record-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.game-record-card{border:1px solid #d5e5dc;border-top:5px solid #299165;border-radius:16px;background:#fff;padding:15px;display:grid;gap:13px}.game-record-card header{display:flex;align-items:center;gap:10px}.game-record-card header>span{width:45px;height:45px;border-radius:13px;background:#e3f5eb;display:grid;place-items:center;font-size:22px}.game-record-card h3{margin:0}.game-record-card small{color:#60766a}.game-record-links,.game-record-actions{display:flex;gap:7px;flex-wrap:wrap}.game-record-links a,.game-record-links button{padding:8px 10px;border:0;border-radius:9px;background:#edf5f1;color:#18553f;font-weight:800;cursor:pointer}.game-record-dialog{width:min(1080px,96vw);max-height:94vh}.game-link-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.game-asset-group{margin-top:13px;padding:14px;border:1px solid #d6e5dd;border-radius:15px;background:#fbfdfc}.game-asset-group>header,.game-concept-builder>header{display:flex;justify-content:space-between;gap:10px;align-items:center}.game-asset-group h3,.game-concept-builder h3{margin:0}.game-upload-label input{display:none}.game-drop-zone{margin:10px 0;padding:18px;border:2px dashed #9bc6b2;border-radius:12px;background:#eef8f3;text-align:center;cursor:pointer}.game-drop-zone b,.game-drop-zone small{display:block}.game-drop-zone.drag-over{background:#d9f5e7;border-color:#22885f}.game-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px}.game-image-grid figure{position:relative;margin:0;border-radius:11px;overflow:hidden;background:#edf4f0}.game-image-grid img{width:100%;height:92px;object-fit:cover;display:block}.game-image-grid figcaption{padding:6px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove-game-image{position:absolute;right:5px;top:5px;width:25px;height:25px;border:0;border-radius:50%;background:#9e2030;color:#fff;cursor:pointer}.game-concept-builder{margin-top:14px;padding:14px;border:1px solid #ead7a4;border-radius:15px;background:#fffaf0}.game-concept-step{display:grid;grid-template-columns:44px 145px 105px 1fr 32px;gap:9px;align-items:center;margin-top:10px;padding:10px;border-radius:13px;background:#fff}.game-concept-step>strong{width:38px;height:38px;border-radius:50%;background:#154f3c;color:#fff;display:grid;place-items:center;font-size:18px}.game-concept-image{height:90px;border:2px dashed #b8cfc4;border-radius:10px;display:grid;place-items:center;overflow:hidden;cursor:pointer}.game-concept-image input{display:none}.game-concept-image img{width:100%;height:100%;object-fit:cover}.game-concept-step textarea{min-height:68px}.remove-concept{border:0;border-radius:8px;background:#fee2e2;color:#a51e2c;height:32px;cursor:pointer}.disabled{pointer-events:none;opacity:.45}@media(max-width:750px){.old-flash-panel,.game-link-fields{grid-template-columns:1fr}.game-duplicate-head{align-items:stretch;flex-direction:column}.game-concept-step{grid-template-columns:40px 1fr}.game-concept-step textarea,.game-concept-step select{grid-column:2}.game-concept-step .remove-concept{grid-column:1;grid-row:2}}

/* Numbered concept sequence builder */
.sequence-point{display:block}.sequence-point>header{display:grid;grid-template-columns:52px 1fr 34px;gap:10px;align-items:center}.sequence-point>header strong{width:44px;height:44px;border-radius:50%;background:#15533e;color:#fff;display:grid;place-items:center;font-size:22px}.sequence-point>header small{display:block;color:#65766e}.concept-sequence{display:flex;align-items:center;gap:10px;overflow-x:auto;padding:12px 2px 8px}.sequence-image{position:relative;flex:0 0 150px;height:112px}.sequence-image>span{display:grid;place-items:center;gap:4px;font-size:28px}.sequence-image>span small{font-size:10px;text-transform:uppercase}.sequence-image.drag-over{background:#dff6e9;border-color:#238d62}.remove-sequence-image{position:absolute;right:4px;top:4px;border:0;border-radius:50%;background:#a4212e;color:#fff;width:24px;height:24px;cursor:pointer}.concept-connector{position:relative;flex:0 0 100px;height:78px;display:grid;place-items:center}.concept-connector b{font-size:62px;line-height:1;font-family:Arial,sans-serif;font-weight:1000;filter:drop-shadow(0 2px 1px #fff)}.concept-connector-green-arrow b{color:#18a957}.concept-connector-red-arrow b{color:#e33d45}.concept-connector-plus b{color:#176ac0}.concept-connector select{position:absolute;inset:0;opacity:0;cursor:pointer}.add-sequence-image{flex:0 0 104px;height:72px;border:2px dashed #9fbdb0;border-radius:12px;background:#f3faf6;color:#15533e;font-weight:900;cursor:pointer}.sequence-point textarea{width:100%;min-height:48px;margin-top:7px;resize:vertical}@media(max-width:750px){.concept-sequence{padding-bottom:14px}.sequence-image{flex-basis:125px}.concept-connector{flex-basis:76px}.concept-connector b{font-size:48px}}
.concept-connector small{position:absolute;bottom:-1px;font-size:9px;font-weight:800;color:#587066;background:#fff;padding:1px 5px;border-radius:8px}.concept-connector-green-arrow-medium b{color:#18a957;font-size:48px}.concept-connector-green-arrow-big b{color:#18a957;font-size:72px}.concept-connector-red-arrow-medium b{color:#e33d45;font-size:48px}.concept-connector-red-arrow-big b{color:#e33d45;font-size:72px}.concept-connector-black-plus-small b{color:#1d2521;font-size:42px}.concept-connector-green-plus-big b{color:#18a957;font-size:72px}.concept-connector-red-plus-big b{color:#e33d45;font-size:72px}
.concept-connector{cursor:pointer;border:1px solid transparent;border-radius:12px}.concept-connector:hover{background:#f1f8f4;border-color:#b9d9ca}.concept-connector>span{position:absolute;bottom:-5px;max-width:96px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px;font-weight:900;color:#395f50}.concept-connector select{z-index:5;width:100%;height:100%;appearance:auto}.sequence-point>textarea{display:none!important}
.sequence-point>header{grid-template-columns:66px 1fr 34px}.sequence-point>header strong{width:58px;height:58px;font-size:30px;box-shadow:0 4px 12px #1238}.concept-point-note{display:block;margin-top:10px}.concept-point-note>span{display:block;margin-bottom:5px;font-size:11px;font-weight:900;color:#536b60}.concept-point-note textarea{display:block!important;width:100%;min-height:58px;resize:vertical}.concept-connector-black-equal-small b{color:#1d2521;font-size:42px}.concept-connector-green-equal-big b{color:#18a957;font-size:72px}.concept-connector-red-equal-big b{color:#e33d45;font-size:72px}
.game-image-grid figure{cursor:grab;border:2px solid transparent}.game-image-grid figure.dragging{opacity:.45}.game-image-grid figure.drag-target{border-color:#20a16a}.game-image-name,.concept-image-name{box-sizing:border-box;width:100%;border:0;border-top:1px solid #dbe8e1;padding:7px;font-size:11px;background:#fff}.sequence-image{height:148px;align-content:start}.sequence-image img{height:108px}.sequence-image .concept-image-name{position:absolute;left:0;right:0;bottom:0;height:34px}.image-order-hint{display:block;color:#65786f;font-size:10px;margin-top:4px}
.game-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,240px));gap:14px}.game-gallery-card{position:relative;overflow:hidden;border:1px solid #d3e4dc;border-radius:16px;background:#fff;box-shadow:0 8px 20px #173d2e12}.game-gallery-cover{height:132px;background:#eaf4ef;display:grid;place-items:center;overflow:hidden}.game-gallery-cover img{width:100%;height:100%;object-fit:cover}.game-gallery-cover span{font-size:44px}.game-gallery-info{padding:12px}.game-gallery-info h3{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-gallery-info small{display:block;margin-top:5px;color:#65786f}.game-gallery-menu{position:absolute;right:9px;top:9px}.game-gallery-menu>button{width:34px;height:34px;border:0;border-radius:10px;background:#fff;color:#164d3a;font-size:24px;cursor:pointer;box-shadow:0 3px 10px #0002}.game-gallery-actions{display:none;position:absolute;right:0;top:38px;z-index:4;min-width:145px;padding:7px;border:1px solid #d8e4de;border-radius:11px;background:#fff;box-shadow:0 10px 25px #0003}.game-gallery-actions.open{display:grid}.game-gallery-actions button{border:0;background:#fff;padding:9px;text-align:left;cursor:pointer}.game-view-more{width:100%;margin-top:10px;padding:8px;border:1px solid #b8d8c9;border-radius:9px;background:#edf7f2;color:#15533e;font-weight:900;cursor:pointer}.game-detail-dialog{width:min(900px,94vw);max-height:90vh}.game-detail-hero{display:grid;grid-template-columns:220px 1fr;gap:18px}.game-detail-hero img{width:100%;height:150px;object-fit:cover;border-radius:14px;background:#edf5f1}.game-detail-links{display:flex;gap:8px;flex-wrap:wrap}.game-parent-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#fff2ca;color:#755200;font-size:11px;font-weight:900}@media(max-width:600px){.game-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-detail-hero{grid-template-columns:1fr}}

/* Full game output v79 */
.clickable-game-card{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.clickable-game-card:hover,.clickable-game-card:focus-visible{transform:translateY(-2px);box-shadow:0 12px 28px #173d2e22;outline:2px solid #67b993;outline-offset:2px}.game-output-dialog{width:min(1120px,96vw);max-height:94vh}.game-output-dialog>.dialog-shell{overflow:auto;max-height:92vh}.game-output-top-actions{display:flex;align-items:center;gap:8px}.game-output-top-actions button{cursor:pointer}.game-output-hero{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:18px;margin:12px 0 18px}.game-output-hero>img,.game-output-hero>.game-gallery-cover{width:100%;height:210px;object-fit:cover;border-radius:14px}.game-output-links{display:grid;align-content:start;gap:9px}.game-output-link,.copy-output-path{display:grid;grid-template-columns:150px 1fr 24px;align-items:center;gap:8px;width:100%;padding:11px;border:1px solid #cce0d6;border-radius:11px;background:#f5faf7;color:#174c39;text-align:left;text-decoration:none;cursor:pointer}.game-output-link span,.copy-output-path span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-output-section{margin:16px 0;padding:14px;border:1px solid #d5e5dd;border-radius:14px;background:#fbfdfc}.game-output-section>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.game-output-section h3{margin:0}.game-output-assets{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px}.game-output-assets figure,.concept-output-sequence figure{margin:0;padding:6px;border:1px solid #d8e4de;border-radius:11px;background:#fff}.game-output-assets img,.concept-output-sequence img{width:100%;height:105px;object-fit:contain;border-radius:7px;background:#edf5f1}.game-output-assets figcaption,.concept-output-sequence figcaption{padding:5px 2px 1px;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.duplicate-game-list{display:flex;gap:8px;flex-wrap:wrap}.duplicate-game-list button{display:grid;gap:3px;padding:10px 13px;border:1px solid #d8c46d;border-radius:11px;background:#fff8d8;text-align:left;cursor:pointer}.duplicate-game-list span{font-size:11px;color:#806500}.concept-output>article{padding:13px 0;border-top:1px solid #e0e9e4}.concept-output>article:first-of-type{border-top:0}.concept-output-title{display:flex;align-items:flex-start;gap:10px}.concept-output-title>strong{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#125843;color:#fff;font-size:20px}.concept-output-title p{margin:4px 0;color:#51655c}.concept-output-sequence{display:flex;align-items:center;gap:10px;overflow-x:auto;padding:10px 0}.concept-output-sequence figure,.concept-output-missing{flex:0 0 145px}.concept-output-sequence .concept-connector{flex:0 0 78px;pointer-events:none}.concept-output-sequence .concept-connector select,.concept-output-sequence .concept-connector span{display:none}.concept-output-missing{display:grid;place-items:center;height:105px;border:1px dashed #b7ccc2;border-radius:9px;color:#778b82}.game-output-footer{position:sticky;bottom:0;padding:12px;background:#fff;border-top:1px solid #dce7e1}.download-game-assets{background:#d5ff45!important;color:#173e2f!important;font-weight:900;cursor:pointer}@media(max-width:700px){.game-output-hero{grid-template-columns:1fr}.game-output-link,.copy-output-path{grid-template-columns:115px 1fr 20px}.game-output-assets{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Game output refinements v80 */
.source-path-row{display:grid;grid-template-columns:1fr 44px;gap:7px}.open-source-path{display:grid;grid-template-columns:150px 1fr 24px;align-items:center;gap:8px;padding:11px;border:1px solid #cce0d6;border-radius:11px;background:#f5faf7;color:#174c39;text-align:left;cursor:pointer}.open-source-path span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-path-row>.copy-output-path{display:grid;place-items:center;padding:0;font-size:18px}.game-created-by,.game-duplicate-count{display:grid;grid-template-columns:150px 1fr;gap:8px;padding:10px;border-radius:10px;background:#edf6f1}.game-output-section.group-cover{background:#eff8ff;border-color:#a9d6f3}.game-output-section.group-backgrounds{background:#f1fff5;border-color:#a9dfb8}.game-output-section.group-inventory{background:#fff9e9;border-color:#ead08a}.game-output-section.group-innerWindows{background:#f7f1ff;border-color:#cfb4ed}.game-output-section.group-tweenMc{background:#fff0f6;border-color:#edb8cf}.game-output-section.group-duplicates{background:#fff9dc;border-color:#e4ca6c}.game-output-section.concept-output{background:#f1f7f5;border-color:#a9cfc1}.concept-output>article{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px}.concept-output-title{padding-top:12px}.concept-output-title>strong{width:44px;height:44px;background:#111;color:#fff;font-size:22px}.concept-output-body{min-width:0}.concept-output-note{margin:0 0 8px;padding:8px 10px;border-radius:9px;background:#fff}.game-output-dialog.printing-full-game>.dialog-shell{max-height:none;overflow:visible}.game-output-dialog.printing-full-game{max-height:none;overflow:visible}@media print{body>*:not(.game-output-dialog){display:none!important}.game-output-dialog{position:static!important;display:block!important;width:100%!important;max-width:none!important;max-height:none!important;margin:0!important;border:0!important}.game-output-dialog::backdrop{display:none}.game-output-dialog>.dialog-shell{max-height:none!important;overflow:visible!important}.game-output-top-actions,.game-output-footer{display:none!important}.game-output-section{break-inside:avoid;page-break-inside:avoid}.game-output-assets{grid-template-columns:repeat(5,1fr)}.concept-output-sequence{overflow:visible;flex-wrap:wrap}}

/* Safe delete + density modes v81 */
.small-danger-action{font-size:11px!important;padding:6px 8px!important;color:#a91f2b!important}.safe-delete-dialog{width:min(470px,92vw)}.safe-delete-dialog .dialog-shell{text-align:center}.safe-delete-icon{font-size:44px}.safe-delete-dialog h2{margin:4px 0}.safe-delete-dialog p{color:#68766f;line-height:1.45}.delete-countdown{display:grid;place-items:center;margin:16px auto;width:125px;height:125px;border-radius:50%;background:#fff1f1;border:8px solid #e34951}.delete-countdown b{font-size:42px;color:#a71925;line-height:1}.delete-countdown span{font-size:10px;color:#7e4a4e}.confirm-safe-delete{background:#b51f2c!important;color:#fff!important}.confirm-safe-delete:disabled{opacity:.4;cursor:not-allowed}.game-density-control{display:grid;gap:3px;margin-left:auto;color:#fff;font-size:10px;font-weight:900}.game-density-control select{padding:7px;border:0;border-radius:8px}.game-card-compact{max-width:185px}.game-card-compact .game-gallery-cover{height:94px}.game-card-compact .game-gallery-info{padding:8px}.game-card-compact .game-gallery-info h3{font-size:14px}.game-card-compact .game-parent-badge,.game-card-compact .game-gallery-info small{font-size:9px}.game-density-compact .game-asset-group{padding:9px;margin-bottom:8px}.game-density-compact .game-drop-zone{min-height:45px;padding:8px}.game-density-compact .game-image-grid{gap:6px}.game-density-compact .game-image-grid figure{width:90px}.game-density-compact .game-image-grid img{height:64px}.game-density-compact .game-concept-step{padding:8px}.game-density-compact .sequence-image{width:104px;height:120px}.game-density-compact .sequence-image img{height:78px}.game-output-dialog.game-density-compact .game-output-hero>img{height:155px}.game-output-dialog.game-density-compact .game-output-section{margin:9px 0;padding:9px}.game-output-dialog.game-density-compact .game-output-assets{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px}.game-output-dialog.game-density-compact .game-output-assets img,.game-output-dialog.game-density-compact .concept-output-sequence img{height:76px}.game-output-dialog.game-density-compact .concept-output-sequence figure,.game-output-dialog.game-density-compact .concept-output-missing{flex-basis:108px}.game-output-dialog.game-density-compact .concept-output-title>strong{width:34px;height:34px;font-size:17px}.game-output-dialog.game-density-compact .concept-output>article{grid-template-columns:42px minmax(0,1fr)}@media print{.game-output-dialog.game-density-compact .game-output-assets{grid-template-columns:repeat(7,1fr)}.game-output-section{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

/* v83: concept numbers stay beside the complete sequence row. */
.game-record-dialog .sequence-point{position:relative;padding-left:76px}.game-record-dialog .sequence-point>header{display:block;min-height:52px;padding-right:38px}.game-record-dialog .sequence-point>header>strong{position:absolute;left:12px;top:16px;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#075b47;color:#fff;font-size:25px;box-shadow:0 5px 12px #0633}.game-record-dialog .sequence-point>header>.remove-concept{position:absolute;right:10px;top:10px}.game-record-dialog.game-density-compact .sequence-point{padding-left:60px}.game-record-dialog.game-density-compact .sequence-point>header>strong{width:40px;height:40px;font-size:20px}.game-record-dialog.game-density-tiny .sequence-point{padding-left:48px}.game-record-dialog.game-density-tiny .sequence-point>header{min-height:38px}.game-record-dialog.game-density-tiny .sequence-point>header>strong{left:7px;top:9px;width:32px;height:32px;font-size:17px}

/* v84 compact editor */
.game-editor-compact-hero{display:grid;grid-template-columns:minmax(210px,32%) minmax(0,1fr);gap:12px;align-items:stretch;margin:10px 0}.game-editor-compact-hero>.game-asset-group{margin:0!important;padding:9px!important;background:#f2fbf6}.game-editor-compact-hero>.game-asset-group>header{display:flex;align-items:center;gap:6px}.game-editor-compact-hero>.game-asset-group .game-drop-zone{min-height:34px;margin:5px 0;padding:5px;font-size:10px}.game-editor-compact-hero>.game-asset-group .game-image-grid{grid-template-columns:1fr}.game-editor-compact-hero>.game-asset-group .game-image-grid figure{width:100%;max-width:none}.game-editor-compact-hero>.game-asset-group .game-image-grid img{height:150px;object-fit:cover}.game-editor-compact-hero>.game-link-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px;border:1px solid #d5e5dc;border-radius:14px;background:#fff}.game-editor-compact-hero>.game-link-fields label{margin:0;min-width:0}.game-editor-compact-hero>.game-link-fields input,.game-editor-compact-hero>.game-link-fields select{min-height:36px}.open-editor-source{float:right;margin-top:5px;border:1px solid #b8d5c7;border-radius:8px;background:#edf7f2;color:#15563e;padding:6px 10px;font-weight:800;cursor:pointer}.game-editor-assets-board{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.game-editor-assets-board>.game-asset-group{grid-column:auto!important;margin:0!important;padding:9px!important;min-width:0}.game-editor-assets-board>[data-group="backgrounds"]{grid-column:1/-1!important;background:#edfff4}.game-editor-assets-board>[data-group="innerWindows"]{background:#f5efff}.game-editor-assets-board>[data-group="inventory"]{background:#fff5e8}.game-editor-assets-board>[data-group="tweenMc"]{background:#eef8ff}.game-editor-assets-board .game-asset-group>header{display:grid;grid-template-columns:minmax(130px,1fr) auto;align-items:center;gap:6px}.game-editor-assets-board .game-drop-zone{min-height:36px;margin:5px 0;padding:5px;font-size:10px}.game-editor-assets-board .game-image-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px}.game-editor-assets-board .game-image-grid figure{width:auto;min-width:0}.game-editor-assets-board .game-image-grid img{height:62px}.game-editor-assets-board .game-image-name{font-size:9px;min-height:25px;padding:3px}.game-record-dialog .game-concept-builder{padding:9px;margin-top:9px}.game-record-dialog .game-concept-step{margin-top:7px}.game-record-dialog.game-density-compact .game-editor-compact-hero{grid-template-columns:175px 1fr;gap:7px}.game-record-dialog.game-density-compact .game-editor-compact-hero>.game-asset-group .game-image-grid img{height:115px}.game-record-dialog.game-density-tiny .game-editor-compact-hero{grid-template-columns:135px 1fr;gap:5px}.game-record-dialog.game-density-tiny .game-editor-compact-hero>.game-asset-group .game-image-grid img{height:82px}.game-record-dialog.game-density-tiny .game-editor-compact-hero>.game-link-fields{padding:6px;gap:4px}.game-record-dialog.game-density-tiny .game-editor-assets-board{gap:5px!important}@media(max-width:760px){.game-editor-compact-hero,.game-record-dialog.game-density-compact .game-editor-compact-hero,.game-record-dialog.game-density-tiny .game-editor-compact-hero{grid-template-columns:1fr}.game-editor-assets-board{grid-template-columns:1fr!important}.game-editor-assets-board>.game-asset-group{grid-column:1!important}}

/* v85 compact cover and single-line concepts */
.game-editor-compact-hero>[data-group="cover"].cover-has-image>header,.game-editor-compact-hero>[data-group="cover"].cover-has-image>.game-drop-zone{display:none!important}.game-editor-compact-hero>[data-group="cover"].cover-has-image{padding:0!important;overflow:hidden}.game-editor-compact-hero>[data-group="cover"].cover-has-image .game-image-grid{height:100%;margin:0}.game-editor-compact-hero>[data-group="cover"].cover-has-image .game-image-grid figure{height:100%;border-radius:12px}.game-editor-compact-hero>[data-group="cover"].cover-has-image .game-image-grid img{height:100%;min-height:180px}.game-editor-compact-hero>[data-group="cover"] .remove-game-image{width:27px;height:27px;font-size:14px}.game-editor-assets-board>[data-group="backgrounds"]{grid-column:auto!important}.game-editor-assets-board{grid-template-columns:repeat(2,minmax(0,1fr))!important}.game-record-dialog .game-concept-step{padding:6px 7px 6px 48px!important}.game-record-dialog .game-concept-step>header{min-height:28px!important;margin:0}.game-record-dialog .game-concept-step>header>strong{left:7px!important;top:8px!important;width:31px!important;height:31px!important;font-size:17px!important}.game-record-dialog .game-concept-step>header>div{display:none}.game-record-dialog .concept-sequence{display:flex!important;align-items:center!important;gap:3px!important;flex-wrap:wrap}.game-record-dialog .sequence-image{width:72px!important;height:70px!important;min-width:72px!important}.game-record-dialog .sequence-image img{height:48px!important}.game-record-dialog .sequence-image span{font-size:13px!important}.game-record-dialog .sequence-image small{font-size:7px!important}.game-record-dialog .concept-connector{width:31px!important;min-width:31px!important;margin:0!important}.game-record-dialog .concept-connector b{font-size:25px!important;line-height:1!important}.game-record-dialog .concept-connector select{position:absolute;width:1px;height:1px;opacity:0}.game-record-dialog .concept-connector small{display:none}.game-record-dialog .add-sequence-image{min-height:58px!important;padding:5px!important;font-size:11px!important}.game-record-dialog .concept-point-note{margin-top:4px}.game-record-dialog .concept-point-note textarea{min-height:32px!important;height:32px}.game-record-dialog .concept-point-note span{font-size:8px}.game-record-dialog.game-density-tiny .game-concept-step{padding-left:41px!important}.game-record-dialog.game-density-tiny .sequence-image{width:58px!important;min-width:58px!important;height:58px!important}.game-record-dialog.game-density-tiny .sequence-image img{height:38px!important}.game-record-dialog.game-density-tiny .concept-connector{width:24px!important;min-width:24px!important}.game-record-dialog.game-density-tiny .concept-connector b{font-size:20px!important}@media(max-width:760px){.game-editor-assets-board{grid-template-columns:1fr!important}.game-editor-assets-board>[data-group="backgrounds"]{grid-column:1!important}}

/* v86 output parity and zero-gap concept connectors */
.game-record-dialog .concept-sequence{gap:0!important}.game-record-dialog .sequence-image{margin:0!important}.game-record-dialog .concept-connector{margin:0 -1px!important;padding:0!important}.game-record-dialog .concept-connector b{display:block;margin:0!important}.game-output-dialog .concept-output-sequence{display:flex;align-items:center;gap:0!important;flex-wrap:wrap}.game-output-dialog .concept-output-sequence figure,.game-output-dialog .concept-output-missing{margin:0!important}.game-output-dialog .concept-output-sequence .concept-connector{margin:0 -2px!important;padding:0!important;width:34px!important;min-width:34px!important}.game-output-dialog .concept-output-sequence .concept-connector b{font-size:27px!important;line-height:1!important}.game-output-dialog .game-output-section{border-radius:13px}.game-output-dialog .group-backgrounds{background:#edfff4}.game-output-dialog .group-innerWindows{background:#f5efff}.game-output-dialog .group-inventory{background:#fff5e8}.game-output-dialog .group-tweenMc{background:#eef8ff}.game-output-dialog .concept-output{background:#f1f8f5}@media print{.game-output-dialog .concept-output-sequence{gap:0!important}.game-output-dialog .concept-output-sequence .concept-connector{margin:0 -2px!important}.game-output-dialog .game-output-section{break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}}

/* v87 trailing add tile and page-style edit/output */
.game-record-dialog,.game-output-dialog.game-full-page-view{position:fixed!important;inset:0!important;width:100vw!important;max-width:none!important;height:100vh!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;background:#eef5f1!important;padding:0!important}.game-record-dialog::backdrop,.game-output-dialog.game-full-page-view::backdrop{background:#eef5f1!important}.game-record-dialog>.dialog-shell,.game-output-dialog.game-full-page-view>.dialog-shell{width:min(1260px,100%)!important;min-height:100vh!important;max-height:none!important;margin:0 auto!important;border-radius:0!important;padding:14px 18px 28px!important;overflow:visible!important}.game-record-dialog{overflow:auto!important}.game-output-dialog.game-full-page-view{overflow:auto!important}.game-asset-group>header .game-upload-label{display:none!important}.game-asset-group .game-image-grid{display:flex!important;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:6px}.game-asset-group .game-drop-zone{order:99;display:grid!important;place-items:center;align-content:center;width:112px!important;min-width:112px!important;height:92px!important;min-height:92px!important;margin:0!important;padding:6px!important}.game-asset-group .game-drop-zone b{font-size:9px}.game-asset-group .game-drop-zone small{font-size:7px}.game-asset-group .game-drop-zone .inline-add-images{display:block!important;margin-top:5px!important;padding:4px 6px!important;font-size:8px!important;cursor:pointer}.game-asset-group .game-drop-zone .inline-add-images input{display:none}.game-editor-compact-hero>[data-group="cover"].cover-has-image .game-drop-zone{display:none!important}.game-editor-assets-board>.game-asset-group{align-self:start;min-height:0!important}.game-record-dialog .sequence-image{width:68px!important;min-width:68px!important;height:68px!important;aspect-ratio:1/1!important}.game-record-dialog .sequence-image img{width:100%!important;height:46px!important;object-fit:cover!important;aspect-ratio:1/1!important}.game-record-dialog .concept-connector{width:24px!important;min-width:24px!important}.game-record-dialog .concept-connector b{font-size:21px!important}.game-output-assets-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.game-output-assets-board>.game-output-section{margin:0!important;min-width:0}.game-output-assets-board .game-output-assets{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:5px}.game-output-assets-board .game-output-assets img{height:62px;aspect-ratio:1/1;object-fit:cover}.game-output-dialog .concept-output-sequence figure,.game-output-dialog .concept-output-missing{flex:0 0 72px!important}.game-output-dialog .concept-output-sequence img{height:66px!important;aspect-ratio:1/1;object-fit:cover}.game-output-dialog .concept-output-sequence .concept-connector{width:24px!important;min-width:24px!important}.game-output-dialog .concept-output-sequence .concept-connector b{font-size:21px!important}@media(max-width:720px){.game-output-assets-board{grid-template-columns:1fr}.game-record-dialog>.dialog-shell,.game-output-dialog.game-full-page-view>.dialog-shell{padding:8px!important}}

/* v88 whole-group drop, strong actions and tighter concepts */
.game-asset-group{transition:border-color .15s,box-shadow .15s,filter .15s}.game-asset-group.whole-group-dragover{border-color:#13a364!important;box-shadow:inset 0 0 0 3px #19b56a55,0 7px 20px #1744!important;filter:saturate(1.08)}.game-asset-group.whole-group-dragover::after{content:"Drop images anywhere in this section";position:absolute;inset:8px;z-index:20;display:grid;place-items:center;border:2px dashed #0b9a5a;border-radius:12px;background:#e8fff3dd;color:#075d3b;font-weight:900;pointer-events:none}.game-asset-group{position:relative}.game-output-top-actions{display:flex!important;align-items:center!important;gap:9px!important}.game-output-top-actions .edit-output-game{min-width:112px!important;min-height:46px!important;border:2px solid #fff!important;border-radius:12px!important;background:#d8ff45!important;color:#123e2f!important;padding:10px 17px!important;font-size:15px!important;font-weight:950!important;box-shadow:0 5px 12px #0714!important;cursor:pointer!important}.game-output-top-actions .close-game-detail{width:46px!important;height:46px!important;border:2px solid #fff!important;border-radius:50%!important;background:#d8343f!important;color:#fff!important;font-size:20px!important;font-weight:950!important;box-shadow:0 5px 12px #7114!important;cursor:pointer!important}.game-output-top-actions .edit-output-game:hover{transform:translateY(-1px);background:#e2ff71!important}.game-output-top-actions .close-game-detail:hover{transform:translateY(-1px);background:#b91f2b!important}.game-record-dialog .sequence-image{width:76px!important;min-width:76px!important;height:62px!important;aspect-ratio:auto!important}.game-record-dialog .sequence-image img{height:40px!important;aspect-ratio:auto!important;object-fit:cover!important}.game-record-dialog .concept-connector{width:27px!important;min-width:27px!important;margin:0 -4px!important;position:relative;z-index:3}.game-record-dialog .concept-connector b{font-size:28px!important;font-weight:950!important}.game-output-dialog .concept-output-sequence{column-gap:0!important}.game-output-dialog .concept-output-sequence figure,.game-output-dialog .concept-output-missing{flex-basis:76px!important;margin:0!important}.game-output-dialog .concept-output-sequence img{height:64px!important;width:76px!important;aspect-ratio:auto!important}.game-output-dialog .concept-output-sequence .concept-connector{width:27px!important;min-width:27px!important;margin:0 -5px!important;position:relative;z-index:3}.game-output-dialog .concept-output-sequence .concept-connector b{font-size:29px!important;font-weight:950!important}

/* v89 final asset order, connected source actions and red editor close */
.game-editor-assets-board>[data-group="zoomShots"]{background:#fff9df}.game-editor-assets-board>[data-group="backgrounds"],.game-editor-assets-board>[data-group="zoomShots"]{grid-column:1/-1!important}.game-editor-assets-board>[data-group="tweenMc"],.game-output-assets-board>.group-tweenMc{display:none!important}.game-output-assets-board>.group-backgrounds,.game-output-assets-board>.group-zoomShots{grid-column:1/-1}.source-path-row{display:grid!important;grid-template-columns:minmax(0,1fr) 45px!important;gap:0!important;align-items:stretch}.source-path-row .open-source-path{border-radius:10px 0 0 10px!important}.source-path-row .copy-output-path{position:static!important;width:45px!important;min-width:45px!important;height:auto!important;margin:0!important;border:1px solid #bfd8cb!important;border-left:0!important;border-radius:0 10px 10px 0!important;background:#edf7f2!important;color:#174f3d!important;display:grid!important;place-items:center!important;font-size:16px!important;cursor:pointer!important}.game-record-dialog .game-dialog-close{width:45px!important;height:45px!important;border:2px solid #fff!important;border-radius:50%!important;background:#d8343f!important;color:#fff!important;font-size:20px!important;font-weight:950!important;box-shadow:0 5px 12px #7114!important;cursor:pointer!important}.game-record-dialog .game-dialog-close:hover{background:#b91f2b!important;transform:translateY(-1px)}

/* v90 stacked assets, bottom point action and connector picker */
.game-editor-assets-board>[data-group="inventory"],.game-editor-assets-board>[data-group="innerWindows"]{grid-column:1/-1!important;width:100%}.game-output-assets-board>.group-inventory,.game-output-assets-board>.group-innerWindows{grid-column:1/-1}.game-concept-builder>header>#addGameConcept{display:none!important}.game-concept-builder>.concept-add-bottom{display:block!important;margin:10px 0 0 auto!important;background:#2563eb!important;color:#fff!important;border:0!important;border-radius:11px!important;padding:10px 18px!important;font-weight:900!important;cursor:pointer!important}.game-form-final-actions{display:flex!important;justify-content:flex-end!important;gap:9px!important;margin-top:10px!important}.game-form-final-actions .ghost{background:#e34a52!important;color:#fff!important;border:0!important}.game-form-final-actions .primary{background:#24a46d!important;color:#fff!important;border:0!important}.game-record-dialog .concept-connector{cursor:pointer!important;border-radius:8px!important;transition:background .15s,transform .15s}.game-record-dialog .concept-connector:hover{background:#e7f4ee!important;transform:scale(1.06)}.game-record-dialog .concept-connector select{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important}.game-record-dialog .concept-connector small{display:none!important}.source-path-row .copy-output-path{position:relative!important;inset:auto!important;float:none!important;transform:none!important}.game-output-top-actions .edit-output-game{color:#123e2f!important}.game-record-dialog .game-dialog-close{background:#d8343f!important;color:#fff!important}

/* v91 correct cancel, left add-point and symbol-only palette */
.game-form-final-actions .game-dialog-close{position:static!important;top:auto!important;right:auto!important;width:auto!important;height:auto!important;min-width:90px!important;border:0!important;border-radius:10px!important;background:#e34a52!important;color:#fff!important;padding:10px 16px!important;font-size:14px!important;box-shadow:none!important;transform:none!important}.game-concept-builder>.concept-add-bottom{margin:10px auto 0 0!important}.game-record-dialog .concept-connector>span,.game-record-dialog .concept-connector>small{display:none!important}.game-record-dialog .concept-connector>select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.connector-symbol-palette{display:none;position:absolute;left:50%;bottom:calc(100% + 7px);z-index:80;grid-template-columns:repeat(5,38px);gap:5px;padding:7px;border:1px solid #bcd5c8;border-radius:12px;background:#fff;box-shadow:0 12px 30px #1235;transform:translateX(-50%)}.connector-symbol-palette.open{display:grid}.connector-choice{width:38px;height:38px;border:1px solid #d6e5dd;border-radius:9px;background:#f3f8f5;font-size:24px;font-weight:950;line-height:1;cursor:pointer}.connector-choice:hover{transform:scale(1.08);box-shadow:0 4px 10px #1233}.connector-choice.concept-connector-green-arrow-medium,.connector-choice.concept-connector-green-arrow-big,.connector-choice.concept-connector-green-plus-big,.connector-choice.concept-connector-green-equal-big{color:#12a85d}.connector-choice.concept-connector-red-arrow-medium,.connector-choice.concept-connector-red-arrow-big,.connector-choice.concept-connector-red-plus-big,.connector-choice.concept-connector-red-equal-big{color:#df3946}.connector-choice.concept-connector-black-plus-small,.connector-choice.concept-connector-black-equal-small{color:#161d1a}

/* v92 reliable body-level symbol picker and attached source copy action */
.connector-symbol-palette{position:fixed!important;left:0;top:0;bottom:auto!important;z-index:99999!important;width:220px!important;grid-template-columns:repeat(5,38px)!important;transform:none!important;overflow:visible!important}.connector-symbol-palette.open{display:grid!important}.connector-symbol-palette .connector-choice{display:grid!important;place-items:center!important;visibility:visible!important;opacity:1!important;background:#f5faf7!important;padding:0!important;margin:0!important}.connector-symbol-palette .concept-connector-green-arrow-medium,.connector-symbol-palette .concept-connector-green-arrow-big,.connector-symbol-palette .concept-connector-green-plus-big,.connector-symbol-palette .concept-connector-green-equal-big{color:#12a85d!important}.connector-symbol-palette .concept-connector-red-arrow-medium,.connector-symbol-palette .concept-connector-red-arrow-big,.connector-symbol-palette .concept-connector-red-plus-big,.connector-symbol-palette .concept-connector-red-equal-big{color:#df3946!important}.connector-symbol-palette .concept-connector-black-plus-small,.connector-symbol-palette .concept-connector-black-equal-small{color:#161d1a!important}.source-path-row{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:0!important;width:100%!important;min-width:0!important}.source-path-row .open-source-path{min-width:0!important;width:100%!important;border-radius:11px 0 0 11px!important}.source-path-row>.copy-output-path{position:static!important;width:44px!important;min-width:44px!important;height:100%!important;border-left:0!important;border-radius:0 11px 11px 0!important;background:#f5faf7!important;align-self:stretch!important}.game-output-links{min-width:0!important;overflow:hidden!important}

/* v93 guaranteed symbol palette and direct image lightbox */
.connector-symbol-palette .connector-choice.selected{box-shadow:0 0 0 3px #f0b429!important;background:#fff!important}.game-image-lightbox{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:44px;background:#07140fdd;cursor:zoom-out}.game-image-lightbox>img{display:block;max-width:min(92vw,1400px);max-height:88vh;width:auto;height:auto;object-fit:contain;border-radius:12px;background:#fff;box-shadow:0 20px 70px #0009;cursor:default}.game-image-lightbox>button{position:fixed;top:20px;right:24px;z-index:1;width:46px;height:46px;border:2px solid #fff;border-radius:50%;background:#df3946;color:#fff;font-size:28px;font-weight:900;line-height:1;cursor:pointer}.game-output-assets img,.concept-output-sequence img,.game-output-hero>img{cursor:zoom-in!important}

/* v94 real connector button, near-square concept images and editor zoom */
.game-record-dialog .concept-connector{position:relative!important;flex:0 0 42px!important;width:42px!important;min-width:42px!important;height:66px!important;overflow:visible!important}.game-record-dialog .concept-connector>b{visibility:hidden!important}.game-record-dialog .connector-picker-trigger{position:absolute!important;inset:0!important;z-index:60!important;display:grid!important;place-items:center!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;border:0!important;border-radius:9px!important;background:transparent!important;color:inherit!important;font:900 34px/1 Arial,sans-serif!important;cursor:pointer!important;pointer-events:auto!important}.game-record-dialog .connector-picker-trigger:hover,.game-record-dialog .connector-picker-trigger:focus-visible{background:#e6f5ed!important;outline:2px solid #49a77d!important}.game-record-dialog .concept-connector>select{pointer-events:none!important}.game-record-dialog .sequence-image{flex:0 0 82px!important;width:82px!important;min-width:82px!important;height:78px!important}.game-record-dialog .sequence-image img{display:block!important;width:100%!important;height:60px!important;aspect-ratio:1.12/1!important;object-fit:contain!important;background:#eef5f1!important;cursor:zoom-in!important}.game-record-dialog .concept-sequence{gap:4px!important}.game-record-dialog .game-image-grid img{cursor:zoom-in!important}.game-output-dialog .concept-output-sequence figure,.game-output-dialog .concept-output-missing{flex:0 0 94px!important;width:94px!important}.game-output-dialog .concept-output-sequence img{height:84px!important;aspect-ratio:1.12/1!important;object-fit:contain!important}.connector-symbol-palette{min-height:96px!important}.connector-symbol-palette .connector-choice{font-size:27px!important}

/* v96 visual symbol grid and compact image preview */
.connector-symbol-palette{width:216px!important;grid-template-columns:repeat(3,64px)!important;gap:6px!important;padding:8px!important;min-height:0!important}.connector-symbol-palette .connector-choice{width:64px!important;height:58px!important;border:1px solid #b8cfc3!important;border-radius:4px!important;background:#effbf4!important}.connector-symbol-palette .connector-color-green{color:#18a957!important}.connector-symbol-palette .connector-color-red{color:#ef2f37!important}.connector-symbol-palette .connector-color-black{color:#202522!important}.connector-symbol-palette .connector-size-small{font-size:27px!important}.connector-symbol-palette .connector-size-medium{font-size:38px!important}.connector-symbol-palette .connector-size-big{font-size:48px!important}.game-image-lightbox{padding:24px!important;background:#07140f99!important}.game-image-lightbox>img{width:auto!important;height:auto!important;max-width:min(520px,82vw)!important;max-height:min(520px,78vh)!important;min-width:0!important;min-height:0!important}.game-image-lightbox>button{top:18px!important;right:18px!important;width:38px!important;height:38px!important;font-size:22px!important}.game-output-top-actions,.game-output-top-actions *{position:relative;z-index:3}

/* v98 isolated pointer interactions */
.v98-symbol-picker{position:fixed;z-index:2147483646;display:grid;grid-template-columns:repeat(3,64px);gap:6px;width:224px;padding:10px;border:1px solid #779488;border-radius:10px;background:#fff;box-shadow:0 16px 45px #0006}.v98-symbol-picker button{display:grid;place-items:center;width:64px;height:58px;margin:0;padding:0;border:1px solid #abc5b8;border-radius:5px;background:#effbf4;font-family:Arial,sans-serif;font-weight:950;line-height:1;cursor:pointer}.v98-symbol-picker button:hover{background:#dff4e8;transform:scale(1.04)}.v98-symbol-picker button.selected{outline:3px solid #f1b62c}.v98-image-zoom{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;padding:24px;background:#07140f99}.v98-image-zoom img{display:block;width:auto;height:auto;max-width:min(520px,84vw);max-height:min(520px,80vh);object-fit:contain;border:5px solid #fff;border-radius:12px;background:#fff;box-shadow:0 18px 55px #0009}.v98-image-zoom button{position:fixed;top:18px;right:18px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:2px solid #fff;border-radius:50%;background:#d8343f;color:#fff;font-size:25px;font-weight:950;line-height:1;cursor:pointer}

/* v99 keep interaction overlays inside the active modal top-layer */
dialog>.v98-symbol-picker,dialog>.v98-image-zoom{z-index:2147483647!important}.game-record-dialog:has(>.v98-symbol-picker),.game-record-dialog:has(>.v98-image-zoom),.game-output-dialog:has(>.v98-image-zoom){overflow:visible!important}.game-record-dialog>.v98-image-zoom,.game-output-dialog>.v98-image-zoom{position:fixed!important;inset:0!important;margin:0!important;max-width:none!important;max-height:none!important;width:100vw!important;height:100vh!important}.game-record-dialog>.v98-symbol-picker{position:fixed!important;margin:0!important}

/* v100 preserve dialog scroll while connector picker is open */
.game-record-dialog>.dialog-shell{position:relative!important;overflow:auto!important}.game-record-dialog:has(>.v98-symbol-picker),.game-record-dialog:has(>.v98-image-zoom),.game-output-dialog:has(>.v98-image-zoom){overflow:auto!important}.game-record-dialog>.v98-symbol-picker{display:none!important}.dialog-shell>.v98-symbol-picker.inside-dialog{position:absolute!important;z-index:2147483647!important;margin:0!important}.dialog-shell:has(>.v98-symbol-picker){overflow:auto!important}

/* v101: the edit header and primary actions stay reachable while the form scrolls */
.game-record-dialog>.dialog-shell{
  padding-bottom:92px!important;
}
.game-record-dialog .dialog-title{
  position:sticky!important;
  top:0!important;
  z-index:120!important;
  margin-bottom:12px!important;
  box-shadow:0 8px 22px #0e35293b!important;
}
.game-record-dialog .dialog-title>.game-dialog-close{
  position:static!important;
  flex:0 0 auto!important;
}
.game-record-dialog .game-form-final-actions{
  position:fixed!important;
  right:clamp(14px,3vw,42px)!important;
  bottom:14px!important;
  z-index:2147483000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin:0!important;
  padding:9px!important;
  border:1px solid #cbded4!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 14px 34px #102f2740!important;
  backdrop-filter:blur(8px)!important;
}
.game-record-dialog .game-form-final-actions button{
  min-height:44px!important;
  cursor:pointer!important;
}
@media(max-width:620px){
  .game-record-dialog>.dialog-shell{padding-bottom:84px!important}
  .game-record-dialog .game-form-final-actions{right:8px!important;bottom:8px!important;padding:7px!important}
}

/* v102: clear manual image upload plus compact game relationship metadata */
.game-gallery-loading-v103 #gameWorkspace{visibility:hidden!important}
.game-duplicate-head h1,.game-duplicate-head h2,.game-gallery-info h3,.game-index-dialog h2,.original-game-row b,.game-output-dialog .dialog-title h2,.game-record-dialog .dialog-title h2,.page-head h1,.page-head h2,.card-head h2{text-transform:capitalize}
.game-card-meta-v102{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px!important}.game-card-meta-v102 button{min-height:26px;padding:6px 8px!important;border-radius:8px!important;text-align:center!important;font-weight:900!important}.game-card-meta-v102 .game-origin-link{background:#ffe4ee!important;color:#9b2853!important}.game-card-meta-v102 .game-designer-link{background:#e5efff!important;color:#214e91!important}.game-rating-row>b{background:#e9e2ff!important;color:#56329a!important;padding:6px 8px!important;white-space:nowrap}.game-parent-field.hidden{display:none!important}.game-parent-field select{display:block!important}.game-record-type-field select,.game-parent-field select{font-weight:800}
.bg-flow-editor{margin:12px 0;padding:12px;border:1px solid #b9ddcb;border-radius:16px;background:#f4fbf7}.bg-flow-editor>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:9px}.bg-flow-editor h3{margin:0;text-transform:capitalize}.bg-flow-editor small{color:#63786e}.bg-flow-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.bg-flow-controls select,.bg-flow-controls input,.bg-flow-controls button{height:34px;border:1px solid #b9d2c5;border-radius:8px;background:#fff;padding:5px 8px;font-weight:700}.bg-flow-controls input{width:42px;padding:3px}.bg-flow-controls button{background:#155b43;color:#fff;cursor:pointer}.bg-flow-canvas{position:relative;min-height:310px;overflow:auto;border:1px dashed #94c5ad;border-radius:13px;background-color:#fff;background-image:radial-gradient(#cfe3d8 1px,transparent 1px);background-size:18px 18px}.bg-flow-canvas>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.bg-flow-canvas path{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.bg-flow-node{position:absolute;width:116px;height:76px;border:2px solid #fff;border-radius:11px;background:#fff;box-shadow:0 3px 10px #1233;overflow:visible;cursor:grab;touch-action:none;user-select:none}.bg-flow-node:active{cursor:grabbing}.bg-flow-node img{display:block;width:100%;height:52px;object-fit:cover;border-radius:9px 9px 0 0}.bg-flow-node span{display:block;padding:3px 6px;font-size:10px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bg-flow-node>[data-set-start]{position:absolute;right:-7px;bottom:-7px;width:25px;height:25px;border:0;border-radius:50%;background:#ffcf38;color:#604600;cursor:pointer}.start-badge{position:absolute;left:-7px;top:-9px;z-index:2;padding:3px 6px;border-radius:999px;background:#f04444;color:#fff;font-size:8px}.bg-flow-edge-list{position:absolute;left:8px;bottom:7px;display:flex;flex-wrap:wrap;gap:5px}.bg-flow-edge-list button{border:0;border-radius:999px;background:#fff1f1;color:#9e3131;padding:4px 7px;font-size:9px;cursor:pointer}.bg-flow-editor.is-output .bg-flow-canvas{min-height:280px}.bg-flow-editor.is-output .bg-flow-node{cursor:default}@media(max-width:700px){.bg-flow-editor>header{display:grid}.bg-flow-controls{justify-content:flex-start}.bg-flow-canvas{min-width:620px}.bg-flow-editor{overflow:auto}}
.game-drop-zone .inline-add-images{display:inline-flex!important;align-items:center;justify-content:center;margin-top:7px!important;padding:7px 11px!important;border:0!important;border-radius:9px!important;background:#155b43!important;color:#fff!important;font-size:11px!important;font-weight:900!important;cursor:pointer!important}.game-drop-zone .inline-add-images input{display:none!important}.game-card-number{display:inline-grid;place-items:center;min-width:28px;height:28px;margin-right:7px;border-radius:8px;background:#155b43;color:#fff;font-size:16px;vertical-align:middle}.game-card-meta-v102{display:grid;gap:4px;margin-top:7px}.game-card-meta-v102 button{border:0;background:transparent;padding:0;text-align:left;color:#52675e;font-size:10px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-card-meta-v102 .game-origin-link{font-weight:900;color:#155b43}.game-rating-row{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:7px}.game-rating-row span{display:flex}.game-rating-row button{border:0;background:transparent;color:#cbd3cf;padding:0 1px;font-size:17px;cursor:pointer}.game-rating-row button.active,.game-rating-row button:hover{color:#f2aa16}.game-rating-row>b{padding:4px 7px;border-radius:999px;background:#e9f5ef;color:#155b43;font-size:9px}.game-index-dialog{width:min(850px,94vw);max-height:90vh}.original-game-index{display:grid;gap:9px;margin-top:12px}.original-game-index article{border:1px solid #d7e4dd;border-radius:13px;overflow:hidden}.original-game-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:10px;width:100%;padding:11px;border:0;background:#f7fbf8;text-align:left;cursor:pointer}.original-game-row>strong{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#155b43;color:#fff;font-size:20px}.original-game-row span{display:grid}.original-game-row small{color:#6b7a72}.original-game-row em{font-style:normal;font-weight:900;color:#155b43}.original-game-row i{font-style:normal;color:#f2aa16;letter-spacing:1px}.original-duplicates{display:none;gap:6px;padding:9px;background:#fff}.original-duplicates.open{display:flex;flex-wrap:wrap}.original-duplicates button{border:1px solid #d6e5dd;border-radius:8px;background:#edf7f2;padding:7px 10px;cursor:pointer}@media(max-width:600px){.original-game-row{grid-template-columns:38px 1fr auto}.original-game-row i{grid-column:2/-1}.game-card-number{min-width:24px;height:24px;font-size:13px}}

/* Sticky header, compact asset grid and tiny density v82 */
.game-record-dialog .dialog-title{position:sticky;top:0;z-index:30;box-shadow:0 7px 16px #1233}.game-record-dialog .game-dialog-close{position:sticky;right:0;top:8px;z-index:32}.compact-game-assets-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.compact-game-assets-layout .game-asset-group{margin:0;min-width:0}.compact-game-assets-layout .game-asset-group:nth-child(n+3){grid-column:1/-1}.compact-game-assets-layout .game-asset-group>header{display:grid;grid-template-columns:minmax(160px,1fr) auto;gap:8px}.compact-game-assets-layout .game-drop-zone{grid-column:1/-1;min-height:42px;margin:6px 0;padding:7px}.compact-game-assets-layout .game-image-grid{align-content:start}.parent-select-hidden{display:none!important}.game-card-tiny{max-width:145px}.game-card-tiny .game-gallery-cover{height:72px}.game-card-tiny .game-gallery-info{padding:6px}.game-card-tiny .game-gallery-info h3{font-size:12px}.game-card-tiny .game-parent-badge,.game-card-tiny .game-gallery-info small{font-size:8px;padding:2px 5px}.game-density-tiny .game-link-fields{gap:6px}.game-density-tiny .game-asset-group{padding:6px}.game-density-tiny .game-asset-group h3{font-size:14px}.game-density-tiny .game-drop-zone{min-height:34px;padding:4px;font-size:11px}.game-density-tiny .game-image-grid{gap:4px}.game-density-tiny .game-image-grid figure{width:70px}.game-density-tiny .game-image-grid img{height:48px}.game-density-tiny .game-image-name{height:24px;padding:3px;font-size:9px}.game-density-tiny .game-concept-step{padding:6px}.game-density-tiny .sequence-point>header{grid-template-columns:42px 1fr 28px}.game-density-tiny .sequence-point>header strong{width:34px;height:34px;font-size:18px}.game-density-tiny .sequence-image{width:82px;height:96px}.game-density-tiny .sequence-image img{height:58px}.game-density-tiny .concept-connector{width:52px}.game-density-tiny .concept-connector b{font-size:38px}.game-density-tiny .concept-point-note textarea{min-height:38px}.game-output-dialog.game-density-tiny .game-output-hero{grid-template-columns:200px 1fr}.game-output-dialog.game-density-tiny .game-output-hero>img{height:125px}.game-output-dialog.game-density-tiny .game-output-section{margin:6px 0;padding:6px}.game-output-dialog.game-density-tiny .game-output-assets{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:4px}.game-output-dialog.game-density-tiny .game-output-assets img,.game-output-dialog.game-density-tiny .concept-output-sequence img{height:58px}.game-output-dialog.game-density-tiny .concept-output-sequence figure,.game-output-dialog.game-density-tiny .concept-output-missing{flex-basis:88px}.game-output-dialog.game-density-tiny .concept-output>article{grid-template-columns:35px minmax(0,1fr)}.game-output-dialog.game-density-tiny .concept-output-title>strong{width:28px;height:28px;font-size:14px}@media(max-width:760px){.compact-game-assets-layout{grid-template-columns:1fr}.compact-game-assets-layout .game-asset-group:nth-child(n){grid-column:1}.game-output-dialog.game-density-tiny .game-output-hero{grid-template-columns:1fr}}@media print{.game-output-dialog.game-density-tiny .game-output-assets{grid-template-columns:repeat(9,1fr)}}
/* v109: make the All BG wireframe unmistakable in the editor. */
.game-record-dialog [data-group="backgrounds"]+[data-bg-flow-v107]{display:block!important;margin:10px 0 16px;border:2px solid #16835d;background:#eefaf4;box-shadow:0 8px 24px #155b4318}
.game-record-dialog [data-bg-flow-v107] .bg-flow-canvas{min-height:360px}
.game-record-dialog [data-reorder-group="backgrounds"] img{pointer-events:none;cursor:grab}
.game-record-dialog [data-reorder-group="backgrounds"]{cursor:grab}
.game-record-dialog [data-reorder-group="backgrounds"]:active{cursor:grabbing}

/* v110: dedicated BG route editor avoids file-drop/reorder conflicts. */
.open-bg-wireframe{margin-left:auto;white-space:nowrap;cursor:pointer}.bg-wireframe-popup{width:min(1180px,96vw)!important;max-height:94vh!important}.bg-wire-help{margin:10px 0;padding:10px 12px;border-radius:10px;background:#e9f7ef;color:#175f45;font-weight:700}.bg-wire-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.bg-wire-toolbar select,.bg-wire-toolbar input,.bg-wire-toolbar button{min-height:40px;border:1px solid #b6d5c6;border-radius:9px;background:#fff;padding:7px 10px;font-weight:800}.bg-wire-toolbar input{width:52px;padding:4px}.bg-wire-toolbar button{background:#155b43;color:#fff;cursor:pointer}.bg-wire-canvas{position:relative;min-height:520px;overflow:auto;border:2px dashed #80b89e;border-radius:14px;background-color:#fbfffd;background-image:radial-gradient(#c8ded3 1px,transparent 1px);background-size:20px 20px}.bg-wire-canvas svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.bg-wire-canvas svg path{fill:none;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.bg-wire-canvas svg marker path{fill:context-stroke}.bg-wire-canvas article{position:absolute;width:122px;height:84px;border:2px solid #fff;border-radius:12px;background:#fff;box-shadow:0 5px 18px #1235;cursor:grab;touch-action:none;user-select:none}.bg-wire-canvas article:active{cursor:grabbing}.bg-wire-canvas article img{width:100%;height:58px;display:block;object-fit:cover;border-radius:10px 10px 0 0;pointer-events:none}.bg-wire-canvas article span{display:block;padding:4px 7px;font-size:10px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bg-wire-canvas article>[data-wire-start]{position:absolute;right:-8px;bottom:-8px;width:27px;height:27px;border:0;border-radius:50%;background:#ffd43b;cursor:pointer}.bg-wire-canvas article>b{position:absolute;z-index:2;left:-7px;top:-9px;padding:3px 6px;border-radius:999px;background:#e73945;color:#fff;font-size:8px}.bg-wire-routes{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.bg-wire-routes button{border:1px solid #efb9b9;border-radius:999px;background:#fff1f1;color:#9b2727;padding:6px 9px;cursor:pointer}.bg-wire-actions{position:sticky;bottom:0;padding:10px;background:#fff;border-top:1px solid #e2ebe6;justify-content:flex-end!important}@media(max-width:700px){.bg-wire-canvas{min-width:760px}.bg-wireframe-popup .dialog-shell{overflow:auto}.bg-wire-toolbar{display:grid;grid-template-columns:1fr 1fr}}
/* v111: multiple END-room markers. */
.bg-wire-canvas article>[data-wire-end]{position:absolute;right:-8px;top:-8px;width:28px;height:28px;border:0;border-radius:50%;background:#fff;color:#58645e;box-shadow:0 2px 8px #1234;cursor:pointer}.bg-wire-canvas article>[data-wire-end].active{background:#31343b;color:#fff;box-shadow:0 0 0 3px #ffcf3b}.bg-wire-canvas article>.wire-end-badge{left:auto!important;right:27px!important;top:-9px!important;background:#30343b!important;color:#fff!important}.bg-wire-canvas article>.wire-start-badge{background:#e73945!important}

/* publish-v182.css */
.delivery-v182{display:grid;gap:16px}.delivery-hero-v182{display:flex;justify-content:space-between;gap:18px;padding:24px;border-radius:20px;background:linear-gradient(120deg,#102453,#2554d8);color:#fff;box-shadow:0 16px 35px #173d6530}.delivery-hero-v182 h2{margin:4px 0;font-size:28px}.delivery-hero-v182 p{margin:0;opacity:.9}.delivery-hero-v182>div:last-child{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.delivery-hero-v182 span,.delivery-hero-v182 button{padding:9px 12px;border:0;border-radius:999px;background:#ffffff20;color:#fff;font-weight:900}.delivery-hero-v182 button{background:#cbff55;color:#173b27;cursor:pointer}.delivery-days-v182{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.delivery-days-v182 button{display:grid;gap:5px;padding:14px;border:1px solid #d6e2dc;border-radius:15px;background:#fff;text-align:left;cursor:pointer}.delivery-days-v182 button.active{border-color:#2655dd;background:#eaf0ff;box-shadow:0 0 0 2px #2655dd}.delivery-days-v182 small{font-weight:900;color:#667883}.delivery-days-v182 b{font-size:17px}.delivery-days-v182 span{color:#54655c}.delivery-pipeline-v182{padding:18px;border:1px solid #bce5d2;border-radius:20px;background:linear-gradient(120deg,#f2fff8,#f5f8ff)}.delivery-pipeline-v182>header{display:flex;justify-content:space-between;align-items:center}.delivery-pipeline-v182 h2{margin:3px 0 12px}.delivery-pipeline-v182>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:9px}.delivery-pipeline-v182 article{padding:12px;border:1px solid #d4e2dc;border-radius:14px;background:#fff}.delivery-pipeline-v182 article>div:first-child{display:flex;justify-content:space-between;color:#087758;font-size:11px;font-weight:900}.delivery-pipeline-v182 h3{min-height:40px;margin:9px 0;font-size:14px}.delivery-pipeline-v182 p{margin:8px 0 0;color:#4d6359;font-size:12px}.stage-track-v182{display:flex!important;gap:5px}.stage-track-v182 i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#edf1ef;color:#829089;font-style:normal;font-size:10px;font-weight:900}.stage-track-v182 i.done{background:#16a66c;color:#fff}.stage-track-v182 i.now{background:#d9ff3d;color:#28402f;box-shadow:0 0 0 2px #14a56b}.delivery-main-v182{display:grid;grid-template-columns:290px minmax(0,1fr);gap:14px;align-items:start}.delivery-calendar-v182,.delivery-main-v182>main{border:1px solid #d9e3de;border-radius:18px;background:#fff;overflow:hidden}.delivery-calendar-v182>header,.delivery-date-v182{display:flex;align-items:center;justify-content:space-between;padding:14px}.delivery-calendar-v182>header button{width:36px;height:36px;border:0;border-radius:10px;background:#ffe7e7;color:#bd2e3b;font-size:24px;cursor:pointer}.delivery-calendar-v182 h2{font-size:17px}.delivery-week-v182,.delivery-grid-v182{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:5px 10px}.delivery-week-v182 b{text-align:center;color:#788a96;font-size:9px}.delivery-grid-v182 button{display:grid;place-items:center;min-height:49px;padding:3px;border:1px solid #e2e9e5;border-radius:9px;background:#fff;cursor:pointer}.delivery-grid-v182 button.today{border-color:#ff3b3b}.delivery-grid-v182 button.selected{background:#2555dc;color:#fff}.delivery-grid-v182 span,.delivery-grid-v182 small{font-size:8px}.delivery-date-v182{background:#f4f7ff}.delivery-date-v182 h2{margin:3px 0}.delivery-date-v182>b{padding:7px 11px;border-radius:999px;background:#dce8ff;color:#184acb}.delivery-tabs-v182{display:flex;gap:7px;padding:10px 14px}.delivery-tabs-v182 button{padding:8px 12px;border:0;border-radius:10px;background:#edf3f0;font-weight:800;cursor:pointer}.delivery-tabs-v182 button.active{background:#143571;color:#fff}.delivery-table-wrap-v182{overflow:auto}.delivery-table-wrap-v182 table{width:100%;border-collapse:collapse;min-width:1020px}.delivery-table-wrap-v182 th{padding:10px 7px;background:#edf2f8;color:#30445c;font-size:10px;text-align:center}.delivery-table-wrap-v182 td{padding:11px 7px;border-top:1px solid #e1e7e4;text-align:center}.delivery-table-wrap-v182 td:first-child,.delivery-table-wrap-v182 td:nth-child(2){text-align:left}.delivery-table-wrap-v182 td:first-child b,.delivery-table-wrap-v182 td:first-child small,.delivery-table-wrap-v182 td:nth-child(2) b,.delivery-table-wrap-v182 td:nth-child(2) small{display:block}.delivery-table-wrap-v182 td small{color:#667a70}.delivery-table-wrap-v182 td.required a,.delivery-table-wrap-v182 td.required i{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;font-style:normal;font-weight:900}.delivery-table-wrap-v182 td.required a{background:#d9f8e5;color:#09894c}.delivery-table-wrap-v182 td.required i{background:#ffe1e1;color:#d42828}.delivery-table-wrap-v182 td.na{color:#b6c0bb}.delivery-table-wrap-v182 td button{border:0;border-radius:9px;background:#10265c;color:#fff;padding:8px 10px;font-weight:800;cursor:pointer}.delivery-dialog-v182{width:min(980px,95vw);max-height:94vh}.delivery-form-v182,.delivery-assign-v182,.delivery-links-v182{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.delivery-form-v182 .wide{grid-column:1/-1}.delivery-dialog-v182 fieldset{margin:12px 0;padding:13px;border:1px solid #cfe0d7;border-radius:14px}.delivery-dialog-v182 legend{padding:0 7px;color:#165a43;font-weight:900}.delivery-links-v182 label>span{display:flex;align-items:center;gap:5px;margin-bottom:5px;font-weight:800}.delivery-links-v182 input[type=checkbox]{width:auto}.delivery-dialog-v182 textarea{min-height:75px}@media(max-width:850px){.delivery-days-v182{grid-template-columns:1fr 1fr}.delivery-main-v182{grid-template-columns:1fr}.delivery-calendar-v182{max-width:360px}.delivery-hero-v182{display:grid}}@media(max-width:520px){.delivery-days-v182,.delivery-form-v182,.delivery-assign-v182,.delivery-links-v182{grid-template-columns:1fr}.delivery-form-v182 .wide{grid-column:auto}}

/* publish-v183.css */
.command-board-v183{border:1px solid #dbe4ef;border-radius:20px;background:#fff;box-shadow:0 12px 30px #1e3a5f16;overflow:hidden}.command-board-v183>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;background:linear-gradient(100deg,#f8fbff,#f8fff9)}.command-board-v183 h2{margin:3px 0;font-size:23px}.command-board-v183 p{margin:0;color:#64748b}.board-date-nav-v183{display:flex;align-items:center;gap:8px}.board-date-nav-v183 button{width:52px;height:44px;border:1px solid #b9c9e6;border-radius:14px;background:#e9f0ff;color:#183467;font-size:34px;cursor:pointer}.board-date-nav-v183 b{min-width:135px;padding:12px;border-radius:13px;background:#172f64;color:#fff;text-align:center}.board-filters-v183{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:11px 14px;border-block:1px solid #e5eaf0;background:#f8fafc}.board-filters-v183 button,.board-filters-v183 select{min-height:35px;padding:7px 10px;border:1px solid #d8e1e9;border-radius:10px;background:#fff;color:#465465;font-weight:800;cursor:pointer}.board-filters-v183 button[data-board-brand]{border-left:5px solid var(--brand)}.board-filters-v183 button.active{background:#15366e;color:#fff}.board-filters-v183 select{margin-left:auto}.board-filters-v183 select+select{margin-left:0}.board-scroll-v183{overflow:auto}.board-scroll-v183 table{width:100%;min-width:1120px;border-collapse:separate;border-spacing:0}.board-scroll-v183 th{padding:9px;border-right:2px solid #e0e7ef;background:#eff4fa;color:#334155;font-size:10px;text-align:center}.board-scroll-v183 th:first-child,.board-scroll-v183 th:nth-child(2){text-align:left}.board-scroll-v183 th:nth-child(n+3):nth-child(-n+5){border-top:7px solid var(--date)}.board-scroll-v183 th small,.board-scroll-v183 th b,.board-scroll-v183 th span{display:block}.board-scroll-v183 th b{margin:4px 0;font-size:17px;color:var(--date)}.board-scroll-v183 th span{font-weight:500;color:#718096}.board-scroll-v183 td{padding:9px;border-right:2px solid #e3e8ef;border-bottom:1px solid #e3e8ef;background:#fff;text-align:center}.board-scroll-v183 td:first-child{position:relative;padding-left:15px;text-align:left}.board-scroll-v183 td:first-child:before{position:absolute;inset:0 auto 0 0;width:7px;background:var(--brand);content:""}.board-scroll-v183 td:first-child small,.board-scroll-v183 td:first-child b,.board-scroll-v183 td:nth-child(2) small,.board-scroll-v183 td:nth-child(2) b{display:block}.board-scroll-v183 td:first-child small{color:var(--brand);font-weight:900}.board-scroll-v183 td:nth-child(2){text-align:left}.board-date-cell-v183{box-shadow:inset 0 3px 0 color-mix(in srgb,var(--date) 45%,white)}.board-date-cell-v183>small{display:block;margin-top:5px;color:#596a79;font-weight:800}.board-date-cell-v183>em{color:#a5b0bb;font-size:11px}.board-platform-grid-v183{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.board-platform-grid-v183 span{display:grid;place-items:center;min-width:29px;height:31px;border-radius:8px;font-size:10px;font-weight:900}.board-platform-grid-v183 span b{font-size:7px}.board-platform-grid-v183 .done{background:#dcfce7;color:#078443}.board-platform-grid-v183 .missing{background:#fee2e2;color:#dc2626}.board-platform-grid-v183 .na{background:#f1f5f9;color:#a0aab5}.board-scroll-v183 td:last-child button{border:0;border-radius:9px;background:var(--brand);color:#fff;padding:8px 10px;font-weight:900;cursor:pointer}.project-detail-v183{width:min(920px,95vw);max-height:94vh}.project-detail-v183 .dialog-title{border-left:8px solid var(--brand)}.project-detail-summary-v183{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.project-detail-summary-v183 article,.project-platforms-v183 article{display:grid;gap:5px;padding:12px;border:1px solid #dde6e1;border-radius:12px;background:#f8fbf9}.project-detail-summary-v183 small{color:#687a71}.project-people-v183{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.project-people-v183 article{display:flex;gap:7px;align-items:center;padding:9px;border-radius:11px;background:#f1f5f9}.project-people-v183 article i{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:50%;background:#dbe3e9;font-style:normal;font-weight:900}.project-people-v183 article span,.project-people-v183 article small{display:block}.project-people-v183 article small{color:#6b7b73}.project-people-v183 article.complete{background:#e3f8ec}.project-people-v183 article.complete i{background:#11a463;color:#fff}.project-people-v183 article.active{outline:2px solid #2563eb;background:#eaf1ff}.project-platforms-v183{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.project-platforms-v183 .done{border-color:#72d59c;background:#effcf4}.project-platforms-v183 .done a{color:#078443;font-weight:900}.project-platforms-v183 .missing{border-color:#f2b2b2;background:#fff5f5;color:#be2929}.project-platforms-v183 .na{opacity:.55}.project-report-v183{padding:13px;border-radius:12px;background:#f5f7fa;color:#435263}@media(max-width:850px){.command-board-v183>header{display:grid}.board-filters-v183 select{margin-left:0}.project-detail-summary-v183,.project-platforms-v183{grid-template-columns:1fr 1fr}.project-people-v183{grid-template-columns:1fr 1fr}}

/* publish-v185.css */
.command-board-v183>header{grid-template-columns:auto minmax(0,1fr) auto auto}.board-edge-v185{display:grid;place-items:center;width:54px;height:54px;border:0;border-radius:16px;background:#172f64;color:#fff;font-size:38px;cursor:pointer}.youtube-filter-v185{background:#dc2626!important;color:#fff!important}.board-scroll-v183 tbody tr td{background:color-mix(in srgb,var(--brand) 8%,white)}.board-scroll-v183 tbody tr:hover td{background:color-mix(in srgb,var(--brand) 16%,white)}.board-scroll-v183 td:first-child{display:flex;align-items:center;gap:9px}.row-brand-logo-v185{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;padding:0;border:2px solid color-mix(in srgb,var(--brand) 65%,white)!important;border-radius:12px!important;background:color-mix(in srgb,var(--brand) 15%,white)!important;color:var(--brand)!important;font-size:22px!important;cursor:pointer}.row-brand-logo-v185 img{width:100%;height:100%;border-radius:9px;object-fit:cover}.date-platform-icons-v185{display:grid;grid-template-columns:repeat(4,22px);justify-content:center;gap:4px;margin:6px 0}.date-platform-icons-v185 i{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--date);color:#fff;font-style:normal;font-size:10px}.board-platform-grid-v183{grid-template-columns:repeat(4,1fr)}.board-platform-grid-v183 .working{background:#fff1bf;color:#a16207}.brand-hub-v185{width:min(1100px,96vw);max-height:95vh}.brand-hub-v185>.dialog-shell{border-top:9px solid var(--brand)}.brand-hub-head-v185{display:flex;align-items:center;gap:14px}.brand-hub-head-v185>button{margin-left:auto;width:38px;height:38px;border:0;border-radius:50%;background:#fee2e2;color:#b91c1c;font-size:24px;cursor:pointer}.brand-logo-v185{display:grid;place-items:center;width:72px;height:72px;border-radius:19px;background:color-mix(in srgb,var(--brand) 17%,white);color:var(--brand);font-size:38px}.brand-logo-v185 img{width:100%;height:100%;border-radius:17px;object-fit:cover}.brand-hub-head-v185 h2{margin:3px 0;color:var(--brand);font-size:28px}.brand-hub-head-v185 p{margin:0;color:#64748b}.brand-stats-v185{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:15px 0}.brand-stats-v185 article{display:grid;gap:3px;padding:12px;border-radius:13px;background:color-mix(in srgb,var(--brand) 9%,white);border:1px solid color-mix(in srgb,var(--brand) 28%,white)}.brand-stats-v185 b{color:var(--brand);font-size:24px}.brand-links-v185{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:13px;border-radius:15px;background:#f5f8fb}.brand-links-v185 h3{grid-column:1/-1;margin:0}.brand-links-v185 label{display:grid;gap:4px;font-weight:800}.brand-links-v185 input{min-height:39px;border:1px solid #ced9e4;border-radius:9px;padding:8px}.brand-links-v185 button{align-self:end;min-height:41px;border:0;border-radius:9px;background:var(--brand);color:#fff;font-weight:900;cursor:pointer}.brand-project-list-v185{display:grid;gap:7px;margin-top:13px}.brand-project-list-v185 article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px;border-left:7px solid #94a3b8;border-radius:11px;background:#f8fafc}.brand-project-list-v185 article.current-work{border-color:#2563eb;background:#eff6ff}.brand-project-list-v185 article.md-approval{border-color:#a855f7;background:#faf5ff}.brand-project-list-v185 article.waiting-to-start{border-color:#eab308;background:#fefce8}.brand-project-list-v185 article.rejected{border-color:#dc2626;background:#fef2f2}.brand-project-list-v185 article.published{border-color:#16a34a;background:#f0fdf4}.brand-project-list-v185 article div:first-child>*{display:block}.brand-project-list-v185 article small{color:#64748b}.brand-project-list-v185 article span{margin-top:4px;color:#475569}.brand-project-list-v185 article a{display:inline-grid;place-items:center;width:29px;height:29px;margin:2px;border-radius:8px;background:#fff;color:var(--brand);font-size:9px;font-weight:900;text-decoration:none}.brand-project-list-v185 article>button{border:0;border-radius:8px;background:var(--brand);color:#fff;padding:8px;font-weight:900;cursor:pointer}@media(max-width:800px){.command-board-v183>header{grid-template-columns:auto 1fr auto}.board-date-nav-v183{display:none}.brand-stats-v185{grid-template-columns:1fr 1fr}.brand-links-v185{grid-template-columns:1fr}.brand-project-list-v185 article{grid-template-columns:1fr}.board-edge-v185{width:42px;height:48px}}

/* publish-v186.css */
.date-platform-icons-v185 i{width:25px;height:25px;padding:4px;border-radius:7px}.date-platform-icons-v185 svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8}.date-platform-icons-v185 svg .fill-white{fill:#fff;stroke:none}.date-platform-icons-v185 svg .fill-current{fill:currentColor;stroke:none}.date-platform-icons-v185 .platform-youtube{background:#ff0000}.date-platform-icons-v185 .platform-youtube svg rect{fill:#ff0000;stroke:#fff}.date-platform-icons-v185 .platform-facebook{background:#1877f2}.date-platform-icons-v185 .platform-facebook svg{fill:#fff;stroke:none}.date-platform-icons-v185 .platform-instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.date-platform-icons-v185 .platform-website{background:#0f766e}.board-platform-grid-v183 button{display:grid;place-items:center;width:29px;height:29px;margin:auto;padding:0;border:2px solid transparent;border-radius:50%;font:900 17px/1 Arial;cursor:default}.board-platform-grid-v183 button.done{border-color:#16a34a;background:#16a34a;color:#fff}.board-platform-grid-v183 button.missing{border-color:#dc2626;background:#dc2626;color:#fff}.board-platform-grid-v183 button.pending{border-color:#f59e0b;background:#fff;color:#f59e0b;cursor:pointer}.board-platform-grid-v183 button.draft{border-color:#f59e0b;background:#fff7d6;color:#a16207}.board-platform-grid-v183 button.na{border-color:transparent;background:#eef2f5;color:#a8b1ba}.board-platform-grid-v183 button[disabled]{opacity:1}.board-platform-grid-v183 button.pending:not([disabled]):hover{background:#fef3c7;box-shadow:0 0 0 3px #fde68a}.board-platform-grid-v183 button.draft:after{content:""}.board-date-cell-v183>small{padding-top:3px}.command-board-v183 th:nth-child(3){background:#f5f0ff}.command-board-v183 th:nth-child(4){background:#fff0f4}.command-board-v183 th:nth-child(5){background:#fff8ec}

/* publish-v187.css */
.board-platform-grid-v183 button{cursor:pointer!important}.board-platform-grid-v183 button:hover{transform:scale(1.1);box-shadow:0 0 0 3px color-mix(in srgb,currentColor 20%,transparent)}.project-platforms-v183 article.pending{border-color:#cbd5e1;background:#fff;color:#64748b}.project-platforms-v183 article.draft{border-color:#f59e0b;background:#fffbeb;color:#a16207}.project-platforms-v183 article.missing{border-color:#ef4444;background:#fef2f2;color:#b91c1c}.project-platforms-v183 article.done{border-color:#22c55e;background:#f0fdf4;color:#15803d}.project-platforms-v183 article [data-track-draft]{margin-top:7px;padding:7px 9px;border:0;border-radius:8px;background:#f59e0b;color:#fff;font-weight:900;cursor:pointer}.brand-links-v185 input[type=file]{padding:7px;background:#fff}.brand-links-v185 [data-save-brand]:disabled{opacity:.65;cursor:wait}.row-brand-logo-v185{width:46px!important;height:46px!important;flex-basis:46px!important;border:0!important;border-radius:50%!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important}.row-brand-logo-v185 img{width:100%!important;height:100%!important;border:0!important;border-radius:50%!important;background:#fff!important;object-fit:contain!important}.brand-logo-v185{border:0!important;border-radius:50%!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important}.brand-logo-v185 img{width:100%!important;height:100%!important;border-radius:50%!important;background:#fff!important;object-fit:contain!important}

.date-platform-icons-v185,.board-platform-grid-v183{display:grid;width:min(100%,150px);grid-template-columns:repeat(4,29px);align-items:center;justify-content:space-between;justify-items:center;gap:0;margin-inline:auto}.date-platform-icons-v185 i{box-sizing:border-box;width:29px;height:29px}.board-platform-grid-v183 button{width:29px;height:29px;margin:0}

/* project-actions-v189.css */
.project-top{position:relative}.project-manage-v189{position:absolute;top:42px;right:0;display:flex;gap:7px}.project-manage-v189 button{padding:8px 11px;border:1px solid #b9d5c8;border-radius:9px;background:#edf8f2;color:#155b43;font-weight:900;cursor:pointer}.project-manage-v189 button:hover{background:#dff2e8}.project-manage-v189 button.danger{border-color:#f3b7b7;background:#fff0f0;color:#b42323}.project-manage-v189 button.danger:hover{background:#ffe0e0}.project-manage-v189 button:disabled{opacity:.6;cursor:wait}.project-editor-v189{width:min(720px,94vw);max-height:92vh}.project-editor-v189 textarea[name=description]{min-height:80px}.project-editor-v189 textarea[name=stages]{min-height:210px;font-family:inherit;line-height:1.5}@media(max-width:720px){.project-manage-v189{position:static;margin-top:9px}.project-top{display:grid!important}.project-manage-v189 button{flex:1}}

/* project-monitor-v190.css */
.project-monitor-v190{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;gap:12px!important;align-items:start}.project-monitor-card-v190{position:relative!important;min-height:190px!important;margin:0!important;padding:15px!important;border-radius:16px!important;cursor:pointer!important;overflow:visible!important;transition:transform .16s ease,box-shadow .16s ease}.project-monitor-card-v190:hover{transform:translateY(-3px);box-shadow:0 15px 30px #15392d22!important}.project-monitor-card-v190 .project-top{display:block!important;padding-right:64px}.project-monitor-card-v190 .project-top h2{display:-webkit-box;margin:5px 0!important;overflow:hidden;font-size:17px!important;line-height:1.2;-webkit-box-orient:vertical;-webkit-line-clamp:2}.project-monitor-card-v190 .project-top p{display:-webkit-box;min-height:32px;margin:4px 0!important;overflow:hidden;font-size:12px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.project-monitor-card-v190 .stage-pill{position:absolute;top:13px;right:47px;max-width:105px;overflow:hidden;padding:5px 7px!important;font-size:9px!important;text-overflow:ellipsis;white-space:nowrap}.project-monitor-card-v190 .parcel-track,.project-monitor-card-v190 .project-meta,.project-monitor-card-v190 .project-actions,.project-monitor-card-v190 .project-history{display:none!important}.monitor-summary-v190{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;margin-top:14px;padding-top:11px;border-top:1px solid #dce7e1}.monitor-summary-v190 span{color:#5e7067;font-size:11px;font-weight:800}.monitor-summary-v190 b{font-size:11px}.monitor-summary-v190 i{grid-column:1/-1;height:7px;overflow:hidden;border-radius:999px;background:#dce6e1}.monitor-summary-v190 em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1eaa70,#c7f23b)}.project-dots-v190{position:absolute;z-index:8;top:10px;right:9px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#eef4f1;color:#214d3d;font-size:24px;font-weight:900;cursor:pointer}.project-dots-v190:hover{background:#dcebe4}.project-dot-menu-v190{position:absolute!important;z-index:30!important;top:45px!important;right:8px!important;display:none!important;min-width:145px;padding:7px;border:1px solid #d3dfd9;border-radius:12px;background:#fff;box-shadow:0 12px 30px #10251c38}.project-dot-menu-v190.open{display:grid!important}.project-dot-menu-v190 button{width:100%;text-align:left}.project-monitor-dialog-v190{width:min(1120px,95vw);max-width:none;max-height:94vh;padding:0;border:0;border-radius:20px;background:transparent}.project-monitor-dialog-v190::backdrop{background:#061d1488;backdrop-filter:blur(4px)}.project-monitor-popup-v190{position:relative;max-height:94vh;padding:18px;overflow:auto;border-radius:20px;background:#f5f7f4}.project-popup-close-v190{position:sticky;z-index:100;top:0;float:right;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#cf2937;color:#fff;font-size:25px;cursor:pointer}.project-monitor-expanded-v190{min-height:0!important;padding:20px!important;cursor:default!important;transform:none!important}.project-monitor-expanded-v190 .project-top{display:flex!important;padding-right:90px}.project-monitor-expanded-v190 .project-top h2{display:block!important;overflow:visible;font-size:24px!important}.project-monitor-expanded-v190 .project-top p{display:block!important;min-height:0;overflow:visible;font-size:14px}.project-monitor-expanded-v190 .stage-pill{position:static;max-width:none;font-size:10px!important}.project-monitor-expanded-v190 .parcel-track{display:grid!important}.project-monitor-expanded-v190 .project-meta{display:flex!important}.project-monitor-expanded-v190 .project-actions{display:grid!important}.project-monitor-expanded-v190 .project-history{display:block!important}.project-monitor-expanded-v190 .monitor-summary-v190,.project-monitor-expanded-v190>.project-dots-v190{display:none!important}.project-monitor-expanded-v190 .project-dot-menu-v190{position:static!important;display:flex!important;margin:9px 0;box-shadow:none}.workflow-creator{grid-column:1/-1}@media(max-width:650px){.project-monitor-v190{grid-template-columns:1fr!important}.project-monitor-dialog-v190{width:98vw}.project-monitor-expanded-v190 .parcel-track{overflow:auto}.project-monitor-expanded-v190 .project-top{display:grid!important}}

/* project-menu-v191.css */
.project-monitor-expanded-v190 .project-dot-menu-v190{position:absolute!important;top:48px!important;right:58px!important;display:none!important;margin:0!important;box-shadow:0 12px 30px #10251c38!important}.project-monitor-expanded-v190 .project-dot-menu-v190.open{display:grid!important}.project-monitor-card-v190 .project-dot-menu-v190:not(.open){display:none!important}.project-monitor-card-v190 .project-dot-menu-v190.open{display:grid!important}

/* project-create-v192.css */
.open-project-creator-v192{display:block;width:min(420px,100%);min-height:50px;margin:16px auto;padding:12px 20px;border:0;border-radius:14px;background:linear-gradient(90deg,#b8ef2f,#d5ff55);color:#183a25;font-size:16px;font-weight:950;box-shadow:0 8px 20px #6f9f252e;cursor:pointer}.open-project-creator-v192:hover{transform:translateY(-2px);box-shadow:0 12px 26px #6f9f2540}.project-creator-dialog-v192{width:min(760px,95vw);max-height:94vh;padding:0;border:0;border-radius:20px;background:transparent}.project-creator-dialog-v192::backdrop{background:#071c1488;backdrop-filter:blur(4px)}.project-creator-popup-v192{position:relative;max-height:94vh;padding:18px;overflow:auto;border-radius:20px;background:#f7fbea}.project-creator-popup-v192>[data-close]{position:sticky;z-index:20;top:0;float:right;width:40px;height:40px;border:0;border-radius:50%;background:#cf2937;color:#fff;font-size:25px;cursor:pointer}.project-creator-popup-v192 .workflow-creator{display:block!important;margin:0!important}.project-people-v192{display:grid;gap:7px;margin:10px 0}.project-people-v192>strong{justify-self:start;padding:4px 7px;border-radius:7px;background:color-mix(in srgb,var(--department) 14%,white);color:var(--department);font-size:10px}.project-people-v192>div{display:flex;gap:5px;flex-wrap:wrap}.project-people-v192 span{display:flex;align-items:center;gap:3px;padding:3px 6px 3px 3px;border-radius:999px;background:#f0f5f2}.project-people-v192 img,.project-people-v192 i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;object-fit:cover;background:var(--department);color:#fff;font-style:normal;font-size:10px}.project-people-v192 small{max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.project-team-identity-v192{display:flex!important;align-items:center;gap:6px;color:var(--department)!important}.project-team-identity-v192 img,.project-team-identity-v192 i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;object-fit:cover;background:#fff;font-style:normal}.project-monitor-card-v190{border-top-color:var(--department)!important}.project-monitor-card-v190 .monitor-summary-v190 em{background:linear-gradient(90deg,var(--department),#d0f746)}.department-profile-v192 input{background:#fff}.project-editor-v189 [name=projectCode][readonly]{background:#edf1ef;color:#65736c}

/* project-create-v193.css */
.creator-hidden-v192{display:none!important}.project-code-publish-v193{display:inline-block!important;margin-top:4px;padding:3px 6px;border-radius:6px;background:#eef2ff;color:#3747a5;font-size:8px!important;font-weight:900}

/* project-brands-v194.css */
:root {
  --g4k-grand-display-v218: Constantia, "Palatino Linotype", "Book Antiqua", Georgia, serif;
  --g4k-stage-rounded-v220: "Trebuchet MS", "Segoe UI", Arial, sans-serif;
}

.project-stage-loader-v210 {
  min-height: 420px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 14px;
  color: #52685e;
  border-style: dashed;
  background: #fbfdfb;
}

.project-board-v2[hidden] {
  display: none !important;
}

.project-stage-loader-v210 .spinner {
  width: 34px;
  height: 34px;
  margin: 0;
}

.project-workspace-tabs-v212 {
  display: grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap: 10px;
  margin: 0 0 16px;
}

.project-workspace-tabs-v212 button {
  position: relative;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  align-items: center;
  gap: 2px 10px;
  min-height: 94px;
  padding: 13px 16px;
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: 18px;
  color: #fff;
  text-align: left;
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.project-workspace-tabs-v212 button:hover {
  transform: translateY(-3px);
  filter: saturate(1.12) brightness(1.05);
}

.project-workspace-tabs-v212 button small {
  grid-column: 1 / -1;
  color: #fff4b8;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .12em;
}

.project-workspace-tabs-v212 button > span {
  grid-row: 2 / 4;
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid #ffffff4d;
  border-radius: 13px;
  background: #ffffff24;
  box-shadow: inset 0 1px 0 #ffffff66;
  font-size: 31px;
}

.project-workspace-tabs-v212 button b {
  overflow: hidden;
  font-family: var(--g4k-grand-display-v218);
  font-size: clamp(25px, 2.25vw, 35px);
  font-weight: 700;
  font-variant-ligatures: common-ligatures discretionary-ligatures;
  letter-spacing: -.018em;
  line-height: .98;
  text-overflow: ellipsis;
  text-shadow: 0 1px 0 #ffffff5c, 0 3px 3px #0000004d, 0 9px 20px #00000033;
  text-wrap: balance;
  white-space: normal;
}

.project-workspace-tabs-v212 button b::first-letter {
  font-size: 1.12em;
}

.project-workspace-tabs-v212 button em {
  overflow: hidden;
  color: #f8fafc;
  font-size: 10px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-workspace-tabs-v212 button:nth-child(1) {
  border-color: #a78bfa;
  background: linear-gradient(135deg, #312e81 0%, #6d28d9 56%, #9333ea 100%);
  box-shadow: 0 10px 23px #5b21b64d, inset 0 -5px 0 #c4b5fd4d;
}

.project-workspace-tabs-v212 button:nth-child(2) {
  border-color: #fdba74;
  background: linear-gradient(135deg, #9f1239 0%, #dc2626 48%, #f97316 100%);
  box-shadow: 0 10px 23px #b91c1c47, inset 0 -5px 0 #fed7aa52;
}

.project-workspace-tabs-v212 button:nth-child(3) {
  border-color: #67e8f9;
  background: linear-gradient(135deg, #164e63 0%, #0369a1 48%, #0f766e 100%);
  box-shadow: 0 10px 23px #0759854d, inset 0 -5px 0 #a5f3fc4d;
}

.project-workspace-tabs-v212 button:nth-child(1).active {
  border-color: #fde047;
  background: linear-gradient(135deg, #3730a3 0%, #7c3aed 56%, #a21caf 100%);
  box-shadow: 0 0 0 4px #fde04752, 0 15px 30px #5b21b65c, inset 0 -5px 0 #fde047;
  transform: translateY(-2px);
}

.project-workspace-tabs-v212 button:nth-child(2).active {
  border-color: #fde047;
  background: linear-gradient(135deg, #be123c 0%, #ef4444 48%, #f59e0b 100%);
  box-shadow: 0 0 0 4px #fde04752, 0 15px 30px #b91c1c57, inset 0 -5px 0 #fde047;
  transform: translateY(-2px);
}

.project-workspace-tabs-v212 button:nth-child(3).active {
  border-color: #fde047;
  background: linear-gradient(135deg, #155e75 0%, #0284c7 48%, #0d9488 100%);
  box-shadow: 0 0 0 4px #fde04752, 0 15px 30px #07598557, inset 0 -5px 0 #fde047;
  transform: translateY(-2px);
}

/* V272: channels are primary; workspace controls are the secondary layer. */
.project-workspace-tabs-v212 button:has(.workspace-channel-stack-v272){display:flex;flex-direction:column;align-items:stretch;gap:8px;min-height:156px;padding:12px 14px}.project-workspace-tabs-v212 button:has(.workspace-channel-stack-v272)>small{display:block;color:#fff6b8;font-size:8px;letter-spacing:.15em}.workspace-channel-stack-v272{display:grid;grid-template-columns:repeat(var(--channel-count,1),minmax(0,1fr));gap:6px;flex:1}.workspace-channel-v272{display:flex!important;align-items:center;gap:7px;width:auto!important;height:auto!important;min-width:0;padding:7px!important;border:1px solid #ffffff45!important;border-radius:13px!important;background:#ffffff1c!important;box-shadow:inset 0 1px 0 #ffffff48,0 5px 12px #0002!important}.workspace-channel-v272 img,.workspace-channel-v272 i{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;overflow:hidden;border:2px solid #fff;border-radius:50%;background:#f5fff9;color:#173f35;font-size:19px;font-style:normal;object-fit:cover}.workspace-channel-v272 strong{min-width:0;color:#fff;font-family:var(--g4k-stage-rounded-v220);font-size:clamp(13px,1.3vw,19px);font-weight:950;line-height:1.02;text-shadow:0 2px 5px #0007}.project-workspace-tabs-v212 button:first-child .workspace-channel-stack-v272{grid-template-columns:repeat(3,minmax(0,1fr))}.project-workspace-tabs-v212 button:first-child .workspace-channel-v272{flex-direction:column;justify-content:center;text-align:center}.project-workspace-tabs-v212 button:first-child .workspace-channel-v272 strong{font-size:clamp(10px,1vw,14px)}.workspace-secondary-v272{display:grid;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:8px;padding-top:8px;border-top:1px solid #ffffff3d}.workspace-secondary-v272>span{display:grid!important;width:31px!important;height:31px!important;place-items:center;border:1px solid #ffffff42;border-radius:9px;background:#0002;font-size:20px!important}.workspace-secondary-v272 b,.workspace-secondary-v272 em{display:block}.workspace-secondary-v272 b{font-family:var(--g4k-grand-display-v218)!important;font-size:clamp(17px,1.5vw,23px)!important;line-height:1!important}.workspace-secondary-v272 em{margin-top:2px;font-size:8px!important;opacity:.8}

.project-final-head-v212 > button {
  border: 0;
  border-radius: 999px;
  padding: 10px 14px;
  background: #e8f4ef;
  color: #195e47;
  font-weight: 900;
  cursor: pointer;
}

.brand-stage-control-v203 > .project-final-head-v212 h2 {
  margin: 3px 0 4px;
  color: #102b22;
  font-family: var(--g4k-grand-display-v218);
  font-size: clamp(34px, 3vw, 48px);
  font-weight: 700;
  font-variant-ligatures: common-ligatures discretionary-ligatures;
  letter-spacing: -.026em;
  line-height: .98;
  text-wrap: balance;
  text-shadow: 0 2px 0 #fff, 0 10px 28px rgba(13, 76, 57, .16);
}

.brand-stage-control-v203 > .project-final-head-v212 h2::first-letter {
  color: #087653;
  font-size: 1.12em;
}

.brand-stage-control-v203 > .project-final-head-v212 h2::after {
  content: "";
  display: block;
  width: min(180px, 42%);
  height: 4px;
  margin-top: 7px;
  border-radius: 999px;
  background: linear-gradient(90deg, #087653, #d8f047 72%, transparent);
  box-shadow: 0 3px 10px rgba(8, 118, 83, .17);
}

.project-final-grid-v212 {
  margin-top: 16px;
}

.project-final-grid-v212 > article {
  min-height: 430px;
}

.project-final-grid-v212 .brand-work-area-v199 {
  min-height: 345px;
}

.project-final-grid-v212 .brand-list-v194 button {
  cursor: pointer;
}

.final-bank-sample-v213 {
  border-style: dashed !important;
}

.final-bank-dialog-v213 {
  width: min(1080px, 96vw);
  max-width: none;
  max-height: 94vh;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 22px;
  background: transparent;
}

.final-bank-dialog-v213::backdrop {
  background: #071c158c;
  backdrop-filter: blur(4px);
}

.final-bank-dialog-v213 .dialog-shell {
  max-height: 94vh;
  padding: 20px;
  overflow: auto;
  border-radius: 22px;
  background: #fbfdfc;
}

.final-bank-dialog-title-v213 {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) 42px;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border-radius: 16px;
  background: color-mix(in srgb, var(--brand) 12%, white);
  border-left: 7px solid var(--brand);
}

.final-bank-dialog-title-v213 .brand-card-logo-v194 {
  width: 54px;
  height: 54px;
}

.final-bank-dialog-title-v213 h2,
.final-bank-dialog-title-v213 p {
  margin: 2px 0;
}

.final-bank-dialog-title-v213 > button {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  background: #d62939;
  color: #fff;
  font-size: 25px;
  cursor: pointer;
}

.final-bank-fixed-v213 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.final-bank-custom-v213,
.final-bank-history-v213 {
  padding: 14px;
  border: 1px solid #d7e4de;
  border-radius: 16px;
  background: #fff;
}

.final-bank-custom-v213 > header,
.final-bank-history-v213 > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.final-bank-custom-v213 header small,
.final-bank-history-v213 header small {
  display: block;
  margin-top: 3px;
  color: #6a7d74;
}

.final-bank-custom-v213 header button,
.final-bank-history-v213 header button {
  border: 0;
  border-radius: 9px;
  padding: 9px 12px;
  background: #d7ff47;
  color: #173f32;
  font-weight: 900;
  cursor: pointer;
}

.final-bank-link-row-v213 {
  display: grid;
  grid-template-columns: minmax(160px, .6fr) minmax(260px, 1.4fr) 38px;
  gap: 8px;
  margin-top: 8px;
}

.final-bank-link-row-v213 input {
  min-width: 0;
  border: 1px solid #d6e0db;
  border-radius: 9px;
  padding: 10px;
}

.final-bank-link-row-v213 button {
  border: 0;
  border-radius: 9px;
  background: #fee2e2;
  color: #bd2434;
  font-size: 20px;
  cursor: pointer;
}

.final-bank-history-v213 > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.final-bank-history-v213 > div > span {
  display: grid;
  gap: 2px;
  padding: 9px;
  border-radius: 10px;
  background: #eef7f3;
}

.final-bank-history-v213 > div small {
  color: #5d7168;
}

.final-bank-open-actions-v213 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.final-bank-open-actions-v213 button {
  border: 0;
  border-radius: 10px;
  padding: 10px 13px;
  background: #e5f0ec;
  color: #164d3b;
  font-weight: 900;
  cursor: pointer;
}

.final-bank-open-actions-v213 button.asset {
  background: #176b4f;
  color: #fff;
}

@media (max-width: 900px) {
  .project-workspace-tabs-v212 { grid-template-columns: 1fr; }
  .project-workspace-tabs-v212 button { min-height: 82px; }
  .final-bank-fixed-v213,
  .final-bank-history-v213 > div { grid-template-columns: 1fr; }
  .final-bank-link-row-v213 { grid-template-columns: 1fr 40px; }
  .final-bank-link-row-v213 [data-bank-link-name] { grid-column: 1 / -1; }
}

.brand-control-v194 {
  margin: 0 0 24px;
  padding: 22px;
  border: 1px solid #dce7df;
  border-radius: 24px;
  background: linear-gradient(145deg, #ffffff 0%, #f5f8f4 100%);
  box-shadow: 0 16px 45px rgba(27, 62, 48, .08);
}

.brand-control-v194[hidden] {
  display: none !important;
}

/* The fixed brand control replaces the legacy CCTV grid on the main page.
   Keep its cards in the DOM so Brand Full List can still open tracking popups. */
.brand-control-v194 ~ .project-monitor-v190,
.brand-control-v194 ~ .open-project-creator-v192 {
  display: none !important;
}

.brand-control-v194 > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.brand-control-v194 > header small {
  color: #087653;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .15em;
}

.brand-control-v194 > header h2 {
  margin: 3px 0 2px;
  font-family: Georgia, serif;
  font-size: clamp(24px, 2.2vw, 34px);
}

.brand-control-v194 > header p { margin: 0; color: #607168; }
.brand-control-v194 > header > b {
  padding: 9px 14px;
  border-radius: 999px;
  color: #075b43;
  background: #e7f7ef;
  white-space: nowrap;
}

.brand-grid-v194 {
  display: grid;
  grid-template-columns: repeat(5, minmax(210px, 1fr));
  gap: 14px;
  overflow-x: auto;
  padding: 2px 2px 10px;
  scrollbar-color: #aec6b9 transparent;
}

/* V252: split the five brands into focused pages. */
.stage-brand-pages-v252{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px 12px 0}
.stage-brand-pages-v252 button{min-height:44px;border:1px solid #d7e2de;border-radius:14px;background:#fff;color:#34534a;font-weight:900;cursor:pointer;box-shadow:0 4px 12px #173d3210}
.stage-brand-pages-v252 button.active{border-color:#173f35;background:#173f35;color:#fff;box-shadow:0 7px 18px #173f3530}
.stage-brand-grid-v204.stage-brand-page-puthu-v252{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
.stage-brand-grid-v204.stage-brand-page-jr-v252,.stage-brand-grid-v204.stage-brand-page-games-v252{grid-template-columns:minmax(0,1fr);width:100%}
.stage-brand-page-jr-v252>article,.stage-brand-page-games-v252>article{width:100%;max-width:none}
@media(max-width:900px){.stage-brand-grid-v204.stage-brand-page-puthu-v252{grid-template-columns:1fr}.stage-brand-pages-v252{grid-template-columns:1fr}}
.brand-workflow-control-v255{grid-column:1/-1}
.brand-workflow-control-v255 textarea{min-height:190px;resize:vertical;line-height:1.65}
.brand-workflow-control-v255>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.format-workflows-v325{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.format-workflows-v325>label{display:grid;align-content:start;gap:6px;padding:10px;border:1px solid #c9ddd5;border-radius:12px;background:#f8fcfa}.format-workflows-v325>label>b{color:#125d47;font-size:12px}.format-workflows-v325 textarea{min-height:245px!important;font-size:11px!important;line-height:1.55!important}@media(max-width:900px){.format-workflows-v325{grid-template-columns:1fr}.format-workflows-v325 textarea{min-height:190px!important}}
.creator-format-mode-v331{display:grid;gap:10px;padding:12px;border:2px solid #bcd7cc;border-radius:15px;background:#f7fcfa}.creator-format-mode-v331 header b,.creator-format-mode-v331 header small{display:block}.creator-format-mode-v331 header b{color:#164f3f;font-size:14px}.creator-format-mode-v331 header small{margin-top:2px;color:#668078;font-size:9px}.creator-format-mode-v331 nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.creator-format-mode-v331 nav button{min-height:43px;border:2px solid #d2dfda;border-radius:10px;background:#fff;color:#355c50;font-weight:900;cursor:pointer}.creator-format-mode-v331 nav button[data-format-group-v331="shorts"].active{border-color:#168f75;background:#dffff5;color:#087057}.creator-format-mode-v331 nav button[data-format-group-v331="long"].active{border-color:#e09a13;background:#fff1bd;color:#765100}.creator-format-mode-v331 nav button[data-format-group-v331="collaboration"].active{border-color:#8b4ddd;background:#f1e5ff;color:#5d249d}.creator-format-mode-v331 [data-format-stage-preview-v331]{padding:10px;border-radius:11px;background:#fff}.creator-format-mode-v331 [data-format-stage-preview-v331]>strong{display:block;margin-bottom:8px;color:#244f42;font-size:10px}.creator-format-mode-v331 ol{display:flex;gap:5px;margin:0;padding:0;overflow-x:auto;list-style:none}.creator-format-mode-v331 li{display:flex;flex:0 0 auto;align-items:center;gap:4px;padding:5px 7px;border:1px solid #d8e4df;border-radius:999px;color:#315d50;font-size:8px;font-weight:800}.creator-format-mode-v331 li i{display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:#d7ff45;color:#264400;font-size:8px;font-style:normal}@media(max-width:600px){.creator-format-mode-v331 nav{grid-template-columns:1fr}.creator-format-mode-v331 ol{max-width:100%}}
.stage-project-list-v204>button.format-short{border-color:#168f75!important;background:#e4fff6!important}.stage-project-list-v204>button.format-long{border-color:#e09a13!important;background:#fff4ca!important}.stage-project-list-v204>button.format-other{border-color:#8b4ddd!important;background:#f3e9ff!important}.stage-project-list-v204>button.format-other>span:first-child b,.stage-project-list-v204>button.format-other>span:first-child small{color:#632ca0!important}
.brand-workflow-control-v255>div b{padding:7px 11px;border-radius:999px;background:#dff5eb;color:#075f46}
.brand-workflow-control-v255>div button{border:1px solid #b8d6cc;border-radius:10px;padding:8px 11px;background:#fff;color:#155c48;font-weight:800;cursor:pointer}
/* V256: one page selector, no stage bars, and a continuous connected workflow. */
.stage-brand-pages-once-v256{position:sticky;top:8px;z-index:12;margin:0 0 10px;padding:8px;border:1px solid #d6e3de;border-radius:18px;background:#f8fbfaee;backdrop-filter:blur(10px);box-shadow:0 8px 22px #173f3515}
.stage-connected-wall-v256{gap:18px}
.stage-connected-row-v256{position:relative;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}
.stage-connected-row-v256>.stage-brand-grid-v204{padding-bottom:0;overflow:visible}
@media(max-width:900px){.stage-brand-pages-once-v256{position:static}}

/* V264/V271: dominant channel-report header and continuous stage flow bridge. */
.stage-report-hub-v264{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px;background:linear-gradient(145deg,#f8fffcf2,#edf8f3f2);border-color:#b8d7ca}
.stage-report-hub-v264 .stage-report-tab-v264{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:76px;padding:10px 14px;border:2px solid #c8ddd4;border-radius:17px;background:#fff;color:#173f35;text-align:left;box-shadow:0 8px 20px #173f3515;transition:.18s}
.stage-report-hub-v264 .stage-report-tab-v264:hover{transform:translateY(-2px);box-shadow:0 13px 25px #173f3525}
.stage-report-hub-v264 .stage-report-puthu-v264{grid-column:1/-1;min-height:112px;padding:13px 18px;border-color:#42b88e;background:radial-gradient(circle at 15% 0,#2b8066,#123f35 60%);color:#fff;box-shadow:0 16px 35px #123f3540,inset 0 0 0 1px #ffffff25}
.stage-report-hub-v264 .stage-report-tab-v264.active{outline:4px solid #d7ff45;outline-offset:-4px}
.stage-report-logos-v264{display:flex;align-items:center;padding-left:8px}
.stage-report-logo-v264{display:grid;place-items:center;width:48px;height:48px;margin-left:-8px;overflow:hidden;border:3px solid #fff;border-radius:50%;background:#e7f7ef;box-shadow:0 6px 15px #06271d55;font-size:22px}
.stage-report-puthu-v264 .stage-report-logo-v264{width:68px;height:68px;margin-left:-12px;border-width:4px}
.stage-report-logo-v264 img{width:100%;height:100%;object-fit:cover}.stage-report-logo-v264 i{font-style:normal}
.stage-report-copy-v264{min-width:0}.stage-report-copy-v264 small,.stage-report-copy-v264 b,.stage-report-copy-v264 em{display:block}.stage-report-copy-v264 small{font-size:8px;font-weight:950;letter-spacing:.13em;opacity:.75}.stage-report-copy-v264 b{margin:3px 0;font-size:19px;line-height:1}.stage-report-puthu-v264 .stage-report-copy-v264 b{font:700 clamp(25px,3vw,38px)/1 var(--g4k-grand-display-v218);text-shadow:0 2px 4px #0005}.stage-report-copy-v264 em{font-size:9px;font-style:normal;font-weight:850;opacity:.78}.stage-report-arrow-v264{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#d7ff45;color:#123f35;font-size:23px;font-weight:950;box-shadow:0 5px 12px #0003}
.stage-spiral-wall-v264{gap:42px}
.stage-spiral-wall-v264 [data-stage-brand-card]:has(.brand-card-stage-nav-v204 button:not(.uploaded)){position:relative}
.stage-spiral-wall-v264 [data-stage-brand-card]:has(.brand-card-stage-nav-v204 button:not(.uploaded))::before{content:"";position:absolute;z-index:6;left:7px;right:7px;bottom:-43px;height:43px;border-top:2px solid color-mix(in srgb,var(--brand) 72%,#173f35);border-bottom:2px solid color-mix(in srgb,var(--brand) 42%,#fff);border-radius:8px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--brand) 13%,#fff) 8% 92%,transparent),repeating-linear-gradient(135deg,transparent 0 18px,color-mix(in srgb,var(--brand) 18%,transparent) 18px 27px);box-shadow:inset 0 8px 12px #fff9,0 7px 14px color-mix(in srgb,var(--brand) 18%,transparent);pointer-events:none}
.stage-spiral-wall-v264 [data-stage-brand-card]:has(.brand-card-stage-nav-v204 button:not(.uploaded))::after{content:"↓";position:absolute;z-index:8;left:50%;bottom:-43px;display:grid;place-items:center;width:31px;height:31px;transform:translateX(-50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 56%,#102f29));color:#fff;font-size:16px;font-weight:950;line-height:1;text-shadow:0 1px 2px #0006;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 7px 7px #173f3545);pointer-events:none}
@media(max-width:650px){.stage-report-hub-v264{grid-template-columns:1fr 1fr!important}.stage-report-puthu-v264{grid-column:1/-1!important;min-height:94px!important;padding:10px!important}.stage-report-puthu-v264 .stage-report-logo-v264{width:54px;height:54px}.stage-report-hub-v264 .stage-report-tab-v264:not(.stage-report-puthu-v264){grid-template-columns:auto 1fr;min-height:62px;padding:7px}.stage-report-hub-v264 .stage-report-tab-v264:not(.stage-report-puthu-v264) .stage-report-arrow-v264{display:none}.stage-report-copy-v264 b{font-size:12px}.stage-report-copy-v264 em{font-size:7px}.stage-report-puthu-v264 .stage-report-copy-v264 b{font-size:22px}.stage-report-arrow-v264{width:32px;height:32px}.stage-spiral-wall-v264{gap:40px}}
@media(max-width:650px){.project-workspace-tabs-v212 button:has(.workspace-channel-stack-v272){min-height:132px!important;padding:7px!important}.workspace-channel-stack-v272{gap:3px}.workspace-channel-v272{gap:3px;padding:4px!important}.workspace-channel-v272 img,.workspace-channel-v272 i{flex-basis:27px;width:27px;height:27px;font-size:15px}.workspace-channel-v272 strong{font-size:9px!important}.workspace-secondary-v272{grid-template-columns:24px minmax(0,1fr);gap:4px;padding-top:5px}.workspace-secondary-v272>span{width:24px!important;height:24px!important;font-size:15px!important}.workspace-secondary-v272 b{font-size:10px!important}.workspace-secondary-v272 em{display:none!important}}

/* V273: compact web hierarchy — keep controls visible without hiding the work. */
.project-workspace-tabs-v212{gap:7px;margin-bottom:9px}.project-workspace-tabs-v212 button:has(.workspace-channel-stack-v272){min-height:94px;padding:7px 9px;gap:4px;border-radius:14px}.project-workspace-tabs-v212 button:has(.workspace-channel-stack-v272)>small{font-size:6px}.workspace-channel-stack-v272{gap:4px}.workspace-channel-v272{min-height:32px;padding:3px 5px!important;border-radius:9px!important}.workspace-channel-v272 img,.workspace-channel-v272 i{flex-basis:25px;width:25px;height:25px;border-width:1px;font-size:14px}.workspace-channel-v272 strong{font-size:11px}.project-workspace-tabs-v212 button:first-child .workspace-channel-v272{flex-direction:row;text-align:left}.project-workspace-tabs-v212 button:first-child .workspace-channel-v272 strong{font-size:8px}.workspace-secondary-v272{grid-template-columns:22px minmax(0,1fr);gap:5px;padding-top:4px}.workspace-secondary-v272>span{width:22px!important;height:22px!important;border-radius:6px;font-size:14px!important}.workspace-secondary-v272 b{font-size:14px!important}.workspace-secondary-v272 em{font-size:6px!important;margin-top:1px}
.stage-brand-pages-once-v256.stage-report-hub-v264{grid-template-columns:2fr 1fr 1fr;gap:6px;margin-bottom:7px;padding:6px;border-radius:13px}.stage-report-hub-v264 .stage-report-puthu-v264{grid-column:auto;min-height:58px;padding:6px 9px;border-radius:12px}.stage-report-hub-v264 .stage-report-tab-v264:not(.stage-report-puthu-v264){min-height:58px;padding:6px 8px;gap:6px;border-radius:12px}.stage-report-puthu-v264 .stage-report-logo-v264{width:38px;height:38px;margin-left:-7px;border-width:2px}.stage-report-logo-v264{width:32px;height:32px;border-width:2px;font-size:15px}.stage-report-puthu-v264 .stage-report-copy-v264 b{font-size:20px}.stage-report-copy-v264 b{font-size:12px}.stage-report-copy-v264 small,.stage-report-copy-v264 em{font-size:6px}.stage-report-arrow-v264{width:25px;height:25px;font-size:15px}
.stage-spiral-wall-v264 .brand-grid-v194>article{min-height:335px}.stage-spiral-wall-v264 .brand-grid-v194>article>header{min-height:48px;padding:6px 9px}.stage-spiral-wall-v264 .brand-card-logo-v194{width:38px;height:38px}.stage-spiral-wall-v264 .brand-grid-v194>article>header h3{font-size:16px}.stage-spiral-wall-v264 .brand-create-v194{min-height:38px;margin:6px 5px;padding:7px}.stage-spiral-wall-v264 .brand-work-area-v199{min-height:185px;padding:7px}.stage-spiral-wall-v264 .brand-list-v194{min-height:125px;max-height:150px;overflow:auto}.stage-spiral-wall-v264 .brand-card-stage-nav-v204{min-height:42px}.stage-spiral-wall-v264 .brand-card-stage-nav-v204 button{min-height:38px;padding:5px}
@media(max-width:650px){.project-workspace-tabs-v212 button:has(.workspace-channel-stack-v272){min-height:84px!important;padding:5px!important}.workspace-channel-v272 img,.workspace-channel-v272 i{flex-basis:22px;width:22px;height:22px}.workspace-secondary-v272 em{display:none!important}.stage-brand-pages-once-v256.stage-report-hub-v264{grid-template-columns:1.5fr 1fr 1fr!important}.stage-report-hub-v264 .stage-report-puthu-v264{grid-column:auto!important;min-height:52px!important;padding:5px!important}.stage-report-puthu-v264 .stage-report-logo-v264{width:31px;height:31px}.stage-report-puthu-v264 .stage-report-copy-v264 b{font-size:13px}.stage-report-hub-v264 .stage-report-tab-v264:not(.stage-report-puthu-v264){min-height:52px;padding:5px}.stage-report-hub-v264 .stage-report-tab-v264:not(.stage-report-puthu-v264) .stage-report-logo-v264{width:27px;height:27px}.stage-report-copy-v264 em,.stage-report-copy-v264 small{display:none}.stage-spiral-wall-v264 .brand-grid-v194>article{min-height:315px}}

/* V275: project navigation scrolls away with the page; it is never sticky. */
.stage-brand-pages-once-v256,.channel-primary-tabs-v274,.project-mode-tabs-v274{position:static!important;top:auto!important}

/* V276: keep all channel DPs visible and make publish/storage use the full canvas. */
.channel-primary-tabs-v274>button>.primary-channel-logos-v274{display:flex!important;grid-row:auto!important;width:auto!important;height:auto!important;min-width:max-content!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:inherit!important}.channel-primary-tabs-v274 .primary-channel-logos-v274 img,.channel-primary-tabs-v274 .primary-channel-logos-v274 i{position:relative!important;display:grid!important;visibility:visible!important;opacity:1!important}.channel-primary-tabs-v274 .primary-channel-logos-v274>:nth-child(1){z-index:3}.channel-primary-tabs-v274 .primary-channel-logos-v274>:nth-child(2){z-index:2}.channel-primary-tabs-v274 .primary-channel-logos-v274>:nth-child(3){z-index:1}
.brand-stage-control-v203 .project-final-grid-v212{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))!important;width:100%!important;gap:12px!important}.brand-stage-control-v203 .project-final-grid-v212>article{width:100%!important;max-width:none!important}.brand-stage-control-v203 .project-final-grid-v212:has(>article:only-child)>article{grid-column:1/-1!important}.brand-stage-control-v203 .project-final-grid-v212:has(>article:only-child) .brand-list-v194{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-content:start}

/* V278: connected accordion stages with optional persistent pinning. */
.stage-connected-wall-v256.stage-spiral-wall-v264{gap:0!important}.stage-connected-row-v256{margin:0!important}.stage-connected-row-v256+.stage-connected-row-v256{margin-top:-1px!important}.stage-connected-row-v256>.stage-brand-grid-v204{gap:10px;padding-top:0!important;padding-bottom:0!important}.stage-connected-row-v256 [data-stage-brand-card]{border-radius:11px!important;box-shadow:0 2px 7px color-mix(in srgb,var(--brand) 13%,transparent)!important}.stage-connected-row-v256 [data-stage-brand-card]::before,.stage-connected-row-v256 [data-stage-brand-card]::after{display:none!important}.stage-connected-row-v256 [data-stage-brand-card]>header{border-radius:9px!important}.stage-card-controls-v278{display:flex;align-items:center;gap:4px;margin-left:auto}.stage-card-controls-v278 button{display:grid!important;width:29px!important;height:29px!important;min-width:29px!important;place-items:center!important;padding:0!important;border:1px solid #ffffff55!important;border-radius:8px!important;background:#ffffff20!important;color:#fff!important;font-size:14px!important;cursor:pointer}.stage-card-controls-v278 button[aria-pressed="true"]{background:#d7ff45!important;color:#173f35!important}.stage-card-controls-v278>span{color:#d7ff45;font-size:11px}.stage-card-collapsed-v278{min-height:0!important}.stage-card-collapsed-v278>:not(header){display:none!important}.stage-card-collapsed-v278>header{margin:0!important}.stage-card-pinned-v278>header{box-shadow:inset 4px 0 #d7ff45}.stage-card-collapsed-v278+*{margin-top:0}

.stage-card-controls-v278:has(>span){display:none!important}

/* V277: secondary controls inherit the selected channel family colour. */
.project-mode-tabs-v274 button{display:flex;align-items:center;justify-content:center;gap:7px;transition:.16s}.project-mode-tabs-v274 button>span{display:grid;width:24px;height:24px;place-items:center;border-radius:7px;background:#fff9;font-size:15px}.project-mode-tabs-v274 button>b{font-size:12px}.project-mode-theme-puthu-v277{background:linear-gradient(90deg,#f7f0ff,#fff0f7)}.project-mode-theme-puthu-v277 button{border-color:#c9a7f5;background:linear-gradient(135deg,#f0e4ff,#ffe8f3);color:#6322a8}.project-mode-theme-puthu-v277 button:nth-child(2){color:#047857}.project-mode-theme-puthu-v277 button:nth-child(3){color:#be185d}.project-mode-theme-puthu-v277 button.active{border-color:#8b2be2;background:linear-gradient(135deg,#7c2be2,#d62978);color:#fff;box-shadow:0 5px 13px #8b2be24a}.project-mode-theme-jr-v277{background:#fff0e9}.project-mode-theme-jr-v277 button{border-color:#ff9b73;background:linear-gradient(135deg,#fff0e8,#ffd8c7);color:#a72b15}.project-mode-theme-jr-v277 button.active{border-color:#e6321c;background:linear-gradient(135deg,#d92323,#ff6a22);color:#fff;box-shadow:0 5px 13px #d9232345}.project-mode-theme-games-v277{background:#e9fbfd}.project-mode-theme-games-v277 button{border-color:#67c7d6;background:linear-gradient(135deg,#e5fbff,#d2f5ee);color:#07566c}.project-mode-theme-games-v277 button.active{border-color:#0787a1;background:linear-gradient(135deg,#087ca1,#087c6e);color:#fff;box-shadow:0 5px 13px #087c8745}.project-mode-tabs-v274 button.active>span{background:#fff;color:#173f35}

/* V274: channel → workspace → work status. No duplicate labels or descriptions. */
.channel-primary-tabs-v274{grid-template-columns:2fr 1fr 1fr;gap:7px;margin-bottom:6px}.channel-primary-tabs-v274>button{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:58px;padding:7px 11px;border-radius:13px}.channel-primary-tabs-v274>button>img,.channel-primary-tabs-v274>button>i,.primary-channel-logos-v274 img,.primary-channel-logos-v274 i{display:grid;width:36px;height:36px;place-items:center;overflow:hidden;flex:0 0 36px;border:2px solid #fff;border-radius:50%;background:#f6fff9;color:#173f35;font-size:19px;font-style:normal;object-fit:cover}.primary-channel-logos-v274{display:flex;align-items:center}.primary-channel-logos-v274 img,.primary-channel-logos-v274 i{margin-left:-7px}.primary-channel-logos-v274>:first-child{margin-left:0}.channel-primary-tabs-v274>button>b{font-family:var(--g4k-stage-rounded-v220);font-size:17px;line-height:1;white-space:nowrap}.project-mode-tabs-v274{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 8px;padding:5px;border:1px solid #cbded6;border-radius:12px;background:#f5faf7}.project-mode-tabs-v274 button{min-height:34px;border:1px solid #cbded6;border-radius:9px;background:#fff;color:#234d40;font-size:12px;font-weight:900;cursor:pointer}.project-mode-tabs-v274 button.active{border-color:#b8e600;background:#d7ff45;color:#173f35;box-shadow:0 4px 10px #76a9002b}.brand-stage-control-v203>.stage-report-hub-v264{display:none!important}.brand-stage-control-v203>.project-final-head-v212{display:none!important}
@media(max-width:650px){.channel-primary-tabs-v274{grid-template-columns:1.55fr 1fr 1fr!important;gap:4px!important}.channel-primary-tabs-v274>button{display:flex!important;flex-direction:row!important;align-items:center!important;justify-items:initial!important;grid-template:none!important;min-height:48px!important;padding:4px!important;gap:3px!important;text-align:left!important}.channel-primary-tabs-v274>button>img,.channel-primary-tabs-v274>button>i,.primary-channel-logos-v274 img,.primary-channel-logos-v274 i{width:25px;height:25px;flex-basis:25px;border-width:1px;font-size:13px}.primary-channel-logos-v274 img,.primary-channel-logos-v274 i{margin-left:-8px}.channel-primary-tabs-v274>button>b{font-size:9px!important;white-space:normal!important}.project-mode-tabs-v274{gap:3px;padding:3px}.project-mode-tabs-v274 button{min-height:30px;padding:3px;font-size:8px}}

.brand-grid-v194 > article {
  min-width: 210px;
  display: flex;
  flex-direction: column;
  min-height: 430px;
  padding: 6px;
  border: 2px solid color-mix(in srgb, var(--brand) 76%, white);
  border-radius: 18px;
  color: var(--card-text, #19352c);
  background: var(--theme-bg, #f7faf8);
  box-shadow: 0 10px 24px color-mix(in srgb, var(--brand) 12%, transparent);
}

.brand-grid-v194 > article > header {
  position: relative;
  min-height: 64px;
  display: grid;
  grid-template-columns: 48px 1fr 28px;
  align-items: center;
  gap: 8px;
  padding: 7px 8px;
  color: var(--header-text, white);
  border-radius: 13px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--brand) 80%, black), var(--brand));
}

.brand-grid-v194 > article > header h3 {
  margin: 0;
  font-size: 15px;
  line-height: 1.15;
  text-transform: uppercase;
  word-break: break-word;
}

.brand-grid-v194 > article > header button {
  width: 28px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 12px;
  color: var(--header-text, white);
  background: rgba(255,255,255,.17);
  font-size: 22px;
  cursor: pointer;
}

.brand-card-logo-v194 {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 3px solid white;
  border-radius: 50%;
  color: #263238;
  background: white;
  font-size: 25px;
}

.brand-card-logo-v194 img { width: 100%; height: 100%; object-fit: cover; }
.brand-full-v194, .brand-create-v194, .brand-next-stage-v203 {
  width: calc(100% - 16px);
  margin: 10px 8px 8px;
  padding: 10px 12px;
  border: 0;
  border-radius: 999px;
  font-weight: 800;
  cursor: pointer;
}

.brand-full-v194 { color: var(--full-button-text, var(--brand)); background: var(--full-button, #ffdda8); }
.brand-create-v194 { margin: 8px 8px 6px; color: var(--create-button-text, var(--brand)); background: var(--create-button, #ffdda8); }
.brand-next-stage-v203 {
  min-height: 52px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  margin-top: auto;
  color: var(--full-button-text, var(--brand));
  background: var(--full-button, #ffdda8);
}
.brand-next-stage-v203 b { font-size: 14px; }
.brand-next-stage-v203 small {
  max-width: 100%;
  overflow: hidden;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.brand-work-area-v199 {
  min-height: 255px;
  flex: 1;
  display: flex;
  flex-direction: column;
  margin: 0 4px 5px;
  padding: 5px;
  border: 1px solid color-mix(in srgb, var(--brand) 18%, #dfe7e2);
  border-radius: 12px;
  background: var(--list-area, #fff);
}
.brand-list-v194 {
  height: auto;
  min-height: 185px;
  flex: 1;
  overflow-y: auto;
  padding: 2px 4px;
  scrollbar-width: thin;
  scrollbar-color: var(--brand) color-mix(in srgb, var(--brand) 11%, white);
}

.brand-list-v194 > button {
  width: 100%;
  min-height: 37px;
  display: grid;
  grid-template-columns: minmax(0,1fr) 28px;
  align-items: center;
  gap: 7px;
  margin: 0 0 5px;
  padding: 5px 6px 5px 10px;
  border: 0;
  border-left: 4px solid var(--brand);
  border-radius: 8px;
  color: color-mix(in srgb, var(--brand) 88%, black);
  background: color-mix(in srgb, var(--brand) 10%, white);
  text-align: left;
  font-weight: 800;
  cursor: pointer;
}

.brand-list-v194 > button span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.brand-list-v194 > button.format-long { border-left-color: var(--long-text, #eab308); background: var(--long-bg, #fff5bf); color: var(--long-text, #725500); }
.brand-list-v194 > button.format-short { border-left-color: var(--short-text, var(--brand)); background: var(--short-bg, color-mix(in srgb, var(--brand) 10%, white)); color: var(--short-text, var(--brand)); }
.brand-list-v194 > button.format-game,
.brand-list-v194 > button.format-other { border-left-color: var(--other-text, #07966a); background: var(--other-bg, #e5faf2); color: var(--other-text, #075c44); }
.brand-list-v194 > button img,
.brand-list-v194 > button i,
.brand-list-dialog-v194 article > span img,
.brand-list-dialog-v194 article > span i {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  object-fit: cover;
  border-radius: 50%;
  color: white;
  background: var(--brand, #19684e);
  font-style: normal;
  font-size: 11px;
}

.brand-latest-v194 {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin: 7px 8px 4px;
  padding: 9px 10px;
  border: 1px solid #6fd499;
  border-radius: 10px;
  color: #075b35;
  background: #ddf9e8;
}

.brand-latest-v194 span { font-size: 11px; }
.brand-latest-v194.empty { color: var(--status-text, #718079); border-color: color-mix(in srgb, var(--status-text, #718079) 20%, #d7e0dc); background: var(--status-bg, #f2f5f3); }

.stage-wall-start-v204 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border: 1px solid #d7e5dd;
  border-radius: 16px;
  background: #f7faf8;
}
.stage-wall-start-v204 > div { display: flex; flex-direction: column; gap: 3px; }
.stage-wall-start-v204 span { color: #68766f; font-size: 12px; }
.stage-wall-start-v204 button {
  padding: 10px 16px;
  border: 0;
  border-radius: 999px;
  color: #12351f;
  background: #d7ff45;
  font-weight: 900;
  cursor: pointer;
}
.stage-wall-start-actions-v206 { display: flex; align-items: center; gap: 8px; }
.stage-wall-start-actions-v206 button.restore {
  color: #0d5f47;
  background: #e3f6ee;
  box-shadow: inset 0 0 0 1px #bddfce;
}

.brand-stage-wall-v204 { display: grid; gap: 18px; }
.brand-stage-row-v204 {
  --stage-left: #ffe066;
  --stage-center: #fff59d;
  --stage-right: #f5c842;
  --stage-ink: #4a3300;
  --stage-focus: #f59e0b;
  content-visibility: auto;
  contain-intrinsic-size: 520px;
  scroll-margin-top: 16px;
  padding: 8px;
  border: 1px solid #e1e6dd;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(30, 57, 45, .07);
  transition: outline-color .2s ease, box-shadow .2s ease;
}
.brand-stage-row-v204.is-collapsed {
  contain-intrinsic-size: 64px;
  padding: 6px;
  box-shadow: 0 5px 16px rgba(30, 57, 45, .05);
}
.brand-stage-row-v204 > header {
  min-height: 46px;
  display: grid;
  grid-template-columns: minmax(125px, auto) minmax(0, 1fr) minmax(125px, auto);
  align-items: center;
  gap: 10px;
  margin: 0 0 8px;
  padding: 5px 8px;
  border-radius: 11px;
  color: var(--stage-ink);
  background: linear-gradient(100deg, var(--stage-left), var(--stage-center) 52%, var(--stage-right));
  box-shadow: inset 0 -2px 0 rgba(118, 99, 0, .14);
}
.brand-stage-wall-v204 > .brand-stage-row-v204:nth-child(2) { --stage-left:#9be8ff; --stage-center:#c8f7ff; --stage-right:#70d3f2; --stage-ink:#073b4c; --stage-focus:#0891b2; }
.brand-stage-wall-v204 > .brand-stage-row-v204:nth-child(3) { --stage-left:#ff9dcc; --stage-center:#ffd1e6; --stage-right:#f472b6; --stage-ink:#5a163b; --stage-focus:#db2777; }
.brand-stage-wall-v204 > .brand-stage-row-v204:nth-child(4) { --stage-left:#c7b5ff; --stage-center:#ebe1ff; --stage-right:#a78bfa; --stage-ink:#3b1d6b; --stage-focus:#7c3aed; }
.brand-stage-wall-v204 > .brand-stage-row-v204:nth-child(5) { --stage-left:#ffbe7a; --stage-center:#ffe0b2; --stage-right:#fb923c; --stage-ink:#572400; --stage-focus:#ea580c; }
.brand-stage-wall-v204 > .brand-stage-row-v204:nth-child(6) { --stage-left:#79e6d0; --stage-center:#c2f5ea; --stage-right:#2dd4bf; --stage-ink:#064e3b; --stage-focus:#0f766e; }
.brand-stage-wall-v204 > .brand-stage-row-v204:nth-child(7) { --stage-left:#cbea73; --stage-center:#edffb0; --stage-right:#a3e635; --stage-ink:#365314; --stage-focus:#65a30d; }
.brand-stage-wall-v204 > .brand-stage-row-v204:nth-child(8) { --stage-left:#ffa99a; --stage-center:#ffd3cb; --stage-right:#fb7185; --stage-ink:#61172a; --stage-focus:#e11d48; }
.brand-stage-wall-v204 > .brand-stage-row-v204:nth-child(9) { --stage-left:#9bbcff; --stage-center:#dbeafe; --stage-right:#60a5fa; --stage-ink:#153e75; --stage-focus:#2563eb; }
.brand-stage-wall-v204 > .brand-stage-row-v204:nth-child(10) { --stage-left:#efb6ff; --stage-center:#f8ddff; --stage-right:#d946ef; --stage-ink:#581c67; --stage-focus:#a21caf; }
.brand-stage-wall-v204 > .brand-stage-row-v204:nth-child(11) { --stage-left:#82e6a6; --stage-center:#c9f7d8; --stage-right:#34d399; --stage-ink:#064e3b; --stage-focus:#059669; }
.brand-stage-wall-v204 > .brand-stage-row-v204:nth-child(12) { --stage-left:#b8b5ff; --stage-center:#e0e7ff; --stage-right:#818cf8; --stage-ink:#312e81; --stage-focus:#4f46e5; }
.brand-stage-wall-v204 > .brand-stage-row-v204:nth-child(13) { --stage-left:#ffd166; --stage-center:#fff1b8; --stage-right:#f59e0b; --stage-ink:#5a3300; --stage-focus:#d97706; }
.brand-stage-wall-v204 > .brand-stage-row-v204:nth-child(14) { --stage-left:#8fe3ee; --stage-center:#cffafe; --stage-right:#22d3ee; --stage-ink:#164e63; --stage-focus:#0891b2; }
.brand-stage-wall-v204 > .brand-stage-row-v204:nth-child(15) { --stage-left:#a8e68e; --stage-center:#dcfce7; --stage-right:#4ade80; --stage-ink:#14532d; --stage-focus:#16a34a; }
.brand-stage-row-v204.is-collapsed > header { margin-bottom: 0; }
.brand-stage-row-v204 > header > div { min-width: 0; text-align: center; }
.brand-stage-row-v204 > header > div b { display: block; font-size: 18px; }
.brand-stage-row-v204 > header > div small {
  display: block;
  overflow: hidden;
  margin-top: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
}
.brand-stage-row-v204 > header > button {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  padding: 7px 10px;
  border: 1px solid rgba(79, 69, 0, .18);
  border-radius: 999px;
  color: var(--stage-ink);
  background: rgba(255,255,255,.72);
  font-weight: 900;
  cursor: pointer;
}
.brand-stage-row-v204 > header > button span { font-size: 19px; line-height: 1; }
.brand-stage-row-v204 > header > button small { font-size: 9px; }
.brand-stage-row-v204 > header > button:disabled { opacity: .35; cursor: default; }
.brand-stage-row-v204 > header > .stage-accordion-toggle-v217 {
  width: 100%;
  min-height: 42px;
  display: grid;
  grid-template-columns: 1fr;
  place-items: center;
  gap: 1px;
  padding: 4px 12px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: var(--stage-ink);
  background: rgba(255, 255, 255, .18);
  font: inherit;
  cursor: pointer;
  transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.brand-stage-row-v204 > header > .stage-accordion-toggle-v217:hover {
  background: rgba(255, 255, 255, .58);
  transform: translateY(-1px);
}
.brand-stage-row-v204 > header > .stage-accordion-toggle-v217:focus-visible {
  outline: 3px solid var(--stage-focus);
  outline-offset: 2px;
}
.stage-title-line-v219 {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: clamp(8px, 2vw, 28px);
}
/* V254: the stage bar is a simple stage marker; detailed names stay in cards. */
.stage-title-line-v219{grid-template-columns:1fr;justify-items:center}
.stage-title-line-v219>span.youtube,.stage-title-line-v219>span.game{display:none}
.stage-title-line-v219 > span {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: .92;
}
.stage-title-line-v219 > span.youtube { align-items: flex-end; text-align: right; }
.stage-title-line-v219 > span.game { align-items: flex-start; text-align: left; }
.brand-stage-row-v204 > header > .stage-accordion-toggle-v217 .stage-title-line-v219 small {
  display: block;
  margin: 0 0 1px;
  color: color-mix(in srgb, var(--stage-ink) 72%, transparent);
  font: 900 7px/1 Inter, Arial, sans-serif;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.stage-title-line-v219 strong {
  display: block;
  overflow: hidden;
  max-width: 100%;
  font-family: var(--g4k-stage-rounded-v220);
  font-size: clamp(17px, 1.45vw, 24px);
  font-weight: 700;
  letter-spacing: -.018em;
  line-height: .98;
  text-overflow: ellipsis;
  text-shadow: 0 1px 0 rgba(255,255,255,.55);
  white-space: nowrap;
}
.stage-title-line-v219 > b {
  display: block;
  padding: 3px 12px 4px;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 11px;
  color: var(--stage-ink);
  background: rgba(255,255,255,.56);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 3px 11px rgba(45,55,35,.12);
  font-family: var(--g4k-stage-rounded-v220);
  font-size: clamp(19px, 1.55vw, 26px);
  font-weight: 700;
  letter-spacing: -.018em;
  line-height: 1;
  text-shadow: 0 1px 0 rgba(255,255,255,.82);
  white-space: nowrap;
}
.stage-title-line-v219 > b i { color: color-mix(in srgb, var(--stage-ink) 55%, transparent); font-style: normal; }
.brand-stage-row-v204 > header > .stage-accordion-toggle-v217 small {
  display: block;
  overflow: hidden;
  max-width: 100%;
  margin-top: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
}
.stage-accordion-toggle-v217 em {
  margin-top: 3px;
  padding: 2px 9px;
  border-radius: 999px;
  color: #3f4800;
  background: rgba(255, 255, 255, .72);
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .08em;
}
.brand-stage-row-v204.is-collapsed .stage-accordion-toggle-v217 em {
  color: var(--stage-ink);
  background: #fff;
  box-shadow: 0 2px 8px rgba(30, 57, 45, .12);
}
.brand-stage-row-v204.stage-row-focus-v204 {
  outline: 4px solid #d7ff45;
  box-shadow: 0 18px 44px rgba(116, 133, 0, .2);
}

.stage-brand-grid-v204 { padding: 0; }
.stage-brand-grid-v204 > article {
  min-height: 440px;
  scroll-margin: 78px 12px;
  transition: transform .2s ease, outline-color .2s ease, box-shadow .2s ease;
}
.stage-brand-grid-v204 > article.stage-card-focus-v204 {
  z-index: 2;
  outline: 4px solid #d7ff45;
  transform: scale(1.025);
  box-shadow: 0 18px 42px color-mix(in srgb, var(--brand) 28%, transparent);
}

.brand-stage-name-v204 {
  min-height: 46px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  margin: 8px 8px 6px;
  padding: 5px 9px;
  border-radius: 12px;
  color: var(--full-button-text, var(--brand));
  background: var(--full-button, #ffdda8);
  text-align: center;
}
.brand-stage-name-v204 span { opacity: .72; font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.brand-stage-name-v204 b { font-size: 12px; }
.brand-stage-name-v204.compact { min-height: 31px; margin-top: 0; padding: 3px 8px; }
.brand-stage-name-v204.compact span { display: none; }

.stage-work-area-v204 {
  min-height: 235px;
  position: relative;
  overflow: hidden;
  margin-top: 0;
}
.stage-physics-canvas-v207 {
  position: absolute;
  inset: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  opacity: .96;
  pointer-events: none;
}
.stage-floating-team-v206 {
  margin: 1px 2px 7px;
  padding: 7px 7px 9px;
  border: 1px solid color-mix(in srgb, var(--brand) 18%, white);
  border-radius: 11px;
  background: color-mix(in srgb, var(--brand) 7%, white);
}
.stage-floating-team-v206 > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 6px;
  color: color-mix(in srgb, var(--brand) 75%, #223b31);
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.stage-floating-team-v206 > header b {
  min-width: 19px;
  padding: 2px 4px;
  border-radius: 999px;
  color: white;
  background: var(--brand);
  text-align: center;
}
.stage-floating-team-v206 > div {
  min-height: 47px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 6px;
}
.stage-floating-team-v206 > div > span {
  min-width: 38px;
  max-width: 52px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  animation: stageEmployeeFloatV206 3.8s ease-in-out infinite alternate;
  animation-delay: calc(var(--float-index, 0) * -.55s);
}
.stage-floating-team-v206 img,
.stage-floating-team-v206 i {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  object-fit: cover;
  overflow: hidden;
  border: 2px solid white;
  border-radius: 50%;
  color: white;
  background: var(--brand);
  box-shadow: 0 4px 10px color-mix(in srgb, var(--brand) 25%, transparent);
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}
.stage-floating-team-v206 > div > span small {
  width: 100%;
  overflow: hidden;
  color: #52665d;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 7px;
  font-weight: 800;
}
.stage-floating-team-v206.empty {
  min-height: 45px;
  display: grid;
  place-items: center;
  color: #87958e;
  text-align: center;
  font-size: 9px;
}
@keyframes stageEmployeeFloatV206 {
  0% { transform: translate3d(0, 1px, 0); }
  100% { transform: translate3d(0, -5px, 0); }
}
.stage-list-title-v204 {
  position: relative;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 5px 6px 7px;
  color: color-mix(in srgb, var(--brand) 72%, #1d3129);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.stage-list-title-v204 b {
  min-width: 21px;
  padding: 3px 5px;
  border-radius: 999px;
  color: white;
  background: var(--brand);
  text-align: center;
  font-size: 9px;
}
.stage-project-list-v204 {
  min-height: 175px;
  position: relative;
  z-index: 4;
  height: auto;
}
.stage-project-list-v204 > button,
.stage-demo-project-v206 { position: relative; z-index: 4; }

.stage-overall-jump-v208 {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 40;
  display: grid;
  gap: 7px;
  padding: 7px;
  border: 1px solid #cfdcd5;
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 12px 32px rgba(22,58,43,.22);
  backdrop-filter: blur(8px);
}
.stage-overall-jump-v208 button {
  min-width: 118px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 9px 12px;
  border: 0;
  border-radius: 999px;
  color: #113f31;
  background: #d7ff45;
  font-weight: 900;
  cursor: pointer;
}
.stage-overall-jump-v208 button span { font-size: 18px; line-height: 1; }
.stage-project-list-v204 > button span {
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.stage-project-list-v204 > button span b,
.stage-project-list-v204 > button span small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.stage-project-list-v204 > button span b { font-size: 10px; }
.stage-project-list-v204 > button span small { opacity: .72; font-size: 8px; }
.stage-project-list-v204 > .empty {
  min-height: 92px;
  display: grid;
  place-items: center;
  padding: 10px;
  color: #87958e;
  text-align: center;
  font-size: 10px;
}
.stage-demo-project-v206 {
  min-height: 42px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 24px;
  align-items: center;
  gap: 5px;
  margin: 0 0 5px;
  padding: 5px 5px 5px 9px;
  border-left: 4px dashed var(--brand);
  border-radius: 8px;
  color: color-mix(in srgb, var(--brand) 82%, #14261f);
  background: color-mix(in srgb, var(--brand) 8%, white);
}
.stage-demo-project-v206 > span { min-width: 0; display: flex; flex-direction: column; }
.stage-demo-project-v206 > span b,
.stage-demo-project-v206 > span small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.stage-demo-project-v206 > span b { font-size: 9px; }
.stage-demo-project-v206 > span small { opacity: .72; font-size: 7px; }
.stage-demo-project-v206 > em {
  padding: 3px 5px;
  border-radius: 999px;
  color: white;
  background: var(--brand);
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}
.stage-demo-project-v206 > button {
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: white;
  background: #dc2626;
  font-size: 15px;
  cursor: pointer;
}

.brand-card-stage-nav-v204 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  margin: auto 4px 2px;
}
.brand-card-stage-nav-v204 > button {
  min-width: 0;
  min-height: 51px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 7px;
  border: 0;
  border-radius: 12px;
  color: var(--full-button-text, var(--brand));
  background: var(--full-button, #ffdda8);
  cursor: pointer;
}
.brand-card-stage-nav-v204 > button > span { flex: 0 0 auto; font-size: 18px; }
.brand-card-stage-nav-v204 > button > b { min-width: 0; display: flex; flex-direction: column; font-size: 10px; }
.brand-card-stage-nav-v204 > button small {
  max-width: 100%;
  overflow: hidden;
  opacity: .74;
  font-size: 7px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.brand-card-stage-nav-v204 > button:disabled { opacity: .35; cursor: default; }
.brand-card-stage-nav-v204 > button.uploaded {
  color: #fff;
  background: linear-gradient(135deg, #059669, #16a34a);
}

.brand-stage-control-v203 {
  margin: 0 0 28px;
  padding: 22px;
  scroll-margin-top: 18px;
  border: 1px solid #dce7df;
  border-radius: 24px;
  background: linear-gradient(145deg, #fff 0%, #f5f8f4 100%);
  box-shadow: 0 16px 45px rgba(27, 62, 48, .08);
}

.brand-stage-control-v203 > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.brand-stage-control-v203 > header small {
  color: #087653;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .15em;
}

.brand-stage-control-v203 > header h2 {
  margin: 3px 0 2px;
  font-family: Georgia, serif;
  font-size: clamp(23px, 2vw, 32px);
}

.brand-stage-control-v203 > header p { margin: 0; color: #607168; }
.brand-stage-control-v203 > header button {
  padding: 10px 14px;
  border: 1px solid #cfe2d8;
  border-radius: 999px;
  color: #075b43;
  background: #e7f7ef;
  font-weight: 800;
  cursor: pointer;
}

.brand-stage-grid-v203 { display: grid; gap: 18px; }
.brand-stage-grid-v203 > article {
  overflow: hidden;
  scroll-margin-top: 18px;
  border: 2px solid color-mix(in srgb, var(--brand) 72%, white);
  border-radius: 20px;
  color: var(--card-text, #19352c);
  background: var(--theme-bg, #f7faf8);
  box-shadow: 0 10px 25px color-mix(in srgb, var(--brand) 12%, transparent);
}

.brand-stage-grid-v203 > article > header {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  padding: 13px 16px;
  color: var(--header-text, white);
  background: linear-gradient(135deg, color-mix(in srgb, var(--brand) 82%, black), var(--brand));
}

.brand-stage-grid-v203 > article > header small {
  opacity: .78;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .12em;
}
.brand-stage-grid-v203 > article > header h3 { margin: 2px 0 0; font-size: 19px; }
.brand-stage-grid-v203 > article > header p { margin: 2px 0 0; opacity: .82; font-size: 11px; }
.brand-stage-grid-v203 > article > header > span {
  padding: 8px 11px;
  border-radius: 999px;
  color: color-mix(in srgb, var(--brand) 80%, black);
  background: white;
  font-size: 11px;
  font-weight: 900;
}

.brand-stage-segments-v203 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  padding: 14px;
}

.brand-stage-segments-v203 > section {
  min-width: 0;
  padding: 9px;
  border: 1px solid color-mix(in srgb, var(--brand) 22%, white);
  border-radius: 14px;
  background: color-mix(in srgb, var(--list-area, white) 91%, var(--brand));
}

.brand-stage-segments-v203 > section > h4 {
  margin: 0 0 8px;
  padding: 7px 9px;
  border-radius: 9px;
  color: var(--header-text, white);
  background: var(--brand);
  font-size: 12px;
}

.brand-stage-segments-v203 > section > div { display: grid; gap: 7px; }
.brand-stage-segments-v203 article {
  padding: 7px;
  scroll-margin: 90px;
  border: 1px solid #dce7e1;
  border-radius: 10px;
  background: #fff;
  transition: transform .2s ease, box-shadow .2s ease, outline-color .2s ease;
}

.brand-stage-segments-v203 article > header {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
}

.brand-stage-segments-v203 article > header i {
  width: 23px;
  height: 23px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #7a8881;
  background: #edf2ef;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}
.brand-stage-segments-v203 article > header b { font-size: 11px; }
.brand-stage-segments-v203 article > header span {
  min-width: 22px;
  padding: 3px 5px;
  border-radius: 999px;
  color: #68766f;
  background: #edf2ef;
  text-align: center;
  font-size: 9px;
  font-weight: 900;
}
.brand-stage-segments-v203 article.active { border-color: color-mix(in srgb, var(--brand) 58%, white); background: color-mix(in srgb, var(--brand) 8%, white); }
.brand-stage-segments-v203 article.active > header i { color: white; background: var(--brand); }
.brand-stage-segments-v203 article.complete > header i { color: white; background: #13a36d; }
.brand-stage-segments-v203 article.next { outline: 2px solid color-mix(in srgb, var(--brand) 72%, #d7ff45); outline-offset: 1px; }
.brand-stage-segments-v203 article.stage-focus-v203 {
  outline: 4px solid #d7ff45;
  transform: scale(1.025);
  box-shadow: 0 12px 28px color-mix(in srgb, var(--brand) 25%, transparent);
}

.brand-stage-segments-v203 article > div { display: grid; gap: 5px; margin-top: 6px; }
.brand-stage-segments-v203 article > div > small { padding: 3px 2px 1px; color: #98a39d; font-size: 9px; }
.brand-stage-segments-v203 article > div > button {
  min-width: 0;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px;
  padding: 5px;
  border: 0;
  border-radius: 8px;
  color: var(--card-text, #19352c);
  background: color-mix(in srgb, var(--brand) 10%, white);
  text-align: left;
  cursor: pointer;
}
.brand-stage-segments-v203 article > div > button img,
.brand-stage-segments-v203 article > div > button i {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  object-fit: cover;
  border-radius: 50%;
  color: white;
  background: var(--brand);
  font-size: 9px;
  font-style: normal;
}
.brand-stage-segments-v203 article > div > button span { min-width: 0; display: flex; flex-direction: column; }
.brand-stage-segments-v203 article > div > button span b,
.brand-stage-segments-v203 article > div > button span small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.brand-stage-segments-v203 article > div > button span b { font-size: 10px; }
.brand-stage-segments-v203 article > div > button span small { color: #68766f; font-size: 8px; }
.brand-stage-segments-v203 article > div > button em { color: var(--brand); font-size: 9px; font-style: normal; font-weight: 900; }

.brand-stage-grid-v203 > article > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 14px;
  border-top: 1px solid color-mix(in srgb, var(--brand) 18%, white);
  background: color-mix(in srgb, var(--brand) 6%, white);
}
.brand-stage-grid-v203 > article > footer div { display: flex; flex-direction: column; }
.brand-stage-grid-v203 > article > footer span { color: #68766f; font-size: 10px; }
.brand-stage-grid-v203 > article > footer button {
  padding: 9px 12px;
  border: 0;
  border-radius: 999px;
  color: var(--header-text, white);
  background: var(--brand);
  font-weight: 900;
  cursor: pointer;
}

.brand-list-dialog-v194,
.brand-settings-v194,
.brand-project-dialog-v194 {
  width: min(780px, calc(100vw - 28px));
  max-height: 90vh;
  padding: 0;
  border: 0;
  border-radius: 22px;
  box-shadow: 0 30px 90px rgba(12, 44, 32, .28);
}

.brand-list-dialog-v194::backdrop,
.brand-settings-v194::backdrop,
.brand-project-dialog-v194::backdrop { background: rgba(7, 35, 26, .58); backdrop-filter: blur(4px); }
.brand-list-dialog-v194 > section { padding: 22px; }
.brand-list-dialog-v194 > section > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.brand-list-dialog-v194 h2 { margin: 2px 0; }
.brand-list-dialog-v194 [data-close] {
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 50%;
  color: white;
  background: #cf273b;
  font-size: 25px;
  cursor: pointer;
}
.brand-list-dialog-v194 section > div:last-child { margin-top: 14px; max-height: 55vh; overflow: auto; }
.brand-list-dialog-v194 article {
  display: grid;
  grid-template-columns: 38px minmax(0,1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px 4px;
  border-bottom: 1px solid #e3e9e5;
}
.brand-list-dialog-v194 article div { display: flex; flex-direction: column; min-width: 0; }
.brand-list-dialog-v194 article small { color: #617067; }
.brand-list-dialog-v194 article button { border: 0; border-radius: 9px; padding: 8px 11px; color: white; background: #0a6048; cursor: pointer; }

.brand-settings-v194 .dialog-shell,
.brand-project-dialog-v194 .dialog-shell { margin: 0; max-height: 90vh; overflow: auto; padding: 22px; }
.brand-settings-v194 .dialog-title [data-close],
.brand-project-dialog-v194 .dialog-title [data-close] {
  cursor: pointer;
}
.brand-settings-v196 { width: min(980px, calc(100vw - 28px)); }
.brand-settings-grid-v196 {
  display: block;
  columns: 2;
  column-gap: 12px;
}
.brand-settings-grid-v196 fieldset {
  width: 100%;
  box-sizing: border-box;
  break-inside: avoid;
  margin: 0 0 12px;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
  border: 1px solid #dbe7e0;
  border-radius: 15px;
  background: #f8fbf9;
}
.brand-settings-grid-v196 fieldset legend {
  padding: 0 6px;
  color: #075f46;
  font-weight: 900;
}
.brand-settings-grid-v196 label { min-width: 0; }
.brand-settings-grid-v196 input[type="color"] {
  width: 42px !important;
  min-width: 42px;
  height: 36px;
  min-height: 36px;
  padding: 2px;
  border-radius: 8px;
  cursor: pointer;
}
.brand-settings-grid-v196 .brand-id-settings-v196 {
  column-span: all;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  background: #fffbed;
  border-color: #efd98b;
}
.brand-id-settings-v196 > p {
  grid-column: 1 / -1;
  margin: 0;
  padding: 9px 11px;
  border-radius: 9px;
  color: #644e00;
  background: #fff1b9;
  font-size: 12px;
}
.brand-settings-v197 { width: min(1220px, calc(100vw - 24px)); }
.brand-settings-layout-v197 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 292px;
  align-items: start;
  gap: 16px;
}
.brand-settings-editor-v199 { min-width: 0; }
.brand-theme-presets-v199 {
  margin: 0 0 12px;
  padding: 12px;
  border: 1px solid #d9e5de;
  border-radius: 15px;
  background: #f8fbf9;
}
.brand-theme-presets-v199 > header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 9px;
}
.brand-theme-presets-v199 > header b { color: #075f46; }
.brand-theme-presets-v199 > header small { color: #68766f; }
.brand-theme-presets-v199 > div {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
}
.brand-theme-presets-v199 button {
  min-width: 0;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: 6px;
  padding: 5px;
  border: 1px solid #d6dfda;
  border-radius: 9px;
  background: white;
  color: #24352e;
  cursor: pointer;
}
.brand-theme-presets-v199 button i {
  width: 30px;
  height: 28px;
  border-radius: 7px;
  background: linear-gradient(135deg, var(--theme-primary) 0 48%, var(--theme-soft) 49% 72%, var(--theme-accent) 73%);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.09);
}
.brand-theme-presets-v199 button span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 800;
}
.brand-theme-presets-v199 button:hover,
.brand-theme-presets-v199 button.selected {
  border-color: #0c7355;
  outline: 2px solid #9de1c8;
}
.brand-live-preview-v197 {
  position: sticky;
  top: 0;
  padding: 12px;
  border: 1px solid #d9e5de;
  border-radius: 17px;
  background: #f4f8f5;
  box-shadow: 0 12px 28px rgba(18, 57, 43, .1);
}
.brand-live-preview-v197 > small {
  color: #087653;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
}
.brand-live-preview-v197 > p { margin: 4px 0 10px; color: #68766f; font-size: 12px; }
.brand-preview-grid-v197 {
  display: block;
  overflow: visible;
  padding: 0;
}
.brand-preview-grid-v197 > article {
  width: 100%;
  min-width: 0;
  min-height: 410px;
  box-sizing: border-box;
}
.brand-preview-grid-v197 .brand-work-area-v199 { min-height: 235px; }
.brand-preview-grid-v197 .brand-list-v194 { height: 150px; }
.brand-preview-grid-v197 button { pointer-events: none; }

.brand-settings-v201 .dialog-title [data-close],
.project-editor-v189 .dialog-title [data-close],
.brand-project-dialog-v194 .dialog-title [data-close],
.project-popup-close-v190,
.project-creator-popup-v192 > [data-close] {
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #fff !important;
  background: #dc2626 !important;
  box-shadow: 0 7px 16px rgba(220, 38, 38, .28);
  font-size: 24px;
  line-height: 1;
  cursor: pointer !important;
}

.brand-settings-v201 .brand-settings-editor-v199 {
  display: grid;
  gap: 14px;
}

/* V359: exact live-output preview with always-visible dialog controls. */
.brand-settings-v201 .dialog-shell{position:relative!important;padding-top:0!important;padding-bottom:0!important}
.brand-settings-v201 .dialog-title{position:sticky!important;z-index:300!important;top:0!important;margin:0 -22px 14px!important;padding:18px 16px!important;border-radius:0 0 14px 14px!important;background:#145b43!important;color:#fff!important;box-shadow:0 7px 18px #062d2450!important}
.brand-settings-v201 .dialog-title small,.brand-settings-v201 .dialog-title h2{color:#fff!important}
.brand-settings-v201 form>.actions{position:sticky!important;z-index:300!important;bottom:0!important;margin:14px -22px 0!important;padding:12px 16px!important;border-top:1px solid #c9ddd4!important;background:#fff!important;box-shadow:0 -8px 20px #092f2524!important}
.brand-settings-v201 .brand-live-preview-v197 [data-live-brand-card]{width:100%!important;min-width:0!important;max-width:100%!important;transform:none!important;pointer-events:none!important}
.brand-settings-v201 .brand-live-preview-v197 [data-live-brand-card] .stage-work-area-v204{min-height:235px!important}.brand-settings-v201 .brand-live-preview-v197 [data-live-brand-card] .stage-project-list-v204{min-height:175px!important;max-height:260px!important;overflow:auto!important;padding-bottom:14px!important}
.brand-output-controls-v359{grid-column:1/-1!important;width:100%!important}.brand-output-controls-v359>p{grid-column:1/-1;margin:0;color:#567169;font-size:11px}.brand-output-controls-v359>div{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.brand-output-controls-v359 label{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:7px;padding:7px;border:1px solid #d3e3dc;border-radius:9px;background:#fff}.brand-output-controls-v359 label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:850}.brand-output-controls-v359 input[type="color"]{width:42px!important;height:34px!important;padding:2px!important}
@media(max-width:800px){.brand-output-controls-v359>div{grid-template-columns:1fr 1fr}.brand-settings-v201 .dialog-title{margin-left:-14px!important;margin-right:-14px!important}.brand-settings-v201 form>.actions{margin-left:-14px!important;margin-right:-14px!important}}
@media(max-width:520px){.brand-output-controls-v359>div{grid-template-columns:1fr}.brand-settings-v201 form>.actions{display:grid!important;grid-template-columns:1fr 1fr!important}}

.brand-core-settings-v201 {
  width: min(760px, 100%);
  display: grid;
  grid-template-columns: minmax(230px, .8fr) minmax(320px, 1.2fr);
  align-items: stretch;
  justify-content: center;
  gap: 14px;
  margin: 0 auto;
}

.brand-core-settings-v201 fieldset {
  min-width: 0;
  margin: 0;
  padding: 16px;
  border: 1px solid #d8e5de;
  border-radius: 16px;
  background: #f8fbf9;
}

.brand-core-settings-v201 legend {
  padding: 0 7px;
  color: #075f46;
  font-weight: 900;
}

.brand-logo-control-v201 {
  display: grid;
  justify-items: center;
  gap: 12px;
}

.brand-logo-control-v201 > div {
  width: 76px;
  height: 76px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 2px solid #c9ddd3;
  border-radius: 50%;
  background: #fff;
  font-size: 34px;
}

.brand-logo-control-v201 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.brand-logo-control-v201 label { width: 100%; }
.brand-logo-control-v201 input[type="file"] { padding: 8px; }

.brand-id-settings-v201 label small {
  display: block;
  margin-top: 5px;
  color: #68766f;
  line-height: 1.35;
}

.brand-id-settings-v201 input {
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: .08em;
}

.brand-id-preview-v201 {
  display: grid;
  gap: 7px;
  margin-top: 12px;
}

.brand-id-preview-v201 span {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 10px;
  color: #315144;
  background: #eaf4ef;
  font-size: 11px;
}

.brand-id-preview-v201 b {
  overflow: hidden;
  color: #073f2f;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-editor-v189 input[readonly] {
  color: #173e32;
  background: #edf4f0;
  font-weight: 800;
}
.brand-project-dialog-v194 fieldset { border: 1px solid #dbe5df; border-radius: 14px; padding: 12px; }
.brand-employees-v194 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 7px;
  max-height: 220px;
  overflow: auto;
}
.brand-employees-v194 label {
  display: grid;
  grid-template-columns: 34px minmax(0,1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 7px;
  border: 1px solid #e1e7e3;
  border-radius: 10px;
  background: #f8faf9;
  cursor: pointer;
}
.brand-employees-v194 label > img,
.brand-employees-v194 label > .avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
}
.brand-employees-v194 label span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }

@media (max-width: 900px) {
  .brand-control-v194 { padding: 14px; }
  .brand-control-v194 > header { align-items: flex-start; flex-direction: column; }
  .brand-grid-v194 { grid-template-columns: repeat(5, 235px); }
  .stage-wall-start-v204 { align-items: stretch; flex-direction: column; }
  .stage-wall-start-v204 button { width: 100%; }
  .stage-wall-start-actions-v206 { align-items: stretch; flex-direction: column-reverse; }
  .brand-stage-row-v204 > header { grid-template-columns: 105px minmax(0, 1fr) 105px; }
  .brand-stage-row-v204 > header > button small { display: none; }
  .brand-stage-row-v204 > header > .stage-accordion-toggle-v217 small { display: block; }
  .brand-stage-control-v203 { padding: 14px; }
  .brand-stage-control-v203 > header { align-items: flex-start; flex-direction: column; }
  .brand-stage-grid-v203 > article > header { grid-template-columns: 46px minmax(0, 1fr); }
  .brand-stage-grid-v203 > article > header > span { grid-column: 1 / -1; justify-self: start; }
  .brand-employees-v194 { grid-template-columns: 1fr; }
  .brand-settings-grid-v196 { columns: 1; }
  .brand-settings-grid-v196 .brand-id-settings-v196 { grid-template-columns: 1fr 1fr; }
  .brand-settings-layout-v197 { grid-template-columns: 1fr; }
  .brand-live-preview-v197 { position: static; grid-row: 1; max-width: 310px; margin: 0 auto; }
  .brand-theme-presets-v199 > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .brand-core-settings-v201 { grid-template-columns: 1fr; max-width: 560px; }
}

@media (max-width: 560px) {
  .brand-stage-row-v204 > header { grid-template-columns: 45px minmax(0, 1fr) 45px; }
  .brand-stage-row-v204 > header > button { padding: 7px; }
  .brand-stage-row-v204 > header > div b { font-size: 15px; }
  .brand-stage-row-v204 > header > div small { font-size: 8px; }
  .brand-stage-row-v204 > header > .stage-accordion-toggle-v217 { min-height: 46px; padding: 4px 6px; }
  .stage-accordion-toggle-v217 b { font-size: 15px; }
  .brand-stage-row-v204 > header > .stage-accordion-toggle-v217 small { font-size: 8px; }
  .brand-stage-segments-v203 { grid-template-columns: 1fr; padding: 9px; }
  .brand-stage-grid-v203 > article > footer { align-items: stretch; flex-direction: column; }
  .brand-stage-grid-v203 > article > footer button { width: 100%; }
  .brand-settings-grid-v196 fieldset,
  .brand-settings-grid-v196 .brand-id-settings-v196 { grid-template-columns: 1fr; }
  .brand-theme-presets-v199 > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
  .stage-floating-team-v206 > div > span { animation: none; }
}

/* V282: clear stage controls, connected arrows and automatic light-to-dark workflow */
.stage-connected-wall-v256.stage-spiral-wall-v264{gap:9px!important}
.stage-connected-row-v256{position:relative!important;overflow:visible!important}
.stage-connected-row-v256 [data-stage-brand-card]{position:relative!important;overflow:visible!important;border-color:var(--stage-tone)!important}
.stage-connected-row-v256 [data-stage-brand-card]>header{background:var(--stage-tone)!important;color:var(--stage-tone-text)!important;transition:background .24s ease,color .24s ease!important}
.stage-connected-row-v256 [data-stage-brand-card]>header h3{color:inherit!important}
.stage-connected-row-v256 [data-stage-brand-card]::before{content:none!important;display:none!important}
.stage-connected-row-v256 [data-stage-brand-card]::after{content:""!important;display:block!important;position:absolute!important;z-index:30!important;left:50%!important;right:auto!important;bottom:-10px!important;width:28px!important;height:13px!important;transform:translateX(-50%)!important;border:0!important;border-radius:0!important;background:var(--stage-tone)!important;clip-path:polygon(0 0,50% 100%,100% 0,72% 0,50% 48%,28% 0)!important;filter:drop-shadow(0 2px 2px #173f3538)!important;pointer-events:none!important}
.stage-connected-row-v256:last-child [data-stage-brand-card]::after{content:none!important;display:none!important}
.stage-card-controls-v278{position:relative!important;z-index:40!important;flex:0 0 auto!important}
.stage-card-controls-v278 button{position:relative!important;overflow:hidden!important;font-size:0!important;line-height:0!important}
.stage-card-controls-v278 button::before,.stage-card-controls-v278 button::after{content:"";position:absolute;display:block}
.stage-card-controls-v278 [data-stage-collapse-v278]::before{left:9px;top:8px;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.stage-card-controls-v278 [data-stage-collapse-v278][aria-expanded="true"]::before{top:11px;transform:rotate(225deg)}
.stage-card-controls-v278 [data-stage-pin-v278]::before{left:9px;top:6px;width:9px;height:9px;border:2px solid currentColor;border-radius:50% 50% 45% 45%;background:transparent}
.stage-card-controls-v278 [data-stage-pin-v278]::after{left:13px;top:16px;width:2px;height:8px;border-radius:2px;background:currentColor;transform:rotate(12deg)}
.stage-card-controls-v278 [data-stage-pin-v278][aria-pressed="true"]::before{background:currentColor}
@media(max-width:650px){.stage-connected-wall-v256.stage-spiral-wall-v264{gap:8px!important}.stage-connected-row-v256 [data-stage-brand-card]::after{bottom:-9px!important;width:24px!important;height:11px!important}}

/* V284: keep pin + arrow fully inside the stage header; pin appears before arrow. */
.stage-connected-row-v256 [data-stage-brand-card]>header{grid-template-columns:38px minmax(0,1fr) auto!important;overflow:hidden!important;padding-right:7px!important}
.stage-connected-row-v256 [data-stage-brand-card]>header h3{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.stage-connected-row-v256 .stage-card-controls-v278{display:grid!important;grid-template-columns:26px 26px!important;gap:3px!important;width:55px!important;max-width:55px!important;margin:0!important;justify-self:end!important}
.stage-connected-row-v256 .stage-card-controls-v278:has(>span){display:none!important}
.stage-connected-row-v256 .stage-card-controls-v278 button{width:26px!important;min-width:26px!important;height:26px!important;border-radius:7px!important}
.stage-connected-row-v256 .stage-card-controls-v278 [data-stage-pin-v278]{order:1!important}
.stage-connected-row-v256 .stage-card-controls-v278 [data-stage-collapse-v278]{order:2!important}
.stage-connected-row-v256 .stage-card-controls-v278 [data-stage-collapse-v278]::before{left:8px;top:7px}
.stage-connected-row-v256 .stage-card-controls-v278 [data-stage-collapse-v278][aria-expanded="true"]::before{top:10px}
.stage-connected-row-v256 .stage-card-controls-v278 [data-stage-pin-v278]::before{left:8px;top:5px}
.stage-connected-row-v256 .stage-card-controls-v278 [data-stage-pin-v278]::after{left:12px;top:15px}
@media(max-width:650px){.stage-connected-row-v256 [data-stage-brand-card]>header{grid-template-columns:34px minmax(0,1fr) auto!important;padding-left:6px!important;padding-right:5px!important}.stage-connected-row-v256 .stage-card-controls-v278{grid-template-columns:25px 25px!important;width:53px!important;max-width:53px!important}.stage-connected-row-v256 .stage-card-controls-v278 button{width:25px!important;min-width:25px!important;height:25px!important}}

/* V286: one compact fixed-prefix project/file-name field. */
.role-project-creator-v250 .creator-single-name-v286{grid-column:1/-1!important;margin:0!important;font-size:12px;font-weight:900}.role-project-creator-v250 .creator-single-name-v286 input{min-height:48px!important;padding:10px 12px!important;border:2px solid #174f3f!important;border-radius:10px!important;background:#fff!important;color:#174f3f!important;font-size:16px!important;font-weight:900!important}

/* V287: per-stage timer controls and MD/HR stage settings. */
.project-timers-v287{grid-column:1/-1;border:1px solid #bad7cc;border-radius:13px;background:#f6fbf8}.project-timers-v287 summary{padding:10px 12px;color:#174f3f;font-size:12px;font-weight:900;cursor:pointer}.project-timers-v287>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 10px 10px}.project-timers-v287 label{display:grid;grid-template-columns:minmax(110px,1fr) 90px 68px;align-items:center;gap:5px;padding:6px;border:1px solid #d7e7e0;border-radius:9px;background:#fff}.project-timers-v287 label b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.project-timers-v287 select,.project-timers-v287 input{min-height:30px!important;padding:4px!important;font-size:9px!important}.stage-connected-row-v256 .stage-card-controls-v278:has([data-stage-settings-v287]){grid-template-columns:26px 26px 26px!important;width:84px!important;max-width:84px!important}.stage-card-controls-v278 .stage-settings-v287{order:0!important;font-size:19px!important;line-height:1!important}.stage-card-controls-v278 .stage-settings-v287::before,.stage-card-controls-v278 .stage-settings-v287::after{display:none!important}.project-stage-timer-v287{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:4px 0;padding:5px 7px;border:1px solid color-mix(in srgb,var(--brand) 28%,#d9e6e0);border-radius:8px;background:color-mix(in srgb,var(--brand) 8%,#fff);color:#174f3f}.project-stage-timer-v287 b{font-size:9px}.project-stage-timer-v287 span{font-size:7px}.stage-settings-dialog-v287{width:min(720px,calc(100vw - 24px));border:0;border-radius:18px}.stage-timer-edit-v287{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stage-reviewers-v287{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.stage-reviewers-v287 label{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:6px;padding:6px;border:1px solid #d6e5df;border-radius:9px}.stage-reviewers-v287 .avatar{width:32px;height:32px}.stage-reviewers-v287 span{font-size:9px;font-weight:800}@media(max-width:650px){.project-timers-v287>div{grid-template-columns:1fr}.project-timers-v287 label{grid-template-columns:minmax(90px,1fr) 76px 56px}.stage-connected-row-v256 .stage-card-controls-v278:has([data-stage-settings-v287]){grid-template-columns:24px 24px 24px!important;width:78px!important;max-width:78px!important}.stage-reviewers-v287{grid-template-columns:1fr 1fr}}

/* V288: visible animated DPs, clickable rating stars and fast timer presets. */
.stage-work-area-v204{overflow:visible!important}.stage-physics-canvas-v207{z-index:120!important;opacity:1!important;filter:drop-shadow(0 5px 5px #173f3540);animation:dpCanvasFloatV288 2.8s ease-in-out infinite alternate}.stage-project-list-v204,.stage-list-title-v204{position:relative;z-index:4}@keyframes dpCanvasFloatV288{from{transform:translateY(-2px)}to{transform:translateY(4px)}}.timer-test-presets-v288{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 10px 8px;padding:7px;border:1px dashed #9dc8b7;border-radius:9px;background:#effaf5}.timer-test-presets-v288 b{margin-right:auto;color:#176149;font-size:8px}.timer-test-presets-v288 button{min-height:28px!important;padding:5px 8px!important;border:1px solid #8ebfac!important;border-radius:7px!important;background:#fff!important;color:#17513f!important;font-size:8px!important;font-weight:900!important;cursor:pointer}.timer-test-presets-v288 button:hover{background:#d7ff45!important}.rating-threshold-stars-v288{display:flex;gap:6px;margin-top:5px}.rating-threshold-stars-v288 button{border:0;background:transparent;color:#cbd5d1;font-size:31px;line-height:1;cursor:pointer;transition:.15s}.rating-threshold-stars-v288 button.active{color:#f5b800;filter:drop-shadow(0 2px 2px #b8760038)}.rating-threshold-stars-v288 button:hover{transform:scale(1.14)}@media(prefers-reduced-motion:reduce){.stage-physics-canvas-v207{animation:none!important}}

/* V285: compact creator, concept scoring and footage location controls. */
.role-project-creator-v250 .creator-compact-hidden-v285{display:none!important}.role-project-creator-v250 .creator-fixed-name-v285{font-size:12px;font-weight:900}.role-project-creator-v250 .creator-fixed-name-v285 input{font-size:16px;font-weight:900;color:#174f3f}.creator-identity-v285{display:flex;align-items:end;gap:10px;padding:9px;border:1px solid #c8ddd4;border-radius:13px;background:#f4faf7}.creator-identity-v285 label{flex:1}.creator-identity-v285 [data-creator-preview-v285]{display:flex;align-items:center;gap:8px;min-width:170px}.creator-identity-v285 .avatar{width:38px;height:38px}.role-project-creator-v250 .creator-attachments-v250{padding:10px!important}.concept-score-v285{margin:5px 0;padding:7px;border:1px solid color-mix(in srgb,var(--brand) 30%,#dbe8e2);border-radius:10px;background:#fff}.concept-score-v285>header{display:flex!important;justify-content:space-between!important;min-height:0!important;padding:0 2px 6px!important;background:transparent!important;color:#173f35!important}.concept-score-v285>header strong{color:#e59d00}.concept-score-v285>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.concept-score-v285 article{display:grid;justify-items:center;gap:2px;min-width:0}.concept-score-v285 article>img,.concept-score-v285 article>i{width:28px;height:28px;border-radius:50%;object-fit:cover}.concept-score-v285 article>small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px}.concept-score-v285 article>span{display:flex}.concept-score-v285 article button{border:0;padding:0;background:transparent;color:#cbd5d1;font-size:12px;cursor:pointer}.concept-score-v285 article button.on{color:#f5b800}.concept-score-v285 article button:disabled{cursor:default}.concept-score-v285>p{margin:6px 0 0;padding:5px;border-radius:7px;background:#ffe2e2;color:#a81414;font-size:9px;font-weight:900}.footage-location-v285{display:grid;gap:5px;margin:5px 0;padding:7px;border:1px solid #bad8cc;border-radius:10px;background:#f7fcfa}.footage-location-v285>div{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.footage-location-v285 button{min-height:26px;border:1px solid #b8d4c9;border-radius:7px;background:#fff;color:#174f3f;font-size:8px;font-weight:900}.footage-location-v285 button.active{border-color:var(--brand);background:var(--brand);color:#fff}.footage-location-v285 small{overflow-wrap:anywhere;color:#60756d;font-size:8px}@media(max-width:650px){.creator-identity-v285{align-items:stretch;flex-direction:column}.concept-score-v285>div{grid-template-columns:repeat(5,minmax(42px,1fr));overflow-x:auto}.concept-score-v285 article button{font-size:11px}}

/* employee-workspace-v221.css */
.employee-workspace-tabs-v221 {
  display: grid;
  grid-template-columns: repeat(3, minmax(230px, 1fr));
  gap: 12px;
  margin: 0 0 18px;
}

.employee-workspace-tabs-v221 button {
  position: relative;
  min-height: 102px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  grid-template-rows: auto auto auto;
  align-items: center;
  gap: 2px 11px;
  padding: 14px 16px;
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: 20px;
  color: #fff;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 12px 26px rgba(26, 35, 56, .18), inset 0 -5px 0 rgba(255,255,255,.16);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.employee-workspace-tabs-v221 button:nth-child(1) { background: linear-gradient(135deg, #4c1d95, #7c3aed 55%, #c026d3); border-color: #c4b5fd; }
.employee-workspace-tabs-v221 button:nth-child(2) { background: linear-gradient(135deg, #9a3412, #f97316 52%, #f43f5e); border-color: #fdba74; }
.employee-workspace-tabs-v221 button:nth-child(3) { background: linear-gradient(135deg, #0c4a6e, #0284c7 52%, #0d9488); border-color: #67e8f9; }
.employee-workspace-tabs-v221 button:hover { transform: translateY(-3px); filter: saturate(1.12) brightness(1.05); }
.employee-workspace-tabs-v221 button.active { border-color: #fef08a; box-shadow: 0 0 0 4px rgba(253,224,71,.34), 0 16px 34px rgba(26,35,56,.28), inset 0 -5px 0 #fde047; transform: translateY(-2px); }
.employee-workspace-tabs-v221 button:focus-visible { outline: 4px solid #172554; outline-offset: 3px; }
.employee-workspace-tabs-v221 button small { grid-column: 1 / -1; color: #fff3b0; font-size: 9px; font-weight: 900; letter-spacing: .14em; }
.employee-workspace-tabs-v221 button > span { grid-row: 2 / 4; width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.38); border-radius: 15px; background: rgba(255,255,255,.17); box-shadow: inset 0 1px 0 rgba(255,255,255,.42); font-size: 29px; }
.employee-workspace-tabs-v221 button b { overflow: hidden; color: #fff; font: 700 clamp(23px, 2vw, 31px)/1 "Trebuchet MS", "Segoe UI", sans-serif; letter-spacing: -.025em; text-overflow: ellipsis; text-shadow: 0 2px 5px rgba(0,0,0,.28); white-space: nowrap; }
.employee-workspace-tabs-v221 button em { overflow: hidden; color: rgba(255,255,255,.92); font-size: 10px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.employee-workspace-tabs-v221 button i { grid-column: 3; grid-row: 2 / 4; min-width: 34px; height: 34px; display: grid; place-items: center; border-radius: 999px; color: #12372c; background: #fef08a; font-size: 12px; font-style: normal; font-weight: 900; box-shadow: 0 4px 12px rgba(0,0,0,.18); }

.employee-workspace-mode-employees-v221 > .header,
.employee-workspace-mode-attendance-v221 > .header,
.employee-workspace-mode-teams-v221 > .header {
  position: relative;
  min-height: 132px;
  align-items: center;
  padding: 22px 26px;
  overflow: hidden;
  border: 2px solid rgba(255,255,255,.45);
  border-radius: 24px;
  color: #fff;
  box-shadow: 0 18px 42px rgba(20, 39, 50, .18), inset 0 -5px 0 rgba(255,255,255,.15);
}
.employee-workspace-mode-employees-v221 > .header { background: linear-gradient(120deg, #3b0764, #7e22ce 50%, #db2777); }
.employee-workspace-mode-attendance-v221 > .header { background: linear-gradient(120deg, #7c2d12, #ea580c 48%, #e11d48); }
.employee-workspace-mode-teams-v221 > .header { background: linear-gradient(120deg, #082f49, #0369a1 48%, #0f766e); }
.employee-workspace-mode-employees-v221 > .header::after,
.employee-workspace-mode-attendance-v221 > .header::after,
.employee-workspace-mode-teams-v221 > .header::after { content: ""; position: absolute; right: 10%; top: -75%; width: 260px; height: 260px; border: 40px solid rgba(255,255,255,.08); border-radius: 50%; pointer-events: none; }
.employee-workspace-mode-employees-v221 > .header > *,
.employee-workspace-mode-attendance-v221 > .header > *,
.employee-workspace-mode-teams-v221 > .header > * { position: relative; z-index: 1; }
.employee-workspace-mode-employees-v221 > .header .eyebrow,
.employee-workspace-mode-attendance-v221 > .header .eyebrow,
.employee-workspace-mode-teams-v221 > .header .eyebrow { color: #fef08a; font-size: 10px; letter-spacing: .18em; }
.employee-workspace-mode-employees-v221 > .header h1,
.employee-workspace-mode-attendance-v221 > .header h1,
.employee-workspace-mode-teams-v221 > .header h1 { margin: 5px 0 3px; color: #fff; font-family: "Trebuchet MS", "Segoe UI", sans-serif; font-size: clamp(34px, 3vw, 48px); font-weight: 700; letter-spacing: -.035em; line-height: 1; text-shadow: 0 4px 14px rgba(0,0,0,.3); }
.employee-workspace-mode-employees-v221 > .header p,
.employee-workspace-mode-attendance-v221 > .header p,
.employee-workspace-mode-teams-v221 > .header p { color: rgba(255,255,255,.9); font-size: 13px; }
.employee-workspace-mode-employees-v221 > .header #refresh,
.employee-workspace-mode-attendance-v221 > .header #refresh,
.employee-workspace-mode-teams-v221 > .header #refresh { border: 1px solid rgba(255,255,255,.48); color: #fff; background: rgba(255,255,255,.18); box-shadow: inset 0 1px 0 rgba(255,255,255,.3); }

.attendance-live-strip-v221 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 14px 0; }
.attendance-live-strip-v221 article { min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 16px; border: 1px solid rgba(255,255,255,.72); border-radius: 17px; color: #fff; box-shadow: 0 9px 24px rgba(35, 50, 55, .12); }
.attendance-live-strip-v221 article:nth-child(1) { background: linear-gradient(135deg, #047857, #10b981); }
.attendance-live-strip-v221 article:nth-child(2) { background: linear-gradient(135deg, #b45309, #f59e0b); }
.attendance-live-strip-v221 article:nth-child(3) { background: linear-gradient(135deg, #1d4ed8, #3b82f6); }
.attendance-live-strip-v221 article:nth-child(4) { background: linear-gradient(135deg, #6b21a8, #a855f7); }
.attendance-live-strip-v221 span { font-size: 11px; font-weight: 800; }
.attendance-live-strip-v221 b { font: 700 27px/1 "Trebuchet MS", sans-serif; }

.employee-workspace-mode-attendance-v221 .period-tabs { display: grid; grid-template-columns: repeat(5, minmax(120px, 1fr)); gap: 9px; margin: 0 0 15px; padding: 9px; overflow-x: auto; border: 1px solid #fed7aa; border-radius: 18px; background: linear-gradient(135deg, #fff7ed, #fff1f2); box-shadow: 0 8px 24px rgba(154,52,18,.08); }
.employee-workspace-mode-attendance-v221 .period-tabs button { --period:#0f766e; min-height: 48px; padding: 10px 16px; border: 0; border-radius: 13px; color: var(--period); background: color-mix(in srgb, var(--period) 12%, white); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--period) 24%, transparent); font-size: 13px; font-weight: 900; cursor: pointer; transition: transform .16s ease, box-shadow .16s ease, color .16s ease, background .16s ease; }
.employee-workspace-mode-attendance-v221 .period-tabs button:nth-child(1) { --period:#047857; }
.employee-workspace-mode-attendance-v221 .period-tabs button:nth-child(2) { --period:#0369a1; }
.employee-workspace-mode-attendance-v221 .period-tabs button:nth-child(3) { --period:#4338ca; }
.employee-workspace-mode-attendance-v221 .period-tabs button:nth-child(4) { --period:#c2410c; }
.employee-workspace-mode-attendance-v221 .period-tabs button:nth-child(5) { --period:#be123c; }
.employee-workspace-mode-attendance-v221 .period-tabs button:hover { transform: translateY(-2px); }
.employee-workspace-mode-attendance-v221 .period-tabs button.active { color: #fff; background: var(--period); box-shadow: 0 7px 17px color-mix(in srgb, var(--period) 30%, transparent); transform: translateY(-2px); }
.employee-workspace-mode-attendance-v221 #customAttendance { grid-template-columns: 1fr 1fr minmax(210px, 1.2fr) auto; align-items: center; gap: 10px; padding: 15px; border: 2px solid #fdba74; background: linear-gradient(135deg, #fff7ed, #fff); }
.employee-workspace-mode-attendance-v221 #customAttendance input,
.employee-workspace-mode-attendance-v221 #customAttendance select { min-height: 46px; border: 1px solid #fed7aa; border-radius: 11px; background: #fff; }
.employee-workspace-mode-attendance-v221 #customAttendance button { min-height: 46px; padding-inline: 23px; background: linear-gradient(135deg, #f97316, #e11d48); color: #fff; }

.employee-workspace-mode-attendance-v221 .attendance-summary-strip article { position: relative; overflow: hidden; border: 0; color: #fff; box-shadow: 0 8px 22px rgba(35,50,55,.1); }
.employee-workspace-mode-attendance-v221 .attendance-summary-strip article:nth-child(1) { background: linear-gradient(135deg, #5b21b6, #8b5cf6); }
.employee-workspace-mode-attendance-v221 .attendance-summary-strip article:nth-child(2) { background: linear-gradient(135deg, #b45309, #f59e0b); }
.employee-workspace-mode-attendance-v221 .attendance-summary-strip article:nth-child(3) { background: linear-gradient(135deg, #0369a1, #0ea5e9); }
.employee-workspace-mode-attendance-v221 .attendance-summary-strip article:nth-child(4) { background: linear-gradient(135deg, #047857, #10b981); }
.employee-workspace-mode-attendance-v221 .attendance-summary-strip span { color: rgba(255,255,255,.82); }
.employee-workspace-mode-attendance-v221 .attendance-summary-strip b { color: #fff; font-family: "Trebuchet MS", sans-serif; font-size: 24px; }
.employee-workspace-mode-attendance-v221 #attendanceCalendar { padding: 16px; border: 1px solid #fed7aa; border-radius: 19px; background: linear-gradient(160deg, #fff, #fff7ed); }
.employee-workspace-mode-attendance-v221 .calendar-weekday { padding: 9px 5px; border-radius: 8px; color: #9a3412; background: #ffedd5; }
.employee-workspace-mode-attendance-v221 .calendar-day { transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.employee-workspace-mode-attendance-v221 .calendar-day:hover { z-index: 1; transform: translateY(-3px); box-shadow: 0 9px 20px rgba(154,52,18,.14); }

.employee-workspace-mode-employees-v221 .employee-search { border: 1px solid #c4b5fd; background: linear-gradient(135deg, #ede9fe, #fae8ff); }
.employee-workspace-mode-employees-v221 .employee-detail-card { border-color: #ddd6fe; box-shadow: 0 9px 24px rgba(91,33,182,.08); }
.employee-workspace-mode-employees-v221 .employee-detail-card:hover { border-color: #a78bfa; box-shadow: 0 17px 34px rgba(91,33,182,.15); }
.employee-workspace-mode-teams-v221 .team-card { border-color: #bae6fd; background: linear-gradient(145deg, #f0f9ff, #f0fdfa); box-shadow: 0 9px 25px rgba(3,105,161,.08); }
.employee-workspace-mode-teams-v221 .team-members > span { color: #075985; background: #e0f2fe; }
.employee-workspace-mode-teams-v221 .progress i { background: linear-gradient(90deg, #0284c7, #14b8a6); }
.employee-workspace-mode-teams-v221 #teamForm .primary { color: #fff; background: linear-gradient(135deg, #0284c7, #0d9488); }

@media (max-width: 950px) {
  .employee-workspace-tabs-v221 { grid-template-columns: repeat(3, minmax(255px, 1fr)); overflow-x: auto; padding: 3px 3px 12px; }
  .attendance-live-strip-v221 { grid-template-columns: 1fr 1fr; }
  .employee-workspace-mode-attendance-v221 #customAttendance { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 620px) {
  .employee-workspace-tabs-v221 { grid-template-columns: 1fr; overflow: visible; }
  .employee-workspace-tabs-v221 button { min-height: 90px; }
  .employee-workspace-mode-employees-v221 > .header,
  .employee-workspace-mode-attendance-v221 > .header,
  .employee-workspace-mode-teams-v221 > .header { min-height: 150px; align-items: flex-start; flex-direction: column; padding: 20px; }
  .employee-workspace-mode-employees-v221 > .header #refresh,
  .employee-workspace-mode-attendance-v221 > .header #refresh,
  .employee-workspace-mode-teams-v221 > .header #refresh { margin-top: 10px; }
  .employee-workspace-mode-attendance-v221 .period-tabs { grid-template-columns: repeat(5, minmax(118px, 1fr)); }
  .attendance-live-strip-v221 { grid-template-columns: 1fr 1fr; }
  .employee-workspace-mode-attendance-v221 #customAttendance { grid-template-columns: 1fr; }
  .employee-workspace-mode-attendance-v221 #attendanceCalendar { padding: 7px; overflow-x: auto; }
  .employee-workspace-mode-attendance-v221 .attendance-calendar { min-width: 700px; }
}

@media (prefers-reduced-motion: reduce) {
  .employee-workspace-tabs-v221 button,
  .employee-workspace-mode-attendance-v221 .period-tabs button,
  .employee-workspace-mode-attendance-v221 .calendar-day { transition: none; }
}

/* attendance-popup-v222.css */
/* V222: Attendance day details stay in a compact, centered popup. */
.attendance-day-dialog {
  position: fixed !important;
  inset: 0 !important;
  box-sizing: border-box !important;
  width: min(920px, calc(100vw - 48px)) !important;
  max-width: 920px !important;
  height: auto !important;
  max-height: min(82dvh, 760px) !important;
  margin: auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #bcd7cb !important;
  border-radius: 24px !important;
  background: #f8fcfa !important;
  color: #123f30 !important;
  box-shadow: 0 32px 90px rgba(7, 35, 27, .38) !important;
}

.attendance-day-dialog::backdrop {
  background: rgba(6, 30, 23, .62) !important;
  -webkit-backdrop-filter: blur(5px) !important;
  backdrop-filter: blur(5px) !important;
}

.attendance-day-dialog .attendance-day-shell {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  max-height: min(82dvh, 760px) !important;
  margin: 0 !important;
  padding: 14px !important;
  overflow: hidden !important;
}

.attendance-day-dialog .dialog-title {
  position: relative !important;
  flex: 0 0 auto !important;
  min-height: 66px !important;
  margin: 0 !important;
  padding: 12px 64px 12px 18px !important;
  border-radius: 16px !important;
  background: linear-gradient(125deg, #0c6f52, #16533f) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(18, 83, 63, .2) !important;
}

.attendance-day-dialog .dialog-title h2 {
  margin: 0 !important;
  font-size: clamp(20px, 2.4vw, 30px) !important;
  line-height: 1.05 !important;
}

.attendance-day-dialog .dialog-title small {
  display: block !important;
  margin-top: 5px !important;
  color: #e8fff5 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  white-space: normal !important;
}

.attendance-day-dialog .dialog-title > button {
  position: absolute !important;
  top: 50% !important;
  right: 13px !important;
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(-50%) !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #ef3340 !important;
  color: #fff !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  box-shadow: 0 6px 14px rgba(160, 18, 30, .3) !important;
}

.attendance-day-dialog .dialog-title > button:hover {
  background: #cf1828 !important;
  transform: translateY(-50%) scale(1.06) !important;
}

.attendance-day-dialog .attendance-day-head,
.attendance-day-dialog .attendance-all-staff > .compact-row {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(155px, 1.2fr) minmax(210px, 1.15fr) minmax(120px, .68fr) minmax(76px, .42fr) !important;
  width: 100% !important;
  min-width: 0 !important;
  column-gap: 10px !important;
  align-items: center !important;
}

.attendance-day-dialog .attendance-day-head {
  flex: 0 0 auto !important;
  padding: 11px 12px 7px !important;
  color: #365e50 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .09em !important;
}

.attendance-day-dialog .attendance-all-staff {
  display: grid !important;
  grid-auto-rows: auto !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  width: 100% !important;
  max-height: calc(min(82dvh, 760px) - 126px) !important;
  margin-top: 0 !important;
  padding: 0 3px 4px 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  gap: 5px !important;
  scrollbar-color: #47a886 #e5f1ec !important;
  scrollbar-width: thin !important;
}

.attendance-day-dialog .attendance-all-staff > .compact-row {
  height: auto !important;
  min-height: 40px !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  overflow: visible !important;
}

.attendance-day-dialog .attendance-all-staff > .compact-row > *,
.attendance-day-dialog .attendance-all-staff > .compact-row > b,
.attendance-day-dialog .attendance-all-staff > .compact-row > span {
  display: block !important;
  min-width: 0 !important;
  height: auto !important;
  overflow: hidden !important;
  line-height: 1.2 !important;
}

.attendance-day-dialog .attendance-all-staff > .compact-row > span:nth-child(2) {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
}

.attendance-day-dialog .attendance-all-staff > .compact-row small {
  display: block !important;
  min-width: 0 !important;
  margin: 1px 0 0 !important;
  overflow: hidden !important;
  color: #65766f !important;
  font-size: 9px !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.attendance-day-dialog .attendance-all-staff > .compact-row > b > small {
  display: none !important;
}

.attendance-day-dialog .attendance-state {
  flex: 0 0 auto !important;
  font-size: 11px !important;
  white-space: nowrap !important;
}

@media (max-width: 720px) {
  .attendance-day-dialog {
    width: calc(100vw - 20px) !important;
    max-height: 86dvh !important;
    border-radius: 18px !important;
  }

  .attendance-day-dialog .attendance-day-shell {
    max-height: 86dvh !important;
    padding: 9px !important;
  }

  .attendance-day-dialog .attendance-day-head {
    display: none !important;
  }

  .attendance-day-dialog .attendance-all-staff {
    max-height: calc(86dvh - 88px) !important;
    margin-top: 8px !important;
  }

  .attendance-day-dialog .attendance-all-staff > .compact-row {
    grid-template-columns: minmax(100px, 1fr) minmax(150px, 1.2fr) !important;
    row-gap: 4px !important;
    min-height: 54px !important;
  }

  .attendance-day-dialog .attendance-all-staff > .compact-row > span:nth-child(3),
  .attendance-day-dialog .attendance-all-staff > .compact-row > strong {
    color: #43675a !important;
    font-size: 10px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .attendance-day-dialog .dialog-title > button {
    transition: none !important;
  }
}

/* portal-hubs-v224.css */
/* V224: consolidated MD workspaces. */
.employee-workspace-tabs-v221 {
  grid-template-columns: repeat(4, minmax(205px, 1fr));
}

.employee-workspace-tabs-v221 button:nth-child(4) {
  border-color: #99f6e4;
  background: linear-gradient(135deg, #134e4a, #0f766e 52%, #06b6d4);
}

.portal-hub-tabs-v224 {
  display: grid;
  grid-template-columns: repeat(3, minmax(250px, 1fr));
  gap: 13px;
  margin: 0 0 20px;
}

.portal-hub-finance-v224 {
  grid-template-columns: repeat(4, minmax(205px, 1fr));
}

.portal-hub-tabs-v224 button {
  position: relative;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: center;
  gap: 13px;
  min-height: 106px;
  padding: 15px 17px;
  overflow: hidden;
  border: 2px solid rgba(255,255,255,.66);
  border-radius: 22px;
  color: #fff;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 13px 28px rgba(21,36,55,.2), inset 0 -5px 0 rgba(255,255,255,.16);
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}

.portal-hub-tabs-v224 button::after {
  position: absolute;
  right: -35px;
  bottom: -58px;
  width: 145px;
  height: 145px;
  border: 25px solid rgba(255,255,255,.08);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.portal-hub-tabs-v224 button:hover {
  z-index: 1;
  filter: saturate(1.12) brightness(1.05);
  transform: translateY(-3px);
}

.portal-hub-tabs-v224 button.active {
  border-color: #fef08a;
  box-shadow: 0 0 0 4px rgba(253,224,71,.32), 0 18px 34px rgba(21,36,55,.28), inset 0 -5px 0 #fde047;
  transform: translateY(-2px);
}

.portal-hub-tabs-v224 button:focus-visible {
  outline: 4px solid #172554;
  outline-offset: 3px;
}

.portal-hub-tabs-v224 button > span {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(255,255,255,.42);
  border-radius: 17px;
  background: rgba(255,255,255,.17);
  font-size: 32px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.42);
}

.portal-hub-tabs-v224 button > div {
  position: relative;
  z-index: 1;
  display: grid;
  min-width: 0;
  gap: 3px;
}

.portal-hub-tabs-v224 small {
  color: #fff4a8;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .14em;
}

.portal-hub-tabs-v224 b {
  overflow: hidden;
  color: #fff;
  font: 750 clamp(22px, 2vw, 30px)/1.05 "Trebuchet MS", "Segoe UI", sans-serif;
  letter-spacing: -.03em;
  text-overflow: ellipsis;
  text-shadow: 0 2px 6px rgba(0,0,0,.28);
  white-space: nowrap;
}

.portal-hub-tabs-v224 em {
  overflow: hidden;
  color: rgba(255,255,255,.92);
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.portal-hub-finance-v224 button:nth-child(1) { background: linear-gradient(135deg, #1e3a8a, #2563eb 50%, #0891b2); }
.portal-hub-finance-v224 button:nth-child(2) { background: linear-gradient(135deg, #92400e, #ea580c 50%, #eab308); }
.portal-hub-finance-v224 button:nth-child(3) { background: linear-gradient(135deg, #14532d, #059669 50%, #14b8a6); }
.portal-hub-finance-v224 button:nth-child(4) { background: linear-gradient(135deg, #7f1d1d, #e11d48 50%, #f97316); }

.portal-hub-office-v224 button:nth-child(1) { background: linear-gradient(135deg, #7f1d1d, #dc2626 50%, #f97316); }
.portal-hub-office-v224 button:nth-child(2) { background: linear-gradient(135deg, #075985, #0284c7 50%, #06b6d4); }
.portal-hub-office-v224 button:nth-child(3) { background: linear-gradient(135deg, #581c87, #9333ea 50%, #db2777); }

.portal-hub-utility-v224 button:nth-child(1) { background: linear-gradient(135deg, #854d0e, #d97706 50%, #eab308); }
.portal-hub-utility-v224 button:nth-child(2) { background: linear-gradient(135deg, #4c1d95, #7c3aed 50%, #c026d3); }
.portal-hub-utility-v224 button:nth-child(3) { background: linear-gradient(135deg, #164e63, #0891b2 50%, #0d9488); }

.finance-hub-mode-money-v224 .finance-tabs [data-fin-tab="income"],
.finance-hub-mode-money-v224 .finance-tabs [data-fin-tab="expense"] {
  display: none;
}

.finance-hub-mode-income-v224 .finance-tabs,
.finance-hub-mode-expense-v224 .finance-tabs {
  display: none;
}

.finance-hub-mode-money-v224 .finance-kpis {
  padding: 12px;
  border: 1px solid #bfdbfe;
  border-radius: 20px;
  background: linear-gradient(135deg, #eff6ff, #ecfeff);
}

.finance-hub-mode-salary-v224 .payroll-expense-cards,
.finance-hub-mode-salary-v224 .salary-summary {
  border-radius: 18px;
}

.office-hub-mode-rules-v224 > .rule-section,
.office-hub-mode-rules-v224 .rules-list {
  accent-color: #dc2626;
}

.office-hub-mode-holidays-v224 .card {
  border-color: #bae6fd;
}

.office-hub-mode-leaves-v224 .leave-row {
  border-left: 5px solid #9333ea;
}

.utility-hub-mode-notes-v224 .sticky-compose-card {
  border-color: #facc15;
}

.utility-hub-mode-prompts-v224 .prompt-category-tabs {
  border-color: #c4b5fd;
}

.utility-hub-mode-links-v224 .links-toolbar {
  border-color: #67e8f9;
}

@media (max-width: 1100px) {
  .employee-workspace-tabs-v221,
  .portal-hub-tabs-v224 {
    grid-template-columns: repeat(4, minmax(245px, 1fr));
    overflow-x: auto;
    padding: 4px 4px 13px;
    scrollbar-width: thin;
  }

  .portal-hub-tabs-v224 {
    grid-template-columns: repeat(3, minmax(265px, 1fr));
  }

  .portal-hub-finance-v224 {
    grid-template-columns: repeat(4, minmax(245px, 1fr));
  }
}

@media (max-width: 620px) {
  .employee-workspace-tabs-v221 {
    grid-template-columns: repeat(4, minmax(245px, 1fr));
    overflow-x: auto;
  }

  .portal-hub-tabs-v224 {
    grid-template-columns: repeat(3, minmax(255px, 1fr));
    gap: 9px;
  }

  .portal-hub-finance-v224 {
    grid-template-columns: repeat(4, minmax(245px, 1fr));
  }

  .portal-hub-tabs-v224 button {
    min-height: 92px;
    grid-template-columns: 49px minmax(0,1fr);
    padding: 12px;
  }

  .portal-hub-tabs-v224 button > span {
    width: 49px;
    height: 49px;
    font-size: 27px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .portal-hub-tabs-v224 button {
    transition: none;
  }
}

/* platform-checklists-v225.css */
.project-platform-checklist-v225 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-top: 9px;
}

.project-platform-toggle-v225 {
  display: inline-grid;
  grid-template-columns: 26px 18px auto;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 3px 9px 3px 4px;
  border: 1px solid #d8e3df;
  border-radius: 999px;
  background: #fff;
  color: #334155;
  cursor: pointer;
  box-shadow: 0 2px 7px rgba(15, 23, 42, .06);
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.project-platform-toggle-v225:hover {
  transform: translateY(-1px);
  border-color: #8aa49a;
}

.project-platform-toggle-v225 > span {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  color: #fff;
}

.project-platform-toggle-v225 svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.project-platform-toggle-v225 svg .fill { fill: currentColor; stroke: none; }
.project-platform-toggle-v225.platform-youtube > span { background: #ff0033; }
.project-platform-toggle-v225.platform-youtube svg rect { fill: none; stroke: #fff; }
.project-platform-toggle-v225.platform-youtube svg path { fill: #fff; stroke: none; }
.project-platform-toggle-v225.platform-facebook > span { background: #1877f2; }
.project-platform-toggle-v225.platform-facebook svg path { fill: #fff; stroke: none; }
.project-platform-toggle-v225.platform-instagram > span { background: linear-gradient(145deg, #7c3aed, #ec4899 52%, #f59e0b); }
.project-platform-toggle-v225.platform-website > span { background: #0f766e; }
.project-platform-toggle-v225.platform-whatsapp > span { background: #20b85a; }
.project-platform-toggle-v225.platform-telegram > span { background: #229ed9; }
.project-platform-toggle-v225.platform-telegram svg path { fill: #fff; stroke: none; }

.project-platform-toggle-v225 input {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #16a34a;
  cursor: pointer;
}

.project-platform-toggle-v225 small {
  font: 800 10px/1.05 system-ui, sans-serif;
  white-space: nowrap;
}

.project-platform-toggle-v225.is-checked {
  border-color: #22c55e;
  background: #ecfdf3;
  color: #146c38;
}

.project-platform-toggle-v225.is-saving { opacity: .55; }
.project-platform-toggle-v225:has(input:disabled) { cursor: default; opacity: .7; }
.project-platform-toggle-v225:has(input:disabled):hover { transform: none; }

.project-platform-checklist-v225.compact {
  gap: 9px;
  margin-top: 6px;
}

.project-platform-checklist-v225.compact .project-platform-toggle-v225 {
  grid-template-columns: 24px 17px;
  min-height: 26px;
  gap: 5px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.project-platform-checklist-v225.compact .project-platform-toggle-v225 > span {
  width: 23px;
  height: 23px;
}

.project-platform-checklist-v225.compact .project-platform-toggle-v225 svg {
  width: 15px;
  height: 15px;
}

.project-platform-checklist-v225.compact .project-platform-toggle-v225 input {
  width: 16px;
  height: 16px;
}

.project-platform-checklist-v225.compact .project-platform-toggle-v225 small { display: none; }
.project-platform-checklist-v225.compact .project-platform-toggle-v225:hover { transform: none; }
.project-platform-checklist-v225.compact .project-platform-toggle-v225.is-checked { background: transparent; }

.stage-project-entry-v225 {
  position: relative;
  z-index: 2;
  padding: 5px;
  border: 1px solid color-mix(in srgb, var(--brand) 25%, #dce7e3);
  border-radius: 11px;
  background: color-mix(in srgb, var(--theme-bg) 78%, #fff);
}

/* Normal production stages keep the original compact project-row layout. */
.stage-project-entry-v225:not(:has(.project-platform-checklist-v225)) {
  display: contents;
}

.stage-project-entry-v225 > [data-stage-project] { width: 100%; }
.stage-project-entry-v225 + .stage-project-entry-v225 { margin-top: 7px; }
.stage-project-list-v204 > .stage-project-entry-v225 .project-platform-checklist-v225 { padding: 0 2px 3px; }

.final-bank-row-v231 {
  display: grid;
  gap: 2px;
  padding: 4px;
  border: 1px solid color-mix(in srgb, var(--brand) 22%, #dce7e3);
  border-radius: 11px;
  background: color-mix(in srgb, var(--theme-bg) 76%, #fff);
}
.final-bank-row-v231 > button { width: 100%; }
.final-bank-row-v231 .project-platform-checklist-v225 { padding: 0 4px 4px; }
.final-bank-row-v231 + .final-bank-row-v231 { margin-top: 7px; }

.release-project-tools-v232 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0 3px 3px;
}
.release-project-tools-v232 .project-platform-checklist-v225 { flex: 1 1 auto; margin: 4px 0 0; padding: 0; }
.release-project-tools-v232 > [data-content-draft-v232] {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border: 1px solid color-mix(in srgb, var(--brand) 38%, #d6e0dc);
  border-radius: 9px;
  background: #fff;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(15,23,42,.08);
}
.release-project-tools-v232 > [data-content-draft-v232]:hover { transform: translateY(-1px); }

.content-draft-dialog-v232 {
  width: min(880px, calc(100vw - 24px));
  max-height: min(92vh, 880px);
  border: 0;
  border-radius: 24px;
  padding: 0;
  overflow: auto;
  background: #fff;
}
.content-draft-dialog-v232::backdrop { background: rgba(15,23,42,.65); backdrop-filter: blur(6px); }
.content-draft-dialog-v232 .dialog-shell { padding: 18px; }
.content-draft-title-v232 {
  margin: -18px -18px 18px;
  padding: 18px 20px;
  color: #fff;
  background: linear-gradient(125deg, color-mix(in srgb, var(--brand) 84%, #111827), var(--brand));
}
.content-draft-title-v232 p { margin: 4px 0 0; opacity: .88; }
.content-draft-title-v232 [data-close] { width: 38px; height: 38px; border: 0; border-radius: 50%; background: #dc2626; color: #fff; font-size: 20px; cursor: pointer; }
.content-draft-grid-v232 { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.content-draft-grid-v232 .wide { grid-column: 1 / -1; }
.content-channel-links-v232 { margin-top: 14px; border: 1px solid #dce7e3; border-radius: 16px; padding: 12px; }
.content-channel-links-v232 legend { color: #475569; font-weight: 900; padding: 0 6px; }
.content-channel-links-v232 label { display: grid; grid-template-columns: 30px 100px 1fr; align-items: center; gap: 8px; margin-top: 8px; }
.content-channel-links-v232 label > span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #334155; color: #fff; }
.content-channel-links-v232 svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.content-channel-links-v232 svg .fill { fill: currentColor; stroke: none; }
.content-draft-status-v232 { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 3px 10px; margin-top: 14px; padding: 12px 14px; border-radius: 14px; background: #f0fdf4; color: #166534; }
.content-draft-status-v232 span { font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.content-draft-status-v232 small { grid-column: 1 / -1; color: #4b6357; }
.content-readonly-v232 { color: #64748b; font-size: 12px; font-weight: 800; }

@media (max-width: 680px) {
  .content-draft-grid-v232 { grid-template-columns: 1fr; }
  .content-draft-grid-v232 .wide { grid-column: auto; }
  .content-channel-links-v232 label { grid-template-columns: 30px 1fr; }
  .content-channel-links-v232 label input { grid-column: 1 / -1; }
}

.delivery-table-wrap-v182 table { min-width: 760px; }
.delivery-table-wrap-v182 th:first-child,
.delivery-table-wrap-v182 td:first-child { width: 58%; min-width: 430px; }
.delivery-table-wrap-v182 th:nth-child(2),
.delivery-table-wrap-v182 td:nth-child(2) { width: 25%; min-width: 180px; }
.delivery-table-wrap-v182 th:last-child,
.delivery-table-wrap-v182 td:last-child { width: 17%; min-width: 120px; }
.delivery-table-wrap-v182 td:first-child > b { display: block; margin-top: 3px; }

.delivery-links-v182 label > span {
  display: flex;
  align-items: center;
  gap: 7px;
}

.delivery-links-v182 label > span svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

@media (max-width: 780px) {
  .project-platform-toggle-v225 small { display: none; }
  .project-platform-toggle-v225,
  .project-platform-checklist-v225.compact .project-platform-toggle-v225 { grid-template-columns: 25px 17px; padding-right: 5px; }
  .delivery-table-wrap-v182 th:first-child,
  .delivery-table-wrap-v182 td:first-child { min-width: 330px; }
}

/* goals-workspace-v229.css */
.portal-hub-goal-v224 {
  --goal-purple:#6d28d9;
  --goal-orange:#f97316;
  margin-bottom:20px;
}

.portal-hub-goal-v224 button:first-child {
  background:linear-gradient(125deg,#4c1d95,#7c3aed 55%,#a855f7);
  border-color:#c4b5fd;
  color:#fff;
  box-shadow:0 12px 28px rgba(109,40,217,.22);
}

.portal-hub-goal-v224 button:nth-child(2) {
  background:linear-gradient(125deg,#9a3412,#f97316 55%,#fb923c);
  border-color:#fed7aa;
  color:#fff;
  box-shadow:0 12px 28px rgba(249,115,22,.2);
}

.portal-hub-goal-v224 button small,
.portal-hub-goal-v224 button b,
.portal-hub-goal-v224 button em { color:inherit; }
.portal-hub-goal-v224 button em { opacity:.88; }
.portal-hub-goal-v224 button.active { outline:4px solid #d9f99d; outline-offset:2px; }

.goals-content-v229 { display:grid; gap:16px; }
.goals-hero-v229 {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:22px 24px;
  border-radius:24px;
  color:#fff;
  background:
    radial-gradient(circle at 88% 10%,rgba(255,255,255,.2) 0 74px,transparent 75px),
    linear-gradient(120deg,#31106f,#6d28d9 55%,#9333ea);
  box-shadow:0 18px 42px rgba(76,29,149,.24);
}
.goals-hero-v229.targets { background:linear-gradient(120deg,#9a3412,#ea580c 52%,#f97316); }
.goals-hero-v229 small { display:block; font-size:11px; font-weight:900; letter-spacing:.14em; opacity:.88; }
.goals-hero-v229 h2 { margin:5px 0 2px; font:900 clamp(26px,3vw,40px)/1.05 "Trebuchet MS",system-ui,sans-serif; letter-spacing:-.03em; }
.goals-hero-v229 p { margin:0; opacity:.9; }
.goals-hero-v229 > button,.goals-hero-v229 > b {
  flex:0 0 auto;
  border:1px solid rgba(255,255,255,.55);
  border-radius:999px;
  padding:12px 18px;
  background:#d9f99d;
  color:#2e1065;
  font-weight:900;
  cursor:pointer;
}

.goal-stats-v229 { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.goal-stats-v229 article {
  min-height:92px;
  padding:16px 18px;
  border:1px solid #ddd6fe;
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#f5f3ff);
  box-shadow:0 8px 24px rgba(76,29,149,.07);
}
.goal-stats-v229 article:nth-child(2){border-color:#bae6fd;background:linear-gradient(145deg,#fff,#f0f9ff)}
.goal-stats-v229 article:nth-child(3){border-color:#bbf7d0;background:linear-gradient(145deg,#fff,#f0fdf4)}
.goal-stats-v229 article.waiting{border-color:#fed7aa;background:linear-gradient(145deg,#fff,#fff7ed)}
.goal-stats-v229 span { display:block; color:#64748b; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }
.goal-stats-v229 b { display:block; margin-top:6px; color:#4c1d95; font-size:30px; line-height:1; }
.goal-stats-v229 article.waiting b { color:#c2410c; }

.goal-filter-v229 {
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(190px,280px) 170px;
  gap:10px;
  padding:12px;
  border:1px solid #e2e8f0;
  border-radius:18px;
  background:#fff;
}
.goal-filter-v229 input,.goal-filter-v229 select,.goal-task-row-v229 select {
  width:100%;
  min-height:44px;
  border:1px solid #cbd5e1;
  border-radius:12px;
  padding:9px 12px;
  background:#fff;
  color:#172033;
  font:700 14px/1.2 system-ui,sans-serif;
}

.goal-task-list-v229 { display:grid; gap:9px; }
.goal-task-row-v229 {
  display:grid;
  grid-template-columns:minmax(260px,1.45fr) minmax(165px,.75fr) minmax(210px,.9fr) 150px;
  align-items:center;
  gap:12px;
  padding:11px;
  border:1px solid #ded7f5;
  border-left:6px solid #7c3aed;
  border-radius:17px;
  background:#fff;
  box-shadow:0 7px 20px rgba(15,23,42,.055);
}
.goal-project-open-v229 {
  display:grid;
  gap:3px;
  min-width:0;
  padding:0;
  border:0;
  background:transparent;
  color:#172033;
  text-align:left;
  cursor:pointer;
}
.goal-project-open-v229 small,.goal-stage-v229 small { color:#7c3aed; font-size:10px; font-weight:900; letter-spacing:.1em; }
.goal-project-open-v229 b { overflow:hidden; font-size:16px; text-overflow:ellipsis; white-space:nowrap; }
.goal-project-open-v229 span,.goal-stage-v229 span { color:#64748b; font-size:12px; }
.goal-stage-v229 { display:grid; gap:3px; }
.goal-stage-v229 b { color:#1e293b; font-size:14px; }
.goal-person-v229 { display:grid; grid-template-columns:42px minmax(0,1fr); grid-template-rows:auto auto; align-items:center; column-gap:10px; min-width:0; }
.goal-person-v229 img,.goal-person-v229 > i { grid-row:1 / 3; width:42px; height:42px; border:3px solid #ede9fe; border-radius:50%; object-fit:cover; }
.goal-person-v229 > i { display:grid; place-items:center; background:#7c3aed; color:#fff; font-style:normal; font-weight:900; }
.goal-person-v229 b { overflow:hidden; color:#172033; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.goal-person-v229 small { overflow:hidden; color:#64748b; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }

.waiting-work-v229 { overflow:hidden; border:1px solid #fed7aa; border-radius:22px; background:#fff; box-shadow:0 12px 30px rgba(154,52,18,.08); }
.waiting-work-v229 > header { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:18px 20px; background:linear-gradient(115deg,#fff7ed,#ffedd5); }
.waiting-work-v229 header small { color:#c2410c; font-size:10px; font-weight:900; letter-spacing:.12em; }
.waiting-work-v229 header h2 { margin:3px 0; color:#7c2d12; font-size:24px; }
.waiting-work-v229 header p { margin:0; color:#9a3412; font-size:13px; }
.waiting-work-v229 header > b { border-radius:999px; padding:8px 13px; background:#fff; color:#c2410c; }
.waiting-table-v229 { display:grid; }
.waiting-table-v229 > article { display:grid; grid-template-columns:minmax(230px,1fr) 190px 160px; align-items:center; gap:14px; padding:12px 18px; border-top:1px solid #ffedd5; }
.waiting-state-v229 { color:#ea580c; font-size:13px; font-weight:900; }
.waiting-table-v229 button { min-height:40px; border:0; border-radius:11px; background:#ffedd5; color:#9a3412; font-weight:900; cursor:pointer; }

.goal-assign-dialog-v229 { width:min(620px,calc(100vw - 24px)); border:0; border-radius:24px; padding:0; }
.goal-assign-dialog-v229::backdrop { background:rgba(15,23,42,.62); backdrop-filter:blur(5px); }
.goal-assign-dialog-v229 .dialog-title { background:linear-gradient(120deg,#4c1d95,#7c3aed); color:#fff; }
.goal-assign-dialog-v229 [data-close] { border:0; border-radius:50%; background:#dc2626; color:#fff; cursor:pointer; }

.goal-target-grid-v229 { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:14px; }
.goal-target-grid-v229 article { padding:18px; border:1px solid #fed7aa; border-radius:18px; background:#fff; }
.goal-target-grid-v229 article > small { color:#c2410c; font-weight:900; }
.goal-target-grid-v229 h3 { margin:8px 0; font-size:28px; }
.goal-target-grid-v229 form { display:flex; gap:8px; margin-top:13px; }
.goal-target-grid-v229 input { min-width:0; flex:1; border:1px solid #fdba74; border-radius:10px; padding:9px; }
.goal-target-grid-v229 button { border:0; border-radius:10px; padding:9px 14px; background:#f97316; color:#fff; font-weight:900; }

@media(max-width:1050px){
  .goal-task-row-v229 { grid-template-columns:minmax(240px,1.3fr) 1fr 150px; }
  .goal-task-row-v229 .goal-person-v229 { grid-column:1 / 3; }
}
@media(max-width:760px){
  .goal-stats-v229 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .goal-filter-v229,.goal-task-row-v229,.waiting-table-v229 > article { grid-template-columns:1fr; }
  .goal-task-row-v229 .goal-person-v229 { grid-column:auto; }
  .goals-hero-v229,.waiting-work-v229 > header { align-items:flex-start; flex-direction:column; }
}

/* settings-v234.css */
/* V234: compact settings hub, notification control and MD employee access matrix. */
#notificationControl { display: none !important; }

.settings-tabs-v234 {
  display: grid;
  grid-template-columns: repeat(2, minmax(260px, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.settings-tabs-v234 button {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: center;
  gap: 13px;
  min-height: 102px;
  padding: 14px 17px;
  border: 3px solid transparent;
  border-radius: 22px;
  color: #fff;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 14px 28px rgba(15, 23, 42, .18), inset 0 -5px 0 rgba(255, 255, 255, .14);
}

.settings-tabs-v234 button:first-child { background: linear-gradient(135deg, #9f1239, #e11d48 52%, #f97316); }
.settings-tabs-v234 button:last-child { background: linear-gradient(135deg, #1e3a8a, #2563eb 52%, #06b6d4); }
.settings-tabs-v234 button.active { border-color: #fef08a; box-shadow: 0 0 0 4px rgba(250, 204, 21, .25), 0 16px 30px rgba(15, 23, 42, .22); }
.settings-tabs-v234 button > span { display: grid; place-items: center; width: 58px; height: 58px; border: 1px solid rgba(255,255,255,.45); border-radius: 18px; background: rgba(255,255,255,.17); font-size: 31px; }
.settings-tabs-v234 button > div { display: grid; gap: 2px; min-width: 0; }
.settings-tabs-v234 small { color: #fef3c7; font-size: 9px; font-weight: 900; letter-spacing: .13em; }
.settings-tabs-v234 b { font: 800 clamp(22px, 2.1vw, 31px)/1.05 "Trebuchet MS", "Segoe UI", sans-serif; }
.settings-tabs-v234 em { overflow: hidden; color: rgba(255,255,255,.9); font-size: 11px; font-style: normal; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }

.notification-settings-v234,
.access-control-v234 {
  padding: 20px;
  border: 1px solid #cbd5e1;
  border-radius: 25px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 18px 38px rgba(15, 23, 42, .1);
}

.notification-settings-v234 > header,
.access-control-v234 > header { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.notification-settings-v234 header small,
.access-control-v234 header small { color: #047857; font-size: 10px; font-weight: 900; letter-spacing: .14em; }
.notification-settings-v234 h2,
.access-control-v234 h2 { margin: 4px 0; font: 850 clamp(27px, 3vw, 42px)/1 "Trebuchet MS", "Segoe UI", sans-serif; color: #102a23; }
.notification-settings-v234 p,
.access-control-v234 p { margin: 0; color: #64748b; }
.notification-status-v234,
.access-control-v234 > header > b { padding: 10px 15px; border-radius: 999px; background: #dcfce7; color: #166534; font-size: 12px; font-weight: 900; }
.notification-status-v234.is-denied { background: #fee2e2; color: #b91c1c; }
.notification-status-v234.is-default,
.notification-status-v234.is-unsupported { background: #fef3c7; color: #92400e; }

#notificationPreferencesV234 { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 13px; }
#notificationPreferencesV234 > label { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 16px; padding: 17px; border: 1px solid #fecdd3; border-radius: 18px; background: linear-gradient(135deg, #fff1f2, #fff7ed); }
#notificationPreferencesV234 label > span { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 1px 9px; align-items: center; font-size: 25px; }
#notificationPreferencesV234 label b { color: #881337; font-size: 15px; }
#notificationPreferencesV234 label small { grid-column: 2; color: #7c2d12; font-size: 11px; }
#notificationPreferencesV234 input[type="checkbox"],
.access-feature-grid-v234 input[type="checkbox"] { width: 24px; height: 24px; accent-color: #16a34a; cursor: pointer; }
.notification-actions-v234 { grid-column: 1/-1; display: flex; flex-wrap: wrap; gap: 10px; padding-top: 5px; }
.notification-actions-v234 button { min-height: 43px; border-radius: 12px; }
.notification-actions-v234 .save { margin-left: auto; background: #166534; }
.notification-help-v234 { margin-top: 14px !important; padding: 13px; border-radius: 13px; background: #fff1f2; color: #be123c !important; font-weight: 700; }

.access-employee-list-v234 { display: grid; gap: 16px; }
.access-employee-card-v234 { overflow: hidden; border: 1px solid #bfdbfe; border-radius: 21px; background: #f8fbff; }
.access-employee-card-v234 > header { display: grid; grid-template-columns: 50px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 13px 15px; background: linear-gradient(135deg, #dbeafe, #ecfeff); }
.access-employee-card-v234 .avatar { width: 48px; height: 48px; border-radius: 50%; }
.access-employee-card-v234 header > div { display: grid; gap: 2px; min-width: 0; }
.access-employee-card-v234 header b { color: #0f172a; font-size: 17px; }
.access-employee-card-v234 header small,
.access-employee-card-v234 header em { overflow: hidden; color: #475569; font-size: 11px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.access-employee-card-v234 header button { min-width: 110px; padding: 10px 14px; border: 0; border-radius: 11px; background: #1d4ed8; color: #fff; font-weight: 900; cursor: pointer; }
.access-feature-grid-v234 { display: grid; grid-template-columns: repeat(5, minmax(150px,1fr)); gap: 9px; padding: 13px; }
.access-feature-grid-v234 label { display: grid; grid-template-columns: 33px minmax(0,1fr) auto; align-items: center; gap: 8px; min-height: 66px; padding: 9px; border: 1px solid #e2e8f0; border-radius: 14px; background: #fff; opacity: .65; cursor: pointer; }
.access-feature-grid-v234 label.enabled { border-color: #86efac; background: #f0fdf4; opacity: 1; box-shadow: inset 4px 0 #22c55e; }
.access-feature-grid-v234 label > span { font-size: 23px; }
.access-feature-grid-v234 label > div { display: grid; min-width: 0; }
.access-feature-grid-v234 label b { color: #0f172a; font-size: 12px; }
.access-feature-grid-v234 label small { overflow: hidden; color: #64748b; font-size: 9px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 1100px) {
  .access-feature-grid-v234 { grid-template-columns: repeat(3, minmax(170px,1fr)); }
}

@media (max-width: 700px) {
  .settings-tabs-v234 { grid-template-columns: 1fr; }
  .settings-tabs-v234 button { min-height: 88px; }
  #notificationPreferencesV234 { grid-template-columns: 1fr; }
  .notification-settings-v234 > header,
  .access-control-v234 > header { align-items: flex-start; flex-direction: column; }
  .access-feature-grid-v234 { grid-template-columns: 1fr; }
  .access-employee-card-v234 > header { grid-template-columns: 46px minmax(0,1fr); }
  .access-employee-card-v234 header button { grid-column: 1/-1; width: 100%; }
  .notification-actions-v234 .save { margin-left: 0; }
}

/* V280: employee-owned profile and DP settings. */
.employee-profile-settings-v280{overflow:hidden;border:1px solid #bcd8cd;border-radius:18px;background:#f8fcfa;box-shadow:0 12px 30px #173f3514}.employee-profile-settings-v280>header{display:flex;align-items:center;gap:14px;padding:16px;background:linear-gradient(135deg,#123f35,#17664f);color:#fff}.employee-profile-settings-v280>header>div:nth-child(2){min-width:0;flex:1}.employee-profile-settings-v280 small,.employee-profile-settings-v280 h2,.employee-profile-settings-v280 p{display:block;margin:0}.employee-profile-settings-v280 h2{margin:2px 0;font-size:23px}.employee-profile-settings-v280 p{font-size:10px;opacity:.8}.employee-profile-settings-v280>header>label{padding:9px 12px;border-radius:10px;background:#d7ff45;color:#173f35;font-size:11px;font-weight:900;cursor:pointer}.employee-profile-photo-v280{display:grid;width:72px;height:72px;flex:0 0 72px;place-items:center;overflow:hidden;border:3px solid #fff;border-radius:50%;background:#e8fff4;color:#173f35;font-size:26px}.employee-profile-photo-v280 img{width:100%;height:100%;object-fit:cover}.employee-profile-settings-v280 form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px}.employee-profile-settings-v280 form label{display:grid;gap:5px;color:#315c4d;font-size:10px;font-weight:850}.employee-profile-settings-v280 input,.employee-profile-settings-v280 textarea{width:100%;box-sizing:border-box;border:1px solid #c6d9d1;border-radius:9px;padding:10px;background:#fff;color:#183a2f}.employee-profile-settings-v280 textarea{min-height:80px;resize:vertical}.employee-profile-settings-v280 .wide{grid-column:1/-1}.employee-profile-settings-v280 button.wide{min-height:42px}
@media(max-width:650px){.employee-profile-settings-v280>header{display:grid;grid-template-columns:54px 1fr;padding:10px;gap:9px}.employee-profile-photo-v280{width:54px;height:54px;flex-basis:54px}.employee-profile-settings-v280>header>label{grid-column:1/-1;text-align:center;padding:7px}.employee-profile-settings-v280 form{grid-template-columns:1fr 1fr;gap:7px;padding:10px}.employee-profile-settings-v280 form label.wide,.employee-profile-settings-v280 form button.wide{grid-column:1/-1}.employee-profile-settings-v280 input,.employee-profile-settings-v280 textarea{padding:8px}}

/* V281: face-focused DP guide and crop editor. */
.employee-profile-dp-v281{display:grid;grid-template-columns:64px minmax(0,1fr) 76px auto;align-items:center;gap:12px;margin:0 0 12px;padding:11px;border:1px solid #b7d7ca;border-radius:16px;background:linear-gradient(135deg,#effbf5,#f8fff0)}.employee-profile-dp-photo-v281{display:grid;width:62px;height:62px;place-items:center;overflow:hidden;border:3px solid #15966b;border-radius:50%;background:#fff;font-size:24px}.employee-profile-dp-photo-v281 img{width:100%;height:100%;object-fit:cover}.employee-profile-dp-v281 small,.employee-profile-dp-v281 h3,.employee-profile-dp-v281 p{display:block;margin:0}.employee-profile-dp-v281 h3{margin:2px 0}.employee-profile-dp-v281 p{font-size:10px;color:#5c7168}.employee-dp-guide-v281{width:70px;height:70px;border-radius:12px;object-fit:cover}.employee-profile-dp-v281>label{padding:9px 11px;border-radius:9px;background:#d7ff45;color:#173f35;font-size:10px;font-weight:900;cursor:pointer}.dp-editor-v281{width:min(760px,calc(100vw - 20px));max-height:calc(100vh - 20px);padding:0;border:0;border-radius:20px;background:#fff}.dp-editor-v281::backdrop{background:#071f19b8;backdrop-filter:blur(5px)}.dp-editor-v281>section>header,.dp-editor-v281>section>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 15px}.dp-editor-v281>section>header{background:#123f35;color:#fff}.dp-editor-v281 h2,.dp-editor-v281 small{display:block;margin:0}.dp-editor-v281>section>header button{width:34px;height:34px;border:0;border-radius:50%;background:#e92f39;color:#fff;font-size:22px}.dp-editor-layout-v281{display:grid;grid-template-columns:220px 1fr;gap:15px;padding:15px}.dp-editor-layout-v281 aside{padding:10px;border-radius:14px;background:#eff9f3}.dp-editor-layout-v281 aside img{width:100%;border-radius:12px}.dp-editor-layout-v281 aside b{display:block;margin:6px 0}.dp-editor-layout-v281 aside ul{margin:0;padding-left:18px;color:#4c665c;font-size:11px}.dp-editor-layout-v281 main{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dp-editor-layout-v281 canvas{grid-column:1/-1;width:min(100%,360px);margin:auto;border-radius:14px;background:#ddd}.dp-editor-layout-v281 main label{display:grid;gap:3px;font-size:10px;font-weight:800}.dp-confirm-v281{grid-column:1/-1!important;display:flex!important;align-items:center!important;padding:9px;border-radius:9px;background:#fff6c8}.dp-editor-v281 footer{border-top:1px solid #dbe6e1}.dp-editor-v281 footer button{padding:9px 13px;border-radius:9px}
@media(max-width:650px){.employee-profile-dp-v281{grid-template-columns:50px 1fr auto;gap:7px}.employee-profile-dp-photo-v281{width:48px;height:48px}.employee-dp-guide-v281{width:48px;height:48px}.employee-profile-dp-v281>label{grid-column:1/-1;text-align:center}.dp-editor-v281{overflow:auto}.dp-editor-layout-v281{grid-template-columns:1fr;padding:10px}.dp-editor-layout-v281 aside{display:grid;grid-template-columns:84px 1fr;gap:8px}.dp-editor-layout-v281 aside img{grid-row:1/4}.dp-editor-layout-v281 aside ul{font-size:9px}.dp-editor-layout-v281 main{grid-template-columns:1fr}.dp-editor-layout-v281 main label,.dp-confirm-v281{grid-column:1!important}}

/* rules-images-v235.css */
.rule-section-content-v235{
  display:grid!important;
  grid-template-columns:minmax(210px,28%) minmax(0,1fr)!important;
  gap:1px;
  background:#dfe9e4;
}

.rule-topic-image-v235{
  position:relative;
  min-height:220px;
  margin:0;
  overflow:hidden;
  background:#eef4f1;
}

.rule-topic-image-v235 img{
  width:100%;
  height:100%;
  min-height:220px;
  display:block;
  object-fit:contain;
  object-position:center;
  padding:10px;
  transition:transform .28s ease;
}

.rule-topic-image-v235:hover img{transform:none}

.rule-topic-image-v235 figcaption{
  position:absolute;
  left:12px;
  right:12px;
  bottom:12px;
  padding:8px 10px;
  border:1px solid #ffffff8f;
  border-radius:10px;
  background:#102d25d9;
  color:#fff;
  font-size:11px;
  font-weight:900;
  line-height:1.25;
  text-align:center;
  backdrop-filter:blur(5px);
}

.rule-items-v235{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:#dfe9e4;
}

.rule-items-v235 article{min-width:0}

@media(max-width:850px){
  .rule-section-content-v235{grid-template-columns:1fr!important}
  .rule-topic-image-v235,.rule-topic-image-v235 img{min-height:190px;max-height:250px}
}

@media(max-width:700px){
  .rule-items-v235{grid-template-columns:1fr}
}

/* access-selector-v236.css */
.access-selector-v236{min-height:520px}
.access-channel-control-v309{margin:18px;padding:16px;border:1px solid #b9d9cc;border-radius:16px;background:#f4fbf8}.access-channel-control-v309>header{margin-bottom:12px}.access-channel-control-v309>header b,.access-channel-control-v309>header small{display:block}.access-channel-control-v309>header b{color:#145d48;font-size:15px}.access-channel-control-v309>header small{margin-top:4px;color:#657b73;font-size:10px}.access-channel-control-v309>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:9px}.access-channel-control-v309 label{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #c9ddd5;border-radius:11px;background:#fff;cursor:pointer}.access-channel-control-v309 label:has(input:checked){border-color:#16835f;background:#e8fff5;box-shadow:inset 4px 0 #16835f}.access-channel-control-v309 input{width:18px;height:18px;accent-color:#16835f}.access-channel-control-v309 span{display:flex;align-items:center;gap:7px;color:#194d3e;font-size:12px}

.access-picker-v236{
  display:grid;
  grid-template-columns:minmax(240px,.6fr) minmax(320px,1.4fr);
  align-items:center;
  gap:18px;
  padding:18px;
  border:1px solid #93c5fd;
  border-radius:20px;
  background:linear-gradient(135deg,#eff6ff,#ecfeff);
  box-shadow:inset 5px 0 #2563eb;
}

.access-picker-v236>label{display:flex;align-items:center;gap:12px}
.access-picker-v236>label>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#1d4ed8;color:#fff;font-size:25px;box-shadow:0 8px 16px #1d4ed833}
.access-picker-v236>label>div{display:grid;gap:3px}
.access-picker-v236>label b{color:#0f172a;font-size:17px}
.access-picker-v236>label small{color:#475569;font-size:11px}
.access-picker-v236 select{width:100%;min-height:52px;padding:0 15px;border:2px solid #60a5fa;border-radius:14px;background:#fff;color:#0f172a;font-size:15px;font-weight:800;cursor:pointer;outline:none}
.access-picker-v236 select:focus{border-color:#1d4ed8;box-shadow:0 0 0 4px #60a5fa35}

.access-selected-workspace-v236{margin-top:18px}
.access-select-empty-v236{display:grid;place-items:center;min-height:270px;padding:25px;border:2px dashed #bfdbfe;border-radius:21px;background:#f8fbff;text-align:center}
.access-select-empty-v236>span{font-size:42px}
.access-select-empty-v236>b{margin-top:8px;color:#1e3a8a;font-size:20px}
.access-select-empty-v236>p{margin:4px 0 0;color:#64748b}

.access-single-card-v236{box-shadow:0 15px 32px #1e3a8a18}
.access-single-card-v236>header{grid-template-columns:50px minmax(0,1fr) auto}
.access-bulk-actions-v236{display:flex!important;grid-auto-flow:unset!important;gap:8px!important;align-items:center}
.access-bulk-actions-v236 button{min-width:auto!important;padding:10px 13px!important;background:#dbeafe!important;color:#1e3a8a!important}
.access-bulk-actions-v236 button[data-access-none]{background:#f1f5f9!important;color:#475569!important}
.access-bulk-actions-v236 button[type="submit"]{min-width:112px!important;background:#1d4ed8!important;color:#fff!important}

@media(max-width:850px){
  .access-picker-v236{grid-template-columns:1fr}
  .access-single-card-v236>header{grid-template-columns:46px minmax(0,1fr)}
  .access-bulk-actions-v236{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(3,1fr)!important}
}

@media(max-width:560px){
  .access-picker-v236{padding:14px}
  .access-picker-v236 select{font-size:13px}
  .access-bulk-actions-v236{grid-template-columns:1fr!important}
}

/* access-states-v237.css */
.access-waiting-avatar-v237{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e2e8f0;font-size:25px}

.access-feature-grid-v237{grid-template-columns:repeat(5,minmax(165px,1fr))}
.access-feature-state-v237{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:9px;
  min-height:92px;
  padding:10px;
  border:2px solid #cbd5e1;
  border-radius:15px;
  background:#fff;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.access-feature-state-v237>span{font-size:24px}
.access-feature-state-v237>div{display:grid;min-width:0}
.access-feature-state-v237>div b{color:#0f172a;font-size:12px}
.access-feature-state-v237>div small{overflow:hidden;color:#64748b;font-size:9px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.access-feature-state-v237>button{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:100%;
  min-height:34px;
  padding:6px 8px;
  border:0;
  border-radius:10px;
  color:#fff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
  cursor:pointer;
}
.access-feature-state-v237>button i{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px #ffffff55}
.access-feature-state-v237.is-enabled{border-color:#22c55e;background:#f0fdf4;box-shadow:inset 4px 0 #16a34a}
.access-feature-state-v237.is-enabled>button{background:linear-gradient(135deg,#15803d,#22c55e)}
.access-feature-state-v237.is-disabled{border-color:#f87171;background:#fff1f2;box-shadow:inset 4px 0 #dc2626}
.access-feature-state-v237.is-disabled>button{background:linear-gradient(135deg,#b91c1c,#ef4444)}
.access-feature-state-v237.is-unselected{border-color:#cbd5e1;background:#f8fafc;opacity:.72}
.access-feature-state-v237.is-unselected>button{background:#94a3b8;cursor:not-allowed}
.access-state-card-v237 button:disabled{cursor:not-allowed;opacity:.62}

@media(max-width:1200px){.access-feature-grid-v237{grid-template-columns:repeat(3,minmax(170px,1fr))}}
@media(max-width:760px){.access-feature-grid-v237{grid-template-columns:repeat(2,minmax(145px,1fr))}}
@media(max-width:500px){.access-feature-grid-v237{grid-template-columns:1fr}}

/* portal-branding-v238.css */
.portal-brand-v238{gap:11px!important;padding:2px 4px 22px!important}
.portal-brand-logo-v238,.portal-brand-v238>.mark{flex:0 0 auto;width:48px!important;height:48px!important;border:3px solid #d9f36b;border-radius:15px!important;object-fit:cover;box-shadow:0 8px 20px #0005}
.portal-brand-copy-v238{display:grid;gap:3px;min-width:0}
.portal-brand-copy-v238>b{font:900 21px/1 "Trebuchet MS","Segoe UI",sans-serif;letter-spacing:-.04em;background:linear-gradient(90deg,#d9f36b,#5eead4 48%,#fda4af);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 5px #0007)}
.portal-brand-copy-v238>small{color:#d1fae5;font-size:8px;font-weight:900;letter-spacing:.18em;white-space:nowrap}

.side nav{gap:7px}
.side nav>button{position:relative;overflow:hidden;border:1px solid #ffffff18;border-left:5px solid var(--nav-tone,#22c55e);background:linear-gradient(90deg,color-mix(in srgb,var(--nav-tone,#22c55e) 28%,#123d30),#123d30 78%);color:#edfdf5!important;font-weight:850;box-shadow:0 5px 12px #071f181f;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.side nav>button:hover{transform:translateX(4px);filter:brightness(1.14)}
.side nav>button.active{background:linear-gradient(90deg,var(--nav-tone,#22c55e),color-mix(in srgb,var(--nav-tone,#22c55e) 38%,#123d30));box-shadow:0 8px 18px color-mix(in srgb,var(--nav-tone,#22c55e) 35%,transparent);color:#fff!important}
.side nav>button:nth-child(8n+1){--nav-tone:#22c55e}.side nav>button:nth-child(8n+2){--nav-tone:#8b5cf6}.side nav>button:nth-child(8n+3){--nav-tone:#3b82f6}.side nav>button:nth-child(8n+4){--nav-tone:#f59e0b}.side nav>button:nth-child(8n+5){--nav-tone:#ef4444}.side nav>button:nth-child(8n+6){--nav-tone:#06b6d4}.side nav>button:nth-child(8n+7){--nav-tone:#ec4899}.side nav>button:nth-child(8n){--nav-tone:#84cc16}
.side nav>button[data-view="overview"]{--nav-tone:#22c55e}.side nav>button[data-view="projects"]{--nav-tone:#8b5cf6}.side nav>button[data-view="employees"]{--nav-tone:#3b82f6}.side nav>button[data-view="finance"]{--nav-tone:#f59e0b}.side nav>button[data-view="settings"]{--nav-tone:#64748b;margin-top:10px}

.settings-tabs-v234{grid-template-columns:repeat(3,minmax(220px,1fr))}
.settings-tabs-v234 button[data-settings-mode="notifications"]{background:linear-gradient(135deg,#9f1239,#e11d48 52%,#f97316)}
.settings-tabs-v234 button[data-settings-mode="access"]{background:linear-gradient(135deg,#1e3a8a,#2563eb 52%,#06b6d4)}
.settings-tabs-v234 button[data-settings-mode="branding"]{background:linear-gradient(135deg,#4c1d95,#7c3aed 48%,#ec4899)}

.portal-branding-settings-v238{padding:22px;border:1px solid #c4b5fd;border-radius:25px;background:#fff;box-shadow:0 18px 38px #4c1d9518}
.portal-branding-settings-v238>header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.portal-branding-settings-v238>header small{color:#7c3aed;font-size:10px;font-weight:900;letter-spacing:.14em}
.portal-branding-settings-v238>header h2{margin:5px 0;font:850 clamp(26px,3vw,40px)/1 "Trebuchet MS","Segoe UI",sans-serif;color:#241044}
.portal-branding-settings-v238>header p{margin:0;color:#64748b}
.portal-branding-settings-v238>header>span{padding:10px 14px;border-radius:999px;background:#ede9fe;color:#6d28d9;font-weight:900}
#portalBrandingFormV238{display:grid;grid-template-columns:150px minmax(200px,.7fr) minmax(280px,1.3fr);align-items:center;gap:18px;padding:20px;border:1px solid #ddd6fe;border-radius:20px;background:linear-gradient(135deg,#faf5ff,#eff6ff)}
.portal-logo-preview-v238{display:grid;place-items:center;width:138px;height:138px;overflow:hidden;border:5px solid #fff;border-radius:28px;background:#173d2e;box-shadow:0 13px 28px #312e8150}
.portal-logo-preview-v238 img{width:100%;height:100%;object-fit:cover}.portal-logo-preview-v238 b{color:#d9f36b;font-size:32px}
.portal-brand-preview-v238 small{color:#7c3aed;font-size:9px;font-weight:900;letter-spacing:.16em}.portal-brand-preview-v238 h3{margin:5px 0;font:900 32px/1 "Trebuchet MS",sans-serif;background:linear-gradient(90deg,#65a30d,#0891b2,#db2777);-webkit-background-clip:text;background-clip:text;color:transparent}.portal-brand-preview-v238 p{margin:0;color:#475569;font-size:10px;font-weight:900;letter-spacing:.2em}
.portal-logo-file-v238{display:grid;gap:8px;padding:16px;border:2px dashed #a78bfa;border-radius:15px;background:#fff;color:#4c1d95;font-weight:900;cursor:pointer}.portal-logo-file-v238 input{width:100%}.portal-logo-file-v238 small{color:#64748b;font-size:10px;font-weight:600}
.portal-brand-actions-v238{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px}.portal-brand-actions-v238 button{min-height:44px}.portal-brand-actions-v238 .primary{background:#7c3aed;color:#fff}

@media(max-width:1050px){.settings-tabs-v234{grid-template-columns:1fr}.portal-branding-settings-v238 #portalBrandingFormV238{grid-template-columns:140px 1fr}.portal-logo-file-v238{grid-column:1/-1}}
@media(max-width:620px){#portalBrandingFormV238{grid-template-columns:1fr}.portal-logo-preview-v238{margin:auto}.portal-brand-preview-v238{text-align:center}.portal-logo-file-v238{grid-column:auto}.portal-brand-actions-v238{grid-column:auto;display:grid}.portal-branding-settings-v238>header{align-items:flex-start;flex-direction:column}}

/* project-id-release-v239.css */
.stage-project-entry-v225 .release-project-tools-v232,
.final-bank-row-v231 .release-project-tools-v232 {
  display: block;
  min-width: 0;
  padding: 0 3px 4px;
  overflow: hidden;
}

.stage-project-entry-v225 .project-platform-checklist-v225.compact,
.final-bank-row-v231 .project-platform-checklist-v225.compact {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
  width: 100%;
  margin: 5px 0 0;
  padding: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}

.stage-project-entry-v225 .project-platform-toggle-v225,
.final-bank-row-v231 .project-platform-toggle-v225 {
  flex: 0 0 auto;
}

.stage-project-entry-v225 [data-content-draft-v232],
.final-bank-row-v231 [data-content-draft-v232] {
  display: none !important;
}

.attendance-row-v134 {
  grid-template-columns: 48px minmax(190px,1.55fr) minmax(100px,.8fr) minmax(78px,.65fr) minmax(78px,.65fr) minmax(76px,.55fr) !important;
  min-width: 820px;
}

.attendance-serial-v239 {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: linear-gradient(145deg,#173d2e,#0f766e);
  color: #fff;
  font: 900 13px/1 system-ui,sans-serif;
  box-shadow: 0 3px 9px rgba(15,118,110,.2);
}

/* overview-compact-v241.css */
.overview-compact-mode-v241{padding-block:22px!important}.overview-compact-mode-v241>.header{margin-bottom:14px!important}.overview-compact-dashboard-v241{display:grid;gap:14px}.overview-status-strip-v241{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.overview-status-strip-v241 article{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:62px;padding:10px 16px;border:1px solid #d9e6de;border-radius:16px;background:#fff;box-shadow:0 7px 20px #173d2e0d}.overview-status-strip-v241 span{font-size:11px;font-weight:850;color:#587064}.overview-status-strip-v241 b{font-size:25px;color:#153f2f}.overview-status-strip-v241 .present{background:#ddf7e7;border-color:#8ed3a8}.overview-status-strip-v241 .checked-out{background:#ffe0e0;border-color:#eea0a0}.overview-status-strip-v241 .waiting{background:#fff4c5;border-color:#efd873}.overview-people-panel-v241{padding:14px;border:1px solid #d7e4dc;border-radius:20px;background:#fffefa;box-shadow:0 14px 38px #173d2e0e}.overview-people-panel-v241>header{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:12px}.overview-people-panel-v241 h2{margin:2px 0 0;font-size:clamp(22px,2.2vw,32px);font-family:Georgia,'Times New Roman',serif}.overview-people-panel-v241 header small{color:#14714d;font-weight:900;letter-spacing:.14em}.overview-people-panel-v241 header p{display:flex;align-items:center;gap:6px;margin:0;color:#64756c;font-size:10px;font-weight:800}.overview-people-panel-v241 header i{width:9px;height:9px;border-radius:50%}.overview-people-panel-v241 header i.present{background:#1fa866}.overview-people-panel-v241 header i.checked-out{background:#e43e49}.overview-people-panel-v241 header i.waiting{background:#e8b72c}.overview-people-grid-v241{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:9px}.overview-person-tile-v241{display:grid;grid-template-columns:43px minmax(0,1fr);align-items:center;gap:9px;min-width:0;min-height:72px;padding:9px;border:1px solid transparent;border-radius:15px;text-align:left;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.overview-person-tile-v241:hover{transform:translateY(-2px);filter:saturate(1.06);box-shadow:0 9px 20px #173d2e1a}.overview-person-tile-v241 .avatar{width:43px!important;height:43px!important;min-width:43px!important}.overview-person-tile-v241 span{display:grid;min-width:0;gap:3px}.overview-person-tile-v241 b{overflow:hidden;font-size:12px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.overview-person-tile-v241 small{font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.overview-person-tile-v241.is-present{background:linear-gradient(135deg,#1e9d5e,#39bc7c);color:#fff;border-color:#12874c}.overview-person-tile-v241.is-checked-out{background:linear-gradient(135deg,#dd3342,#f06469);color:#fff;border-color:#c72734}.overview-person-tile-v241.is-waiting{background:linear-gradient(135deg,#fff7d5,#ffe485);color:#55420c;border-color:#e9c64a}.overview-employee-dialog-v241{width:min(780px,calc(100vw - 24px));max-height:92vh;padding:0;border:0;border-radius:24px;background:#fff;box-shadow:0 35px 100px #071f176e;overflow:auto}.overview-employee-dialog-v241::backdrop{background:#071f1788;backdrop-filter:blur(5px)}.overview-employee-popup-v241>header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:19px 22px;color:#fff}.overview-employee-popup-v241>header.is-present{background:linear-gradient(135deg,#168e52,#38b979)}.overview-employee-popup-v241>header.is-checked-out{background:linear-gradient(135deg,#c92937,#ed5961)}.overview-employee-popup-v241>header.is-waiting{background:linear-gradient(135deg,#e9b92c,#ffd963);color:#493708}.overview-employee-popup-v241>header .avatar{width:64px!important;height:64px!important;min-width:64px!important}.overview-employee-popup-v241>header small{font-size:9px;font-weight:900;letter-spacing:.15em}.overview-employee-popup-v241>header h2{margin:2px 0;font-size:27px}.overview-employee-popup-v241>header p{margin:0;font-weight:800;opacity:.82}.overview-employee-popup-v241>header button{width:40px;height:40px;border:0;border-radius:50%;background:#c92837;color:#fff;font-size:24px;cursor:pointer}.overview-employee-kpis-v241{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:17px 20px 10px}.overview-employee-kpis-v241 article{display:grid;gap:3px;padding:13px;border:1px solid #dce8e0;border-radius:14px;background:#f7fbf8}.overview-employee-kpis-v241 span,.overview-employee-kpis-v241 small{font-size:9px;color:#687970;font-weight:800}.overview-employee-kpis-v241 b{font-size:21px;color:#173f30}.overview-current-work-v241{margin:8px 20px;padding:14px;border:1px solid #dbe8e0;border-radius:16px;background:#fffdfa}.overview-popup-title-v241{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.overview-popup-title-v241 small{color:#277354;font-size:9px;font-weight:900;letter-spacing:.12em}.overview-popup-title-v241 h3{margin:2px 0}.overview-popup-title-v241>span{padding:5px 9px;border-radius:99px;background:#e2f5e9;color:#17603c;font-size:10px;font-weight:900}.overview-current-work-v241>article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid #e3ebe6}.overview-current-work-v241 article div{display:grid;gap:3px;min-width:0}.overview-current-work-v241 article b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-current-work-v241 article small{color:#687970}.overview-task-state-v241{flex:0 0 auto;padding:5px 8px;border-radius:99px;background:#fff0bd;color:#775500;font-size:9px;font-weight:900}.overview-no-work-v241{padding:18px;border-radius:12px;background:#f0f5f2;color:#697970;text-align:center}.overview-employee-popup-v241>footer{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:10px;margin-top:14px;padding:14px 20px;background:#eff6f2}.overview-employee-popup-v241>footer div{display:grid;gap:2px}.overview-employee-popup-v241>footer span{font-size:9px;color:#6a7a71;font-weight:900;text-transform:uppercase}.overview-employee-popup-v241>footer button{min-height:42px;padding:0 18px;border:0;border-radius:12px;background:#143f30;color:#fff;font-weight:900;cursor:pointer}.youtube-blank-v241{min-height:calc(100vh - 210px);border:1px dashed #d7e3dc;border-radius:20px;background:linear-gradient(145deg,#fff,#f8fbf9)}#employeeCards{align-items:stretch!important;grid-auto-rows:1fr!important}#employeeCards .employee-detail-card{height:100%!important;min-height:260px!important;box-sizing:border-box!important}#employeeCards .employee-card-head{height:100%!important;align-content:start!important}#employeeCards .employee-detail-card .employee-chips{display:none!important}#employeeCards .employee-card-actions{margin-top:auto!important}#employeeCards .employee-name-text{max-width:100%!important}@media(max-width:900px){.overview-people-grid-v241{grid-template-columns:repeat(4,minmax(0,1fr))}.overview-employee-kpis-v241{grid-template-columns:1fr 1fr}}@media(max-width:650px){.overview-status-strip-v241{grid-template-columns:1fr 1fr}.overview-people-panel-v241>header{align-items:flex-start;flex-direction:column}.overview-people-grid-v241{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-employee-popup-v241>header{padding:15px}.overview-employee-kpis-v241{padding:13px}.overview-current-work-v241{margin-inline:13px}.overview-employee-popup-v241>footer{grid-template-columns:1fr 1fr}.overview-employee-popup-v241>footer button{grid-column:1/-1}.youtube-blank-v241{min-height:60vh}}

/* employee-cards-v243.css */
/* Final compact employee-card layout. */
.employee-cards-complete-v243 #employeeCards {
  align-items: start !important;
  grid-auto-rows: auto !important;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
  gap: 12px !important;
}

.employee-cards-complete-v243 #employeeCards .employee-detail-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 10px 10px !important;
  border: 1px solid color-mix(in srgb, var(--dept, #3d9b6c) 28%, #dce8e1) !important;
  border-top: 4px solid var(--dept, #3d9b6c) !important;
  border-radius: 15px !important;
  background: linear-gradient(160deg, color-mix(in srgb, var(--dept, #3d9b6c) 7%, #fff) 0%, #fff 56%, color-mix(in srgb, var(--dept, #3d9b6c) 5%, #f7fbf8) 100%) !important;
  box-shadow: 0 8px 22px rgba(18, 55, 42, .09) !important;
  overflow: hidden !important;
}

.employee-cards-complete-v243 #employeeCards .employee-card-head {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
}

.employee-cards-complete-v243 #employeeCards .employee-card-head > div {
  display: block !important;
}

.employee-cards-complete-v243 #employeeCards .employee-card-head h3 {
  display: flex !important;
  align-items: center !important;
  width: calc(100% + 20px) !important;
  max-width: none !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 -10px !important;
  padding: 7px 11px !important;
  border: 0 !important;
  border-bottom: 3px solid color-mix(in srgb, var(--dept, #3d9b6c) 58%, #08281a) !important;
  border-radius: 10px 10px 6px 6px !important;
  background: linear-gradient(105deg, color-mix(in srgb, var(--dept, #3d9b6c) 74%, #08281a), var(--dept, #3d9b6c)) !important;
  color: #fff !important;
  box-shadow: 0 4px 11px color-mix(in srgb, var(--dept, #3d9b6c) 25%, transparent) !important;
}

.employee-cards-complete-v243 #employeeCards .employee-card-head > div > small,
.employee-cards-complete-v243 #employeeCards .employee-card-head > .edit-user {
  display: none !important;
}

.employee-cards-complete-v243 #employeeCards .employee-name-text {
  height: auto !important;
  line-height: 21px !important;
}

.employee-cards-complete-v243 .employee-identity-v243 {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 66px;
  padding: 8px 9px;
  border: 1px solid color-mix(in srgb, var(--dept, #3d9b6c) 18%, #e1ebe5);
  border-radius: 12px;
  background: linear-gradient(135deg, #fff, color-mix(in srgb, var(--dept, #3d9b6c) 7%, #fff));
}

.employee-cards-complete-v243 .employee-identity-v243 .avatar {
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;
  margin: 0 !important;
  border: 3px solid #fff;
  box-shadow: 0 4px 12px rgba(18, 55, 42, .18);
}

.employee-cards-complete-v243 .employee-identity-meta-v243,
.employee-cards-complete-v243 .employee-card-summary {
  display: grid !important;
  gap: 3px !important;
  min-width: 0;
  margin: 0 !important;
}

.employee-cards-complete-v243 .employee-card-summary span {
  overflow: hidden;
  color: #4f665b !important;
  font-size: 9px !important;
  font-weight: 850;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.employee-cards-complete-v243 .employment-status {
  display: flex !important;
  align-items: center;
  gap: 5px;
  margin: 2px 0 0 !important;
  font-size: 9px;
}

.employee-cards-complete-v243 .employment-status b {
  color: #183f30;
  letter-spacing: .05em;
}

.employee-cards-complete-v243 .employee-pay-snapshot {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  width: 100% !important;
  margin: 0 !important;
}

.employee-cards-complete-v243 .employee-pay-snapshot span {
  display: grid !important;
  align-content: center;
  gap: 3px;
  min-width: 0 !important;
  min-height: 48px;
  padding: 6px !important;
  border: 1px solid color-mix(in srgb, var(--dept, #3d9b6c) 20%, #dce8e1) !important;
  border-radius: 10px !important;
  background: color-mix(in srgb, var(--dept, #3d9b6c) 7%, #fff) !important;
  text-align: center;
}

.employee-cards-complete-v243 .employee-pay-snapshot small {
  overflow: hidden;
  color: #687970;
  font-size: 7px;
  font-weight: 850;
  line-height: 1.2;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.employee-cards-complete-v243 .employee-pay-snapshot b {
  overflow: hidden;
  color: #173f30;
  font-size: 10px !important;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.employee-cards-complete-v243 .profile-completion {
  width: 100%;
  margin: 0 !important;
  padding: 7px 8px !important;
  border-radius: 10px !important;
}

.employee-cards-complete-v243 .profile-completion > small {
  display: none;
}

.employee-cards-complete-v243 .employee-card-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 7px !important;
  width: 100%;
  margin: 0 !important;
  margin-top: auto !important;
}

.employee-cards-complete-v243 .employee-card-actions button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 7px 8px !important;
  border: 1px solid color-mix(in srgb, var(--dept, #3d9b6c) 34%, #d7e6dd) !important;
  border-radius: 10px !important;
  background: color-mix(in srgb, var(--dept, #3d9b6c) 11%, #fff) !important;
  color: color-mix(in srgb, var(--dept, #3d9b6c) 78%, #102b20) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  white-space: nowrap;
}

.employee-cards-complete-v243 .employee-card-actions button:hover {
  background: var(--dept, #3d9b6c) !important;
  color: #fff !important;
}

.employee-cards-complete-v243 #employeeCards .employee-chips {
  display: none !important;
}

@media (max-width: 720px) {
  .employee-cards-complete-v243 #employeeCards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }
  .employee-cards-complete-v243 .employee-pay-snapshot {
    grid-template-columns: 1fr 1fr !important;
  }
  .employee-cards-complete-v243 .employee-pay-snapshot span:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 470px) {
  .employee-cards-complete-v243 #employeeCards {
    grid-template-columns: 1fr !important;
  }
}

/* employee-themes-v244.css */
/* Stable employee cards and employee-selectable colour themes. */
.employee-cards-stable-v244 #employeeCards .employee-detail-card,
.employee-cards-stable-v244 #employeeCards .employee-detail-card * {
  animation: none !important;
}

.employee-cards-stable-v244 #employeeCards .employee-detail-card {
  --dept: var(--employee-accent, #3d9b6c);
  border-color: color-mix(in srgb, var(--employee-accent, #3d9b6c) 34%, #d8e6de) !important;
  border-top-color: var(--employee-accent, #3d9b6c) !important;
  background: linear-gradient(155deg, var(--employee-soft, #effaf4), #fff 54%, var(--employee-soft, #effaf4)) !important;
  transition: box-shadow .14s ease, border-color .14s ease !important;
  transform: none !important;
}

.employee-cards-stable-v244 #employeeCards .employee-detail-card.dragging,
.employee-cards-stable-v244 #employeeCards .employee-detail-card.touch-dragging {
  transition: none !important;
}

.employee-cards-stable-v244 #employeeCards .employee-card-head {
  display: block !important;
  width: calc(100% + 20px) !important;
  margin: 0 -10px !important;
  padding: 0 !important;
}

.employee-cards-stable-v244 #employeeCards .employee-card-head > div {
  display: block !important;
  width: 100% !important;
}

.employee-cards-stable-v244 #employeeCards .employee-card-head h3 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 7px 8px 7px 12px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-bottom: 3px solid var(--employee-dark, #176344) !important;
  border-radius: 0 0 12px 12px !important;
  background: linear-gradient(105deg, var(--employee-dark, #176344), var(--employee-accent, #3d9b6c)) !important;
  color: #fff !important;
  box-shadow: 0 5px 13px color-mix(in srgb, var(--employee-accent, #3d9b6c) 28%, transparent) !important;
}

.employee-cards-stable-v244 #employeeCards .employee-name-text {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.employee-cards-stable-v244 #employeeCards .employee-chat-shortcut {
  flex: 0 0 30px !important;
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  margin-left: auto !important;
  padding: 0 0 3px !important;
  border: 1px solid rgba(255,255,255,.52) !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.18) !important;
  color: #fff !important;
  font-size: 22px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.employee-cards-stable-v244 #employeeCards .employee-chat-shortcut:hover,
.employee-cards-stable-v244 #employeeCards .employee-chat-shortcut:focus-visible {
  background: rgba(255,255,255,.34) !important;
  outline: 2px solid rgba(255,255,255,.55);
  outline-offset: 1px;
}

.employee-cards-stable-v244 #employeeCards .employee-identity-v243 {
  border-color: color-mix(in srgb, var(--employee-accent, #3d9b6c) 26%, #dce9e2) !important;
  background: linear-gradient(135deg, #fff, var(--employee-soft, #effaf4)) !important;
}

.employee-cards-stable-v244 #employeeCards .employee-identity-meta-v243 {
  display: grid !important;
  align-content: center !important;
  gap: 5px !important;
  min-width: 0 !important;
}

.employee-cards-stable-v244 #employeeCards .employee-card-summary {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 3px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.employee-cards-stable-v244 #employeeCards .employee-card-summary span {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 15px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  background: transparent !important;
  color: #425e51 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.employee-cards-stable-v244 #employeeCards .employee-card-summary span b {
  flex: 0 0 auto;
  color: var(--employee-dark, #176344) !important;
  font-size: 8px !important;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.employee-cards-stable-v244 #employeeCards .employment-status {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 1px 0 0 !important;
  padding: 3px 7px !important;
  border: 1px solid color-mix(in srgb, var(--employee-accent, #3d9b6c) 27%, #dce9e2) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--employee-soft, #effaf4) 72%, #fff) !important;
  color: var(--employee-dark, #176344) !important;
  font-size: 9px !important;
  line-height: 1 !important;
}

.employee-cards-stable-v244 #employeeCards .employment-status b {
  color: inherit !important;
  font-size: 9px !important;
  white-space: nowrap;
}

.employee-cards-stable-v244 #employeeCards .employee-pay-snapshot span,
.employee-cards-stable-v244 #employeeCards .profile-completion,
.employee-cards-stable-v244 #employeeCards .employee-card-actions button {
  border-color: color-mix(in srgb, var(--employee-accent, #3d9b6c) 27%, #dce8e1) !important;
  background: color-mix(in srgb, var(--employee-soft, #effaf4) 64%, #fff) !important;
}

.employee-cards-stable-v244 #employeeCards .profile-progress-track i {
  background: linear-gradient(90deg, var(--employee-dark, #176344), var(--employee-accent, #3d9b6c), #c6f238) !important;
  transition: none !important;
}

.employee-theme-editor-v244 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 190px;
  gap: 13px !important;
  border-color: #bed9ca !important;
  background: linear-gradient(145deg, #f8fffb, #eef8f3) !important;
}

.employee-theme-editor-v244 > h3 {
  grid-column: 1 / -1;
  margin-bottom: 0 !important;
}

.employee-theme-editor-v244 > p {
  grid-column: 1 / -1;
  margin: 0 !important;
  color: #5d7268;
  font-size: 11px;
}

.employee-theme-palette-v244 {
  display: grid;
  grid-template-columns: repeat(6, minmax(34px, 1fr));
  gap: 8px;
  align-content: start;
}

.employee-theme-swatch-v244 {
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  min-width: 34px;
  padding: 0;
  border: 3px solid #fff;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--swatch-dark), var(--swatch-accent));
  box-shadow: 0 0 0 1px #bdcec5, 0 4px 9px rgba(19,55,42,.12);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
}

.employee-theme-swatch-v244[aria-pressed="true"] {
  box-shadow: 0 0 0 3px #c8f248, 0 6px 14px rgba(19,55,42,.22);
  transform: translateY(-1px);
}

.employee-theme-preview-v244 {
  overflow: hidden;
  align-self: stretch;
  min-height: 128px;
  border: 2px solid var(--preview-accent, #3d9b6c);
  border-radius: 14px;
  background: linear-gradient(155deg, var(--preview-soft, #effaf4), #fff);
  box-shadow: 0 8px 18px rgba(19,55,42,.11);
}

.employee-theme-preview-v244 header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 11px;
  background: linear-gradient(105deg, var(--preview-dark, #176344), var(--preview-accent, #3d9b6c));
  color: #fff;
}

.employee-theme-preview-v244 header b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.employee-theme-preview-v244 header i {
  font-size: 18px;
  font-style: normal;
}

.employee-theme-preview-v244 div {
  display: grid;
  gap: 7px;
  padding: 11px;
  color: #365548;
  font-size: 10px;
  font-weight: 800;
}

.employee-theme-preview-v244 div span {
  padding: 7px 8px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--preview-soft, #effaf4) 74%, #fff);
}

@media (max-width: 720px) {
  .employee-theme-editor-v244 { grid-template-columns: 1fr; }
  .employee-theme-palette-v244 { grid-template-columns: repeat(6, minmax(30px, 1fr)); }
}

/* ui-fixes-v245.css */
/* V245: GPay labels, clean 3D employee cards, compact overview and stable final-stage avatars. */
.gpay-mark-v245 {
  display: inline-flex;
  align-items: baseline;
  gap: 1px;
  width: max-content;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.04em;
  text-transform: none;
}

.gpay-mark-v245 i {
  background: conic-gradient(from -42deg, #4285f4 0 25%, #34a853 0 50%, #fbbc05 0 75%, #ea4335 0);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-size: 1.18em;
  font-style: normal;
}

.gpay-mark-v245 b { color: #44546a !important; font-size: 1em !important; text-transform: none; }
.gpay-field-title-v245 { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 5px; }
.gpay-card-label-v245 { display: flex !important; align-items: center; justify-content: center; gap: 4px; }
.gpay-card-label-v245 .gpay-mark-v245 { flex: 0 0 auto; }

/* Remove the old clipped/wedge header treatment and use one clean raised card surface. */
.employee-cards-stable-v244 #employeeCards .employee-detail-card {
  isolation: isolate;
  border: 1px solid color-mix(in srgb, var(--employee-accent, #3d9b6c) 38%, #d6e4dc) !important;
  border-top: 0 !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, #fff 0%, var(--employee-soft, #effaf4) 56%, #fff 100%) !important;
  box-shadow: inset 0 1px 0 #fff, inset 0 -2px 0 color-mix(in srgb, var(--employee-accent, #3d9b6c) 12%, transparent), 0 12px 26px color-mix(in srgb, var(--employee-dark, #176344) 15%, transparent) !important;
  overflow: hidden !important;
}

.employee-cards-stable-v244 #employeeCards .employee-card-head,
.employee-cards-stable-v244 #employeeCards .employee-card-head > div {
  width: 100% !important;
  margin: 0 !important;
}

.employee-cards-stable-v244 #employeeCards .employee-detail-card .employee-card-head h3,
.employee-cards-stable-v244 #employeeCards .employee-detail-card:not(.employee-relieved) .employee-card-head h3,
.employee-cards-stable-v244 #employeeCards .employee-detail-card:hover .employee-card-head h3 {
  width: 100% !important;
  max-width: 100% !important;
  margin: 7px 0 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.38) !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg, var(--employee-dark, #176344), var(--employee-accent, #3d9b6c) 72%, color-mix(in srgb, var(--employee-accent, #3d9b6c) 76%, #fff)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.32), inset 0 -3px 0 rgba(0,0,0,.1), 0 7px 14px color-mix(in srgb, var(--employee-dark, #176344) 24%, transparent) !important;
  clip-path: none !important;
  mask: none !important;
}

.employee-cards-stable-v244 #employeeCards .employee-card-head h3::before,
.employee-cards-stable-v244 #employeeCards .employee-card-head h3::after,
.employee-cards-stable-v244 #employeeCards .employee-card-head::before,
.employee-cards-stable-v244 #employeeCards .employee-card-head::after,
.employee-cards-stable-v244 #employeeCards .employee-name-text::before,
.employee-cards-stable-v244 #employeeCards .employee-name-text::after {
  display: none !important;
  content: none !important;
}

.employee-cards-stable-v244 #employeeCards .employee-identity-v243,
.employee-cards-stable-v244 #employeeCards .employee-pay-snapshot span,
.employee-cards-stable-v244 #employeeCards .profile-completion,
.employee-cards-stable-v244 #employeeCards .employee-card-actions button {
  box-shadow: inset 0 1px 0 #fff, 0 5px 11px color-mix(in srgb, var(--employee-dark, #176344) 9%, transparent) !important;
}

/* Keep the MD overview above the fold without changing its employee popup. */
.overview-compact-mode-v241 { padding-block: 12px !important; }
.overview-compact-mode-v241 > .header { min-height: 54px !important; margin-bottom: 8px !important; }
.overview-compact-mode-v241 > .header h1 { margin-block: 0 !important; font-size: clamp(23px, 2.2vw, 31px) !important; line-height: 1 !important; }
.overview-compact-mode-v241 > .header p { margin: 4px 0 0 !important; font-size: 12px !important; }
.overview-compact-dashboard-v241 { gap: 9px !important; }
.overview-status-strip-v241 { gap: 7px !important; }
.overview-status-strip-v241 article { min-height: 44px !important; padding: 6px 11px !important; border-radius: 12px !important; box-shadow: 0 4px 12px #173d2e0b !important; }
.overview-status-strip-v241 span { font-size: 9px !important; }
.overview-status-strip-v241 b { font-size: 19px !important; }
.overview-people-panel-v241 { padding: 10px !important; border-radius: 17px !important; }
.overview-people-panel-v241 > header { align-items: center !important; margin-bottom: 8px !important; }
.overview-people-panel-v241 header small { font-size: 9px !important; }
.overview-people-grid-v241 { gap: 7px !important; grid-template-columns: repeat(auto-fit, minmax(126px, 1fr)) !important; }
.overview-person-tile-v241 { grid-template-columns: 38px minmax(0,1fr) !important; min-height: 58px !important; padding: 7px !important; border-radius: 13px !important; }
.overview-person-tile-v241 .avatar { width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; }

/* Stage 14/15 use the same compact project avatar as earlier stages. */
.stage-project-entry-v225 { overflow: hidden; }
.stage-project-entry-v225 > [data-stage-project] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 28px !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 44px !important;
  padding: 6px 7px !important;
  overflow: hidden !important;
}

.stage-project-entry-v225 > [data-stage-project] > span {
  grid-column: 1;
  min-width: 0;
  overflow: hidden;
}

.stage-project-entry-v225 > [data-stage-project] > img,
.stage-project-entry-v225 > [data-stage-project] > .avatar,
.stage-project-entry-v225 > [data-stage-project] > i {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  inset: auto !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  overflow: hidden !important;
  box-shadow: 0 2px 7px rgba(15,23,42,.18) !important;
  transform: none !important;
}

@media (max-width: 650px) {
  .overview-status-strip-v241 { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .overview-status-strip-v241 article { align-items: flex-start; flex-direction: column; gap: 2px !important; }
}

/* device-view-v246.css */
/* Desktop/mobile preview switcher. Mobile mode uses a real narrow iframe viewport. */
.device-view-switcher-v246 {
  position: fixed;
  right: 50%;
  bottom: 18px;
  transform: translateX(50%);
  z-index: 12000;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px;
  border: 1px solid rgba(255,255,255,.74);
  border-radius: 16px;
  background: rgba(18, 63, 48, .94);
  box-shadow: 0 12px 30px rgba(7, 31, 23, .28);
  backdrop-filter: blur(12px);
}

.device-view-switcher-v246 button {
  min-height: 37px;
  padding: 7px 11px;
  border: 0;
  border-radius: 11px;
  background: transparent;
  color: #d9eee5;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
  cursor: pointer;
}

.device-view-switcher-v246 button:hover,
.device-view-switcher-v246 button:focus-visible {
  background: rgba(255,255,255,.14);
  outline: none;
}

.device-view-switcher-v246 button[aria-pressed="true"] {
  background: linear-gradient(135deg, #d9f36b, #bdf13d);
  color: #123f30;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 4px 11px rgba(0,0,0,.2);
}

.device-mobile-preview-v246 {
  min-height: 100vh;
  overflow: hidden;
  background:
    radial-gradient(circle at 20% 10%, rgba(126, 88, 220, .17), transparent 28%),
    radial-gradient(circle at 82% 86%, rgba(33, 143, 196, .18), transparent 30%),
    #e9efec;
}

.device-mobile-preview-v246 > #app { display: none !important; }

.device-mobile-frame-v246 {
  display: block;
  width: min(430px, calc(100vw - 18px));
  height: calc(100vh - 78px);
  margin: 10px auto 68px;
  overflow: hidden;
  border: 8px solid #14231d;
  border-radius: 30px;
  background: #f4f3ed;
  box-shadow: 0 28px 80px rgba(7, 31, 23, .38), inset 0 0 0 1px rgba(255,255,255,.18);
}

.device-mobile-preview-v246 .device-view-switcher-v246 {
  right: 50%;
  bottom: 13px;
  transform: translateX(50%);
}

.device-preview-embedded-v246 .device-view-switcher-v246 { display: none !important; }

@media (max-width: 560px) {
  .device-view-switcher-v246 {
    right: 50%;
    bottom: 9px;
    transform: translateX(50%);
  }

  .device-mobile-frame-v246 {
    width: 100vw;
    height: calc(100vh - 62px);
    margin: 0 0 62px;
    border: 0;
    border-radius: 0;
  }
}

/* mobile-responsive-v247.css */
/* V247: true phone layout. Desktop rules are intentionally untouched. */
@media (max-width: 650px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  #app,
  .shell,
  .side,
  .main {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .shell {
    display: block !important;
    min-height: 100vh;
    overflow-x: hidden !important;
  }

  /* Compact mobile brand bar and swipeable navigation. */
  .side {
    position: relative !important;
    padding: 10px 10px 8px !important;
    overflow: hidden !important;
    border-radius: 0 !important;
  }

  .side .logo.portal-brand-v238,
  .side .logo {
    gap: 8px !important;
    min-width: 0 !important;
    padding: 0 2px 9px !important;
  }

  .side .portal-brand-logo-v238,
  .side .portal-brand-v238 > .mark {
    width: 42px !important;
    height: 42px !important;
    border-width: 2px !important;
    border-radius: 12px !important;
  }

  .portal-brand-copy-v238 > b { font-size: 17px !important; }
  .portal-brand-copy-v238 > small { font-size: 7px !important; letter-spacing: .14em !important; }

  .side .portal-role {
    align-self: flex-start;
    width: auto !important;
    min-width: 106px;
    margin: 6px 0 7px !important;
    padding: 5px 10px !important;
    font-size: 8px !important;
    line-height: 1.1;
  }

  .side nav {
    display: flex !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 5px 1px 7px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    overscroll-behavior-inline: contain;
  }

  .side nav::-webkit-scrollbar { display: none; }

  .side nav > button {
    flex: 0 0 108px !important;
    width: 108px !important;
    min-width: 108px !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 7px 8px !important;
    border-left-width: 4px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    text-align: center !important;
    white-space: normal !important;
    scroll-snap-align: start;
  }

  .side nav > button:hover { transform: none !important; }
  .side .account { display: none !important; }

  /* Keep every page inside the phone width. */
  .main {
    padding: 11px 10px 72px !important;
    overflow-x: hidden !important;
  }

  .main > *,
  .main section,
  .main article,
  .main header,
  .main form {
    min-width: 0;
    max-width: 100%;
  }

  .main > .header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center !important;
    gap: 8px;
    min-height: 0 !important;
    margin-bottom: 9px !important;
  }

  .main > .header > div { min-width: 0; }
  .main > .header .eyebrow { font-size: 8px !important; letter-spacing: 1.1px !important; }
  .main > .header h1 { margin: 3px 0 !important; font-size: 24px !important; line-height: 1.05 !important; }
  .main > .header p { overflow: hidden; font-size: 10px !important; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
  .main > .header .ghost {
    align-self: center;
    min-height: 34px;
    margin: 0 !important;
    padding: 7px 10px !important;
    font-size: 10px;
    white-space: nowrap;
  }

  /* Overview status is a complete 2 x 2 block on phones. */
  .overview-compact-mode-v241 { padding-block: 11px !important; }
  .overview-compact-dashboard-v241 { width: 100% !important; gap: 7px !important; }
  .overview-status-strip-v241 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
  }

  .overview-status-strip-v241 article {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
    min-height: 43px !important;
    padding: 6px 8px !important;
  }

  .overview-status-strip-v241 span {
    overflow: hidden;
    font-size: 8px !important;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .overview-status-strip-v241 b { font-size: 18px !important; }

  /* Two compact employee tiles per row without page-level side scrolling. */
  .overview-people-panel-v241 {
    width: 100% !important;
    padding: 8px !important;
    overflow: hidden !important;
    border-radius: 14px !important;
  }

  .overview-people-panel-v241 > header {
    display: flex !important;
    align-items: center !important;
    min-height: 20px;
    margin-bottom: 6px !important;
  }

  .overview-people-panel-v241 > header p { display: none !important; }
  .overview-people-panel-v241 header small { font-size: 8px !important; }
  .overview-people-grid-v241 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  .overview-person-tile-v241 {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 54px !important;
    padding: 6px !important;
    border-radius: 12px !important;
  }

  .overview-person-tile-v241 .avatar {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
  }

  .overview-person-tile-v241 b { font-size: 10px !important; }
  .overview-person-tile-v241 small { font-size: 7px !important; }

  /* Popups and ordinary forms remain usable at phone width. */
  dialog {
    max-width: calc(100vw - 14px) !important;
    max-height: calc(100vh - 14px) !important;
  }

  .forms input,
  .forms select,
  .forms textarea,
  .toolbar input,
  .toolbar select,
  .toolbar button {
    max-width: 100%;
  }

  .table { width: 100%; max-width: 100%; overflow-x: auto !important; }
}

/* V274: final mobile hierarchy override. */
@media(max-width:650px){
  .project-workspace-tabs-v212.channel-primary-tabs-v274{display:grid!important;grid-template-columns:1.55fr 1fr 1fr!important;gap:4px!important}
  .project-workspace-tabs-v212.channel-primary-tabs-v274>button{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;grid-template-columns:none!important;grid-template-rows:none!important;min-height:48px!important;padding:4px!important;gap:3px!important;text-align:left!important}
  .project-workspace-tabs-v212.channel-primary-tabs-v274>button>img,.project-workspace-tabs-v212.channel-primary-tabs-v274>button>i,.channel-primary-tabs-v274 .primary-channel-logos-v274 img,.channel-primary-tabs-v274 .primary-channel-logos-v274 i{width:25px!important;height:25px!important;flex:0 0 25px!important;border-radius:50%!important;font-size:13px!important}
  .project-workspace-tabs-v212.channel-primary-tabs-v274>button>b{width:auto!important;font-size:9px!important;line-height:1!important;text-align:left!important;white-space:normal!important}
  .project-mode-tabs-v274{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px!important;padding:3px!important}
  .project-mode-tabs-v274>button{min-height:30px!important;padding:3px!important;font-size:8px!important}
}

/* V273: compact channel-first project controls on phones. */
@media(max-width:650px){
  .project-workspace-tabs-v212>button:has(.workspace-channel-stack-v272){display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;min-height:84px!important;padding:5px!important;text-align:left!important}
  .project-workspace-tabs-v212 .workspace-channel-stack-v272{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2px!important}
  .project-workspace-tabs-v212>button:not(:first-child) .workspace-channel-stack-v272{grid-template-columns:1fr!important}
  .project-workspace-tabs-v212 .workspace-channel-v272{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;min-width:0!important;padding:2px!important}
  .project-workspace-tabs-v212 .workspace-channel-v272 img,.project-workspace-tabs-v212 .workspace-channel-v272 i{width:21px!important;height:21px!important;flex-basis:21px!important}
  .project-workspace-tabs-v212 .workspace-channel-v272 strong{font-size:7px!important;overflow-wrap:anywhere!important}
  .project-workspace-tabs-v212 .workspace-secondary-v272{display:grid!important;grid-template-columns:19px minmax(0,1fr)!important;gap:3px!important;padding-top:3px!important}
  .project-workspace-tabs-v212 .workspace-secondary-v272>span{display:grid!important;grid-row:auto!important;width:19px!important;height:19px!important;font-size:12px!important}
  .project-workspace-tabs-v212 .workspace-secondary-v272 b{grid-row:auto!important;font-size:8px!important;text-align:left!important}
}

@media (max-width: 380px) {
  .side nav > button { flex-basis: 98px !important; width: 98px !important; min-width: 98px !important; }
  .overview-person-tile-v241 { grid-template-columns: 31px minmax(0,1fr) !important; }
  .overview-person-tile-v241 .avatar { width: 31px !important; height: 31px !important; min-width: 31px !important; min-height: 31px !important; }
}

/* V257: show every mobile action instead of hiding it in horizontal scrollers. */
@media (max-width: 650px) {
  .side { overflow: visible !important; }

  .side nav {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(82px, 1fr)) !important;
    gap: 6px !important;
    padding: 6px 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  .side nav > button,
  .side nav > button:nth-child(n) {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 38px !important;
    flex: none !important;
    padding: 7px 5px !important;
    font-size: 9px !important;
    line-height: 1.1 !important;
    text-align: center !important;
    white-space: normal !important;
  }

  .project-workspace-tabs-v212,
  .stage-brand-pages-v252,
  .period-tabs,
  .project-type-tabs,
  .settings-tabs-v234,
  .youtube-view-switch-v180,
  .publish-team-tabs-v181,
  .delivery-tabs-v182 {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(94px, 1fr)) !important;
    width: 100% !important;
    gap: 7px !important;
    overflow: visible !important;
  }

  .project-workspace-tabs-v212 > button,
  .stage-brand-pages-v252 > button,
  .period-tabs > button,
  .project-type-tabs > button,
  .settings-tabs-v234 > button,
  .youtube-view-switch-v180 > button,
  .publish-team-tabs-v181 > button,
  .delivery-tabs-v182 > button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    min-height: 38px !important;
    padding: 7px 8px !important;
    font-size: 9px !important;
    line-height: 1.12 !important;
    text-align: center !important;
    white-space: normal !important;
  }

  .actions,
  .toolbar,
  .brand-card-stage-nav-v204 {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 6px !important;
  }

  .project-final-head-v212,
  .dialog-title { gap: 8px !important; }

  .actions > button,
  .actions > a,
  .toolbar > button,
  .brand-card-stage-nav-v204 > button {
    flex: 1 1 86px !important;
    width: auto !important;
    min-width: 72px !important;
    min-height: 36px !important;
    padding: 7px 8px !important;
    font-size: 9px !important;
    line-height: 1.1 !important;
  }

  .card,
  .login-card,
  .dialog-shell { padding: 12px !important; }

  .stage-brand-pages-once-v256 { position: static !important; }
  .stage-brand-grid-v204,
  .brand-grid-v194 { grid-template-columns: 1fr !important; overflow: visible !important; }
  [data-stage-brand-card] { width: 100% !important; min-width: 0 !important; }

  dialog .dialog-title > button {
    width: 42px !important;
    min-width: 42px !important;
    justify-self: end;
  }

  input,
  select,
  textarea,
  button { max-width: 100%; }

  /* V259: keep the three project-control buttons readable in one row. */
  .project-workspace-tabs-v212 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .project-workspace-tabs-v212 > button {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto 32px auto !important;
    justify-items: center !important;
    align-content: start !important;
    gap: 4px !important;
    min-height: 112px !important;
    padding: 8px 4px !important;
    border-radius: 14px !important;
    text-align: center !important;
  }

  .project-workspace-tabs-v212 > button small {
    grid-column: 1 !important;
    font-size: 6px !important;
    line-height: 1.05 !important;
    letter-spacing: .08em !important;
    white-space: normal !important;
  }

  .project-workspace-tabs-v212 > button > span {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 9px !important;
    font-size: 22px !important;
  }

  .project-workspace-tabs-v212 > button b {
    grid-column: 1 !important;
    grid-row: 3 !important;
    width: 100% !important;
    overflow: visible !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: -.01em !important;
    line-height: 1.12 !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .project-workspace-tabs-v212 > button em { display: none !important; }

  /* V260: compact employee workday, attendance and daily-task controls. */
  .check-card {
    padding: 11px !important;
    border-radius: 14px !important;
  }

  .check-card .card-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
  }

  .check-card h2 { margin: 3px 0 !important; font-size: 19px !important; }
  .check-card p { margin: 2px 0 !important; font-size: 9px !important; }
  .check-card .eyebrow { font-size: 7px !important; }

  .check-actions {
    display: grid !important;
    grid-template-columns: minmax(90px, 1fr) auto !important;
    align-items: stretch !important;
    gap: 5px !important;
  }

  .check-actions select,
  .check-actions button,
  #checkout button,
  #customTask button {
    min-height: 36px !important;
    padding: 7px 9px !important;
    font-size: 9px !important;
  }

  #checkout textarea { min-height: 66px !important; }
  .employee-work-duration { margin: 0 0 8px !important; padding: 9px !important; }
  .employee-work-duration b { font-size: 24px !important; }

  .task {
    grid-template-columns: minmax(0, 1fr) 104px !important;
    gap: 7px !important;
    padding: 9px 0 !important;
  }

  .task b { font-size: 11px !important; }
  .task small { font-size: 8px !important; line-height: 1.2 !important; }
  .task select { min-width: 0 !important; padding: 7px 4px !important; font-size: 8px !important; }

  #customTask {
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
    padding-top: 9px !important;
  }

  #customTask > button { grid-column: 1 / -1 !important; }

  .portal-hub-tabs-v224 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .portal-hub-tabs-v224 > button {
    min-width: 0 !important;
    min-height: 74px !important;
    padding: 7px 4px !important;
    text-align: center !important;
  }

  .portal-hub-tabs-v224 > button span { font-size: 20px !important; }
  .portal-hub-tabs-v224 > button b { font-size: 8px !important; line-height: 1.1 !important; white-space: normal !important; }
  .portal-hub-tabs-v224 > button small,
  .portal-hub-tabs-v224 > button em { display: none !important; }
}

@media(max-width:650px){
  body .project-workspace-tabs-v212.channel-primary-tabs-v274>button{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;grid-template:none!important;min-height:48px!important;padding:4px!important;gap:3px!important;text-align:left!important}
  body .project-workspace-tabs-v212.channel-primary-tabs-v274>button>b{width:auto!important;font-size:9px!important;line-height:1!important;text-align:left!important;white-space:normal!important}
  body .project-mode-tabs-v274{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px!important;padding:3px!important}
  body .project-mode-tabs-v274>button{min-height:30px!important;padding:3px!important;font-size:8px!important}
  body .project-mode-tabs-v274>button>span{display:grid!important;grid-row:auto!important;width:20px!important;height:20px!important;place-items:center!important;font-size:12px!important}
  body .project-mode-tabs-v274>button>b{grid-row:auto!important;width:auto!important;font-size:8px!important;line-height:1!important}
}

@media(max-width:650px){body .channel-primary-tabs-v274>button>.primary-channel-logos-v274{display:flex!important;width:auto!important;height:auto!important;min-width:43px!important;overflow:visible!important}.channel-primary-tabs-v274 .primary-channel-logos-v274 img,.channel-primary-tabs-v274 .primary-channel-logos-v274 i{width:23px!important;height:23px!important;flex-basis:23px!important}.brand-stage-control-v203 .project-final-grid-v212{grid-template-columns:1fr!important}}

/* hr-portal-v248.css */
/* HR portal: MD operating surface with Finance deliberately unavailable. */
body.hr-portal-v248 [data-view="finance"],
body.hr-portal-v248 [data-view="salary"],
body.hr-portal-v248 .employee-pay-snapshot,
body.hr-portal-v248 .employee-salary-card,
body.hr-portal-v248 .employee-salary-report,
body.hr-portal-v248 [data-access-feature-card="salary"],
body.hr-portal-v248 .overview-employee-kpis-v241 article:nth-child(4),
body.hr-portal-v248 .attendance-summary-strip article:nth-child(-n+2) {
  display: none !important;
}

body.hr-portal-v248 .attendance-summary-strip {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.hr-portal-v248 .side .portal-role {
  background: linear-gradient(135deg, #fff4b8, #d9ff68);
  color: #16462f;
  border: 1px solid rgba(217, 255, 104, .78);
  box-shadow: 0 8px 20px rgba(4, 68, 47, .22);
  font-weight: 900;
  letter-spacing: .16em;
}

body.hr-portal-v248 .header .eyebrow {
  color: #087a63;
}

body.hr-portal-v248 .employee-workspace-tabs-v221::before {
  content: "HR PEOPLE OPERATIONS";
  display: block;
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}

body.hr-portal-v248 .access-feature-grid-v234,
body.hr-portal-v248 .access-feature-grid-v237 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 900px) {
  body.hr-portal-v248 .access-feature-grid-v234,
  body.hr-portal-v248 .access-feature-grid-v237 {
    grid-template-columns: 1fr;
  }
}

/* project-workflow-v250.css */
.brand-project-dialog-v194 .creator-role-note-v250{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #b8d9cc;border-radius:16px;background:#effaf5;color:#164e3f}
.brand-project-dialog-v194 .creator-role-note-v250 .avatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;object-fit:cover}
.brand-project-dialog-v194 .creator-role-note-v250 b,.brand-project-dialog-v194 .creator-role-note-v250 small{display:block}
.brand-project-dialog-v194 .creator-attachments-v250{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;border:1px solid #d8e3de;border-radius:18px;background:#f8fbfa}
.brand-project-dialog-v194 .creator-attachments-v250 label:first-child{grid-column:1/-1}
.brand-project-dialog-v194 .creator-attachments-v250 textarea{min-height:104px}
.brand-project-dialog-v194 .creator-file-result-v250{padding:10px 12px;border-radius:12px;background:#edf8f3;color:#176145;font-weight:800}
.brand-project-dialog-v194 .workflow-order-v250{border:1px solid #bfd8cd;border-radius:18px;background:#f7fbf9;padding:0 12px}
.brand-project-dialog-v194 .workflow-order-v250>summary{cursor:pointer;padding:14px 4px;font-weight:900;color:#075e49}
.brand-project-dialog-v194 .workflow-order-grid-v250{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:340px;overflow:auto;padding:0 2px 14px}
.brand-project-dialog-v194 .workflow-order-grid-v250 label{gap:5px;padding:9px;border-radius:13px;background:#fff;border:1px solid #dce7e2}
.brand-project-dialog-v194 .workflow-order-grid-v250 select{min-height:76px}
.brand-project-dialog-v194 .workflow-order-grid-v250 small{color:#60736b}
.brand-project-dialog-v194 .actions .save-draft-v250{background:#fff4c6;border:1px solid #e6b92e;color:#714f00;font-weight:900}
.project-drafts-v250{display:grid;gap:7px;margin-bottom:9px;padding:8px;border:1px dashed color-mix(in srgb,var(--brand) 55%,#fff);border-radius:13px;background:color-mix(in srgb,var(--theme-bg) 75%,#fff)}
.project-drafts-v250>small{font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--brand)}
.project-draft-row-v250{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:0;border-left:4px solid var(--brand);border-radius:10px;background:#fff;color:var(--brand);text-align:left;cursor:pointer}
.project-draft-row-v250 span{min-width:0}.project-draft-row-v250 b,.project-draft-row-v250 small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-draft-row-v250 em{font-style:normal;font-size:10px;font-weight:900;padding:5px 7px;border-radius:999px;background:#fff1a8;color:#6b5000}
.project-flow-actions-v250{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:12px;padding:12px;border:1px solid #cfe0d8;border-radius:15px;background:#f5faf7}
.project-flow-actions-v250 strong{margin-right:auto;color:#135c47}.project-flow-actions-v250 button{border:0;border-radius:11px;padding:10px 13px;font-weight:900;cursor:pointer}.project-flow-actions-v250 .approve{background:#2eb67d;color:#fff}.project-flow-actions-v250 .return{background:#ffe2e2;color:#a7192f}.project-flow-actions-v250 .draft{background:#fff0a9;color:#624700}
.project-flow-actions-v250 button:disabled{cursor:wait;opacity:.68}.project-flow-actions-v250.is-saving-v324{border-color:#e0ad24;background:#fff9df}.project-flow-actions-v250.is-approved-v324{border-color:#27a66f;background:#e9fff5;box-shadow:inset 5px 0 #27a66f}.project-flow-actions-v250 .approved-done-v324{background:#128653!important;color:#fff!important;opacity:1!important;cursor:default!important}.stage-approved-status-v324{flex:1 1 100%;order:5;padding:8px 10px;border:1px solid #80d3ad;border-radius:10px;background:#e5fff2;color:#087348;font-size:11px;font-weight:900;text-align:center}
.workflow-workers-v250{display:flex;align-items:center;gap:6px;margin:8px 0}.workflow-workers-v250>small{font-weight:900;color:#52665d}.workflow-workers-v250 span{display:inline-flex;width:30px;height:30px;border-radius:50%;overflow:hidden;border:2px solid #fff;box-shadow:0 1px 5px #0002;background:#0e6048;color:#fff;align-items:center;justify-content:center;font-size:11px;font-weight:900}.workflow-workers-v250 img{width:100%;height:100%;object-fit:cover}
.project-stage-assignment-dialog-v250 .dialog-shell{width:min(760px,94vw)}
@media(max-width:700px){.brand-project-dialog-v194 .creator-attachments-v250,.brand-project-dialog-v194 .workflow-order-grid-v250{grid-template-columns:1fr}.brand-project-dialog-v194 .creator-attachments-v250 label:first-child{grid-column:auto}.project-flow-actions-v250{align-items:stretch}.project-flow-actions-v250 strong{width:100%}.project-flow-actions-v250 button{flex:1}}

/* project-workspace-v290.css */
.stage-connected-row-v256>.stage-brand-grid-v204{align-items:start!important;grid-auto-rows:max-content!important}

/* V333: independent, content-driven channel stacks. */
.stage-channel-columns-v333{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:10px;width:100%}
.stage-channel-page-jr-v333,.stage-channel-page-games-v333{grid-template-columns:minmax(0,1fr)}
.stage-channel-column-v333{display:flex!important;flex-direction:column;align-self:start;gap:10px;min-width:0;padding:0!important;overflow:visible!important}
.stage-channel-column-v333>[data-stage-brand-card]{width:100%;min-width:0;min-height:0!important;height:auto!important;flex:none}
.stage-channel-column-v333>[data-stage-brand-card]::before,.stage-channel-column-v333>[data-stage-brand-card]::after{display:none!important;content:none!important}
.stage-channel-column-v333>.stage-card-collapsed-v278{margin:0!important;padding:6px!important;overflow:hidden!important}
.stage-channel-column-v333>.stage-card-collapsed-v278>header{min-height:48px!important;height:auto!important;padding:6px 9px!important}
.stage-channel-column-v333>.stage-card-collapsed-v278>header h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stage-channel-column-v333>[data-stage-brand-card]:not(.stage-card-collapsed-v278) .brand-work-area-v199{min-height:210px!important;height:auto!important}
.stage-channel-column-v333>[data-stage-brand-card]:not(.stage-card-collapsed-v278) .brand-list-v194{min-height:160px!important;height:auto!important;max-height:none!important;overflow:visible!important;align-content:start}
.stage-channel-column-v333>.stage-card-collapsed-v278{min-height:0!important}
@media(max-width:900px){.stage-channel-columns-v333{grid-template-columns:1fr}.stage-channel-column-v333{gap:8px}}
.project-footage-inline-v336{display:grid;grid-column:1/-1;gap:2px;margin:5px 7px 3px;padding:6px 8px;border:1px solid #ef9f27;border-radius:8px;background:#fff4d6;color:#7a4700;text-align:left}.project-footage-inline-v336.ready{border-color:#16a36e;background:#dcfcef;color:#086643}.project-footage-inline-v336 b{font-size:8px}.project-footage-inline-v336 small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px}.footage-location-inline-controls-v336{margin:4px 0!important;border-radius:9px!important}.attachment-state-v336{display:inline-flex;margin-left:auto;color:#087558;font-size:7px;font-style:normal;font-weight:900}.rejected-project-controls-v336{display:grid;gap:7px;margin:10px 0;padding:12px;border:2px solid #e43c4e;border-radius:12px;background:#fff0f2;color:#971b2b}.rejected-project-controls-v336 small,.rejected-project-controls-v336 em{font-size:9px}.rejected-project-controls-v336 button{min-height:36px;border:1px solid #d93447;border-radius:9px;background:#fff;color:#a3192b;font-weight:900;cursor:pointer}.rejected-project-controls-v336 button[data-fresh]{border-color:#168f75;background:#e0fff4;color:#08694f}
.footage-path-choices-v336{display:flex;flex-wrap:wrap;gap:3px;margin-top:3px}.footage-path-choices-v336 i{padding:3px 5px;border:1px solid currentColor;border-radius:999px;background:#fff9;font-size:6px;font-style:normal;font-weight:900;cursor:pointer}
.project-footage-paths-v341{display:grid;gap:5px;margin:5px 0;padding:8px;border:1px solid #c8d9d2;border-radius:10px;background:#f8fbfa}.project-footage-paths-v341 header{display:flex;align-items:center;justify-content:space-between;gap:8px}.project-footage-paths-v341 header>b{color:#174f40;font-size:8px;letter-spacing:.08em}.project-footage-paths-v341 header>small{color:#73877f;font-size:6px}.project-footage-paths-v341 label{display:grid;grid-template-columns:18px 92px minmax(0,1fr) 46px;align-items:center;gap:5px;padding:4px;border:1px solid #dce7e2;border-radius:7px;background:#fff}.project-footage-paths-v341 label>b{display:grid;width:17px;height:17px;place-items:center;border:1px solid #ccd9d4;border-radius:50%;color:#fff;font-size:10px}.project-footage-paths-v341 label.connected{border-color:#20a578;background:#e8fff6}.project-footage-paths-v341 label.connected>b{border-color:#15956b;background:#15956b}.project-footage-paths-v341 label>span{color:#315c50;font-size:7px;font-weight:900}.project-footage-paths-v341 input{min-width:0;height:27px;padding:4px 7px;border:1px solid #cfddd7;border-radius:6px;font-size:7px}.project-footage-paths-v341 button{height:27px;padding:0;border:0;border-radius:6px;background:#173f35;color:#fff;font-size:7px;font-weight:900;cursor:pointer}.project-footage-paths-v341 label.saving{opacity:.6}@media(max-width:650px){.project-footage-paths-v341 label{grid-template-columns:18px 70px minmax(0,1fr) 40px}.project-footage-paths-v341 header>small{display:none}}
/* One shared format language across every channel. */
.stage-channel-columns-v333 [data-stage-project].format-short{border-color:#159b7d!important;background:#e3fff6!important}.stage-channel-columns-v333 [data-stage-project].format-long{border-color:#d99712!important;background:#fff3c8!important}.stage-channel-columns-v333 [data-stage-project].format-other{border-color:#8248cf!important;background:#f3e8ff!important}

/* MD shared project-format colours — v342 */
[data-stage-project][style*="--format-colour"],[data-final-bank][style*="--format-colour"],.brand-live-preview-v197 .brand-list-v194>button[style*="--format-colour"]{border-color:var(--format-colour)!important;background:color-mix(in srgb,var(--format-colour) 13%,#fff)!important;box-shadow:inset 6px 0 0 var(--format-colour)!important}
.format-colours-v342{margin-top:18px;padding:16px;border:1px solid #b8d8ce;border-radius:16px;background:#f7fffb}.format-colours-v342 h3{margin:0;color:#075f4b}.format-colours-v342 p{margin:5px 0 14px;color:#54736b;font-size:13px}.format-colours-v342>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.format-colours-v342 label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #cfe2dc;border-radius:12px;background:#fff;font-weight:800}.format-colours-v342 input[type="color"]{width:56px;height:38px;padding:2px;border:1px solid #a9cfc3;border-radius:9px;background:#fff;cursor:pointer}
@media(max-width:720px){.format-colours-v342>div{grid-template-columns:1fr}.format-colours-v342 label{min-height:54px}}

/* V343: keep every stage action inside its own header shape. */
.stage-connected-row-v256 [data-stage-brand-card]>header{position:relative!important;isolation:isolate!important;overflow:hidden!important;min-width:0!important}
.stage-connected-row-v256 .stage-card-controls-v278,.stage-connected-row-v256 .stage-card-controls-v278:has([data-stage-settings-v287]){position:relative!important;inset:auto!important;display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:flex-end!important;width:auto!important;max-width:78px!important;margin-left:4px!important;gap:2px!important;overflow:hidden!important;z-index:2!important}
.stage-connected-row-v256 .stage-card-controls-v278 button{position:relative!important;inset:auto!important;flex:0 0 23px!important;width:23px!important;min-width:23px!important;height:23px!important;padding:0!important;transform:none!important}
.stage-connected-row-v256 [data-stage-brand-card]>header h3{min-width:0!important;max-width:100%!important}
@media(max-width:650px){.stage-connected-row-v256 .stage-card-controls-v278,.stage-connected-row-v256 .stage-card-controls-v278:has([data-stage-settings-v287]){max-width:70px!important}.stage-connected-row-v256 .stage-card-controls-v278 button{flex-basis:21px!important;width:21px!important;min-width:21px!important;height:21px!important}}

/* V346: MD-controlled format text colours. */
[data-stage-project][style*="--format-text-colour"],[data-final-bank][style*="--format-text-colour"],.brand-live-preview-v197 .brand-list-v194>button[style*="--format-text-colour"]{color:var(--format-text-colour)!important}
[data-stage-project][style*="--format-text-colour"] b,[data-stage-project][style*="--format-text-colour"] small,[data-final-bank][style*="--format-text-colour"] b,[data-final-bank][style*="--format-text-colour"] small,.brand-live-preview-v197 .brand-list-v194>button[style*="--format-text-colour"] span,.brand-live-preview-v197 .brand-list-v194>button[style*="--format-text-colour"] i{color:inherit!important}
.format-colours-v342 label>i{display:grid;grid-template-columns:auto 44px auto 44px;align-items:center;gap:5px;font-style:normal}.format-colours-v342 label>i small{color:#58736b;font-size:8px;font-weight:800;text-transform:uppercase}.format-colours-v342 label>i input[type="color"]{width:44px;height:34px}
@media(max-width:720px){.format-colours-v342 label>i{grid-template-columns:auto 48px auto 48px}.format-colours-v342 label>i input[type="color"]{width:48px}}

/* V347: pin state has no green marker or strip. */
.stage-card-pinned-v278>header{box-shadow:none!important}.stage-card-controls-v278 button[aria-pressed="true"]{background:#ffffff2b!important;color:inherit!important}.stage-card-controls-v278>span{display:none!important}

/* V349: the selected format colour fills the entire project shape. */
[data-stage-project][style*="--format-colour"],[data-final-bank][style*="--format-colour"]{background:var(--format-colour)!important;border-color:var(--format-colour)!important;box-shadow:none!important;color:var(--format-text-colour)!important}
[data-format-shape-v349]{overflow:hidden!important;border-color:var(--format-colour)!important;background:var(--format-colour)!important;color:var(--format-text-colour)!important;box-shadow:none!important}
[data-format-shape-v349] [data-stage-project],[data-format-shape-v349] .project-attachment-open-v301,[data-format-shape-v349] .concept-rating-open-v290,[data-format-shape-v349] .concept-score-v285,[data-format-shape-v349] .project-footage-evidence-v336{border-color:color-mix(in srgb,var(--format-text-colour) 24%,transparent)!important;background:var(--format-colour)!important;color:var(--format-text-colour)!important}
[data-format-shape-v349] b,[data-format-shape-v349] strong,[data-format-shape-v349] small,[data-format-shape-v349] span,[data-format-shape-v349] em,[data-format-shape-v349] i,[data-format-shape-v349] .project-attachment-open-v301 b{color:inherit!important}
[data-format-shape-v349] .project-stage-timer-v287{border-color:color-mix(in srgb,var(--format-text-colour) 25%,#fff)!important;background:color-mix(in srgb,var(--format-colour) 72%,#fff)!important;color:var(--format-text-colour)!important}
.brand-live-preview-v197 .brand-list-v194>button[style*="--format-colour"]{background:var(--format-colour)!important;border-color:var(--format-colour)!important;box-shadow:none!important;color:var(--format-text-colour)!important}

/* V351: keep both colour pickers inside every format card. */
.format-colours-v342>div{align-items:stretch!important}.format-colours-v342 label{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:start!important;justify-content:stretch!important;gap:10px!important;min-width:0!important;overflow:hidden!important}.format-colours-v342 label>span{display:block;min-width:0;font-size:10px;line-height:1.25;overflow-wrap:anywhere}.format-colours-v342 label>i{display:grid!important;grid-template-columns:minmax(58px,1fr) 44px minmax(34px,.65fr) 44px!important;width:100%!important;min-width:0!important;gap:5px!important}.format-colours-v342 label>i small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.format-colours-v342 label>i input[type="color"]{width:44px!important;max-width:44px!important;min-width:44px!important}
@media(max-width:980px){.format-colours-v342>div{grid-template-columns:1fr!important}.format-colours-v342 label{grid-template-columns:minmax(110px,.45fr) minmax(0,1fr)!important;align-items:center!important}.format-colours-v342 label>i{max-width:330px!important;justify-self:end!important}}
@media(max-width:560px){.format-colours-v342 label{grid-template-columns:1fr!important}.format-colours-v342 label>i{max-width:none!important;justify-self:stretch!important;grid-template-columns:minmax(54px,1fr) 44px minmax(32px,.65fr) 44px!important}}
.stage-connected-wall-v256 [data-stage-brand-card]:not(.stage-card-collapsed-v278){min-height:0!important;height:max-content!important;align-self:start!important}
.stage-connected-wall-v256 [data-stage-brand-card]:not(.stage-card-collapsed-v278) .stage-work-area-v204{min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important}
.stage-connected-wall-v256 [data-stage-brand-card]:not(.stage-card-collapsed-v278) .stage-project-list-v204{min-height:0!important;height:auto!important;max-height:none!important;padding-bottom:176px!important;box-sizing:border-box!important;overflow:visible!important}
.stage-connected-wall-v256 [data-stage-brand-card]:not(.stage-card-collapsed-v278) .stage-project-list-v204>.empty{min-height:44px!important;margin:0!important}
.stage-connected-wall-v256 .stage-physics-canvas-v207{z-index:2!important}
.stage-connected-wall-v256 .stage-physics-canvas-v207[data-dp-zone-v296="lower-empty-space"]{inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important}
.stage-connected-wall-v256 .stage-list-title-v204,.stage-connected-wall-v256 .stage-project-list-v204{position:relative;z-index:5!important}
.stage-connected-wall-v256 [data-stage-project]{position:relative;z-index:6!important;isolation:isolate}
.stage-timer-state-v290{display:flex;flex-direction:column;align-items:flex-end;gap:1px;margin-left:auto;padding:4px 7px;border:1px solid #ffffff55;border-radius:9px;background:#ffffff1f;color:#fff;line-height:1.1}.stage-timer-state-v290 b{font-size:8px;white-space:nowrap}.stage-timer-state-v290 small{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:6px;opacity:.85}
.stage-timer-state-v290{display:none!important}
.stage-project-list-v204 [data-stage-project]{display:flex!important;align-items:center!important;gap:9px!important}
.stage-project-list-v204 [data-stage-project]>span:first-child{order:1;min-width:0;flex:1 1 auto}
.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287{order:2;display:flex!important;min-width:118px;max-width:150px;flex:0 0 auto;align-items:center;justify-content:center;flex-direction:column;gap:1px;margin:0 5px!important;padding:5px 9px!important;border:1px solid color-mix(in srgb,var(--brand) 35%,#cfe2da)!important;border-radius:999px!important;background:#fff!important;color:#145b46!important;line-height:1.05;text-align:center}
.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287 b{font-size:9px!important;white-space:nowrap}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287 span{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:6px!important}
.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287{width:118px!important;min-width:118px!important;max-width:118px!important;height:34px!important;min-height:34px!important;box-sizing:border-box!important;contain:layout paint}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287 b{width:100%;line-height:11px!important;font-variant-numeric:tabular-nums}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287 span{width:100%;min-height:7px;line-height:7px!important}
.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287{flex-direction:row!important;padding:3px 8px!important}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287 b{font-size:17px!important;line-height:1!important;font-weight:950!important;letter-spacing:.06em}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287 span{display:none!important}
.brand-stage-control-v203 .stage-physics-canvas-v207,.brand-stage-control-v203 [data-dp-zone-v296]{display:none!important;visibility:hidden!important}.brand-stage-control-v203 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.stage-project-entry-v225.concept-review-approved-v322,[data-stage-project].concept-review-approved-v322{border-color:#149447!important;background:linear-gradient(135deg,#eafff0,#c9f8d8)!important;box-shadow:0 0 0 2px #31b85c33!important}.stage-project-entry-v225.concept-review-approved-v322 .concept-score-v285{border-color:#149447!important;background:#eafff0!important;color:#075d2a!important}.stage-project-entry-v225.concept-review-approved-v322 .concept-score-v285>p{background:#149447!important;color:#fff!important}
.stage-project-entry-v225.concept-review-rejected-v322,[data-stage-project].concept-review-rejected-v322{border-color:#df2638!important;background:linear-gradient(135deg,#fff1f2,#ffd7db)!important;box-shadow:0 0 0 2px #df263833!important}.stage-project-entry-v225.concept-review-rejected-v322 .concept-score-v285{border-color:#df2638!important;background:#fff1f2!important;color:#941526!important}.stage-project-entry-v225.concept-review-rejected-v322 .concept-score-v285>p{background:#df2638!important;color:#fff!important}
.project-timer-editable-v299{cursor:pointer!important;box-shadow:0 0 0 2px #d7ff4500;transition:.15s}.project-timer-editable-v299:hover{border-color:#759b00!important;box-shadow:0 0 0 3px #d7ff45!important;transform:scale(1.03)}
.project-timer-dialog-v299{width:min(640px,94vw);max-height:92vh;border:0;border-radius:22px}.project-timer-dialog-v299::backdrop{background:#09291f99;backdrop-filter:blur(4px)}.project-timer-dialog-v299 .dialog-shell{padding:18px}.project-timer-duration-v299{display:grid;grid-template-columns:1fr 1fr;gap:10px}.project-timer-help-v299{padding:9px 11px;border-radius:10px;background:#eef8f4;color:#42685c;font-size:11px}.project-timer-dialog-v299 .timer-test-presets-v288{margin:0}
.stage-box-duration-v300{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stage-box-duration-v300 input{min-height:40px!important}
.stage-project-list-v204 [data-stage-project]{width:100%!important;min-height:44px!important;height:44px!important;max-height:44px!important;padding:6px 8px!important;overflow:hidden!important}
.stage-project-list-v204 [data-stage-project]>img,.stage-project-list-v204 [data-stage-project]>.avatar,.stage-project-list-v204 [data-stage-project]>i{order:3!important;display:grid!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;flex:0 0 32px!important;margin:0!important;padding:0!important;border-radius:50%!important;object-fit:cover!important;object-position:center!important;overflow:hidden!important;transform:none!important}
.stage-project-list-v204 [data-stage-project],.stage-project-list-v204 [data-stage-project] *{font-family:Inter,"Segoe UI",Arial,sans-serif!important}
.stage-project-list-v204 [data-stage-project]>span:first-child{display:flex!important;min-width:0!important;flex:1 1 auto!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;text-align:left!important;line-height:1.08!important}
.stage-project-list-v204 [data-stage-project]>span:first-child b,.stage-project-list-v204 [data-stage-project]>span:first-child small{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.stage-project-list-v204 [data-stage-project]>span:first-child b{color:#075e49!important;font-size:10.5px!important;font-weight:750!important;letter-spacing:.01em!important}
.stage-project-list-v204 [data-stage-project]>span:first-child small{color:#39866e!important;font-size:8px!important;font-weight:650!important;letter-spacing:0!important;opacity:1!important}
.project-attachment-open-v301,.project-attachment-open-v301 *{font-family:Inter,"Segoe UI",Arial,sans-serif!important}.project-attachment-open-v301 strong{font-size:9px!important;font-weight:750!important}.project-attachment-open-v301 span,.project-attachment-open-v301 b{font-size:7.5px!important;font-weight:650!important;letter-spacing:0!important}
.project-draft-row-v250{min-height:58px!important}.project-draft-row-v250:hover{transform:translateY(-1px);box-shadow:0 6px 16px #173f3520}.draft-replacement-v290{display:block!important;margin-top:6px!important;padding:7px 9px!important;border-radius:8px!important;background:#e6fff3!important;color:#075e49!important;font-weight:900!important}
.project-draft-item-v310{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:6px;margin-bottom:7px}.project-draft-item-v310 .project-draft-row-v250{width:100%;margin:0!important}.project-draft-delete-v310{min-width:72px;padding:7px 9px;border:1px solid #e59b93;border-radius:10px;background:#fff0ed;color:#a52b1e;font-size:9px;font-weight:800;cursor:pointer}.project-draft-delete-v310:hover{border-color:#c62d20;background:#c62d20;color:#fff}.project-draft-delete-v310:disabled{cursor:wait;opacity:.65}
.project-draft-row-v250{border:2px solid #e6a700!important;border-left-width:7px!important;background:#fff7cf!important;color:#684d00!important}.project-draft-row-v250 em{background:#e6a700!important;color:#fff!important}
.stage-project-list-v204 [data-stage-project].project-active-v293{border:2px solid #1d9b68!important;border-left-width:7px!important;background:#eafaf3!important}
.stage-project-list-v204 [data-stage-project].project-timer-ending-v293,.stage-project-list-v204 [data-stage-project].project-timer-expired-v293{border-color:#ed2638!important;background:#fff0f1!important;animation:none!important}.stage-project-list-v204 [data-stage-project].project-timer-ending-v293>.project-stage-timer-v287,.stage-project-list-v204 [data-stage-project].project-timer-expired-v293>.project-stage-timer-v287{border-color:#ed2638!important;background:#ed2638!important;color:#fff!important}
@keyframes projectTimerDangerV293{from{box-shadow:0 0 0 0 #ed263830;filter:saturate(1)}to{box-shadow:0 0 0 6px #ed263840;filter:saturate(1.35)}}
.saved-draft-attachment-v291{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border:2px solid #38a779;border-radius:14px;background:#effbf6}.saved-draft-attachment-v291 small,.saved-draft-attachment-v291 b,.saved-draft-attachment-v291 span{display:block}.saved-draft-attachment-v291 small{color:#147255;font-size:9px;font-weight:900;letter-spacing:.08em}.saved-draft-attachment-v291 b{margin:4px 0;color:#103f32;overflow-wrap:anywhere}.saved-draft-attachment-v291 span{color:#55746a;font-size:10px}.saved-draft-attachment-v291 nav{display:flex;gap:7px}.saved-draft-attachment-v291 a{padding:9px 12px;border-radius:9px;background:#17664e;color:#fff;font-weight:900;text-decoration:none}.saved-draft-attachment-v291 a:last-child{background:#d7ff45;color:#174f3f}
.concept-rating-open-v290{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;margin:7px 0;padding:10px 12px;border:1px solid #e8b62d;border-radius:10px;background:#fff8d8;color:#664b00;cursor:pointer}.concept-rating-open-v290 span{font-size:9px}
.project-rating-group-v298{position:relative;z-index:6;display:grid;margin:0 0 9px;border:2px solid #159267;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 3px 9px #173f3510}.project-rating-group-v298>[data-stage-project]{width:100%!important;margin:0!important;border:0!important;border-bottom:1px solid #b9ddcf!important;border-radius:0!important}.project-rating-group-v298>.concept-rating-open-v290{display:grid;grid-template-columns:minmax(145px,.75fr) minmax(0,1.5fr) auto;align-items:center;gap:9px;margin:0;padding:8px 11px;border:0;border-radius:0;background:#effaf5;color:#174f3f;text-align:left}.concept-rating-open-v290 strong{display:flex;align-items:center;justify-content:space-between;gap:8px}.concept-rating-open-v290 strong>span{font-size:11px;font-weight:900}.concept-rating-open-v290 strong>b{padding:4px 7px;border-radius:999px;background:#f8c744;color:#473400;font-size:9px;white-space:nowrap}.concept-rating-open-v290>em{display:flex;min-width:0;gap:5px;overflow-x:auto;font-style:normal}.concept-rating-open-v290>em i{display:flex;flex:0 0 auto;align-items:center;gap:4px;padding:3px 6px;border:1px solid #c9dfd6;border-radius:999px;background:#fff;font-style:normal}.concept-rating-open-v290>em i span{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.concept-rating-open-v290>em i b{color:#d58e00;font-size:8px}.concept-rating-open-v290>small{color:#087052;font-size:8px;font-weight:900;text-transform:uppercase}
.project-attachment-group-v301{position:relative;z-index:6;display:grid;margin-bottom:9px;border:2px solid #159267;border-radius:12px;overflow:hidden;background:#fff}.project-attachment-group-v301>[data-stage-project]{width:100%!important;margin:0!important;border:0!important;border-radius:0!important}.project-attachment-open-v301{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 11px;border:0;border-top:1px solid #b9ddcf;background:#eef8ff;color:#174f3f;text-align:left;cursor:pointer}.project-attachment-open-v301 strong{font-size:10px}.project-attachment-open-v301 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#527068;font-size:8px}.project-attachment-open-v301 b{color:#075e49;font-size:8px;text-transform:uppercase}.project-rating-group-v298>.project-attachment-open-v301{border-top:1px solid #b9ddcf;border-bottom:1px solid #b9ddcf}
.project-attachment-dialog-v301{width:min(980px,96vw);height:min(850px,94vh);padding:0;border:0;border-radius:22px;background:transparent}.project-attachment-dialog-v301::backdrop{background:#08271fa8;backdrop-filter:blur(4px)}.project-attachment-dialog-v301>section{display:grid;height:100%;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;border-radius:22px;background:#fff}.project-attachment-dialog-v301>section>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px;background:#145d48;color:#fff}.project-attachment-dialog-v301 header h2,.project-attachment-dialog-v301 header p{margin:3px 0}.project-attachment-dialog-v301 header button{width:40px;height:40px;border:0;border-radius:50%;font-size:22px;cursor:pointer}.project-attachment-dialog-v301>section>nav{display:flex;gap:7px;padding:10px 14px;border-bottom:1px solid #d4e4de;background:#f4faf7}.project-attachment-dialog-v301>section>nav button{padding:9px 13px;border:1px solid #bad5ca;border-radius:999px;background:#fff;color:#285b4c;font-weight:900;cursor:pointer}.project-attachment-dialog-v301>section>nav button.active{border-color:#145d48;background:#145d48;color:#fff}.project-attachment-dialog-v301 main{min-height:0;padding:14px;overflow:auto}.project-attachment-dialog-v301 [data-attachment-panel="text"]>div{min-height:220px;padding:18px;border:1px solid #d2e1dc;border-radius:14px;background:#fbfdfc;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.project-pdf-actions-v301{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.project-pdf-actions-v301 a{padding:9px 12px;border-radius:9px;background:#d7ff45;color:#174f3f;font-weight:900;text-decoration:none}.project-attachment-dialog-v301 iframe{width:100%;height:calc(100vh - 270px);min-height:480px;border:1px solid #c9dbd4;border-radius:13px;background:#f4f6f5}
.concept-rating-dialog-v290{width:min(780px,94vw);max-height:90vh;padding:0;border:0;border-radius:22px;background:transparent}.concept-rating-dialog-v290::backdrop{background:#08271f99;backdrop-filter:blur(4px)}.concept-rating-dialog-v290>section{padding:18px;border-radius:22px;background:#fff;box-shadow:0 25px 70px #0004}.concept-rating-dialog-v290>section>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.concept-rating-dialog-v290>section>header small{color:#137054;font-weight:900}.concept-rating-dialog-v290>section>header h2{margin:3px 0 0}.concept-rating-dialog-v290 [data-close]{width:38px;height:38px;border:0;border-radius:50%;background:#e8f5ef;font-size:22px;cursor:pointer}.concept-rating-dialog-v290 .concept-score-v285{padding:18px}.concept-rating-dialog-v290 .concept-score-v285>div{grid-template-columns:repeat(5,minmax(105px,1fr));gap:12px}.concept-rating-dialog-v290 .concept-score-v285 article{gap:7px;padding:10px;border:1px solid #dbe8e2;border-radius:13px}.concept-rating-dialog-v290 .concept-score-v285 article>img,.concept-rating-dialog-v290 .concept-score-v285 article>i{width:54px;height:54px}.concept-rating-dialog-v290 .concept-score-v285 article>small{font-size:11px}.concept-rating-dialog-v290 .concept-score-v285 article button{font-size:24px}
.concept-rating-dialog-v290 .concept-creator-rating-disabled-v307{border-color:#e7c96a!important;background:#fff9df!important}.concept-rating-dialog-v290 .concept-creator-rating-disabled-v307 button{cursor:not-allowed!important;filter:grayscale(1);opacity:.32}.concept-rating-dialog-v290 .concept-creator-rating-disabled-v307 em{color:#8a6500!important;font-size:9px!important;font-weight:800!important}
.concept-score-v285 article em.rating-saving-v326{color:#a66b00!important;font-weight:900!important}.concept-score-v285 article em.rating-saved-v326{color:#078653!important;font-weight:900!important}.concept-score-v285 article button.on{transform:none!important;filter:drop-shadow(0 1px 1px #9a650033)}
.concept-poll-v327>header strong{display:flex;gap:7px}.concept-poll-v327>header strong i{padding:5px 9px;border-radius:999px;font-size:10px;font-style:normal}.concept-poll-v327>header strong i:first-child{background:#dff9e9;color:#08733e}.concept-poll-v327>header strong i:last-child{background:#ffe5e8;color:#a51f30}.concept-poll-buttons-v327{display:grid!important;width:100%;grid-template-columns:1fr 1fr;gap:5px}.concept-poll-buttons-v327 button{min-height:32px!important;padding:6px!important;border:1px solid #cadbd4!important;border-radius:8px!important;background:#fff!important;color:#52675f!important;font-size:9px!important;font-weight:900!important}.concept-poll-buttons-v327 button.on.select{border-color:#168e55!important;background:#168e55!important;color:#fff!important}.concept-poll-buttons-v327 button.on.reject{border-color:#d6293e!important;background:#d6293e!important;color:#fff!important}.poll-select-v327{color:#078653!important}.poll-reject-v327{color:#c51d32!important}
.concept-poll-v327 article em.poll-save-failed-v329{display:block!important;width:100%!important;max-width:135px!important;min-height:0!important;margin:3px 0 0!important;padding:5px 6px!important;border:1px solid #ef9aa5!important;border-radius:7px!important;background:#fff0f2!important;color:#c01931!important;font-size:9px!important;font-style:normal!important;font-weight:850!important;line-height:1.2!important;letter-spacing:0!important;overflow-wrap:anywhere!important}.concept-poll-v327 article em.rating-saved-v326{display:block!important;width:100%!important;max-width:135px!important;min-height:0!important;margin:3px 0 0!important;padding:5px 6px!important;border:1px solid #82d3aa!important;border-radius:7px!important;background:#e7fff2!important;color:#087348!important;font-size:9px!important;font-style:normal!important;font-weight:850!important;line-height:1.2!important;letter-spacing:0!important}.concept-poll-v327 article>em:not(.poll-save-failed-v329):not(.rating-saved-v326){font-size:9px!important;line-height:1.2!important}
.concept-poll-v327,.concept-poll-v327 *{box-sizing:border-box}.concept-poll-v327>header strong i,.concept-poll-buttons-v327 button,.concept-poll-v327 article em{transition:background-color .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease!important}.concept-poll-buttons-v327 button:disabled{opacity:.72}.concept-poll-v327 article:has(em.rating-saving-v326){contain:layout paint}
@media(max-width:650px){.stage-connected-wall-v256 [data-stage-brand-card]:not(.stage-card-collapsed-v278){min-height:0!important;height:max-content!important}.stage-connected-wall-v256 [data-stage-brand-card]:not(.stage-card-collapsed-v278) .stage-project-list-v204{padding-bottom:144px!important}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287{width:88px!important;min-width:88px!important;max-width:88px!important;height:30px!important;min-height:30px!important;margin:0 2px!important;padding:4px 5px!important}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287 span{display:none}.project-rating-group-v298>.concept-rating-open-v290{grid-template-columns:1fr auto}.concept-rating-open-v290>em{grid-column:1/-1;grid-row:2}.saved-draft-attachment-v291{align-items:stretch;flex-direction:column}.saved-draft-attachment-v291 nav a{flex:1;text-align:center}.concept-rating-dialog-v290 .concept-score-v285>div{grid-template-columns:1fr}.concept-rating-dialog-v290 .concept-score-v285 article{grid-template-columns:auto 1fr auto;align-items:center;justify-items:start}}
@media(prefers-reduced-motion:reduce){.stage-project-list-v204 [data-stage-project].project-timer-ending-v293,.stage-project-list-v204 [data-stage-project].project-timer-expired-v293{animation:none!important}}

/* V355: keep the right-side stage arrow/control inside the coloured header. */
.stage-connected-row-v256 [data-stage-brand-card]>header{box-sizing:border-box!important;padding-right:10px!important}
.stage-connected-row-v256 .stage-card-controls-v278,.stage-connected-row-v256 .stage-card-controls-v278:has([data-stage-settings-v287]){right:auto!important;transform:translateX(-5px)!important;margin-left:0!important}
.stage-connected-row-v256 [data-stage-brand-card]{clip-path:inset(-18px 0 -18px 0 round 11px)}
@media(max-width:650px){.stage-connected-row-v256 [data-stage-brand-card]>header{padding-right:8px!important}.stage-connected-row-v256 .stage-card-controls-v278,.stage-connected-row-v256 .stage-card-controls-v278:has([data-stage-settings-v287]){transform:translateX(-4px)!important}}

/* V356: workflow cards never render collapsed. */
.stage-card-collapsed-v278>:not(header){display:revert!important}
.stage-card-controls-v278 [data-stage-collapse-v278],.stage-card-controls-v278 [data-stage-pin-v278]{display:none!important}

/* V357: MD delete control stays inside every project shape. */
[data-stage-project]{position:relative!important;padding-right:42px!important}
.md-project-delete-v357{position:absolute;z-index:8;right:7px;top:50%;display:grid;width:28px;height:28px;place-items:center;transform:translateY(-50%);border:1px solid #ffb4bb;border-radius:8px;background:#fff0f1;color:#c9192e;font-size:14px;line-height:1;box-shadow:0 2px 6px #7b001522;cursor:pointer}
.md-project-delete-v357:hover,.md-project-delete-v357:focus-visible{border-color:#d71932;background:#d71932;color:#fff;outline:none}.md-project-delete-v357[aria-disabled="true"]{opacity:.55;cursor:wait}
@media(max-width:650px){[data-stage-project]{padding-right:35px!important}.md-project-delete-v357{right:4px;width:25px;height:25px;font-size:12px}}

/* V358: stage menu, multi-select and one-shot bulk delete. */
.md-project-delete-v357{display:none!important}[data-stage-project]{padding-right:8px!important}
[data-stage-brand-card]>header{position:relative!important}.stage-action-menu-v358{display:none;position:absolute;z-index:80;right:7px;top:50px;min-width:190px;padding:6px;border:1px solid #c8dcd4;border-radius:10px;background:#fff;box-shadow:0 12px 28px #0a302755}.stage-action-menu-v358.open{display:grid;gap:4px}.stage-action-menu-v358 button{width:100%!important;min-width:0!important;height:auto!important;min-height:34px!important;padding:7px 9px!important;justify-content:flex-start!important;border:0!important;border-radius:7px!important;background:#f1f8f5!important;color:#174f3f!important;font-size:10px!important;font-weight:900!important;text-align:left}.stage-action-menu-v358 [data-select-delete]{background:#fff0f1!important;color:#b51c2d!important}
.stage-bulk-toolbar-v358{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px;padding:7px 9px;border:1px solid #e8a1aa;border-radius:10px;background:#fff5f6;color:#9d1728}.stage-bulk-toolbar-v358>div{display:flex;gap:5px}.stage-bulk-toolbar-v358 button{min-height:28px;padding:5px 8px;border:1px solid #d8b6ba;border-radius:7px;background:#fff;color:#6e2630;font-size:8px;font-weight:900}.stage-bulk-toolbar-v358 [data-delete-selected]{border-color:#d51e35;background:#d51e35;color:#fff}.stage-bulk-toolbar-v358 button:disabled{opacity:.4}
.stage-bulk-delete-v358 [data-stage-project]{padding-left:42px!important}.stage-project-select-v358{position:absolute;z-index:12;left:7px;top:50%;display:grid;width:27px;height:27px;place-items:center;transform:translateY(-50%);border:2px solid #9fbab0;border-radius:7px;background:#fff;color:transparent;font-size:15px;font-weight:950;cursor:pointer}.stage-project-select-v358.selected{border-color:#108653;background:#108653;color:#fff}
@media(max-width:650px){.stage-bulk-toolbar-v358{align-items:stretch;flex-direction:column}.stage-bulk-toolbar-v358>div{display:grid;grid-template-columns:1fr 1fr 1fr}.stage-action-menu-v358{right:3px;min-width:170px}.stage-bulk-delete-v358 [data-stage-project]{padding-left:36px!important}.stage-project-select-v358{left:4px;width:25px;height:25px}}

/* V475: keep bulk-delete checkboxes visibly above project artwork on every card. */
.stage-bulk-delete-v358 [data-stage-project]{padding-left:48px!important;overflow:visible!important}
.stage-project-select-v358{z-index:1000!important;left:8px!important;top:50%!important;width:30px!important;height:30px!important;box-sizing:border-box!important;transform:translateY(-50%)!important;border:2px solid #0b6f55!important;border-radius:7px!important;background:#fff!important;color:transparent!important;box-shadow:0 0 0 3px rgba(255,255,255,.94),0 2px 7px rgba(0,45,34,.28)!important;pointer-events:auto!important;touch-action:manipulation!important}
.stage-project-select-v358>span{display:grid;width:100%;height:100%;place-items:center;font-size:18px;line-height:1;color:transparent}
.stage-project-select-v358.selected{border-color:#087744!important;background:#12a55f!important;color:#fff!important}
.stage-project-select-v358.selected>span{color:#fff!important}
.stage-project-select-v358:focus-visible{outline:3px solid #ffdd3d!important;outline-offset:2px!important}
@media(max-width:650px){.stage-bulk-delete-v358 [data-stage-project]{padding-left:45px!important}.stage-project-select-v358{left:7px!important;width:28px!important;height:28px!important}}

/* V360: the visible corner dot always opens above neighbouring stage cards. */
[data-stage-brand-card].stage-menu-open-v360{z-index:250!important;overflow:visible!important;clip-path:none!important}.stage-action-menu-v360{z-index:260!important}.stage-action-menu-v360 [data-edit-brand-workflow]{background:#edf2ff!important;color:#303f91!important}.stage-action-menu-v360 [data-stage-timer]{background:#effaf5!important;color:#176149!important}[data-stage-settings-v287][hidden]{display:none!important}

/* teams-chat-v251.css */
.team-card[data-team-card-v251]{position:relative;padding-top:18px;overflow:visible}
.team-actions-v251{position:absolute;top:12px;right:12px;z-index:8;display:flex;align-items:center;gap:8px}
.team-card[data-team-card-v251] .team-card-head{padding-right:118px}
.team-message-v251,.team-dots-v251{border:0;cursor:pointer;font:inherit;font-weight:900;box-shadow:0 5px 15px rgba(2,78,62,.1)}
.team-message-v251{min-height:34px;padding:7px 11px;border-radius:999px;background:#d9f99d;color:#14532d;font-size:11px}
.team-dots-v251{width:36px;height:36px;border-radius:50%;background:#fff;color:#075985;font-size:20px;line-height:1}
.team-dots-v251:hover,.team-dots-v251[aria-expanded="true"]{background:#075985;color:#fff;transform:translateY(-1px)}
.team-menu-v251{position:absolute;top:42px;right:0;width:154px;padding:7px;border:1px solid #cfe4dc;border-radius:13px;background:#fff;box-shadow:0 16px 40px rgba(15,23,42,.18);display:none;gap:6px}
.team-menu-v251.open{display:grid}
.team-menu-v251 button{width:100%;border:0;border-radius:9px;padding:10px;text-align:left;cursor:pointer;font-weight:900;background:#edf8f4;color:#075985}
.team-menu-v251 button:hover{background:#d9f99d;color:#14532d}
.team-menu-v251 .delete-team-v251{background:#fff1f2;color:#be123c}
.team-menu-v251 .delete-team-v251:hover{background:#fecdd3;color:#9f1239}
.team-editor-v251{width:min(760px,calc(100vw - 28px));max-height:88vh;border:0;border-radius:22px;padding:0;overflow:hidden;box-shadow:0 30px 90px rgba(2,44,34,.35)}
.team-editor-v251::backdrop{background:rgba(5,40,30,.62);backdrop-filter:blur(4px)}
.team-editor-shell-v251{display:grid;max-height:88vh;background:#fff}
.team-editor-head-v251{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 22px;background:linear-gradient(135deg,#075985,#0d9488);color:#fff}
.team-editor-head-v251 h2,.team-editor-head-v251 p{margin:0}.team-editor-head-v251 p{opacity:.86;font-size:12px;margin-top:3px}
.team-editor-close-v251{width:42px;height:42px;border:0;border-radius:50%;background:#ef233c;color:#fff;font-size:20px;font-weight:900;cursor:pointer}
.team-editor-form-v251{padding:18px 22px 22px;overflow:auto;display:grid;gap:14px}
.team-editor-fields-v251{display:grid;grid-template-columns:1fr 130px;gap:12px}
.team-editor-form-v251 label{display:grid;gap:6px;color:#315b50;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.team-editor-form-v251 input,.team-editor-form-v251 select{width:100%;box-sizing:border-box;border:1px solid #cfe0d9;border-radius:11px;background:#fff;padding:11px;color:#102a22;font:inherit;text-transform:none;letter-spacing:normal}
.team-member-editor-v251{border:1px solid #cfe0d9;border-radius:15px;padding:12px;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:310px;overflow:auto}
.team-member-editor-v251 legend{padding:0 8px;color:#075985;font-weight:900}
.team-member-editor-v251 label{grid-template-columns:auto 38px 1fr;align-items:center;gap:8px;padding:8px;border-radius:10px;background:#f1f8f5;text-transform:none;letter-spacing:0;font-size:12px;cursor:pointer}
.team-member-editor-v251 label:has(input:checked){background:#dcfce7;box-shadow:inset 0 0 0 1px #4ade80}
.team-member-editor-v251 input{width:17px;height:17px}.team-member-editor-v251 .avatar{width:34px;height:34px;flex-basis:34px}
.team-editor-actions-v251{display:flex;justify-content:flex-end;gap:9px}.team-editor-actions-v251 button{border:0;border-radius:11px;padding:11px 18px;font-weight:900;cursor:pointer}
.team-editor-actions-v251 .cancel{background:#eef2f0;color:#36564c}.team-editor-actions-v251 .save{background:#c7fa42;color:#173d2e}
.team-room-badge-v251{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin:0 0 7px;padding:4px 8px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.chat-room.team-room-v251{border-left:5px solid #0d9488}.chat-room.team-room-v251 b:before{content:'👥 ';}
@media(max-width:650px){.team-card[data-team-card-v251] .team-card-head{padding-right:42px}.team-actions-v251{top:10px;right:10px}.team-message-v251{position:absolute;top:42px;right:0;white-space:nowrap}.team-member-editor-v251{grid-template-columns:1fr}.team-editor-fields-v251{grid-template-columns:1fr}.team-editor-head-v251,.team-editor-form-v251{padding-left:15px;padding-right:15px}}

/* role-preview-v263.css */
.portal-role-preview-v263{position:fixed;z-index:13020;top:12px;right:14px;display:grid;gap:6px;width:min(360px,calc(100vw - 28px));padding:7px;border:1px solid #a7cbbb;border-radius:16px;background:#123f34ee;box-shadow:0 14px 38px #09291f55;backdrop-filter:blur(12px)}
body:not(.device-mobile-preview-v246)>.portal-role-preview-v263{display:grid!important}
body.device-mobile-preview-v246>.portal-role-preview-v263{display:none!important}
.role-preview-handle-v263{display:flex;align-items:center;gap:7px;border:0;border-radius:10px;padding:7px 10px;background:#d7ff45;color:#123f34;cursor:pointer}.role-preview-handle-v263 b{font-size:12px}.portal-role-preview-v263>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.portal-role-preview-v263>div button{border:1px solid #ffffff35;border-radius:9px;padding:8px 6px;background:#ffffff12;color:#fff;font-size:10px;font-weight:900;cursor:pointer;text-align:center}.portal-role-preview-v263>div button.active{border-color:#d7ff45;background:#d7ff45;color:#123f34}.portal-role-preview-v263.collapsed{width:auto}.portal-role-preview-v263.collapsed>div{display:none}
.portal-role-preview-v263>.role-preview-people-v269{grid-template-columns:repeat(2,1fr)}.portal-role-preview-v263>.role-preview-people-v269 button{font-size:11px}.portal-role-preview-v263>.role-preview-roles-v269{grid-template-columns:repeat(3,1fr)}
.portal-role-preview-v263.portal-role-compact-v270{width:auto;min-width:238px;padding:5px;cursor:grab;touch-action:none;user-select:none}.portal-role-compact-v270.is-dragging{cursor:grabbing;box-shadow:0 18px 44px #09291f88}.portal-role-compact-v270>.role-preview-roles-v269{gap:4px}.portal-role-compact-v270>.role-preview-roles-v269 button{min-width:72px;min-height:31px;padding:5px 8px;font-size:9px;touch-action:manipulation}
.portal-role-compact-v270>.role-preview-roles-v269 button{position:relative;z-index:2;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.portal-role-compact-v270>.role-preview-roles-v269 button:disabled{opacity:.72;cursor:progress}
.side>.portal-role-preview-v263.portal-role-sidebar-v548{position:static!important;inset:auto!important;z-index:3;display:grid!important;width:100%!important;min-width:0!important;margin:28px 0 14px;padding:6px;background:#0d3e32;border-color:#ffffff38;border-radius:14px;box-shadow:inset 0 1px #ffffff25,0 8px 18px #061f1838;backdrop-filter:none;cursor:default;touch-action:auto}.side>.portal-role-sidebar-v548>.role-preview-roles-v269{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:5px}.side>.portal-role-sidebar-v548>.role-preview-roles-v269 button{width:100%;min-width:0;min-height:38px;font-size:10px}
@media(max-width:900px){.side>.portal-role-preview-v263.portal-role-sidebar-v548{order:4;margin:10px 0 0;width:min(260px,100%)!important;align-self:center}.side>.portal-role-sidebar-v548>.role-preview-roles-v269 button{min-height:36px}}
.basic-attendance-v549,.employee-attendance-history-v549{margin:14px 0;padding:18px;border:1px solid #add9ca;border-radius:18px;background:#f1fbf7;color:#153d31}.basic-attendance-v549>header,.employee-attendance-history-v549>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.basic-attendance-v549 h3,.employee-attendance-history-v549 h2{margin:3px 0}.basic-attendance-v549>header small,.employee-attendance-history-v549>header small{color:#08765b;font-weight:900;letter-spacing:.08em}.basic-attendance-v549>header>span{padding:7px 10px;border-radius:999px;background:#fff;font-size:11px;font-weight:800}.basic-assigned-v549{margin-bottom:12px;padding:12px;border-radius:12px;background:#fff}.basic-assigned-v549>small{font-weight:900;color:#65766e}.basic-assigned-v549 p{display:flex;justify-content:space-between;gap:10px;margin:7px 0}.basic-assigned-v549 p span{color:#65766e;font-size:11px}.attendance-lock-form-v549{display:grid;grid-template-columns:minmax(0,1fr) 180px auto;gap:10px;align-items:end}.attendance-lock-form-v549.checkout{grid-template-columns:minmax(0,1fr) auto;margin-top:12px}.attendance-lock-form-v549 label{display:grid;gap:6px;font-size:12px;font-weight:800}.attendance-lock-form-v549 label span{color:#a35133;font-size:10px}.attendance-lock-form-v549 textarea,.attendance-lock-form-v549 select,.permission-actions-v549 input{width:100%;border:1px solid #bdd7cd;border-radius:10px;background:#fff;padding:11px}.attendance-lock-form-v549 textarea{min-height:86px;resize:vertical}.attendance-lock-form-v549 button{min-height:44px}.locked-entry-v549{margin:9px 0;padding:13px;border-left:5px solid #229b72;border-radius:10px;background:#fff}.locked-entry-v549.complete{border-left-color:#86b817}.locked-entry-v549 small{font-weight:900;color:#237359}.locked-entry-v549 p{margin:7px 0 0;white-space:pre-wrap}.permission-actions-v549 form{display:flex;gap:8px}.permission-actions-v549 button{border:0;border-radius:9px;padding:10px 14px;background:#ffb423;color:#412b00;font-weight:900}.permission-list-v549{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:10px 0}.permission-list-v549 article{display:grid;gap:3px;padding:10px;border-radius:11px;background:#fff7dd}.permission-list-v549 small{color:#75633c}.attendance-complete-v549{padding:12px;border-radius:10px;background:#d9f7e9;color:#096647;font-weight:900}.employee-attendance-history-v549>header nav{display:flex;gap:7px;flex-wrap:wrap}.employee-attendance-history-v549>header nav button,.employee-attendance-history-v549>header nav label{border:1px solid #bed4cb;border-radius:10px;background:#fff;padding:9px 11px;font-weight:800}.employee-attendance-history-v549>header nav button.active{background:#cdfb42}.employee-attendance-history-v549>header nav label{display:flex;align-items:center;gap:6px}.employee-attendance-history-v549 input{border:0}.attendance-history-list-v549{display:grid;gap:10px}.attendance-history-list-v549>article{display:grid;grid-template-columns:130px 160px minmax(180px,1fr) minmax(180px,1fr) 130px 150px;gap:10px;align-items:start;padding:13px;border:1px solid #dce7e2;border-radius:13px;background:#fff}.attendance-history-list-v549>article>header{display:grid;gap:5px}.attendance-history-list-v549>article>header span{width:max-content;padding:4px 7px;border-radius:999px;background:#eee;font-size:10px}.attendance-history-list-v549>article>header span.done{background:#d9f7e9}.attendance-history-list-v549>article small{display:block;color:#6b7973}.attendance-history-list-v549>article p{margin:4px 0;white-space:pre-wrap}.daily-salary-v549{color:#087452}.salary-locked-v549 b{font-size:11px}.salary-privacy-settings-v549{grid-column:1/-1;margin-top:18px;padding:16px;border:1px solid #d6c770;border-radius:15px;background:#fffbe5}.salary-privacy-settings-v549>header{display:flex;justify-content:space-between;gap:12px}.salary-privacy-settings-v549>header h3{margin:4px 0}.salary-privacy-settings-v549>header p{margin:0;color:#68766e}.salary-privacy-settings-v549>header>span{height:max-content;padding:6px 9px;border-radius:999px;background:#173d2e;color:#d7ff45;font-size:10px;font-weight:900}.salary-privacy-settings-v549 form{display:flex;align-items:end;gap:9px;margin-top:12px}.salary-privacy-settings-v549 form label{display:grid;gap:5px}.salary-privacy-settings-v549 input{border:1px solid #d9d7bd;border-radius:9px;padding:10px}@media(max-width:900px){.attendance-lock-form-v549,.attendance-lock-form-v549.checkout{grid-template-columns:1fr}.attendance-history-list-v549>article{grid-template-columns:1fr 1fr}.attendance-history-list-v549>article>div:nth-child(3),.attendance-history-list-v549>article>div:nth-child(4){grid-column:1/-1}.employee-attendance-history-v549>header{display:grid}.salary-privacy-settings-v549 form{display:grid}}@media(max-width:520px){.attendance-history-list-v549>article{grid-template-columns:1fr}.attendance-history-list-v549>article>div{grid-column:1!important}}
.role-preview-banner-v263{display:flex;align-items:center;gap:9px;margin:0 0 10px;padding:9px 12px;border:1px solid #f0c85f;border-radius:12px;background:#fff6ce;color:#684500}.role-preview-banner-v263>span{font-size:22px}.role-preview-banner-v263 b,.role-preview-banner-v263 small{display:block}.role-preview-banner-v263 small{margin-top:2px;font-size:10px}
.portal-role-preview-readonly-v263 .main :disabled{cursor:not-allowed!important;opacity:.62}
.role-preview-setting-v263{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:12px 0;padding:16px;border:1px solid #bdd7cc;border-radius:18px;background:linear-gradient(135deg,#f3fbf7,#eef6ff)}.role-preview-setting-v263>div{display:flex;align-items:center;gap:11px}.role-preview-setting-v263>div>span{font-size:30px}.role-preview-setting-v263 small,.role-preview-setting-v263 b,.role-preview-setting-v263 p{display:block;margin:0}.role-preview-setting-v263 small{color:#28715a;font-size:9px;font-weight:900;letter-spacing:.12em}.role-preview-setting-v263 b{margin:3px 0;font-size:18px}.role-preview-setting-v263 p{color:#61756d;font-size:11px}.role-preview-setting-v263 label{display:flex;align-items:center;gap:8px;cursor:pointer}.role-preview-setting-v263 label input{position:absolute;opacity:0}.role-preview-setting-v263 label i{position:relative;width:48px;height:27px;border-radius:999px;background:#aabbb4}.role-preview-setting-v263 label i::after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;transition:.18s}.role-preview-setting-v263 label input:checked+i{background:#15966b}.role-preview-setting-v263 label input:checked+i::after{transform:translateX(21px)}.role-preview-setting-v263 strong{font-size:9px;color:#285b49}
@media(max-width:650px){.portal-role-preview-v263{top:7px;right:7px;width:calc(100vw - 14px)}.portal-role-preview-v263.portal-role-compact-v270{width:auto;min-width:218px}.portal-role-preview-v263.collapsed{width:auto}.role-preview-setting-v263{align-items:flex-start;flex-direction:column}.role-preview-setting-v263 label{align-self:stretch;justify-content:space-between}.role-preview-banner-v263{padding:8px}.portal-role-preview-v263>div button{min-height:31px;padding:5px 4px}.portal-role-compact-v270>.role-preview-roles-v269 button{min-width:65px}}

/* employee-workspace-v311.css */
.employee-workspace-settings-v311{display:grid;gap:18px}.employee-workspace-settings-v311>header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px;border-radius:20px;background:linear-gradient(135deg,#143f30,#23684f);color:#fff}.employee-workspace-settings-v311 header small{font-weight:900;letter-spacing:1.4px;color:#d7ff45}.employee-workspace-settings-v311 header h2{margin:5px 0;font:700 30px/1.1 Georgia,serif}.employee-workspace-settings-v311 header p{margin:0;max-width:650px;color:#d3e7dd}.employee-workspace-settings-v311 header>span{white-space:nowrap;background:#ffffff18;padding:10px 14px;border-radius:999px}.employee-workspace-settings-v311 form{display:grid;gap:18px}.employee-workspace-settings-v311 form>section{background:#fff;border:1px solid #dfe8e3;border-radius:18px;padding:20px}.employee-workspace-settings-v311 h3{margin:0 0 14px}.employee-choice-grid-v311{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.employee-choice-grid-v311 label{position:relative;cursor:pointer}.employee-choice-grid-v311 input{position:absolute;opacity:0;pointer-events:none}.employee-choice-grid-v311 label>span{min-height:88px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;align-content:center;padding:14px;border:2px solid #e1e8e4;border-radius:14px;background:#f8faf9;transition:.15s}.employee-choice-grid-v311 label>span>b{align-self:end}.employee-choice-grid-v311 label>span>small{grid-column:2;color:#68766e;margin-top:3px}.employee-choice-grid-v311 input:checked+span{border-color:#2a946b;background:#eaf9f2;box-shadow:inset 5px 0 #2a946b}.employee-choice-grid-v311 label.is-locked{opacity:.55;cursor:not-allowed}.employee-workspace-settings-v311 form>.primary{justify-self:end;min-width:210px;padding:14px 20px}.employee-checkin-compact-v311{overflow:hidden}.employee-checkin-compact-v311>.card-head{margin:0;gap:16px}.employee-checkin-compact-v311>.card-head>div:not(.check-actions){min-width:0}.employee-checkin-compact-v311>.card-head h2{margin:0;font-size:clamp(25px,4vw,36px);overflow-wrap:anywhere}.employee-checkin-compact-v311 .employee-live-clock{position:static!important;margin:0 0 16px!important;display:flex!important;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 14px}.employee-checkin-compact-v311 .employee-work-duration{position:static!important;margin:0 0 16px!important;max-width:none!important}.employee-checkin-compact-v311 .check-actions{flex:0 1 360px;min-width:0}.employee-checkin-compact-v311 .check-actions select,.employee-checkin-compact-v311 .check-actions button{min-width:0;max-width:100%}@media(max-width:700px){.employee-workspace-settings-v311>header{display:grid}.employee-workspace-settings-v311 header>span{white-space:normal;width:max-content;max-width:100%}.employee-choice-grid-v311{grid-template-columns:1fr}.employee-workspace-settings-v311 form>section{padding:14px}.employee-workspace-settings-v311 form>.primary{width:100%;justify-self:stretch}.employee-checkin-compact-v311{padding:18px!important}.employee-checkin-compact-v311>.card-head{display:grid!important;align-items:stretch!important}.employee-checkin-compact-v311 .check-actions{display:grid!important;grid-template-columns:1fr;flex-basis:auto;width:100%}.employee-checkin-compact-v311 .check-actions select,.employee-checkin-compact-v311 .check-actions button,.employee-checkin-compact-v311 #checkout button{width:100%;white-space:normal}.employee-checkin-compact-v311 .employee-live-clock b{font-size:clamp(28px,11vw,44px)!important;line-height:1}.employee-checkin-compact-v311 .employee-live-clock span{font-size:12px;line-height:1.35}.employee-checkin-compact-v311 .employee-work-duration{display:grid!important;grid-template-columns:1fr!important;gap:4px!important}.employee-checkin-compact-v311 .employee-work-duration b{font-size:26px!important}.employee-checkin-compact-v311 *{min-width:0}.employee-checkin-compact-v311 textarea{width:100%}}
/* V315: visible employee choices and a complete mobile Settings tab layout. */
.employee-choice-grid-v311 label{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:8px!important}
.employee-choice-grid-v311 input[type="checkbox"]{position:static!important;width:26px!important;height:26px!important;margin:0!important;opacity:1!important;pointer-events:auto!important;accent-color:#16835f!important;cursor:pointer!important}
@media(max-width:700px){
  .settings-tabs-v234{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;overflow:visible!important}
  .settings-tabs-v234>button{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;width:100%!important;min-height:72px!important;padding:10px 12px!important;text-align:left!important}
  .settings-tabs-v234>button>span{display:grid!important;width:42px!important;height:42px!important;border-radius:12px!important;font-size:23px!important}
  .settings-tabs-v234>button>div{display:grid!important;min-width:0!important}
  .settings-tabs-v234>button b{font-size:18px!important}
  .settings-tabs-v234>button small{font-size:8px!important}
  .settings-tabs-v234>button em{display:block!important;font-size:10px!important}
  .employee-choice-grid-v311 label>span{min-height:76px!important;padding:11px!important}
}
/* V317: per-channel stage visibility keeps the mobile workflow compact. */
.employee-stage-choice-v317>p{margin:-7px 0 12px;color:#68766e;font-size:11px}.employee-stage-choice-v317 details,.access-stage-control-v317 details{margin-top:9px;border:1px solid #c9ddd5;border-radius:13px;background:#f8fcfa}.employee-stage-choice-v317 summary,.access-stage-control-v317 summary{display:flex;justify-content:space-between;gap:8px;padding:12px;cursor:pointer;color:#174f3f;font-weight:900}.employee-stage-choice-v317 summary small,.access-stage-control-v317 summary small{color:#68766e}.employee-stage-choice-v317 details>div,.access-stage-control-v317 details>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:7px;padding:0 10px 10px}.employee-stage-choice-v317 label,.access-stage-control-v317 label{display:flex!important;align-items:center!important;gap:8px!important;padding:8px!important;border:1px solid #dbe7e2;border-radius:9px;background:#fff;cursor:pointer}.employee-stage-choice-v317 input,.access-stage-control-v317 input{position:static!important;width:21px!important;height:21px!important;opacity:1!important;pointer-events:auto!important;accent-color:#16835f}.access-stage-control-v317{margin:18px;padding:16px;border:1px solid #b9d9cc;border-radius:16px;background:#f4fbf8}.access-stage-control-v317>header b,.access-stage-control-v317>header small{display:block}.access-stage-control-v317>header small{margin-top:4px;color:#68766e;font-size:10px}@media(max-width:700px){.employee-stage-choice-v317 details>div,.access-stage-control-v317 details>div{grid-template-columns:1fr}.access-stage-control-v317{margin:10px;padding:10px}.employee-stage-choice-v317 summary,.access-stage-control-v317 summary{font-size:12px}}
/* V318: mobile hierarchy — choose a channel, then choose stages inside it. */
.employee-choice-grid-v311.channel{align-items:start}.employee-channel-stage-card-v318{min-width:0;overflow:hidden;border:2px solid #bdd9ce;border-radius:16px;background:#f8fcfa}.employee-channel-stage-card-v318>label{padding:10px!important}.employee-channel-stage-card-v318>label>span{border:0!important;background:transparent!important;box-shadow:none!important}.employee-channel-stage-card-v318>details{margin:0 10px 10px!important;background:#fff}.employee-channel-stage-card-v318.is-channel-hidden{border-style:dashed;opacity:.72}.employee-channel-stage-card-v318.is-channel-hidden>label>span small:after{content:' · Hidden on my portal';color:#b4233b;font-weight:900}.employee-channel-stage-card-v318.is-channel-locked{opacity:.52}
@media(max-width:700px){.employee-choice-grid-v311.channel{display:grid!important;grid-template-columns:1fr!important}.employee-channel-stage-card-v318{width:100%}.employee-channel-stage-card-v318>label{grid-template-columns:30px minmax(0,1fr)!important}.employee-channel-stage-card-v318>details>div{display:grid!important;grid-template-columns:1fr!important}.employee-channel-stage-card-v318 summary{min-height:44px;align-items:center}}
/* V319: disabling an MD channel also disables every child stage. */
.access-stage-control-v317 details.is-channel-disabled-v319{border-style:dashed;opacity:.48;background:#edf1ef}.access-stage-control-v317 details.is-channel-disabled-v319 summary{cursor:default}.access-stage-control-v317 details.is-channel-disabled-v319 label{background:#edf1ef;color:#7b8883;cursor:not-allowed}.access-stage-control-v317 details.is-channel-disabled-v319 input{filter:grayscale(1)}
/* V320: phone-safe workday hero; no absolute clock or reserved-height overlap. */
@media(max-width:700px){
  .check-card.employee-work-hero,.employee-work-hero.employee-checkin-compact-v311{display:flex!important;flex-direction:column!important;gap:12px!important;height:auto!important;min-height:0!important;padding:16px!important;overflow:hidden!important}
  .employee-work-hero>.employee-work-duration{position:static!important;inset:auto!important;order:1!important;display:grid!important;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:13px!important;gap:4px!important;text-align:left!important}
  .employee-work-hero>.employee-work-duration span,.employee-work-hero>.employee-work-duration b,.employee-work-hero>.employee-work-duration small{position:static!important;display:block!important;width:100%!important;max-width:100%!important;margin:0!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.2!important}
  .employee-work-hero>.employee-work-duration b{font-size:clamp(24px,9vw,34px)!important;font-variant-numeric:tabular-nums!important;letter-spacing:0!important}
  .employee-work-hero>.employee-live-clock{position:static!important;inset:auto!important;order:2!important;display:grid!important;grid-template-columns:1fr!important;align-items:start!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0 0 12px!important;gap:5px!important;border-bottom:1px solid #ffffff2b!important}
  .employee-work-hero>.employee-live-clock b,.employee-work-hero>.employee-live-clock span{position:static!important;display:block!important;width:100%!important;max-width:100%!important;margin:0!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.18!important}
  .employee-work-hero>.employee-live-clock b{font-size:clamp(25px,9vw,35px)!important;letter-spacing:0!important}
  .employee-work-hero>.employee-live-clock span{font-size:12px!important}
  .employee-work-hero>.card-head{position:static!important;order:3!important;display:grid!important;width:100%!important;height:auto!important;margin:0!important;gap:9px!important}
  .employee-work-hero>#checkout{position:static!important;order:4!important;width:100%!important;margin:0!important}
  .employee-work-hero h2,.employee-work-hero p,.employee-work-hero label,.employee-work-hero textarea,.employee-work-hero button{max-width:100%!important;overflow-wrap:anywhere!important}
}
@media(max-width:380px){.employee-work-hero>.employee-work-duration b,.employee-work-hero>.employee-live-clock b{font-size:25px!important}.check-card.employee-work-hero{padding:13px!important}}

/* project-hotfix-v366.css */
.project-attachment-open-v301>span{display:flex!important;align-items:center;gap:6px;flex-wrap:wrap}.project-attachment-open-v301>span i{font-style:normal;font-weight:800;background:#fff;border:1px solid #b7d9d0;border-radius:999px;padding:3px 8px;color:#174d40}.project-attachment-open-v301>span em{font-style:normal;color:#70837d}.concept-decision-v366{position:absolute;top:5px;right:52px;border-radius:999px;padding:3px 8px;font-size:9px;font-weight:950;letter-spacing:.04em;box-shadow:0 2px 8px #0002}.concept-decision-v366.approved{background:#dcfce7;color:#08783d;border:1px solid #22c55e}.concept-decision-v366.rejected{background:#fee2e2;color:#b91c1c;border:1px solid #ef4444}[data-stage-project][draggable="true"]{cursor:grab;transform-origin:50% 55%;transition:transform .16s cubic-bezier(.2,.9,.25,1.25),filter .16s ease,box-shadow .16s ease,opacity .16s ease;will-change:transform,filter}[data-stage-project][draggable="true"]:active{cursor:grabbing}.project-grabbed-v369{position:relative;z-index:12;transform:translateY(-3px) rotate(var(--project-drag-tilt-v369,1.8deg)) scale(1.025)!important;filter:drop-shadow(0 9px 8px rgba(7,54,42,.28));box-shadow:0 14px 25px rgba(7,54,42,.18)!important}.project-dragging-v366{position:relative;z-index:15;opacity:.7;transform:translateY(-5px) rotate(var(--project-drag-tilt-v369,1.8deg)) scale(1.035)!important;filter:drop-shadow(0 14px 10px rgba(7,54,42,.32));animation:projectFloatV369 .7s ease-in-out infinite alternate}.project-drag-ghost-v369{position:fixed!important;left:-5000px!important;top:-5000px!important;z-index:99999!important;pointer-events:none!important;opacity:.96!important;transform:rotate(var(--project-drag-tilt-v369,2deg)) scale(1.04)!important;filter:drop-shadow(0 18px 14px rgba(4,45,34,.36));box-shadow:0 18px 35px rgba(4,45,34,.24)!important}.project-drop-ready-v366{outline:3px dashed #0ea5a8!important;outline-offset:-5px;box-shadow:0 0 0 6px #22d3ee33,0 14px 28px #0f766e22!important;animation:projectDropPulseV369 .8s ease-in-out infinite alternate}.brand-card-stage-nav-v204 .project-drop-ready-v366{background:#cffafe!important;color:#075985!important}.project-drop-saving-v366{opacity:.65;pointer-events:none}@keyframes projectFloatV369{from{transform:translateY(-4px) rotate(var(--project-drag-tilt-v369,1.8deg)) scale(1.03)}to{transform:translateY(-7px) rotate(calc(var(--project-drag-tilt-v369,1.8deg) * -.55)) scale(1.045)}}@keyframes projectDropPulseV369{to{box-shadow:0 0 0 9px #22d3ee24,0 18px 34px #0f766e2d}}

/* V368: fixed creator header/footer with vertical-only form scrolling. */
.brand-project-dialog-v194{width:min(1120px,calc(100vw - 32px))!important;max-width:1120px!important;max-height:94dvh!important;overflow:hidden!important;padding:0!important;border-radius:24px!important}
.brand-project-dialog-v194 .dialog-shell{width:100%!important;max-width:none!important;height:min(900px,94dvh)!important;max-height:94dvh!important;box-sizing:border-box!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 24px 0!important;scrollbar-gutter:stable}
.brand-project-dialog-v194 .dialog-shell>*{max-width:100%;min-width:0;box-sizing:border-box}
.brand-project-dialog-v194 .dialog-title{position:sticky!important;top:0;z-index:30;margin:0 -24px 14px!important;padding:18px 24px!important;background:#11563f!important;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.brand-project-dialog-v194 .dialog-title [data-close]{position:relative!important;inset:auto!important;display:grid!important;flex:0 0 44px;width:44px!important;height:44px!important;place-items:center;font-size:28px!important;border-radius:50%!important;background:#fff!important;color:#174f3e!important;box-shadow:0 2px 10px #0003!important}
.brand-project-dialog-v194 .actions{position:sticky!important;bottom:0;z-index:30;margin:18px -24px 0!important;padding:14px 24px 18px!important;background:rgba(255,255,255,.98)!important;border-top:1px solid #cadbd4!important;box-shadow:0 -8px 18px rgba(16,70,54,.13)!important;display:flex!important;justify-content:flex-end!important;gap:10px!important;flex-wrap:wrap!important}
.brand-project-dialog-v194 .actions button{min-height:46px!important;white-space:nowrap}
.brand-project-dialog-v194 .creator-format-mode-v331 nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.brand-project-dialog-v194 .creator-format-mode-v331 ol{display:flex!important;flex-wrap:wrap!important;overflow-x:hidden!important;max-width:100%!important}
.brand-project-dialog-v194 input,.brand-project-dialog-v194 select,.brand-project-dialog-v194 textarea,.brand-project-dialog-v194 fieldset,.brand-project-dialog-v194 details{max-width:100%!important;box-sizing:border-box!important}
@media(max-width:700px){.brand-project-dialog-v194{width:calc(100vw - 12px)!important;max-height:97dvh!important;border-radius:16px!important}.brand-project-dialog-v194 .dialog-shell{height:97dvh!important;max-height:97dvh!important;padding-inline:14px!important}.brand-project-dialog-v194 .dialog-title{margin-inline:-14px!important;padding:14px!important}.brand-project-dialog-v194 .actions{margin-inline:-14px!important;padding:12px 14px calc(12px + env(safe-area-inset-bottom))!important}.brand-project-dialog-v194 .actions button{flex:1 1 140px}.brand-project-dialog-v194 .creator-format-mode-v331 nav{grid-template-columns:1fr!important}}

/* V370: lift and colour the complete project unit, including attachments and DP. */
.project-drag-visual-v370{position:relative;transform-origin:50% 55%;transition:transform .17s cubic-bezier(.2,.9,.25,1.25),filter .17s ease,box-shadow .17s ease,opacity .17s ease,border-color .17s ease;will-change:transform,filter;isolation:isolate;border-radius:15px}
.project-drag-visual-v370.project-grabbed-v369{z-index:20;transform:translateY(-4px) rotate(var(--project-drag-tilt-v369,1.8deg)) scale(1.025)!important;filter:saturate(1.2) brightness(1.045) drop-shadow(0 12px 9px rgba(7,54,42,.28));box-shadow:0 0 0 3px rgba(34,211,238,.38),0 16px 30px rgba(83,53,160,.24)!important}
.project-drag-visual-v370.project-dragging-v366{z-index:22;opacity:.76;transform:translateY(-6px) rotate(var(--project-drag-tilt-v369,1.8deg)) scale(1.035)!important;filter:saturate(1.28) brightness(1.06) hue-rotate(5deg) drop-shadow(0 17px 12px rgba(23,54,92,.34));box-shadow:0 0 0 4px rgba(139,92,246,.34),0 20px 38px rgba(10,117,122,.3)!important;animation:projectWholeFloatV370 .7s ease-in-out infinite alternate}
.project-drag-visual-v370.project-grabbed-v369 [data-stage-project],.project-drag-visual-v370.project-dragging-v366 [data-stage-project]{background-image:linear-gradient(105deg,rgba(45,212,191,.13),rgba(167,139,250,.18))!important}
.project-drag-visual-v370.project-grabbed-v369 .project-attachment-open-v301,.project-drag-visual-v370.project-dragging-v366 .project-attachment-open-v301{background-image:linear-gradient(105deg,rgba(103,232,249,.28),rgba(196,181,253,.35))!important}
.project-drag-ghost-v369{display:block!important;border-radius:15px!important;overflow:hidden!important;background:#fff!important}.project-drag-ghost-v369 [data-stage-project]{display:flex!important;align-items:center!important;width:100%!important;min-height:48px!important;box-sizing:border-box!important}.project-drag-ghost-v369 [data-stage-project]>img,.project-drag-ghost-v369 [data-stage-project]>.avatar{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;min-height:38px!important;max-height:38px!important;object-fit:cover!important;border-radius:50%!important}.project-drag-ghost-v369 .project-attachment-open-v301{display:flex!important;width:100%!important;box-sizing:border-box!important}.project-drag-ghost-v369 .concept-score-v285{display:none!important}
@keyframes projectWholeFloatV370{from{transform:translateY(-5px) rotate(var(--project-drag-tilt-v369,1.8deg)) scale(1.03)}to{transform:translateY(-8px) rotate(calc(var(--project-drag-tilt-v369,1.8deg) * -.45)) scale(1.045)}}

/* V371: a real cursor-following drag layer instead of a frozen native snapshot. */
.project-native-drag-image-v371{position:fixed;left:-20px;top:-20px;width:1px;height:1px;opacity:0;pointer-events:none}
.project-drag-ghost-v369{left:0!important;top:0!important;margin:0!important;z-index:2147483000!important;pointer-events:none!important;opacity:.97!important;transform:translate3d(var(--project-ghost-x-v371,-5000px),var(--project-ghost-y-v371,-5000px),0) rotate(var(--project-drag-tilt-v369,2deg)) scale(1.035)!important;transform-origin:18px 18px!important;transition:opacity .15s ease,transform .09s linear,filter .15s ease!important;animation:none!important;filter:saturate(1.25) brightness(1.055) drop-shadow(0 19px 14px rgba(7,50,69,.36))!important}
.project-drag-ghost-v369.project-ghost-landing-v371{opacity:.18!important;transform:translate3d(var(--project-ghost-x-v371),var(--project-ghost-y-v371),0) rotate(0deg) scale(.92)!important;transition:opacity .18s ease,transform .18s cubic-bezier(.2,.9,.25,1)!important}

/* V372: reveal the otherwise-hidden immediate next stage while dragging. */
.project-auto-next-stage-v372{display:grid;gap:12px;min-height:150px;margin:12px 0;padding:14px;border:3px dashed #38bdf8;border-radius:20px;background:linear-gradient(145deg,#ecfeff,#f3e8ff);color:#155e75;opacity:0;transform:translateY(-14px) scale(.96);transition:opacity .22s ease,transform .25s cubic-bezier(.2,.9,.25,1.2),box-shadow .2s ease;box-shadow:0 12px 28px rgba(14,116,144,.13)}.project-auto-next-stage-v372.is-visible{opacity:1;transform:none}.project-auto-next-stage-v372>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.project-auto-next-stage-v372>header span{font-size:10px;font-weight:900;letter-spacing:.1em}.project-auto-next-stage-v372>header b{font-size:15px}.project-auto-next-stage-v372>div{display:grid;place-items:center;align-content:center;gap:4px;min-height:88px;border-radius:15px;background:rgba(255,255,255,.72)}.project-auto-next-stage-v372>div i{font-size:25px;font-style:normal;animation:autoStageArrowV372 .65s ease-in-out infinite alternate}.project-auto-next-stage-v372>div strong{font-size:14px}.project-auto-next-stage-v372>div small{font-size:10px}.project-auto-next-stage-v372.project-drop-ready-v366{border-color:#8b5cf6!important;background:linear-gradient(145deg,#cffafe,#ede9fe)!important}.project-existing-next-stage-v372{outline:3px dashed #38bdf8!important;outline-offset:4px;animation:projectDropPulseV369 .8s ease-in-out infinite alternate}@keyframes autoStageArrowV372{to{transform:translateY(7px)}}

/* V373 dedicated JR Prime portal. */
.jr-prime-nav-v373{background:linear-gradient(135deg,#ef3340,#ff8a13)!important;color:#fff!important;border-color:#ffb000!important;box-shadow:0 8px 20px rgba(239,51,64,.22)}
.jr-prime-nav-v373 span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff3}
.jr-prime-portal-title-v373{min-height:72px;display:flex;align-items:center;gap:14px;padding:10px 18px;border:3px solid #ffd229;border-radius:18px;background:linear-gradient(110deg,#ef3340,#ff8a13);color:#fff;box-shadow:0 10px 28px rgba(239,51,64,.24)}
.jr-prime-portal-title-v373>img,.jr-prime-portal-title-v373>i{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;object-fit:cover;background:#fff;font-style:normal;font-size:25px;border:2px solid #fff}
.jr-prime-portal-title-v373 span{display:flex;flex-direction:column;gap:2px}.jr-prime-portal-title-v373 small{font-size:10px;letter-spacing:.13em;font-weight:800;opacity:.86}.jr-prime-portal-title-v373 b{font-size:22px;text-shadow:0 2px 3px #7f1d1d66}
@media(max-width:700px){.jr-prime-portal-title-v373{min-height:62px;padding:8px 12px}.jr-prime-portal-title-v373>img,.jr-prime-portal-title-v373>i{width:42px;height:42px}.jr-prime-portal-title-v373 b{font-size:19px}}

/* youtube-channels-v376.css */
.youtube-channel-tabs-v376{display:grid;gap:7px;margin:0 0 12px;padding:8px;border:1px solid #cfe0d9;border-radius:16px;background:linear-gradient(135deg,#fff,#f5fbf8);box-shadow:0 8px 22px #173d2e10;position:relative;z-index:40}
.youtube-active-channel-v382{display:flex;align-items:center;gap:9px;min-height:56px;padding:6px 8px;border:1px solid color-mix(in srgb,var(--channel) 40%,#d8e5df);border-left:6px solid var(--channel);border-radius:11px;background:linear-gradient(90deg,color-mix(in srgb,var(--channel) 10%,#fff),#fff)}.youtube-active-channel-v382 h2{margin:0;color:#173d2e;font-size:20px}.youtube-active-count-v382{padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--channel) 14%,#fff);color:var(--channel);font-size:8px;font-weight:900}.youtube-active-channel-v382>.youtube-channel-edit-v379{position:static;margin-left:2px}.youtube-inline-tools-v382{display:flex;gap:6px;margin:0 0 0 auto}.youtube-inline-tools-v382 button{padding:6px 9px;border:1px solid #cdded7;border-radius:8px;background:#eef7f3;color:#174f3d;font-size:9px;font-weight:900;white-space:nowrap;cursor:pointer}
.project-mode-tabs-v274[hidden],.project-workspace-tabs-v212[hidden]{display:none!important}
.youtube-channel-grid-v379{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.youtube-channel-card-v379{position:relative;min-width:0;border:1px solid color-mix(in srgb,var(--channel) 32%,#d8e5df);border-radius:13px;background:#fff;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.youtube-channel-card-v379:hover{transform:translateY(-2px);box-shadow:0 12px 26px color-mix(in srgb,var(--channel) 18%,transparent)}
.youtube-channel-card-v379.active{border-color:var(--channel);box-shadow:0 11px 28px color-mix(in srgb,var(--channel) 24%,transparent)}
.youtube-channel-card-v379>button[data-youtube-channel-v376]{display:grid;width:100%;min-height:62px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 11px 9px;border:0;background:linear-gradient(135deg,color-mix(in srgb,var(--channel) 11%,white),#fff);color:#193f33;text-align:left;cursor:pointer}
.youtube-channel-card-v379.active>button[data-youtube-channel-v376]{background:linear-gradient(135deg,var(--channel),color-mix(in srgb,var(--channel) 72%,#173d2e));color:#fff}
.youtube-channel-logo-v379{display:grid;width:42px;height:42px;place-items:center;overflow:hidden;border:2px solid #fff;border-radius:11px;background:#fff;box-shadow:0 3px 9px #173d2e1a}
.youtube-channel-logo-v379 img{width:100%;height:100%;object-fit:cover}.youtube-channel-logo-v379 i{font-style:normal;font-size:22px}
.youtube-channel-card-v379 small,.youtube-channel-card-v379 b,.youtube-channel-card-v379 em{display:block}.youtube-channel-card-v379 small{font-size:7px;font-weight:900;letter-spacing:.11em;opacity:.72}.youtube-channel-card-v379 b{margin:1px 0;font-size:14px}.youtube-channel-card-v379 em{font-size:8px;font-style:normal;font-weight:750;opacity:.78}.youtube-channel-card-v379 strong{font-size:9px;white-space:nowrap}
.youtube-channel-edit-v379{position:absolute;right:7px;bottom:5px;padding:3px 6px!important;border:1px solid color-mix(in srgb,var(--channel) 35%,#d8e5df)!important;border-radius:6px!important;background:#fff!important;color:var(--channel)!important;font-size:7px!important;font-weight:900!important;cursor:pointer}
.youtube-admin-tools-v379{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding-top:6px;border-top:1px solid #dce8e3}.youtube-admin-tools-v379>span{margin-right:auto}.youtube-admin-tools-v379 small,.youtube-admin-tools-v379 b{display:block}.youtube-admin-tools-v379 small{color:#7a8e85;font-size:7px;letter-spacing:.11em}.youtube-admin-tools-v379 b{color:#254f42;font-size:10px}.youtube-admin-tools-v379 button{padding:6px 9px;border:1px solid #cdded7;border-radius:8px;background:#eef7f3;color:#174f3d;font-size:9px;font-weight:900;cursor:pointer}
.stage-channel-column-v333[hidden]{display:none!important}
.instant-load-bar{height:4px;margin-top:20px;border-radius:999px;background:linear-gradient(90deg,#dbe7e2 0%,#1d795b 45%,#dbe7e2 90%);background-size:220% 100%;animation:instantLoadV376 1s linear infinite}
@keyframes instantLoadV376{to{background-position:-220% 0}}
.youtube-nav-group-v381{position:relative;display:grid;min-width:0}.side nav>.youtube-nav-group-v381>button{position:relative;overflow:hidden;width:100%;border:1px solid #ffffff20;border-left:5px solid #ff2638;border-radius:9px;padding:12px;background:linear-gradient(90deg,#e60023,#a60019);color:#fff;text-align:left;font-weight:900;cursor:pointer;box-shadow:0 6px 15px #59000d45}.side nav>.youtube-nav-group-v381>button.active{background:linear-gradient(90deg,#ff1836,#c9001f);color:#fff}.side nav>.youtube-nav-group-v381>button::after{content:'▾';float:right;transition:transform .16s}.youtube-nav-group-v381.is-open>button::after{transform:rotate(180deg)}.youtube-nav-submenu-v381{display:none;gap:5px;margin:5px 0 0 9px;padding:6px;border-left:2px solid #ff4155;background:#ffffff08}.youtube-nav-group-v381.is-open .youtube-nav-submenu-v381{display:grid}.youtube-nav-submenu-v381 button{display:flex;align-items:center;gap:8px;border:0;border-left:4px solid var(--channel);border-radius:8px;padding:9px;background:#ffffff0e;color:#fff;text-align:left;font-size:10px;font-weight:850;cursor:pointer}.youtube-nav-submenu-v381 button:hover{background:color-mix(in srgb,var(--channel) 34%,#103c30);transform:translateX(2px)}
.brand-create-ready-row-v382>.brand-create-v194,.brand-create-ready-row-v382>.brand-ready-upload-v382{width:calc(50% - 4px)!important;display:inline-flex!important;align-items:center;justify-content:center;min-height:42px;vertical-align:top}.brand-ready-upload-v382{margin-left:5px;border:0;border-radius:12px;background:#173d2e;color:#fff;font-weight:900;cursor:pointer}
@media(max-width:900px){.youtube-channel-grid-v379{grid-template-columns:1fr}.youtube-channel-tabs-v376{position:relative;top:auto}.youtube-channel-card-v379>button[data-youtube-channel-v376]{min-height:60px}.youtube-admin-tools-v379{align-items:stretch;flex-direction:column}.youtube-admin-tools-v379>span{margin:0}.youtube-admin-tools-v379 button{width:100%}}

/* V383: compact MD controls and a smooth, dimensional YouTube menu. */
.youtube-active-channel-v382>.youtube-channel-edit-v379{position:static;margin-left:2px;width:30px;height:30px;padding:0!important;border-radius:9px!important;font-size:20px!important;line-height:1!important}
.brand-ready-upload-v382{display:none!important}.brand-create-ready-row-v382>.brand-create-v194{width:100%!important}
.side nav>.youtube-nav-group-v381>button{padding:13px 42px 13px 14px;border:1px solid #ff7080;border-left:1px solid #ff7080;border-radius:11px;background:linear-gradient(145deg,#ff2945 0%,#d80022 52%,#980018 100%);box-shadow:inset 0 1px 0 #ffffff70,inset 0 -4px 0 #710012,0 7px 14px #59000d55;transform:translateY(0);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.side nav>.youtube-nav-group-v381>button:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:inset 0 1px 0 #ffffff80,inset 0 -4px 0 #710012,0 9px 18px #59000d65}
.side nav>.youtube-nav-group-v381>button:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #ffffff55,inset 0 -2px 0 #710012,0 3px 7px #59000d45}
.side nav>.youtube-nav-group-v381>button.active{background:linear-gradient(145deg,#ff3853,#ed0025 52%,#a5001a)}
.side nav>.youtube-nav-group-v381>button::after{content:'⌄';position:absolute;right:14px;top:50%;float:none;font-size:21px;line-height:1;transform:translateY(-58%) rotate(0);transform-origin:center;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.youtube-nav-group-v381.is-open>button::after{transform:translateY(-42%) rotate(180deg)}
.youtube-nav-submenu-v381{display:grid;grid-template-rows:0fr;gap:0;margin:0 0 0 9px;padding:0 6px;border-left:2px solid transparent;background:#ffffff08;opacity:0;overflow:hidden;transition:grid-template-rows .28s cubic-bezier(.2,.8,.2,1),opacity .2s ease,margin .28s ease,padding .28s ease,border-color .2s ease}
.youtube-nav-submenu-v381>*{min-height:0;overflow:hidden}
.youtube-nav-group-v381.is-open .youtube-nav-submenu-v381{display:grid;grid-template-rows:repeat(3,1fr);gap:6px;margin-top:7px;padding:7px 6px;border-left-color:#ff4155;opacity:1}
.youtube-nav-submenu-v381 button{min-height:0;border:1px solid #ffffff22;border-left:4px solid var(--channel);border-radius:9px;padding:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--channel) 28%,#174b3a),#123d31);box-shadow:inset 0 1px 0 #ffffff20,0 4px 9px #08271f55;transition:transform .18s ease,filter .18s ease}
.youtube-nav-submenu-v381 button:hover{filter:brightness(1.14);transform:translateX(3px)}

/* V384: a true zero-height collapse and consistent grand 3D sidebar controls. */
.youtube-nav-submenu-v381{display:grid;grid-template-rows:none;max-height:0;margin-top:0!important;padding-top:0!important;padding-bottom:0!important;border-left-color:transparent!important;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;transition:max-height .3s cubic-bezier(.2,.8,.2,1),opacity .18s ease,margin .3s ease,padding .3s ease,visibility 0s linear .3s}
.youtube-nav-group-v381.is-open .youtube-nav-submenu-v381{grid-template-rows:none;max-height:190px;margin-top:7px!important;padding-top:7px!important;padding-bottom:7px!important;border-left-color:#ff4155!important;opacity:1;visibility:visible;pointer-events:auto;transition:max-height .3s cubic-bezier(.2,.8,.2,1),opacity .2s ease,margin .3s ease,padding .3s ease,visibility 0s}
.youtube-nav-submenu-v381>*{overflow:visible}
.side nav>button,.side nav>.youtube-nav-group-v381>button{border-top-color:#ffffff52!important;border-right-color:#ffffff20!important;border-bottom-color:#061f18!important;box-shadow:inset 0 1px 0 #ffffff3d,inset 0 -4px 0 #071f19,0 6px 13px #061f1855;transform:translateY(0);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.side nav>button:hover,.side nav>.youtube-nav-group-v381>button:hover{filter:brightness(1.12) saturate(1.12);transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff5c,inset 0 -4px 0 #071f19,0 9px 17px #061f1870}
.side nav>button:active,.side nav>.youtube-nav-group-v381>button:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #ffffff32,inset 0 -2px 0 #071f19,0 3px 7px #061f184f}
.side nav>.youtube-nav-group-v381>button{border-top-color:#ff8997!important;border-right-color:#9b0018!important;border-bottom-color:#62000f!important;border-left-color:#c80020!important;box-shadow:inset 0 1px 0 #ffffff70,inset 0 -4px 0 #61000f,0 7px 14px #59000d55}
.side nav>.youtube-nav-group-v381>button:hover{box-shadow:inset 0 1px 0 #ffffff80,inset 0 -4px 0 #61000f,0 10px 18px #59000d68}
.youtube-nav-submenu-v381 button{box-shadow:inset 0 1px 0 #ffffff35,inset 0 -3px 0 #061e18,0 5px 10px #061f1855}

/* V385: bright candy-colour 3D navigation theme. */
.side nav>button,.side nav>.youtube-nav-group-v381>button{position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffffff9c!important;border-radius:13px!important;color:#fff!important;text-shadow:0 1px 2px #17253a66;box-shadow:inset 0 2px 0 #ffffff75,inset 0 -5px 0 var(--nav-base,#116b4b),0 7px 13px color-mix(in srgb,var(--nav-base,#116b4b) 40%,transparent)!important}
.side nav>button::before,.side nav>.youtube-nav-group-v381>button::before{content:'';position:absolute;z-index:-1;inset:1px 2px auto;height:42%;border-radius:11px 11px 45% 45%;background:linear-gradient(180deg,#ffffff58,#ffffff05);pointer-events:none}
.side nav>button:hover,.side nav>.youtube-nav-group-v381>button:hover{filter:brightness(1.08) saturate(1.08);transform:translateY(-2px) scale(1.01);box-shadow:inset 0 2px 0 #ffffff8c,inset 0 -5px 0 var(--nav-base,#116b4b),0 10px 18px color-mix(in srgb,var(--nav-base,#116b4b) 46%,transparent)!important}
.side nav>button:active,.side nav>.youtube-nav-group-v381>button:active{transform:translateY(3px);box-shadow:inset 0 1px 0 #ffffff70,inset 0 -2px 0 var(--nav-base,#116b4b),0 3px 6px color-mix(in srgb,var(--nav-base,#116b4b) 35%,transparent)!important}
.side nav [data-view="overview"]{--nav-base:#087e47;background:linear-gradient(145deg,#55e88f 0%,#19c86c 48%,#0ca35a 100%)!important}
.side nav [data-view="employees"]{--nav-base:#176dc2;background:linear-gradient(145deg,#62c8ff 0%,#339dff 48%,#237cdf 100%)!important}
.side nav [data-view="finance"]{--nav-base:#bd6900;background:linear-gradient(145deg,#ffd968 0%,#ffae28 48%,#f18411 100%)!important}
.side nav [data-view="office"]{--nav-base:#7a3fc2;background:linear-gradient(145deg,#d9a0ff 0%,#ad68f2 48%,#8c49d6 100%)!important}
.side nav [data-view="utility"]{--nav-base:#087f9e;background:linear-gradient(145deg,#62e7f4 0%,#20bed7 48%,#0799bd 100%)!important}
.side nav [data-view="goals"]{--nav-base:#b92372;background:linear-gradient(145deg,#ff91ce 0%,#f34fa6 48%,#d82d83 100%)!important}
.side nav [data-view="settings"]{--nav-base:#4157b6;background:linear-gradient(145deg,#aebcff 0%,#7188f2 48%,#5368cf 100%)!important}
.side nav>.youtube-nav-group-v381>button{--nav-base:#bd1733;background:linear-gradient(145deg,#ff7b76 0%,#ff414f 48%,#e51e3e 100%)!important;border-color:#ffd0d4!important}
.side nav>button.active,.side nav>.youtube-nav-group-v381>button.active{outline:3px solid #ffffff70;outline-offset:2px;filter:saturate(1.08) brightness(1.04)}
.youtube-nav-submenu-v381 button{border:1px solid #ffffff90;border-left:5px solid var(--channel);color:#263347;text-shadow:none;background:linear-gradient(145deg,#fff 0%,color-mix(in srgb,var(--channel) 18%,#fff) 60%,color-mix(in srgb,var(--channel) 32%,#fff) 100%);box-shadow:inset 0 2px 0 #fff,inset 0 -4px 0 color-mix(in srgb,var(--channel) 55%,#637089),0 6px 11px color-mix(in srgb,var(--channel) 28%,transparent)}
.youtube-nav-submenu-v381 button:hover{filter:brightness(1.04) saturate(1.1);transform:translateX(4px) translateY(-1px)}

/* V386: refined premium colour system — crisp strokes, restrained depth, no glow. */
.side nav>button,.side nav>.youtube-nav-group-v381>button{min-height:50px;border:1px solid var(--nav-stroke,#ffffff70)!important;border-radius:11px!important;outline:0!important;text-shadow:0 1px 1px #14203270;box-shadow:inset 0 1px 0 #ffffff66,inset 0 -3px 0 var(--nav-base,#174f3d),0 4px 0 color-mix(in srgb,var(--nav-base,#174f3d) 85%,#101820),0 7px 12px #071d1726!important;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}
.side nav>button::before,.side nav>.youtube-nav-group-v381>button::before{inset:1px 8px auto;height:1px;border-radius:99px;background:#ffffffa8;opacity:.72}
.side nav>button:hover,.side nav>.youtube-nav-group-v381>button:hover{filter:brightness(1.045) saturate(1.02);transform:translateY(-1px);box-shadow:inset 0 1px 0 #ffffff7a,inset 0 -3px 0 var(--nav-base,#174f3d),0 5px 0 color-mix(in srgb,var(--nav-base,#174f3d) 88%,#101820),0 9px 14px #071d172d!important}
.side nav>button:active,.side nav>.youtube-nav-group-v381>button:active{transform:translateY(3px);box-shadow:inset 0 1px 0 #ffffff58,inset 0 -1px 0 var(--nav-base,#174f3d),0 1px 0 color-mix(in srgb,var(--nav-base,#174f3d) 88%,#101820),0 3px 6px #071d1722!important}
.side nav [data-view="overview"]{--nav-base:#087d50;--nav-stroke:#75e4b5;background:linear-gradient(135deg,#29cf8a 0%,#15b976 52%,#0aa36a 100%)!important}
.side nav [data-view="employees"]{--nav-base:#176bb4;--nav-stroke:#91caff;background:linear-gradient(135deg,#55acf4 0%,#338fdc 52%,#2478c5 100%)!important}
.side nav [data-view="finance"]{--nav-base:#b86b08;--nav-stroke:#ffe09a;background:linear-gradient(135deg,#ffc45b 0%,#efa136 52%,#db831b 100%)!important}
.side nav [data-view="office"]{--nav-base:#713eb2;--nav-stroke:#d9afff;background:linear-gradient(135deg,#ae70e4 0%,#9256ce 52%,#7941b6 100%)!important}
.side nav [data-view="utility"]{--nav-base:#087c86;--nav-stroke:#8edce1;background:linear-gradient(135deg,#31b9c1 0%,#169aa5 52%,#087f89 100%)!important}
.side nav [data-view="goals"]{--nav-base:#a8296c;--nav-stroke:#ffacd6;background:linear-gradient(135deg,#ed69aa 0%,#d3488d 52%,#b93477 100%)!important}
.side nav [data-view="settings"]{--nav-base:#475ba4;--nav-stroke:#bbc6ff;background:linear-gradient(135deg,#7d8ed8 0%,#6577c5 52%,#5062ad 100%)!important}
.side nav>.youtube-nav-group-v381>button{--nav-base:#b51f39;--nav-stroke:#ffa0ac;background:linear-gradient(135deg,#f45b6c 0%,#df3a52 52%,#c72540 100%)!important}
.side nav>button.active,.side nav>.youtube-nav-group-v381>button.active{outline:0!important;filter:brightness(1.025);box-shadow:inset 0 1px 0 #ffffff78,inset 0 -3px 0 var(--nav-base),0 4px 0 color-mix(in srgb,var(--nav-base) 88%,#101820),0 7px 12px #071d1726!important}
.youtube-nav-submenu-v381 button{border:1px solid color-mix(in srgb,var(--channel) 42%,#d9e3e7);border-left:4px solid var(--channel);border-radius:9px;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--channel) 10%,#fff));box-shadow:inset 0 1px 0 #fff,0 2px 0 color-mix(in srgb,var(--channel) 44%,#73808a),0 5px 9px #071d171f}

/* V387: one spacing and depth rhythm for every primary navigation button. */
.side nav{display:grid!important;grid-template-columns:minmax(0,1fr);align-content:start;gap:12px!important}
.side nav>*{margin:0!important;min-width:0}
.side nav>.youtube-nav-group-v381{gap:0!important}
.side nav>button,.side nav>.youtube-nav-group-v381>button{width:100%!important;margin:0!important;min-height:52px;box-sizing:border-box;box-shadow:inset 0 1px 0 #ffffff70,inset 0 -3px 0 var(--nav-base),0 4px 0 color-mix(in srgb,var(--nav-base) 88%,#101820),0 8px 11px #071d1724!important}
.side nav>button:hover,.side nav>.youtube-nav-group-v381>button:hover{box-shadow:inset 0 1px 0 #ffffff82,inset 0 -3px 0 var(--nav-base),0 4px 0 color-mix(in srgb,var(--nav-base) 88%,#101820),0 9px 13px #071d172b!important}
.side nav>button:active,.side nav>.youtube-nav-group-v381>button:active{box-shadow:inset 0 1px 0 #ffffff60,inset 0 -1px 0 var(--nav-base),0 1px 0 color-mix(in srgb,var(--nav-base) 88%,#101820),0 3px 5px #071d171f!important}
.side nav [data-view="utility"]{--nav-base:#067483;--nav-stroke:#9cebf1;background:linear-gradient(135deg,#4bd5df 0%,#23b8c5 52%,#0e96a5 100%)!important}
.youtube-nav-group-v381.is-open{margin-bottom:0!important}
.youtube-nav-group-v381.is-open .youtube-nav-submenu-v381{margin-bottom:0!important}

/* V388: preserve brand colour on click and show the Queens channel identity. */
.side nav>button.active,.side nav>.youtube-nav-group-v381>button.active,.side nav>button:focus,.side nav>.youtube-nav-group-v381>button:focus{filter:brightness(.97) saturate(1.02)!important;color:#fff!important}
.side nav>button:active,.side nav>.youtube-nav-group-v381>button:active{filter:brightness(.94) saturate(1.02)!important}
.youtube-nav-submenu-v381 button:active,.youtube-nav-submenu-v381 button:focus{filter:brightness(.96) saturate(1.03)!important;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--channel) 14%,#fff))!important;color:#263347!important}
.youtube-nav-submenu-v381 button>i{display:grid;width:22px;height:22px;place-items:center;font-style:normal}
.youtube-nav-submenu-v381 button>img{width:24px;height:24px;flex:0 0 24px;border:1px solid color-mix(in srgb,var(--channel) 42%,#fff);border-radius:7px;background:#fff;object-fit:cover;box-shadow:0 2px 5px #2438472b}

/* project-compact-v390.css */
/* Compact project hierarchy: idea first, details on demand. */
.stage-project-list-v204{gap:10px!important}
.stage-project-entry-v225,.project-rating-group-v298,.project-attachment-group-v301{border:0!important;border-radius:14px!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.stage-project-list-v204 [data-stage-project]{height:58px!important;min-height:58px!important;max-height:58px!important;padding:7px 9px 7px 12px!important;border:1px solid var(--compact-stroke,#78d7bd)!important;border-left:7px solid var(--compact-accent,#12aa7a)!important;border-radius:12px!important;background:linear-gradient(145deg,var(--compact-soft,#effcf8),#fff)!important;color:#143e34!important;box-shadow:inset 0 1px 0 #fff,0 4px 0 var(--compact-depth,#11805f),0 8px 14px #153d3220!important;transition:transform .16s ease,box-shadow .16s ease!important}
.stage-project-list-v204 [data-stage-project]:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff,0 5px 0 var(--compact-depth,#11805f),0 11px 17px #153d3229!important}
.stage-project-list-v204 [data-stage-project][data-compact-format-v390="shorts"]{--compact-accent:#08a77c;--compact-stroke:#6edac0;--compact-soft:#e9fff8;--compact-depth:#08785b}
.stage-project-list-v204 [data-stage-project][data-compact-format-v390="long"]{--compact-accent:#e39a09;--compact-stroke:#f4c85d;--compact-soft:#fff8df;--compact-depth:#a86b00}
.stage-project-list-v204 [data-stage-project][data-compact-format-v390="collaboration"]{--compact-accent:#814bd1;--compact-stroke:#bea0ee;--compact-soft:#f7f0ff;--compact-depth:#5e31a1}
.stage-project-list-v204 [data-stage-project]>span:first-child b{font-size:12px!important;font-weight:950!important;color:#143e34!important;letter-spacing:.02em!important}
.stage-project-list-v204 [data-stage-project]>span:first-child small{display:inline-flex!important;width:max-content!important;max-width:100%!important;padding:3px 7px!important;border-radius:999px!important;background:var(--compact-accent,#12aa7a)!important;color:#fff!important;font-size:7px!important;font-weight:900!important;letter-spacing:.07em!important}
.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287{width:72px!important;min-width:72px!important;max-width:72px!important;height:27px!important;min-height:27px!important;margin:0 3px!important;padding:3px 6px!important;border:1px solid color-mix(in srgb,var(--compact-accent) 36%,#d4e3df)!important;background:#ffffffdf!important;color:#23483f!important;box-shadow:none!important}
.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287 b{font-size:12px!important;letter-spacing:.03em!important}
.concept-decision-v366{display:none!important}
.project-rating-group-v298,.project-attachment-group-v301{display:grid!important;grid-template-columns:minmax(0,1fr) 40px;align-items:stretch;gap:7px;margin:0 0 10px!important}
.project-rating-group-v298:has(>.project-attachment-open-v301){grid-template-columns:minmax(0,1fr) 40px 40px}
.project-rating-group-v298>[data-stage-project],.project-attachment-group-v301>[data-stage-project]{grid-column:1;grid-row:1;margin:0!important}
.project-attachment-open-v301,.concept-rating-open-v290{display:grid!important;width:40px!important;min-width:40px!important;height:58px!important;min-height:58px!important;place-items:center!important;margin:0!important;padding:0!important;border:1px solid #c7d8e0!important;border-radius:11px!important;background:linear-gradient(145deg,#fff,#edf4f7)!important;color:#315164!important;box-shadow:inset 0 1px 0 #fff,0 3px 0 #9aacb5,0 6px 10px #18344218!important;overflow:hidden!important}
.project-rating-group-v298>.concept-rating-open-v290{grid-column:2;grid-row:1}.project-rating-group-v298>.project-attachment-open-v301{grid-column:3;grid-row:1}.project-attachment-group-v301>.project-attachment-open-v301{grid-column:2;grid-row:1}
.project-attachment-open-v301>* ,.concept-rating-open-v290>*{display:none!important}.project-attachment-open-v301::before{content:'📎';font-size:19px}.concept-rating-open-v290::before{content:'↗';font-size:20px;font-weight:950;color:#6d42b5}
.concept-score-v285[hidden]{display:none!important}
[data-stage-brand-card].workflow-start-v390{border-width:3px!important;box-shadow:0 12px 28px #0b8f6b1c!important}[data-stage-brand-card].workflow-start-v390>header::after{content:'START';margin-left:auto;padding:4px 8px;border-radius:999px;background:#10a979;color:#fff;font-size:8px;font-weight:950}
[data-stage-brand-card].workflow-final-v390{border:3px solid #f0a80a!important;box-shadow:0 12px 30px #d68c1226!important}[data-stage-brand-card].workflow-final-v390>header::after{content:'READY TO UPLOAD';margin-left:auto;padding:4px 8px;border-radius:999px;background:#ef9e08;color:#fff;font-size:8px;font-weight:950}
[data-stage-brand-card].workflow-middle-v390{border-width:1px!important;box-shadow:0 5px 14px #173d2e10!important}
@media(max-width:650px){.stage-project-list-v204{padding-left:7px!important;padding-right:7px!important}.stage-project-list-v204 [data-stage-project]{height:64px!important;min-height:64px!important;max-height:64px!important;padding-left:10px!important}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287{width:58px!important;min-width:58px!important;max-width:58px!important;height:25px!important;min-height:25px!important}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287 b{font-size:10px!important}.stage-project-list-v204 [data-stage-project]>img,.stage-project-list-v204 [data-stage-project]>.avatar{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important}.project-attachment-open-v301,.concept-rating-open-v290{height:64px!important;min-height:64px!important}.project-rating-group-v298,.project-attachment-group-v301{gap:5px}.project-rating-group-v298:has(>.project-attachment-open-v301){grid-template-columns:minmax(0,1fr) 38px 38px}.project-rating-group-v298,.project-attachment-group-v301{grid-template-columns:minmax(0,1fr) 38px}.project-attachment-open-v301,.concept-rating-open-v290{width:38px!important;min-width:38px!important}}

/* V391: the complete project card carries the video-format colour. */
.stage-project-list-v204 [data-stage-project][data-compact-format-v390="shorts"]{--compact-accent:#087f70;--compact-stroke:#70e6d5;--compact-depth:#066459;background:linear-gradient(145deg,#35d5bf 0%,#18bca5 52%,#0d9b88 100%)!important}
.stage-project-list-v204 [data-stage-project][data-compact-format-v390="long"]{--compact-accent:#a96100;--compact-stroke:#ffe08a;--compact-depth:#9a5800;background:linear-gradient(145deg,#ffcc58 0%,#f5a91d 52%,#e58b08 100%)!important}
.stage-project-list-v204 [data-stage-project][data-compact-format-v390="collaboration"]{--compact-accent:#543092;--compact-stroke:#d9bcff;--compact-depth:#4e288b;background:linear-gradient(145deg,#ad7bf0 0%,#8b59d7 52%,#7040bd 100%)!important}
.stage-project-list-v204 [data-stage-project][data-compact-v390]>span:first-child b{color:#fff!important;text-shadow:0 1px 2px #17213b55}
.stage-project-list-v204 [data-stage-project][data-compact-v390]>span:first-child small{border:1px solid #ffffff6e!important;background:#ffffffeb!important;color:var(--compact-depth)!important;text-shadow:none!important}
.stage-project-list-v204 [data-stage-project][data-compact-v390]>.project-stage-timer-v287{border-color:#ffffffa3!important;background:#fffffff0!important;color:var(--compact-depth)!important}
.stage-project-list-v204 [data-stage-project][data-compact-v390]>img,.stage-project-list-v204 [data-stage-project][data-compact-v390]>.avatar{border:2px solid #fff!important;box-shadow:0 2px 7px #152a3b3d!important}
.project-rating-group-v298:has([data-compact-format-v390="shorts"]) .project-attachment-open-v301,.project-attachment-group-v301:has([data-compact-format-v390="shorts"]) .project-attachment-open-v301,.project-rating-group-v298:has([data-compact-format-v390="shorts"]) .concept-rating-open-v290{border-color:#70e6d5!important;background:linear-gradient(145deg,#dffff9,#a6eee2)!important;color:#066459!important;box-shadow:inset 0 1px 0 #fff,0 3px 0 #42ae9d,0 6px 10px #18344218!important}
.project-rating-group-v298:has([data-compact-format-v390="long"]) .project-attachment-open-v301,.project-attachment-group-v301:has([data-compact-format-v390="long"]) .project-attachment-open-v301,.project-rating-group-v298:has([data-compact-format-v390="long"]) .concept-rating-open-v290{border-color:#ffe08a!important;background:linear-gradient(145deg,#fff9dc,#ffe19a)!important;color:#9a5800!important;box-shadow:inset 0 1px 0 #fff,0 3px 0 #d59a28,0 6px 10px #18344218!important}
.project-rating-group-v298:has([data-compact-format-v390="collaboration"]) .project-attachment-open-v301,.project-attachment-group-v301:has([data-compact-format-v390="collaboration"]) .project-attachment-open-v301,.project-rating-group-v298:has([data-compact-format-v390="collaboration"]) .concept-rating-open-v290{border-color:#d9bcff!important;background:linear-gradient(145deg,#faf3ff,#dfc8ff)!important;color:#4e288b!important;box-shadow:inset 0 1px 0 #fff,0 3px 0 #9670c9,0 6px 10px #18344218!important}
.project-format-identity-v392{order:3!important;display:grid!important;width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;min-height:32px!important;max-height:32px!important;flex:0 0 32px!important;place-items:center!important;margin:0!important;border:2px solid #fff!important;border-radius:10px!important;background:#ffffffdf!important;object-fit:cover!important;font-style:normal!important;font-size:17px!important;box-shadow:0 2px 7px #152a3b3d!important;overflow:hidden!important}.project-format-identity-v392.custom{border-radius:50%!important}.stage-project-list-v204 [data-stage-project]>img:not(.project-format-identity-v392),.stage-project-list-v204 [data-stage-project]>.avatar{order:4!important}.collaboration-icon-field-v392{position:relative;padding-right:86px!important}.collaboration-icon-field-v392 output{position:absolute;right:10px;top:10px;display:grid;width:62px;height:62px;place-items:center;overflow:hidden;border:2px solid #b996ed;border-radius:14px;background:#f7efff;font-size:27px}.collaboration-icon-field-v392 output img{width:100%;height:100%;object-fit:cover}
@media(max-width:650px){.project-format-identity-v392{width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;max-width:27px!important;max-height:27px!important;flex-basis:27px!important}}

/* V393: isolated format themes and visual project storytelling. */
.stage-project-list-v204 [data-stage-project][data-compact-format-v390="shorts"].project-active-v293{border-color:#70e6d5!important;border-left-color:#087f70!important;box-shadow:inset 0 1px 0 #ffffff8a,0 4px 0 #066459,0 8px 14px #153d3220!important}.stage-project-list-v204 [data-stage-project][data-compact-format-v390="long"].project-active-v293{border-color:#ffe08a!important;border-left-color:#a96100!important;box-shadow:inset 0 1px 0 #ffffff8a,0 4px 0 #9a5800,0 8px 14px #6d430020!important}.stage-project-list-v204 [data-stage-project][data-compact-format-v390="collaboration"].project-active-v293{border-color:#d9bcff!important;border-left-color:#543092!important;box-shadow:inset 0 1px 0 #ffffff8a,0 4px 0 #4e288b,0 8px 14px #3e226520!important}
.project-attachment-open-v301::before{content:'📎'!important}.project-attachment-open-v301.has-text-v393::before{content:'💬'!important}.concept-rating-open-v290::before{content:'🧭'!important;font-size:18px!important}.stage-physics-canvas-v207{display:none!important}
.project-story-dialog-v393{width:min(900px,calc(100vw - 24px));max-height:92vh;padding:0;border:0;border-radius:22px;background:#fff;box-shadow:0 28px 75px #102f2850}.project-story-dialog-v393::backdrop{background:#09251f99;backdrop-filter:blur(5px)}.project-story-dialog-v393>section{--story:#0aa88b;--story-soft:#e8fff9;padding:18px}.project-story-dialog-v393.story-long-v393>section{--story:#e9950b;--story-soft:#fff7dc}.project-story-dialog-v393.story-collaboration-v393>section{--story:#7b49c7;--story-soft:#f5edff}.project-story-dialog-v393 header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:15px;background:linear-gradient(135deg,var(--story),color-mix(in srgb,var(--story) 72%,#263a50));color:#fff}.project-story-dialog-v393 header small{font-size:8px;font-weight:900;letter-spacing:.11em}.project-story-dialog-v393 header h2{margin:3px 0;font-size:23px}.project-story-dialog-v393 header p{margin:0;font-size:10px}.project-story-dialog-v393 header>button{width:34px;height:34px;border:1px solid #ffffff70;border-radius:10px;background:#ffffff20;color:#fff;font-size:20px}.project-story-progress-v393{display:flex;gap:5px;margin:14px 0;padding:12px;overflow-x:auto;border:1px solid color-mix(in srgb,var(--story) 25%,#dce7e4);border-radius:14px;background:var(--story-soft)}.project-story-progress-v393 span{display:flex;min-width:105px;align-items:center;gap:6px;color:#789087}.project-story-progress-v393 span i{display:grid;width:25px;height:25px;place-items:center;border:2px solid #b7cbc4;border-radius:50%;background:#fff;font-style:normal;font-size:9px;font-weight:950}.project-story-progress-v393 span b{font-size:8px}.project-story-progress-v393 span.done,.project-story-progress-v393 span.current{color:var(--story)}.project-story-progress-v393 span.done i,.project-story-progress-v393 span.current i{border-color:var(--story);background:var(--story);color:#fff}.project-story-progress-v393 span.current i{box-shadow:0 0 0 4px color-mix(in srgb,var(--story) 22%,transparent)}.project-story-suggestion-v393{display:flex;gap:10px;padding:12px 14px;border-left:5px solid var(--story);border-radius:12px;background:var(--story-soft)}.project-story-suggestion-v393>i{font-size:20px;color:var(--story)}.project-story-suggestion-v393 b{color:var(--story);font-size:11px}.project-story-suggestion-v393 p{margin:3px 0 0;color:#39554b;font-size:10px;line-height:1.5}.project-story-timeline-v393{position:relative;display:grid;gap:0;margin:16px 0;padding-left:8px}.project-story-timeline-v393 article{display:grid;grid-template-columns:30px 1fr;gap:9px;padding:0 0 18px}.project-story-timeline-v393 article>i{z-index:1;display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:var(--story);color:#fff;font-style:normal;font-size:9px}.project-story-timeline-v393 article:not(:last-child)>i::after{content:'';position:absolute;width:2px;height:calc(100% - 30px);margin-top:29px;background:color-mix(in srgb,var(--story) 30%,#d9e4e0)}.project-story-timeline-v393 h3{margin:1px 0 3px;color:#203f35;font-size:13px}.project-story-timeline-v393 p{margin:0 0 4px;color:#516b62;font-size:10px}.project-story-timeline-v393 small,.project-story-timeline-v393 time{display:block;color:#789087;font-size:8px}.project-story-timeline-v393 time{margin-top:3px;color:var(--story);font-weight:850}.project-story-dialog-v393 footer{display:flex;justify-content:flex-end;gap:8px}.project-story-dialog-v393 footer button{padding:10px 13px;border:1px solid #cadbd5;border-radius:10px;background:#fff;font-weight:850}.project-story-dialog-v393 footer .primary{border-color:var(--story);background:var(--story);color:#fff}
@media(max-width:650px){.project-story-dialog-v393{width:calc(100vw - 12px);max-height:96vh}.project-story-dialog-v393>section{padding:10px}.project-story-dialog-v393 header{padding:12px}.project-story-dialog-v393 header h2{font-size:18px}.project-story-progress-v393{padding:9px}.project-story-progress-v393 span{min-width:88px}.project-story-dialog-v393 footer{position:sticky;bottom:0;padding-top:8px;background:#fff}.project-story-dialog-v393 footer button{flex:1;font-size:9px}}

/* V394: floating format identity, digital timer and symbolic attachment tab. */
.stage-project-entry-v225,.project-rating-group-v298,.project-attachment-group-v301{padding-left:18px!important;padding-right:4px!important}
.stage-project-list-v204 [data-stage-project][data-compact-v390]{position:relative!important;overflow:visible!important;padding-left:34px!important}
.project-format-identity-v392{position:absolute!important;z-index:12!important;left:-23px!important;top:50%!important;order:0!important;width:46px!important;height:46px!important;min-width:46px!important;max-width:46px!important;min-height:46px!important;max-height:46px!important;transform:translateY(-54%) rotate(-6deg)!important;clip-path:polygon(25% 4%,75% 4%,98% 28%,92% 78%,68% 98%,20% 91%,2% 62%,5% 25%)!important;border:0!important;border-radius:0!important;background:linear-gradient(145deg,#fff,#e9f3f0)!important;box-shadow:none!important;filter:drop-shadow(0 5px 0 var(--compact-depth)) drop-shadow(0 9px 7px #102f2842)!important;font-size:21px!important;transition:transform .18s ease,filter .18s ease!important}.project-format-identity-v392::after{content:'';position:absolute;inset:4px;border:2px solid color-mix(in srgb,var(--compact-accent) 65%,#fff);clip-path:inherit}.project-format-identity-v392.custom{border-radius:0!important;object-fit:cover!important}.stage-project-list-v204 [data-stage-project]:hover .project-format-identity-v392{transform:translateY(-58%) rotate(2deg) scale(1.06)!important;filter:drop-shadow(0 6px 0 var(--compact-depth)) drop-shadow(0 11px 8px #102f2848)!important}
.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287{position:relative!important;width:84px!important;min-width:84px!important;max-width:84px!important;height:32px!important;min-height:32px!important;display:grid!important;grid-template-columns:22px 1fr!important;gap:2px!important;padding:3px 7px 3px 4px!important;border:1px solid color-mix(in srgb,var(--compact-depth) 25%,#fff)!important;border-radius:11px!important;background:linear-gradient(145deg,#fff,#edf5f2)!important;box-shadow:inset 0 1px 0 #fff,0 3px 0 color-mix(in srgb,var(--compact-depth) 45%,#b9c8c3),0 5px 9px #17352b24!important}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287::before{content:'◷';display:grid;width:20px;height:20px;place-items:center;border-radius:7px;background:var(--compact-accent);color:#fff;font-size:13px;font-weight:950}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287 b{font-family:"Arial Rounded MT Bold",Inter,sans-serif!important;font-size:12px!important;letter-spacing:.055em!important;color:var(--compact-depth)!important}
.project-attachment-open-v301,.concept-rating-open-v290{position:relative!important;width:44px!important;min-width:44px!important;border-radius:15px 7px 7px 15px!important;transform:translateX(2px)!important;clip-path:polygon(14% 0,100% 0,100% 100%,14% 100%,0 75%,7% 50%,0 25%)!important;box-shadow:none!important;filter:drop-shadow(0 4px 0 #809b91) drop-shadow(0 7px 6px #17352b2b)!important}.project-attachment-open-v301::before,.concept-rating-open-v290::before{display:grid!important;width:29px!important;height:29px!important;place-items:center!important;border:1px solid #ffffffc2!important;border-radius:10px!important;background:#ffffffd9!important;box-shadow:inset 0 1px 0 #fff,0 2px 5px #18362d24!important;font-size:16px!important}.project-attachment-open-v301::after{content:'';position:absolute;right:4px;bottom:5px;width:6px;height:6px;border-radius:50%;background:#22c55e;border:2px solid #fff}.project-attachment-open-v301.has-text-v393::after{background:#8b5cf6}.concept-rating-open-v290::after{content:'';position:absolute;right:4px;bottom:5px;width:6px;height:6px;border-radius:50%;background:#f59e0b;border:2px solid #fff}
@media(max-width:650px){.stage-project-entry-v225,.project-rating-group-v298,.project-attachment-group-v301{padding-left:15px!important;padding-right:2px!important}.stage-project-list-v204 [data-stage-project][data-compact-v390]{padding-left:29px!important}.project-format-identity-v392{left:-20px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;font-size:18px!important}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287{width:72px!important;min-width:72px!important;max-width:72px!important;height:29px!important;min-height:29px!important;grid-template-columns:19px 1fr!important;padding:3px!important}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287::before{width:18px;height:18px;font-size:11px}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287 b{font-size:10px!important}.project-attachment-open-v301,.concept-rating-open-v290{width:39px!important;min-width:39px!important}}

/* V395: explicit format name plus a creative 1:1 artwork badge. */
.stage-project-entry-v225,.project-rating-group-v298,.project-attachment-group-v301{padding-left:29px!important}.stage-project-list-v204 [data-stage-project][data-compact-v390]{padding-left:44px!important}
.project-format-badge-v395{position:absolute!important;z-index:14;left:-34px;top:50%;display:grid!important;width:62px!important;height:60px!important;grid-template-rows:44px 16px!important;place-items:center;transform:translateY(-52%) rotate(-3deg);filter:drop-shadow(0 5px 0 var(--compact-depth)) drop-shadow(0 9px 7px #102f2842);transition:transform .18s ease}.project-format-art-v395{display:grid!important;width:44px!important;height:44px!important;place-items:center;overflow:hidden;clip-path:polygon(25% 3%,75% 3%,98% 27%,92% 78%,68% 98%,20% 91%,2% 62%,5% 25%);background:linear-gradient(145deg,#fff,#e8f1ee);font-size:20px}.project-format-art-v395 img{width:100%!important;height:100%!important;object-fit:cover!important}.project-format-art-v395 i{font-style:normal!important}.project-format-badge-v395>b{display:grid!important;width:58px!important;height:16px!important;place-items:center;margin-top:-2px;border:1px solid #ffffffb5;border-radius:6px;background:var(--compact-depth);color:#fff!important;font-size:6.5px!important;font-weight:950!important;letter-spacing:.08em!important;line-height:1!important;box-shadow:inset 0 1px 0 #ffffff55}.stage-project-list-v204 [data-stage-project]:hover .project-format-badge-v395{transform:translateY(-57%) rotate(2deg) scale(1.05)}
.project-format-identity-v392{display:none!important}
@media(max-width:650px){.stage-project-entry-v225,.project-rating-group-v298,.project-attachment-group-v301{padding-left:24px!important}.stage-project-list-v204 [data-stage-project][data-compact-v390]{padding-left:38px!important}.project-format-badge-v395{left:-29px;width:54px!important;height:54px!important;grid-template-rows:39px 15px!important}.project-format-art-v395{width:39px!important;height:39px!important;font-size:17px}.project-format-badge-v395>b{width:52px!important;height:15px!important;font-size:6px!important}}

/* V396: wider equal cards and a flat, icon-free timer. */
.stage-channel-columns-v333[data-active-youtube-channel]{grid-template-columns:minmax(560px,680px)!important;justify-content:start!important}.stage-channel-column-v333{width:100%!important;max-width:680px!important}.stage-project-entry-v225,.project-rating-group-v298,.project-attachment-group-v301{position:relative!important;width:calc(100% - 58px)!important;max-width:none!important}.project-rating-group-v298,.project-attachment-group-v301{display:block!important}.project-rating-group-v298>[data-stage-project],.project-attachment-group-v301>[data-stage-project]{width:100%!important}.project-attachment-open-v301,.concept-rating-open-v290{position:absolute!important;top:0!important}.project-attachment-open-v301{right:-52px!important}.concept-rating-open-v290{right:-101px!important}.project-rating-group-v298:not(:has(>.project-attachment-open-v301))>.concept-rating-open-v290{right:-52px!important}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287{display:flex!important;width:68px!important;min-width:68px!important;max-width:68px!important;height:26px!important;min-height:26px!important;justify-content:center!important;padding:2px 6px!important;border:1px solid #ffffffa8!important;border-radius:8px!important;background:#ffffffdb!important;box-shadow:none!important}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287::before{display:none!important;content:none!important}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287 b{font-family:Inter,"Segoe UI",sans-serif!important;font-size:11px!important;font-weight:850!important;letter-spacing:.035em!important}.project-story-dialog-v393 footer .danger{margin-right:auto;border-color:#f3b5b5!important;background:#fff0f0!important;color:#b51d2d!important}
@media(max-width:700px){.stage-channel-columns-v333[data-active-youtube-channel]{grid-template-columns:minmax(0,1fr)!important}.stage-channel-column-v333{max-width:none!important}.stage-project-entry-v225,.project-rating-group-v298,.project-attachment-group-v301{width:calc(100% - 45px)!important}.project-attachment-open-v301{right:-43px!important}.concept-rating-open-v290{right:-82px!important}.project-rating-group-v298:not(:has(>.project-attachment-open-v301))>.concept-rating-open-v290{right:-43px!important}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287{width:56px!important;min-width:56px!important;max-width:56px!important;height:24px!important;min-height:24px!important}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287 b{font-size:9px!important}}

/* V397: all attachment and tracking controls live inside the project rectangle. */
.stage-project-entry-v225,.project-rating-group-v298,.project-attachment-group-v301{width:100%!important;padding-right:0!important;box-sizing:border-box!important}.project-rating-group-v298,.project-attachment-group-v301{position:relative!important;display:block!important}.project-rating-group-v298>[data-stage-project],.project-attachment-group-v301>[data-stage-project]{width:100%!important;padding-right:112px!important}.project-attachment-group-v301>[data-stage-project]{padding-right:76px!important}.project-attachment-open-v301,.concept-rating-open-v290{position:absolute!important;z-index:18!important;top:50%!important;width:31px!important;min-width:31px!important;height:34px!important;min-height:34px!important;margin:0!important;padding:0!important;border:1px solid #ffffffa8!important;border-radius:8px!important;clip-path:none!important;transform:translateY(-50%)!important;filter:none!important;box-shadow:inset 0 1px 0 #fff,0 2px 4px #17352b22!important}.project-attachment-open-v301{right:7px!important}.concept-rating-open-v290{right:43px!important}.project-rating-group-v298:not(:has(>.project-attachment-open-v301))>.concept-rating-open-v290{right:7px!important}.project-attachment-open-v301::before,.concept-rating-open-v290::before{width:24px!important;height:24px!important;border:0!important;border-radius:6px!important;background:#ffffffed!important;box-shadow:none!important;font-size:13px!important}.project-attachment-open-v301::after,.concept-rating-open-v290::after{right:1px!important;bottom:1px!important;width:5px!important;height:5px!important;border-width:1px!important}
@media(max-width:650px){.stage-project-entry-v225,.project-rating-group-v298,.project-attachment-group-v301{width:100%!important;padding-right:0!important}.project-rating-group-v298>[data-stage-project],.project-attachment-group-v301>[data-stage-project]{padding-right:91px!important}.project-attachment-group-v301>[data-stage-project]{padding-right:58px!important}.project-attachment-open-v301,.concept-rating-open-v290{width:27px!important;min-width:27px!important;height:30px!important;min-height:30px!important}.project-attachment-open-v301{right:5px!important}.concept-rating-open-v290{right:36px!important}.project-rating-group-v298:not(:has(>.project-attachment-open-v301))>.concept-rating-open-v290{right:5px!important}.project-attachment-open-v301::before,.concept-rating-open-v290::before{width:21px!important;height:21px!important;font-size:12px!important}}

/* V398: clean in-card composition — square category, utilities, large creator DP. */
.stage-project-entry-v225,.project-rating-group-v298,.project-attachment-group-v301{padding-left:0!important}.stage-project-list-v204 [data-stage-project][data-compact-v390]{height:64px!important;min-height:64px!important;max-height:64px!important;padding:7px 128px 7px 64px!important;overflow:hidden!important}.project-format-badge-v395{left:9px!important;top:50%!important;width:46px!important;height:46px!important;display:block!important;transform:translateY(-50%)!important;filter:none!important}.project-format-art-v395{width:46px!important;height:46px!important;clip-path:none!important;border:1px solid #ffffffb5!important;border-radius:11px!important;background:#ffffffea!important;box-shadow:inset 0 1px 0 #fff,0 2px 5px #17352b20!important}.project-format-art-v395 img{border-radius:10px!important}.project-format-badge-v395>b{display:none!important}.stage-project-list-v204 [data-stage-project]:hover .project-format-badge-v395{transform:translateY(-50%)!important}.stage-project-list-v204 [data-stage-project]>img:not(.project-format-identity-v392),.stage-project-list-v204 [data-stage-project]>.avatar{position:absolute!important;z-index:13!important;right:9px!important;top:50%!important;order:9!important;width:43px!important;height:43px!important;min-width:43px!important;min-height:43px!important;max-width:43px!important;max-height:43px!important;transform:translateY(-50%)!important;border:2px solid #fff!important;border-radius:12px!important;box-shadow:0 3px 7px #17352b30!important}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287{position:absolute!important;z-index:15!important;right:96px!important;top:50%!important;transform:translateY(-50%)!important;width:60px!important;min-width:60px!important;max-width:60px!important;margin:0!important}.project-attachment-open-v301,.concept-rating-open-v290{top:50%!important;width:28px!important;min-width:28px!important;height:30px!important;min-height:30px!important}.project-attachment-open-v301{right:59px!important}.concept-rating-open-v290{right:91px!important}.project-rating-group-v298:not(:has(>.project-attachment-open-v301))>.concept-rating-open-v290{right:59px!important}.project-attachment-open-v301::before,.concept-rating-open-v290::before{width:22px!important;height:22px!important;font-size:12px!important}.stage-project-list-v204 [data-stage-project]>span:first-child{padding-right:4px!important}
@media(max-width:650px){.stage-project-list-v204 [data-stage-project][data-compact-v390]{height:60px!important;min-height:60px!important;max-height:60px!important;padding:6px 112px 6px 54px!important}.project-format-badge-v395{left:7px!important;width:40px!important;height:40px!important}.project-format-art-v395{width:40px!important;height:40px!important;border-radius:9px!important}.stage-project-list-v204 [data-stage-project]>img:not(.project-format-identity-v392),.stage-project-list-v204 [data-stage-project]>.avatar{right:7px!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;max-height:38px!important;border-radius:10px!important}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287{right:83px!important;width:52px!important;min-width:52px!important;max-width:52px!important}.project-attachment-open-v301{right:49px!important}.concept-rating-open-v290{right:78px!important}.project-rating-group-v298:not(:has(>.project-attachment-open-v301))>.concept-rating-open-v290{right:49px!important}}

/* V399: completed journey steps use an unmistakable round green tick. */
.project-story-progress-v393 span.done{color:#128449!important}.project-story-progress-v393 span.done i{border-color:#16a34a!important;background:#16a34a!important;color:#fff!important;border-radius:50%!important;box-shadow:inset 0 1px 0 #ffffff70,0 0 0 3px #dcfce7!important;font-size:11px!important}.project-story-progress-v393 span.current i{border-radius:50%!important}
.project-story-timeline-v393 article:not(:last-child)>i{border:2px solid #fff!important;border-radius:50%!important;background:#16a34a!important;color:#fff!important;box-shadow:0 0 0 3px #dcfce7!important;font-size:11px!important;font-weight:950!important}.project-story-timeline-v393 article:last-child>i{border-radius:50%!important;background:var(--story)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--story) 18%,#fff)!important}

/* V400: use the available desktop canvas instead of the old one-third column. */
@media(min-width:901px){.stage-channel-columns-v333[data-active-youtube-channel]{width:min(100%,1050px)!important;max-width:1050px!important;grid-template-columns:minmax(760px,1050px)!important;justify-content:start!important}.stage-channel-columns-v333[data-active-youtube-channel]>.stage-channel-column-v333{width:100%!important;max-width:1050px!important}.stage-channel-columns-v333[data-active-youtube-channel] [data-stage-brand-card]{width:100%!important;max-width:none!important}.brand-stage-control-v203:has(.stage-channel-columns-v333[data-active-youtube-channel]){width:100%!important;max-width:none!important}}

/* V401: dominant category corner badge and a larger round employee profile. */
.stage-project-list-v204 [data-stage-project][data-compact-v390]{height:70px!important;min-height:70px!important;max-height:70px!important;padding-left:66px!important;border-radius:16px!important}.project-format-badge-v395{left:-7px!important;width:58px!important;height:58px!important}.project-format-art-v395{width:58px!important;height:58px!important;border:3px solid #fff!important;border-radius:17px!important;background:linear-gradient(145deg,#fff,#edf4f1)!important;box-shadow:0 5px 12px #17352b30!important;font-size:24px!important}.project-format-art-v395 img{border-radius:13px!important}.stage-project-list-v204 [data-stage-project]>img:not(.project-format-identity-v392),.stage-project-list-v204 [data-stage-project]>.avatar{right:10px!important;width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;max-width:50px!important;max-height:50px!important;border:3px solid #fff!important;border-radius:50%!important;box-shadow:0 5px 12px #17352b38!important}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287{right:104px!important}.project-attachment-open-v301{right:67px!important}.concept-rating-open-v290{right:99px!important}.project-rating-group-v298:not(:has(>.project-attachment-open-v301))>.concept-rating-open-v290{right:67px!important}
@media(max-width:650px){.stage-project-list-v204 [data-stage-project][data-compact-v390]{height:64px!important;min-height:64px!important;max-height:64px!important;padding-left:57px!important;border-radius:14px!important}.project-format-badge-v395{left:-5px!important;width:50px!important;height:50px!important}.project-format-art-v395{width:50px!important;height:50px!important;border-radius:14px!important;font-size:20px!important}.stage-project-list-v204 [data-stage-project]>img:not(.project-format-identity-v392),.stage-project-list-v204 [data-stage-project]>.avatar{right:7px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287{right:91px!important}.project-attachment-open-v301{right:56px!important}.concept-rating-open-v290{right:86px!important}.project-rating-group-v298:not(:has(>.project-attachment-open-v301))>.concept-rating-open-v290{right:56px!important}}

/* V402: spacious fixed slots — no overlap, dotted empty states, vote results. */
.stage-project-list-v204 [data-stage-project][data-compact-v390]{padding-left:76px!important;padding-right:150px!important}.project-format-badge-v395{left:10px!important;width:54px!important;height:54px!important}.project-format-art-v395{width:54px!important;height:54px!important;border-radius:15px!important}.stage-project-list-v204 [data-stage-project]>img:not(.project-format-identity-v392),.stage-project-list-v204 [data-stage-project]>.avatar{right:10px!important}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287{right:72px!important}.project-attachment-open-v301,.concept-rating-open-v290{display:none!important}.project-status-rail-v402{position:absolute!important;z-index:16;right:145px;top:50%;display:flex!important;align-items:center;gap:7px;transform:translateY(-50%);pointer-events:none}.project-status-rail-v402>i{display:grid!important;width:27px!important;height:27px!important;min-width:27px!important;place-items:center;border-radius:50%!important;background:#ffffff18;font-style:normal!important;font-size:12px!important;font-weight:950!important;line-height:1!important}.project-status-rail-v402>i.empty{border:2px dotted #ffffffb5!important;color:transparent!important}.project-status-rail-v402>i.select{border:2px solid #fff!important;background:#16a34a!important;color:#fff!important;box-shadow:0 0 0 3px #dcfce744!important}.project-status-rail-v402>i.reject{border:2px solid #fff!important;background:#dc2626!important;color:#fff!important;box-shadow:0 0 0 3px #fee2e244!important;font-size:16px!important}.project-status-rail-v402>.status-attachment-v402.text,.project-status-rail-v402>.status-attachment-v402.file{border:2px solid #fff!important;background:#ffffffed!important;color:var(--compact-depth)!important;box-shadow:0 3px 7px #17352b25!important}.project-status-rail-v402>.status-attachment-v402.empty{border-color:#ffffffc2!important}
@media(max-width:780px){.stage-project-list-v204 [data-stage-project][data-compact-v390]{padding-left:60px!important;padding-right:126px!important}.project-format-badge-v395{left:7px!important;width:44px!important;height:44px!important}.project-format-art-v395{width:44px!important;height:44px!important;border-radius:12px!important}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287{right:61px!important}.project-status-rail-v402{right:122px;gap:3px}.project-status-rail-v402>i{width:20px!important;height:20px!important;min-width:20px!important;font-size:9px!important}.project-status-rail-v402>i.reject{font-size:12px!important}}

/* V403: intentional 85–90% format-icon overlap with a refined 3D corner edge. */
.stage-project-list-v204 [data-stage-project][data-compact-v390]{overflow:visible!important;border-left-width:2px!important}.project-format-badge-v395{left:-7px!important;z-index:20!important}.project-format-art-v395{box-shadow:inset 0 1px 0 #fff,0 4px 0 color-mix(in srgb,var(--compact-depth) 72%,#465850),0 8px 13px #17352b32!important}.stage-project-list-v204 [data-stage-project][data-compact-v390]::before{content:'';position:absolute;z-index:3;left:0;top:8px;bottom:8px;width:8px;border-radius:0 7px 7px 0;background:linear-gradient(180deg,color-mix(in srgb,var(--compact-accent) 74%,#fff),var(--compact-depth));box-shadow:inset 1px 0 #ffffff68,2px 0 5px #102f2833;pointer-events:none}.stage-project-list-v204 [data-stage-project]:hover .project-format-badge-v395{transform:translateY(-52%) scale(1.025)!important}
@media(max-width:780px){.project-format-badge-v395{left:-5px!important}.stage-project-list-v204 [data-stage-project][data-compact-v390]::before{width:7px;top:7px;bottom:7px}}

/* V404: fixed mini journey tracker in the card's centre canvas. */
.stage-project-list-v204 [data-stage-project][data-compact-v390]{padding-right:156px!important}
.project-status-rail-v402{left:310px!important;right:160px!important;top:50%!important;display:flex!important;min-width:330px;justify-content:flex-start!important;gap:11px!important;transform:translateY(-50%)!important}
.project-status-rail-v402>.status-attachment-v402{position:relative;z-index:2;width:34px!important;height:34px!important;min-width:34px!important;border:2px solid #ffffffd9!important;background:#ffffff26!important;font-size:15px!important;box-shadow:inset 0 1px 0 #fff8,0 3px 7px #17352b2b!important}
.project-status-rail-v402>.status-attachment-v402.empty{border:2px dashed #ffffffb8!important;background:#ffffff18!important}
.project-status-rail-v402>.status-attachment-v402.text,.project-status-rail-v402>.status-attachment-v402.file{background:#fffffff0!important;color:var(--compact-depth)!important}
.project-mini-track-v404{position:relative;display:grid!important;width:min(100%,330px);grid-template-columns:repeat(5,34px);align-items:center;justify-content:space-between;isolation:isolate}
.project-mini-track-v404::before{content:'';position:absolute;z-index:-1;left:17px;right:17px;top:50%;height:3px;transform:translateY(-50%);border-radius:99px;background:linear-gradient(90deg,#ffffffdd,#ffffff72);box-shadow:0 1px 3px #17352b35}
.project-mini-track-v404>.mini-stage-v404{display:grid!important;width:34px!important;height:34px!important;min-width:34px!important;place-items:center;border:2px dotted #ffffffd5!important;border-radius:50%!important;background:color-mix(in srgb,var(--compact-depth) 18%,transparent)!important;color:#fff!important;font-style:normal!important;font-size:15px!important;font-weight:950!important;line-height:1!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--compact-accent) 76%,transparent)!important}
.project-mini-track-v404>.mini-stage-v404.done{border-style:solid!important;border-color:#fff!important;background:#16a34a!important;box-shadow:0 0 0 4px #dcfce74d,0 3px 7px #17352b32!important}
.project-mini-track-v404>.mini-stage-v404.current{border-style:solid!important;border-color:#fff!important;background:var(--compact-depth)!important;box-shadow:0 0 0 4px #ffffff48,0 3px 8px #17352b45!important;font-size:12px!important}
.project-mini-track-v404>.mini-stage-v404.important.empty{color:#ffffffd5!important;font-size:12px!important}
@media(max-width:930px){.project-status-rail-v402{left:270px!important;right:150px!important;min-width:260px}.project-mini-track-v404{grid-template-columns:repeat(5,30px)}.project-mini-track-v404>.mini-stage-v404{width:30px!important;height:30px!important;min-width:30px!important}.project-status-rail-v402>.status-attachment-v402{width:30px!important;height:30px!important;min-width:30px!important}}
@media(max-width:700px){.project-status-rail-v402{left:174px!important;right:112px!important;min-width:0;gap:5px!important}.project-status-rail-v402>.status-attachment-v402{width:25px!important;height:25px!important;min-width:25px!important;font-size:11px!important}.project-mini-track-v404{grid-template-columns:repeat(5,22px)}.project-mini-track-v404::before{left:11px;right:11px;height:2px}.project-mini-track-v404>.mini-stage-v404{width:22px!important;height:22px!important;min-width:22px!important;border-width:1.5px!important;font-size:10px!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--compact-accent) 72%,transparent)!important}.project-mini-track-v404>.mini-stage-v404.current,.project-mini-track-v404>.mini-stage-v404.important.empty{font-size:8px!important}}

/* V405: quiet white-dot tracker, connected message node and a final LIVE signal. */
.project-status-rail-v402{gap:0!important}
.project-status-rail-v402>.status-attachment-v402{width:30px!important;height:30px!important;min-width:30px!important;margin-right:0!important;border:0!important;border-radius:50%!important;background:#fff!important;color:var(--compact-depth)!important;box-shadow:none!important;font-size:14px!important}
.project-status-rail-v402>.status-attachment-v402.empty{border:0!important;background:#ffffffd9!important}
.project-mini-track-v404{width:min(100%,340px);grid-template-columns:repeat(4,1fr) 48px!important;column-gap:0!important;padding-left:0!important}
.project-mini-track-v404::before{left:0!important;right:22px!important;height:2px!important;background:#ffffffc9!important;box-shadow:none!important}
.project-mini-track-v404>.mini-stage-v404{justify-self:center!important;width:8px!important;height:8px!important;min-width:8px!important;border:0!important;border-radius:50%!important;background:#ffffffb8!important;color:transparent!important;box-shadow:none!important;font-size:0!important}
.project-mini-track-v404>.mini-stage-v404.done{border:0!important;background:#fff!important;box-shadow:none!important}
.project-mini-track-v404>.mini-stage-v404.current{width:11px!important;height:11px!important;min-width:11px!important;border:0!important;background:#fff!important;box-shadow:none!important;font-size:0!important}
.mini-live-v405{justify-self:end;display:flex!important;width:43px!important;height:22px!important;align-items:center;justify-content:center;gap:3px;border:0!important;border-radius:7px!important;background:#ffffff24!important;color:#ffffffa8!important;font-style:normal!important;box-shadow:none!important}
.mini-live-v405 b{font-size:8px;line-height:1}.mini-live-v405 span{font-size:8px;font-weight:950;letter-spacing:.06em}.mini-live-v405.is-live{background:#22c55e!important;color:#fff!important}
.project-format-badge-v395{left:-8px!important;filter:none!important;transform:translateY(-50%)!important}
.project-format-art-v395{border:2px solid #ffffffdc!important;background:#fff!important;box-shadow:none!important}
.stage-project-list-v204 [data-stage-project]:hover .project-format-badge-v395{transform:translateY(-50%)!important}
@media(max-width:700px){.project-status-rail-v402>.status-attachment-v402{width:24px!important;height:24px!important;min-width:24px!important;font-size:11px!important}.project-mini-track-v404{grid-template-columns:repeat(4,1fr) 38px!important}.project-mini-track-v404>.mini-stage-v404{width:6px!important;height:6px!important;min-width:6px!important}.project-mini-track-v404>.mini-stage-v404.current{width:9px!important;height:9px!important;min-width:9px!important}.mini-live-v405{width:35px!important;height:19px!important}.mini-live-v405 span{font-size:6.5px}.project-format-badge-v395{left:-6px!important}}

/* V406: compact hollow/tick journey marks, clean LIVE endpoint, icon fully in-card. */
.project-format-badge-v395{left:8px!important;width:50px!important;height:50px!important;overflow:hidden!important;border-radius:14px!important}
.project-format-art-v395{width:50px!important;height:50px!important;border:0!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}
.stage-project-list-v204 [data-stage-project][data-compact-v390]{padding-left:70px!important}
.project-status-rail-v402>.status-attachment-v402{position:relative!important;z-index:3!important}
.project-mini-track-v404{grid-template-columns:repeat(4,1fr) 52px!important}
.project-mini-track-v404::before{left:0!important;right:52px!important;height:2px!important;background:#fff!important}
.project-mini-track-v404>.mini-stage-v404,
.project-mini-track-v404>.mini-stage-v404.empty,
.project-mini-track-v404>.mini-stage-v404.current{position:relative!important;z-index:2!important;width:14px!important;height:14px!important;min-width:14px!important;max-width:14px!important;min-height:14px!important;max-height:14px!important;border:2px solid #fff!important;border-radius:50%!important;background:var(--compact-accent)!important;box-shadow:none!important;color:transparent!important;font-size:0!important}
.project-mini-track-v404>.mini-stage-v404.done{width:14px!important;height:14px!important;min-width:14px!important;max-width:14px!important;min-height:14px!important;max-height:14px!important;border:0!important;background:#fff!important;box-shadow:none!important}
.project-mini-track-v404>.mini-stage-v404.done::after{content:'✓';display:grid;width:14px;height:14px;place-items:center;color:var(--compact-depth);font-size:10px;font-weight:1000;line-height:1}
.mini-live-v405{position:relative!important;z-index:2!important;width:48px!important;height:24px!important;border:2px solid #fff!important;border-radius:8px!important;background:var(--compact-accent)!important;color:#fff!important;box-shadow:none!important}
.mini-live-v405 b{color:#fff!important;font-size:7px!important}.mini-live-v405 span{color:#fff!important;font-size:8px!important}
.mini-live-v405.is-live{border-color:#fff!important;background:#16a34a!important;color:#fff!important}
@media(max-width:700px){.project-format-badge-v395{left:6px!important;width:44px!important;height:44px!important;border-radius:12px!important}.project-format-art-v395{width:44px!important;height:44px!important;border-radius:12px!important}.stage-project-list-v204 [data-stage-project][data-compact-v390]{padding-left:58px!important}.project-mini-track-v404{grid-template-columns:repeat(4,1fr) 40px!important}.project-mini-track-v404::before{right:40px!important}.project-mini-track-v404>.mini-stage-v404,.project-mini-track-v404>.mini-stage-v404.empty,.project-mini-track-v404>.mini-stage-v404.current,.project-mini-track-v404>.mini-stage-v404.done{width:11px!important;height:11px!important;min-width:11px!important;max-width:11px!important;min-height:11px!important;max-height:11px!important}.project-mini-track-v404>.mini-stage-v404.done::after{width:11px;height:11px;font-size:8px}.mini-live-v405{width:38px!important;height:20px!important;border-radius:6px!important}}

/* V407: people-led production story — creator, editor, uploader, live and lock. */
.project-status-rail-v402{left:300px!important;right:158px!important;min-width:0!important}
.project-people-track-v407{position:relative;display:flex!important;width:100%;align-items:center;justify-content:center;gap:8px;white-space:nowrap;isolation:isolate}
.project-people-track-v407::before{content:'';position:absolute;z-index:-1;left:15px;right:15px;top:50%;height:1.5px;background:#ffffffc9}
.journey-person-v407{display:grid!important;width:27px!important;height:27px!important;min-width:27px!important;place-items:center;overflow:hidden;border:2px solid #fff!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important}
.journey-person-v407 img{width:100%;height:100%;object-fit:cover}
.project-people-track-v407>.status-attachment-v402{display:grid!important;width:27px!important;height:27px!important;min-width:27px!important;place-items:center;border:2px solid #fff!important;border-radius:50%!important;background:transparent!important;color:#fff!important;box-shadow:none!important;font-style:normal!important;font-size:12px!important}
.journey-dots-v407{padding:0 2px;background:var(--compact-accent);color:#fff;font-size:10px;letter-spacing:2px;line-height:1}
.project-people-track-v407>.mini-live-v405{display:flex!important;width:45px!important;height:22px!important;border:1.5px solid #fff!important;border-radius:7px!important;background:var(--compact-accent)!important;color:#fff!important;box-shadow:none!important}
.project-people-track-v407>.mini-live-v405 b,.project-people-track-v407>.mini-live-v405 span{color:#fff!important}
.project-people-track-v407>.mini-live-v405.is-live{background:#16a34a!important}
.journey-lock-v407{display:grid!important;width:23px!important;height:23px!important;min-width:23px!important;place-items:center;border:1.5px solid #ffffffba!important;border-radius:7px!important;background:var(--compact-accent)!important;color:#ffffffba!important;font-style:normal!important;font-size:11px!important;box-shadow:none!important}.journey-lock-v407.is-locked{border-color:#fff!important;background:#16a34a!important;color:#fff!important}
@media(max-width:850px){.project-status-rail-v402{left:215px!important;right:123px!important}.project-people-track-v407{gap:4px}.journey-person-v407,.project-people-track-v407>.status-attachment-v402{width:22px!important;height:22px!important;min-width:22px!important}.journey-dots-v407{font-size:7px;letter-spacing:1px}.project-people-track-v407>.mini-live-v405{width:37px!important;height:19px!important}.journey-lock-v407{width:19px!important;height:19px!important;min-width:19px!important;font-size:9px!important}}
@media(max-width:620px){.project-status-rail-v402{left:165px!important;right:102px!important}.project-people-track-v407{gap:2px}.journey-person-v407,.project-people-track-v407>.status-attachment-v402{width:18px!important;height:18px!important;min-width:18px!important;border-width:1.5px!important}.project-people-track-v407>.status-attachment-v402{font-size:8px!important}.journey-dots-v407{font-size:5px}.project-people-track-v407>.mini-live-v405{width:31px!important;height:17px!important}.project-people-track-v407>.mini-live-v405 span{font-size:6px!important}.journey-lock-v407{width:17px!important;height:17px!important;min-width:17px!important}}

/* V408: completed journey tick stays above the vertical connector. */
.project-story-timeline-v393 article>i{position:relative!important;z-index:2!important;isolation:isolate}
.project-story-timeline-v393 article:not(:last-child)>i::after{z-index:-1!important}

/* V409: title-led creator, two checkpoint groups, editor, live, uploader and lock. */
.stage-project-list-v204 [data-stage-project][data-compact-v390]{padding-left:78px!important;padding-right:82px!important}
.project-format-badge-v395{left:5px!important;width:62px!important;height:62px!important;border-radius:16px!important}
.project-format-art-v395{width:62px!important;height:62px!important;border-radius:16px!important;font-size:27px!important}
.stage-project-list-v204 [data-stage-project]>img:not(.project-format-identity-v392),.stage-project-list-v204 [data-stage-project]>.avatar{display:none!important}
.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287{right:10px!important}
.project-status-rail-v402{left:270px!important;right:82px!important}
.project-people-track-v407{justify-content:flex-start!important;gap:7px!important}
.project-people-track-v407::before{left:13px;right:13px}
.journey-person-v407{position:relative;z-index:2;width:30px!important;height:30px!important;min-width:30px!important;background:var(--compact-accent)!important}
.journey-person-v407:not(.has-photo){background:var(--compact-accent)!important}
.journey-check-group-v409{position:relative;z-index:2;display:flex;align-items:center;gap:7px;padding:0 3px;background:var(--compact-accent)}
.journey-check-v409{display:grid;width:13px;height:13px;place-items:center;border:1.5px solid #fff;border-radius:50%;background:var(--compact-accent);color:#fff;font-style:normal;font-size:8px;font-weight:950;line-height:1;box-shadow:none}
.journey-check-v409.done{border-color:#fff;background:#fff;color:var(--compact-depth)}
.project-people-track-v407>.mini-live-v405{position:relative;z-index:2}
.project-people-track-v407>.journey-lock-v407{position:relative;z-index:2}
@media(max-width:850px){.stage-project-list-v204 [data-stage-project][data-compact-v390]{padding-left:66px!important;padding-right:67px!important}.project-format-badge-v395{left:4px!important;width:54px!important;height:54px!important}.project-format-art-v395{width:54px!important;height:54px!important;font-size:23px!important}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287{right:7px!important}.project-status-rail-v402{left:205px!important;right:67px!important}.project-people-track-v407{gap:4px!important}.journey-person-v407{width:24px!important;height:24px!important;min-width:24px!important}.journey-check-group-v409{gap:4px;padding:0 2px}.journey-check-v409{width:10px;height:10px;font-size:6px}}
@media(max-width:620px){.stage-project-list-v204 [data-stage-project][data-compact-v390]{padding-left:58px!important;padding-right:60px!important}.project-format-badge-v395{left:4px!important;width:47px!important;height:47px!important}.project-format-art-v395{width:47px!important;height:47px!important;font-size:20px!important}.project-status-rail-v402{left:158px!important;right:60px!important}.project-people-track-v407{gap:2px!important}.journey-person-v407{width:19px!important;height:19px!important;min-width:19px!important;border-width:1.5px!important}.journey-check-group-v409{gap:2px;padding:0 1px}.journey-check-v409{width:7px;height:7px;border-width:1px;font-size:5px}.project-people-track-v407>.mini-live-v405{width:29px!important;height:16px!important}.journey-lock-v407{width:16px!important;height:16px!important;min-width:16px!important}}

/* V410: mandatory Text/PDF creator choice and unlimited total-hour timer display. */
.creator-attachments-v250{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:end!important;gap:12px!important}.creator-attachments-v250>header{grid-column:1/-1;padding:10px 12px;border-left:4px solid #0ea5a8;border-radius:9px;background:#eefcfb}.creator-attachments-v250>header b,.creator-attachments-v250>header small{display:block!important}.creator-attachments-v250>header small{margin-top:3px;color:#55716a}.creator-attachments-v250>span{align-self:center;padding-bottom:10px;color:#70857f;font-size:10px;font-weight:900}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287{right:6px!important;width:74px!important;min-width:74px!important;max-width:74px!important;font-variant-numeric:tabular-nums!important}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287 b{font-size:12px!important;white-space:nowrap!important}.project-status-rail-v402{right:84px!important}.stage-project-list-v204 [data-stage-project][data-compact-v390]{padding-right:84px!important}
@media(max-width:650px){.creator-attachments-v250{grid-template-columns:1fr!important}.creator-attachments-v250>header{grid-column:1}.creator-attachments-v250>span{padding:0;text-align:center}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287{width:61px!important;min-width:61px!important;max-width:61px!important}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287 b{font-size:10px!important}.project-status-rail-v402{right:67px!important}.stage-project-list-v204 [data-stage-project][data-compact-v390]{padding-right:67px!important}}

/* V411: match the supplied tracker reference — spacious, bounded and readable. */
.stage-project-list-v204 [data-stage-project][data-compact-v390]>span:first-child{width:190px!important;max-width:190px!important;overflow:hidden!important}
.stage-project-list-v204 [data-stage-project][data-compact-v390]>span:first-child b,.stage-project-list-v204 [data-stage-project][data-compact-v390]>span:first-child small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-status-rail-v402{left:300px!important;right:auto!important;width:max-content!important;max-width:none!important}
.project-people-track-v407{width:max-content!important;max-width:none!important;justify-content:flex-start!important;gap:9px!important;padding:0!important}
.project-people-track-v407::before{left:19px!important;right:15px!important;height:2px!important;background:#fff!important}
.journey-person-v407{width:38px!important;height:38px!important;min-width:38px!important;border-width:2px!important;background:var(--compact-accent)!important}
.journey-check-group-v409{gap:8px!important;padding:0 5px!important;background:var(--compact-accent)!important}
.journey-check-v409{width:15px!important;height:15px!important;min-width:15px!important;border:2px solid #fff!important;background:var(--compact-accent)!important;font-size:9px!important}
.journey-check-v409.done{background:#fff!important;color:var(--compact-depth)!important}
.project-people-track-v407>.mini-live-v405{width:52px!important;height:28px!important;border-width:2px!important;border-radius:8px!important}
.project-people-track-v407>.mini-live-v405 span{font-size:8px!important}.project-people-track-v407>.mini-live-v405 b{font-size:8px!important}
.project-people-track-v407>.journey-lock-v407{width:30px!important;height:30px!important;min-width:30px!important;border-width:2px!important;border-radius:8px!important;font-size:13px!important}
@media(max-width:900px){.stage-project-list-v204 [data-stage-project][data-compact-v390]>span:first-child{width:145px!important;max-width:145px!important}.project-status-rail-v402{left:235px!important}.project-people-track-v407{gap:5px!important}.journey-person-v407{width:29px!important;height:29px!important;min-width:29px!important}.journey-check-group-v409{gap:5px!important;padding:0 3px!important}.journey-check-v409{width:11px!important;height:11px!important;min-width:11px!important;border-width:1.5px!important}.project-people-track-v407>.mini-live-v405{width:42px!important;height:23px!important}.project-people-track-v407>.journey-lock-v407{width:24px!important;height:24px!important;min-width:24px!important}}
@media(max-width:650px){.stage-project-list-v204 [data-stage-project][data-compact-v390]>span:first-child{width:94px!important;max-width:94px!important}.project-status-rail-v402{left:150px!important}.project-people-track-v407{gap:2px!important}.journey-person-v407{width:19px!important;height:19px!important;min-width:19px!important;border-width:1.5px!important}.journey-check-group-v409{gap:2px!important;padding:0 1px!important}.journey-check-v409{width:7px!important;height:7px!important;min-width:7px!important;border-width:1px!important;font-size:5px!important}.project-people-track-v407>.mini-live-v405{width:29px!important;height:16px!important;border-width:1px!important}.project-people-track-v407>.mini-live-v405 span{font-size:5.5px!important}.project-people-track-v407>.journey-lock-v407{width:16px!important;height:16px!important;min-width:16px!important;border-width:1px!important;font-size:7px!important}}

/* V412: exact supplied reference — white line, dots, role circles and storage icon. */
.stage-project-list-v204 [data-stage-project][data-compact-format-v390="shorts"]{--compact-track-bg:#18bca5}
.stage-project-list-v204 [data-stage-project][data-compact-format-v390="long"]{--compact-track-bg:#f5a91d}
.stage-project-list-v204 [data-stage-project][data-compact-format-v390="collaboration"]{--compact-track-bg:#8b59d7}
.project-status-rail-v402{left:320px!important}
.project-people-track-v407{gap:12px!important}
.project-people-track-v407::before{left:19px!important;right:19px!important;height:2px!important;background:#fff!important}
.journey-person-v407{position:relative;z-index:2;width:38px!important;height:38px!important;min-width:38px!important;border:2px solid #fff!important;background:transparent!important;box-shadow:none!important}
.journey-check-v409{position:relative;z-index:2;width:16px!important;height:16px!important;min-width:16px!important;border:2px solid #fff!important;border-radius:50%!important;background:var(--compact-track-bg)!important;box-shadow:none!important}
.journey-check-v409.done{border-color:#fff!important;background:#fff!important;color:transparent!important}
.journey-role-icon-v412,.journey-storage-v412{position:relative;z-index:2;display:grid!important;width:40px!important;height:40px!important;min-width:40px!important;place-items:center;border:2px solid #fff!important;border-radius:50%!important;background:var(--compact-track-bg)!important;color:#fff!important;font-style:normal!important;font-size:20px!important;line-height:1!important;box-shadow:none!important}
.journey-storage-v412{font-size:18px!important}.journey-storage-v412.complete{border-color:#fff!important;background:#16a34a!important;color:#fff!important}
.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287{width:82px!important;min-width:82px!important;max-width:82px!important;height:32px!important;min-height:32px!important;border:0!important;border-radius:7px!important;background:#fff!important;box-shadow:none!important}
.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287 b{color:#ef334e!important;font-size:18px!important;font-weight:500!important;letter-spacing:.08em!important}
@media(max-width:930px){.project-status-rail-v402{left:250px!important}.project-people-track-v407{gap:7px!important}.journey-person-v407,.journey-role-icon-v412,.journey-storage-v412{width:30px!important;height:30px!important;min-width:30px!important}.journey-role-icon-v412,.journey-storage-v412{font-size:15px!important}.journey-check-v409{width:12px!important;height:12px!important;min-width:12px!important;border-width:1.5px!important}}
@media(max-width:650px){.project-status-rail-v402{left:148px!important}.project-people-track-v407{gap:3px!important}.journey-person-v407,.journey-role-icon-v412,.journey-storage-v412{width:20px!important;height:20px!important;min-width:20px!important;border-width:1px!important}.journey-role-icon-v412,.journey-storage-v412{font-size:10px!important}.journey-check-v409{width:7px!important;height:7px!important;min-width:7px!important;border-width:1px!important}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287{width:59px!important;min-width:59px!important;max-width:59px!important;height:24px!important;min-height:24px!important}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287 b{font-size:11px!important}}

/* V413: MD three-dot project publishing/content editor. */
.stage-project-list-v204 [data-stage-project][data-compact-v390]{padding-right:122px!important}
.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287{right:34px!important}
.project-more-v413{position:absolute;z-index:28;right:5px;top:50%;display:grid;width:24px;height:38px;place-items:center;transform:translateY(-50%);border:1.5px solid #fff;border-radius:8px;background:transparent;color:#fff;font-size:22px;font-weight:950;line-height:1;cursor:pointer}.project-more-v413:hover,.project-more-v413:focus-visible{background:#ffffff20;outline:2px solid #ffffff80;outline-offset:2px}
.project-content-editor-v413{width:min(900px,calc(100vw - 24px));max-height:92vh;padding:0;border:0;border-radius:20px}.project-content-editor-v413::backdrop{background:#09251f99;backdrop-filter:blur(5px)}.project-content-editor-v413 .dialog-shell{max-height:92vh;overflow:auto}.content-editor-grid-v413{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.content-editor-grid-v413 .wide{grid-column:1/-1}.thumbnail-editor-v413{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.thumbnail-editor-v413 label>div,.project-profile-editor-v413>div{display:grid;aspect-ratio:16/9;place-items:center;overflow:hidden;border:2px dashed #bdd4cd;border-radius:12px;background:#f3faf8;font-size:25px}.thumbnail-editor-v413 img,.project-profile-editor-v413 img{width:100%;height:100%;object-fit:cover}.thumbnail-editor-v413 input{margin-top:7px}.project-profile-editor-v413{display:grid;grid-template-columns:84px 1fr;align-items:center;gap:12px}.project-profile-editor-v413>div{aspect-ratio:1;border-radius:14px}.project-profile-editor-v413 input{grid-column:2}.project-profile-editor-v413 span{grid-column:2;color:#58716a;font-size:11px}
@media(max-width:650px){.stage-project-list-v204 [data-stage-project][data-compact-v390]{padding-right:96px!important}.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287{right:29px!important}.project-more-v413{right:3px;width:22px;height:32px;font-size:18px}.content-editor-grid-v413,.thumbnail-editor-v413{grid-template-columns:1fr}.content-editor-grid-v413 .wide{grid-column:1}.project-content-editor-v413 .dialog-shell{padding:12px}}

/* V414: two live production segment timers plus the existing overall timer. */
.journey-segment-timer-v414{position:relative;z-index:2;display:grid!important;width:52px!important;height:25px!important;min-width:52px!important;place-items:center;border:1.5px solid #fff!important;border-radius:7px!important;background:var(--compact-track-bg)!important;color:#fff!important;font-family:Inter,"Segoe UI",sans-serif!important;font-style:normal!important;font-size:10px!important;font-weight:850!important;font-variant-numeric:tabular-nums!important;letter-spacing:.025em!important;line-height:1!important;box-shadow:none!important}
.project-people-track-v407{gap:10px!important}
@media(max-width:930px){.journey-segment-timer-v414{width:43px!important;height:22px!important;min-width:43px!important;font-size:8px!important}.project-people-track-v407{gap:6px!important}}
@media(max-width:650px){.journey-segment-timer-v414{width:33px!important;height:17px!important;min-width:33px!important;border-width:1px!important;border-radius:5px!important;font-size:6px!important}.project-people-track-v407{gap:3px!important}}

/* V415: press-hold radial workflow stage controller. */
.radial-stage-menu-v415{position:fixed;z-index:100000;inset:0;pointer-events:none;background:#09251f24;backdrop-filter:blur(1.5px);animation:radial-stage-in-v415 .16s ease-out}.radial-stage-centre-v415{position:absolute;display:grid;width:96px;height:96px;place-items:center;align-content:center;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:#123f35e8;color:#fff;text-align:center;box-shadow:0 10px 28px #09251f55}.radial-stage-centre-v415 b{max-width:82px;overflow:hidden;text-overflow:ellipsis;font-size:10px;white-space:nowrap}.radial-stage-centre-v415 small{margin-top:4px;font-size:7px}.radial-stage-menu-v415>[data-radial-stage-v415]{position:absolute;display:grid;width:64px;height:64px;place-items:center;align-content:center;gap:2px;padding:5px;transform:translate(-50%,-50%) scale(.9);border:2px solid #fff;border-radius:50%;background:#fff;color:#17473c;box-shadow:0 7px 20px #09251f45;transition:transform .1s ease,background .1s ease,color .1s ease}.radial-stage-menu-v415>[data-radial-stage-v415] i{display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:#17473c;color:#fff;font-size:8px;font-style:normal}.radial-stage-menu-v415>[data-radial-stage-v415] span{display:block;width:52px;overflow:hidden;text-overflow:ellipsis;font-size:7px;font-weight:900;line-height:1.05}.radial-stage-menu-v415>[data-radial-stage-v415].current{border-color:#d7ff45;background:#17473c;color:#fff}.radial-stage-menu-v415>[data-radial-stage-v415].selected{transform:translate(-50%,-50%) scale(1.16);border-color:#d7ff45;background:#d7ff45;color:#123f35;box-shadow:0 0 0 7px #d7ff4540,0 10px 24px #09251f55}.radial-stage-menu-v415>[data-radial-stage-v415].selected i{background:#123f35}@keyframes radial-stage-in-v415{from{opacity:0}to{opacity:1}}
@media(max-width:650px){.radial-stage-centre-v415{width:76px;height:76px}.radial-stage-menu-v415>[data-radial-stage-v415]{width:52px;height:52px}.radial-stage-menu-v415>[data-radial-stage-v415] span{width:43px;font-size:6px}.radial-stage-menu-v415>[data-radial-stage-v415] i{width:15px;height:15px;font-size:7px}}

/* V416: all tracker symbols and timer text use pure white. */
.journey-segment-timer-v414,.journey-role-icon-v412,.journey-storage-v412,.project-more-v413{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important}
.journey-role-icon-v412,.journey-storage-v412,.project-more-v413{font-family:"Segoe UI Symbol","Arial Unicode MS",Arial,sans-serif!important}
.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287{border:1.5px solid #fff!important;background:transparent!important;color:#fff!important}
.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287 b{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important}
.project-more-v413{border-color:#fff!important;background:transparent!important}

/* V417: strong timer contrast and a borderless glass base for the three dots. */
.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287{border:0!important;background:linear-gradient(145deg,var(--compact-depth),color-mix(in srgb,var(--compact-depth) 72%,#102d27))!important;color:#fff!important;box-shadow:inset 0 1px 0 #ffffff30,0 3px 8px #102f2835!important}
.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287 b{color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:800!important;letter-spacing:.065em!important}
.project-more-v413{width:25px!important;height:38px!important;border:0!important;border-radius:9px!important;background:linear-gradient(180deg,#ffffff24,#082f2945)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:inset 0 1px 0 #ffffff2e,0 3px 7px #102f2829!important;backdrop-filter:blur(4px)}
.project-more-v413:hover,.project-more-v413:focus-visible{background:linear-gradient(180deg,#ffffff38,#082f2960)!important;outline:0!important;box-shadow:inset 0 1px 0 #ffffff45,0 4px 9px #102f2838!important}
@media(max-width:650px){.project-more-v413{width:22px!important;height:32px!important;border-radius:7px!important}}

/* V418: visible shrink, drag direction, departure and destination animations. */
.stage-project-list-v204 [data-stage-project].radial-source-active-v416{transform:scale(.82)!important;opacity:.55!important;filter:saturate(.65)!important;transition:transform .16s cubic-bezier(.2,.9,.3,1),opacity .16s ease,filter .16s ease!important;transform-origin:center!important}.stage-project-list-v204 [data-stage-project].radial-source-exit-v416{transform:scale(.28) rotate(-4deg)!important;opacity:0!important;filter:blur(3px)!important;transition:transform .23s cubic-bezier(.55,0,1,.45),opacity .2s ease,filter .2s ease!important}
.radial-drag-line-v416{position:absolute;z-index:1;width:0;height:4px;transform-origin:left center;border-radius:999px;background:linear-gradient(90deg,#fff,#d7ff45);box-shadow:0 0 0 2px #09251f50,0 0 12px #d7ff4570;transition:width .04s linear}
.radial-stage-menu-v415.has-selection-v416 .radial-drag-line-v416{background:#d7ff45;box-shadow:0 0 0 2px #09251f60,0 0 16px #d7ff45}
.radial-stage-menu-v415.radial-committing-v416{animation:radial-commit-v416 .24s ease-in forwards}.radial-stage-menu-v415.radial-committing-v416>[data-radial-stage-v415]:not(.selected){transform:translate(-50%,-50%) scale(.15);opacity:0}.radial-stage-menu-v415.radial-committing-v416>[data-radial-stage-v415].selected{transform:translate(-50%,-50%) scale(1.35)}
.radial-arrived-v416{position:relative;z-index:50;animation:radial-arrive-v416 1.8s cubic-bezier(.2,.8,.25,1)}
@keyframes radial-commit-v416{to{background:#09251f08;backdrop-filter:blur(0)}}@keyframes radial-arrive-v416{0%{transform:scale(.72);opacity:.15;box-shadow:0 0 0 0 #d7ff45}28%{transform:scale(1.035);opacity:1;box-shadow:0 0 0 8px #d7ff4570}60%{transform:scale(.995);box-shadow:0 0 0 4px #d7ff4538}100%{transform:scale(1);box-shadow:0 0 0 0 transparent}}

/* V419: calmer satin timer with theme contrast and soft digital colour. */
.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287{border:1px solid color-mix(in srgb,var(--compact-accent) 35%,#a9beb7)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--compact-depth) 82%,#31443f),color-mix(in srgb,var(--compact-depth) 60%,#152e29))!important;box-shadow:inset 0 1px 0 #ffffff1f,inset 3px 0 0 color-mix(in srgb,var(--compact-accent) 62%,#d7ff45),0 3px 7px #102f2828!important}
.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287 b{color:#e8f7b2!important;-webkit-text-fill-color:#e8f7b2!important;font-family:"Arial Rounded MT Bold",Inter,"Segoe UI",sans-serif!important;font-weight:700!important;letter-spacing:.055em!important;text-shadow:0 1px 1px #071e1960!important}
.stage-project-list-v204 [data-stage-project][data-compact-format-v390="collaboration"]>.project-stage-timer-v287 b{color:#f0e6ff!important;-webkit-text-fill-color:#f0e6ff!important}.stage-project-list-v204 [data-stage-project][data-compact-format-v390="long"]>.project-stage-timer-v287 b{color:#fff0bd!important;-webkit-text-fill-color:#fff0bd!important}.stage-project-list-v204 [data-stage-project][data-compact-format-v390="shorts"]>.project-stage-timer-v287 b{color:#cffff1!important;-webkit-text-fill-color:#cffff1!important}

/* V420: one workspace, Create first, then stage filter buttons. */
.single-stage-nav-v420{display:flex!important;width:100%;align-items:stretch;gap:8px;margin:0 0 10px;padding:7px;overflow-x:auto;border:1px solid #c7ddd6;border-radius:14px;background:#f7fbf9;box-sizing:border-box;scrollbar-width:thin}
.single-stage-nav-v420 button{display:flex;min-width:142px;height:42px;align-items:center;justify-content:space-between;gap:8px;padding:7px 11px;border:1px solid #c7ddd6;border-radius:10px;background:#fff;color:#244b40;font-size:10px;font-weight:850;white-space:nowrap;box-shadow:none}
.single-stage-nav-v420 button.create{min-width:190px;justify-content:center;border-color:#14b8d4;background:#25c6df;color:#062f38;font-size:13px}
.single-stage-nav-v420 button b{display:grid;min-width:20px;height:20px;place-items:center;border-radius:999px;background:#e7f1ed;font-size:8px}
.single-stage-nav-v420 button.active{border-color:#7438c8;background:linear-gradient(135deg,#8b5ce0,#6d3fc1);color:#fff}
.single-stage-nav-v420 button.active b{background:#ffffff28;color:#fff}
.stage-channel-column-v333>[data-stage-brand-card][hidden],.stage-channel-column-v333>*>[data-stage-brand-card][hidden]{display:none!important}
.single-stage-visible-v420>header,.single-stage-visible-v420>.brand-create-v194,.single-stage-visible-v420>.brand-card-stage-nav-v204{display:none!important}
.single-stage-visible-v420{border:0!important;background:transparent!important;box-shadow:none!important}
.single-stage-visible-v420>.brand-work-area-v199{margin:0!important}
.project-story-dialog-v393 header p{display:inline-flex!important;margin-top:5px!important;padding:5px 9px!important;border:1px solid #ffffff70!important;border-radius:999px!important;background:#ffffff20!important;font-weight:850!important;letter-spacing:.035em!important}
@media(max-width:650px){.single-stage-nav-v420{gap:5px;padding:5px}.single-stage-nav-v420 button{min-width:112px;height:38px;padding:6px 8px;font-size:8px}.single-stage-nav-v420 button.create{min-width:145px;font-size:11px}}

/* V421: wrapped stage menu, dominant Create action, no drag/press motion. */
.single-stage-nav-v420{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:7px!important;padding:8px!important;scrollbar-width:none!important}
.single-stage-nav-v420::-webkit-scrollbar{display:none!important}
.single-stage-nav-v420 button.create{flex:1 0 100%!important;width:100%!important;min-width:100%!important;height:48px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#25c8df,#14b8d4)!important;color:#073943!important;font-size:15px!important;font-weight:900!important;box-shadow:inset 0 1px 0 #ffffff8a,0 4px 0 #087f96!important}
.single-stage-nav-v420 button:not(.create){flex:1 1 130px!important;min-width:118px!important;max-width:none!important;height:39px!important}
.project-drag-visual-v370,.project-grabbed-v369,.project-dragging-v366,.stage-project-list-v204 [data-stage-project].radial-source-active-v416,.stage-project-list-v204 [data-stage-project].radial-source-exit-v416{transform:none!important;rotate:none!important;opacity:1!important;filter:none!important;transition:none!important;animation:none!important}
.project-auto-next-stage-v372,.radial-stage-menu-v415{display:none!important}
.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287{border:1px solid color-mix(in srgb,var(--compact-accent) 72%,#fff)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--compact-depth) 90%,#172b27),color-mix(in srgb,var(--compact-depth) 72%,#081f1b))!important;box-shadow:inset 0 1px 0 #ffffff24,inset 0 -2px 0 #061b1840,0 3px 7px #0b29232f!important}
.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287 b{color:#dfffb2!important;-webkit-text-fill-color:#dfffb2!important;font-weight:850!important;text-shadow:0 1px 1px #061c18!important}
.stage-project-list-v204 [data-stage-project][data-compact-format-v390="collaboration"]>.project-stage-timer-v287 b{color:#f4e8ff!important;-webkit-text-fill-color:#f4e8ff!important}.stage-project-list-v204 [data-stage-project][data-compact-format-v390="long"]>.project-stage-timer-v287 b{color:#fff0a8!important;-webkit-text-fill-color:#fff0a8!important}.stage-project-list-v204 [data-stage-project][data-compact-format-v390="shorts"]>.project-stage-timer-v287 b{color:#c9fff3!important;-webkit-text-fill-color:#c9fff3!important}
@media(max-width:650px){.single-stage-nav-v420 button.create{height:44px!important;font-size:13px!important}.single-stage-nav-v420 button:not(.create){flex-basis:96px!important;min-width:92px!important;height:36px!important}}

/* V422: one popup only; vertical stages and inline controls. */
.project-story-dialog-v393{width:min(940px,calc(100vw - 24px))!important}
.project-story-progress-v393{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important;max-height:none!important}
.project-story-progress-v393 span{position:relative;display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;min-width:0!important;min-height:38px!important;align-items:center!important;padding:5px 8px!important;border:1px solid color-mix(in srgb,var(--story) 18%,#dce7e4)!important;border-radius:9px!important;background:#fff!important}
.project-story-progress-v393 span b{font-size:9px!important;white-space:normal!important}
.project-story-progress-v393 span.current{border-color:var(--story)!important;background:color-mix(in srgb,var(--story-soft) 78%,#fff)!important}
.project-story-controls-v422{margin:12px 0;padding:12px;border:1px solid color-mix(in srgb,var(--story) 28%,#dce7e4);border-radius:14px;background:#f8fbfa}
.project-story-controls-v422>header{margin:-12px -12px 11px;padding:10px 12px!important;border-radius:13px 13px 0 0!important}.project-story-controls-v422>header h3{margin:2px 0 0;font-size:14px}
.stage-control-v422,.assign-control-v422{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;align-items:end;gap:8px}.assign-control-v422{grid-template-columns:minmax(150px,.8fr) minmax(220px,1.2fr) auto;margin-top:9px;padding-top:9px;border-top:1px solid #d9e7e2}
.project-story-controls-v422 label{display:grid;gap:4px;color:#35584c;font-size:9px;font-weight:850}.project-story-controls-v422 select,.project-story-controls-v422 input{width:100%;height:38px;padding:7px 9px;border:1px solid #c5d9d2;border-radius:9px;background:#fff;color:#153d32}.project-story-controls-v422 button{height:38px;padding:0 13px;border:0;border-radius:9px;background:#1f8d77;color:#fff;font-weight:850}.project-story-controls-v422 button.approve{background:#16a76f}.project-story-controls-v422 button:disabled{opacity:.55}
@media(max-width:650px){.project-story-progress-v393{grid-template-columns:1fr!important}.stage-control-v422,.assign-control-v422{grid-template-columns:1fr!important}.project-story-controls-v422 button{width:100%}}

/* V423: compact All Videos, format and complete stage filters. */
.single-stage-nav-v420{align-items:center!important;gap:5px!important;padding:6px!important}
.single-stage-nav-v420 button.create{height:43px!important;margin-bottom:2px!important;font-size:14px!important}
.single-stage-nav-v420 button:not(.create){flex:0 1 auto!important;min-width:94px!important;width:auto!important;height:31px!important;padding:4px 8px!important;border-radius:8px!important;font-size:8px!important}
.single-stage-nav-v420 button.all-videos-v423{min-width:150px!important;background:linear-gradient(135deg,#174f43,#0e7462)!important;color:#fff!important;border-color:#0b6252!important;font-size:10px!important;box-shadow:inset 0 1px 0 #ffffff38,0 2px 0 #083f35!important}
.single-stage-nav-v420 button.all-videos-v423 b{background:#ffffff24!important;color:#fff!important}
.single-stage-nav-v420 button b{min-width:18px!important;height:18px!important;font-size:7px!important}
.single-stage-nav-v420 button.active{background:linear-gradient(135deg,#7e4cd2,#6433b5)!important;color:#fff!important;border-color:#5c2cad!important}
.single-stage-nav-v420 button.all-videos-v423.active{background:linear-gradient(135deg,#0f8069,#085f50)!important;border-color:#064c40!important}
.single-stage-visible-v420{margin-bottom:7px!important}
@media(max-width:650px){.single-stage-nav-v420 button:not(.create){min-width:82px!important;height:29px!important;padding:3px 6px!important;font-size:7px!important}.single-stage-nav-v420 button.all-videos-v423{min-width:125px!important;font-size:9px!important}}

/* V424: stage attachments, printable documents, daily tasks and required reviews. */
.project-story-timeline-v393 article{grid-template-columns:30px minmax(190px,.7fr) minmax(320px,1.3fr)!important;align-items:start!important;gap:9px!important}.stage-work-panel-v424{display:grid;gap:8px;padding:9px;border:1px solid #d8e7e2;border-radius:11px;background:#f8fbfa}.stage-attachments-v424>b,.stage-review-v424>b{display:block;margin-bottom:6px;color:#245548;font-size:9px}.stage-attachments-v424>div{display:flex;flex-wrap:wrap;gap:5px}.stage-attachments-v424 button,.stage-task-form-v424 button{min-height:30px;padding:5px 8px;border:1px solid #bdd7cf;border-radius:7px;background:#fff;color:#155747;font-size:8px;font-weight:850}.stage-task-form-v424{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(170px,1.3fr) auto;align-items:end;gap:6px}.stage-task-form-v424 label{display:grid;gap:3px;color:#45675d;font-size:8px;font-weight:800}.stage-task-form-v424 select,.stage-task-form-v424 input{width:100%;height:31px;padding:5px 7px;border:1px solid #c7dcd5;border-radius:7px;background:#fff;font-size:9px}.stage-task-form-v424 button{border:0;background:#14856f;color:#fff}.stage-task-list-v424{display:flex;flex-wrap:wrap;gap:5px}.stage-task-list-v424 span{padding:4px 7px;border-radius:999px;background:#fff3cf;color:#6b5100;font-size:7px}.stage-task-list-v424 span.done{background:#dcfce7;color:#08783d}.stage-review-v424>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px solid #e0ebe7}.stage-review-v424>div>span{display:flex;align-items:center;gap:5px;font-size:8px;font-weight:800}.stage-review-v424 img{width:22px;height:22px;border-radius:50%;object-fit:cover}.stage-review-v424 nav{display:flex;gap:4px}.stage-review-v424 button{padding:5px 7px;border:1px solid #c7d9d3;border-radius:999px;background:#fff;color:#385c51;font-size:7px;font-weight:850}.stage-review-v424 button[data-review-value-v424="good"].selected{border-color:#16a34a;background:#16a34a;color:#fff}.stage-review-v424 button[data-review-value-v424="average"].selected{border-color:#d99a0b;background:#fbbf24;color:#4d3600}.stage-review-v424 button[data-review-value-v424="reject"].selected{border-color:#dc2626;background:#dc2626;color:#fff}.stage-review-v424 button:disabled{opacity:.35}.project-text-reader-v424{width:min(760px,calc(100vw - 20px));max-height:90vh;padding:0;border:0;border-radius:18px}.project-text-reader-v424::backdrop{background:#09251f99}.project-text-reader-v424>section{padding:16px}.project-text-reader-v424 header{display:flex;justify-content:space-between;align-items:center}.project-text-reader-v424 pre{max-height:65vh;overflow:auto;padding:14px;border-radius:10px;background:#f5faf8;white-space:pre-wrap;font:13px/1.6 Inter,"Segoe UI",sans-serif}.project-text-reader-v424 footer{text-align:right}.project-print-frame-v424{position:fixed;right:0;bottom:0;width:1px;height:1px;border:0;opacity:.01;pointer-events:none}
@media(max-width:760px){.project-story-timeline-v393 article{grid-template-columns:26px minmax(0,1fr)!important}.stage-work-panel-v424{grid-column:2}.stage-task-form-v424{grid-template-columns:1fr!important}.stage-review-v424>div{align-items:flex-start;flex-direction:column}}

/* V425: reviewer profile + inline playable audio notes. */
.stage-audio-reviews-v425{overflow:hidden;border:1px solid #d4e4df;border-radius:11px;background:#fff}.stage-audio-reviews-v425>header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:9px 10px!important;border-radius:0!important;background:#eaf8f4!important;color:#174f42!important}.stage-audio-reviews-v425>header b,.stage-audio-reviews-v425>header small{display:block}.stage-audio-reviews-v425>header b{font-size:10px}.stage-audio-reviews-v425>header small{margin-top:2px;color:#617c73;font-size:7px}.stage-audio-reviews-v425>header>span{padding:4px 7px;border-radius:999px;background:#fff;color:#1e6554;font-size:7px;font-weight:850}.stage-audio-reviews-v425>div>article{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;padding:8px 10px!important;border-top:1px solid #e3ece9!important}.reviewer-dp-v425 img,.reviewer-dp-v425>span,.reviewer-dp-v425>i{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;object-fit:cover;background:#dcece7}.stage-audio-reviews-v425 article>div>b,.stage-audio-reviews-v425 article>div>small{display:block}.stage-audio-reviews-v425 article>div>b{color:#234b40;font-size:9px}.stage-audio-reviews-v425 article>div>small{color:#789088;font-size:6px}.stage-audio-reviews-v425 [data-audio-player-v425]{margin-top:5px}.stage-audio-reviews-v425 audio{display:block;width:100%;height:30px}.stage-audio-reviews-v425 em{color:#8aa098;font-size:7px}.stage-audio-reviews-v425 label{cursor:pointer}.stage-audio-reviews-v425 label input{position:absolute;width:1px;height:1px;opacity:0}.stage-audio-reviews-v425 label span{display:block;padding:7px 8px;border:1px solid #9fcfc1;border-radius:7px;background:#effaf7;color:#176a56;font-size:7px;font-weight:850}.stage-audio-reviews-v425 label:has(input:disabled) span{opacity:.45}
@media(max-width:650px){.stage-audio-reviews-v425>div>article{grid-template-columns:30px minmax(0,1fr)!important}.stage-audio-reviews-v425 label{grid-column:2}.stage-audio-reviews-v425 label span{text-align:center}}

/* V427: direct microphone recorder beside Attach Audio. */
.stage-audio-reviews-v425>div>article{grid-template-columns:34px minmax(0,1fr) auto auto!important}.record-audio-v427{display:flex;min-height:30px;align-items:center;gap:5px;padding:6px 8px;border:1px solid #ef9da6;border-radius:7px;background:#fff5f6;color:#a51f32;font-size:7px;font-weight:900}.record-audio-v427 i{width:8px;height:8px;border-radius:50%;background:#e11d48}.record-audio-v427.recording{border-color:#e11d48;background:#e11d48;color:#fff;animation:record-pulse-v427 1.1s ease-in-out infinite}.record-audio-v427.recording i{background:#fff;border-radius:2px}@keyframes record-pulse-v427{50%{box-shadow:0 0 0 5px #e11d4830}}
@media(max-width:650px){.stage-audio-reviews-v425>div>article{grid-template-columns:30px minmax(0,1fr)!important}.record-audio-v427,.stage-audio-reviews-v425 label{grid-column:2}.record-audio-v427{justify-content:center}}

/* V428: hide file attachment; keep only Record + typed review. */
.internal-audio-upload-v428{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}.stage-audio-reviews-v425>div>article{grid-template-columns:34px minmax(0,1fr) auto!important}.review-text-v428{display:grid;gap:5px;margin-top:7px;padding-top:7px;border-top:1px solid #e2ece8}.review-text-v428 [data-review-text-display-v428] p{margin:0;padding:7px 8px;border-left:3px solid #18a383;border-radius:6px;background:#edf9f5;color:#214d41;font-size:8px;line-height:1.45}.review-text-v428 [data-review-text-display-v428] small{display:block;margin-top:3px;color:#80968f;font-size:6px}.review-text-v428 form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:5px}.review-text-v428 textarea{width:100%;min-height:46px;resize:vertical;padding:7px 8px;border:1px solid #bfd8d0;border-radius:7px;background:#fff;color:#183f34;font:8px/1.4 Inter,"Segoe UI",sans-serif}.review-text-v428 button{height:32px;padding:0 9px;border:0;border-radius:7px;background:#16866f;color:#fff;font-size:7px;font-weight:850}
@media(max-width:650px){.stage-audio-reviews-v425>div>article{grid-template-columns:30px minmax(0,1fr)!important}.review-text-v428 form{grid-template-columns:1fr}.review-text-v428 button{width:100%}}

/* V430: short and sweet four-person review summary. */
.stage-audio-reviews-v425>div{display:grid!important;grid-template-columns:repeat(4,minmax(72px,1fr))!important;gap:6px!important;padding:7px!important}.stage-audio-reviews-v425>div>.reviewer-tile-v430{display:grid!important;grid-template-columns:1fr!important;place-items:center!important;gap:4px!important;min-height:86px!important;padding:7px 5px!important;border:1px solid #d8e7e2!important;border-radius:10px!important;background:#f9fcfb!important;text-align:center!important}.reviewer-tile-dp-v430 img,.reviewer-tile-dp-v430>span,.reviewer-tile-dp-v430>i{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;object-fit:cover;background:#dcece7}.reviewer-tile-v430>b{max-width:100%;overflow:hidden;color:#244c41;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.reviewer-tile-v430 nav{display:flex;gap:5px}.reviewer-tile-v430 button{display:grid;width:25px;height:25px;place-items:center;border:1px solid #acd1c6;border-radius:50%;background:#fff;color:#176c58;font-size:9px;font-weight:900}.reviewer-tile-v430 button:first-child{background:#e8f8f3}.reviewer-detail-v430{width:min(620px,calc(100vw - 18px));max-height:88vh;padding:0;border:0;border-radius:17px}.reviewer-detail-v430::backdrop{background:#09251f99;backdrop-filter:blur(4px)}.reviewer-detail-v430>section{padding:12px}.reviewer-detail-v430>section>header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:11px;background:#e9f8f3;color:#174f42}.reviewer-detail-v430 header small{font-size:7px}.reviewer-detail-v430 header h3{margin:2px 0 0;font-size:15px}.reviewer-detail-v430 header button{width:30px;height:30px;border:0;border-radius:8px;background:#fff;color:#184b40;font-size:18px}.reviewer-detail-v430 [data-audio-review-v425]{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;margin-top:9px;padding:9px!important;border:1px solid #dce9e5!important;border-radius:11px!important}.project-story-timeline-v393 article:has(.stage-audio-reviews-v425){padding-bottom:8px!important}
@media(max-width:650px){.stage-audio-reviews-v425>div{grid-template-columns:repeat(2,minmax(70px,1fr))!important}.reviewer-detail-v430 [data-audio-review-v425]{grid-template-columns:30px minmax(0,1fr)!important}.reviewer-detail-v430 .record-audio-v427{grid-column:2}}

/* V431: flat timer — white text on 25% black, no depth. */
.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287{border:0!important;background:rgba(0,0,0,.25)!important;box-shadow:none!important;filter:none!important;backdrop-filter:none!important;transform:none!important}
.stage-project-list-v204 [data-stage-project]>.project-stage-timer-v287 b,.stage-project-list-v204 [data-stage-project][data-compact-format-v390="collaboration"]>.project-stage-timer-v287 b,.stage-project-list-v204 [data-stage-project][data-compact-format-v390="long"]>.project-stage-timer-v287 b,.stage-project-list-v204 [data-stage-project][data-compact-format-v390="shorts"]>.project-stage-timer-v287 b{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important;font-weight:700!important}

/* V432: gapless dotted parcel journey. */
.parcel-summary-v432{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 0}.parcel-summary-v432>span{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px;border:1px solid #d8e5e1;border-radius:8px;background:#f8fbfa}.parcel-summary-v432 b{color:#159b62;font-size:16px}.parcel-summary-v432 small{color:#637a72;font-size:8px;font-weight:800}.parcel-summary-v432>i{grid-column:1/-1;height:5px;overflow:hidden;border-radius:999px;background:#e7eeeb}.parcel-summary-v432>i em{display:block;height:100%;border-radius:inherit;background:#19a766}.project-story-progress-v393{position:relative;display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:0!important;overflow:visible!important;border:1px solid #d9e5e1!important;background:#fff!important}.project-story-progress-v393 span{position:relative;display:grid!important;grid-template-columns:32px minmax(120px,.55fr) minmax(180px,1.45fr)!important;gap:7px!important;min-width:0!important;min-height:42px!important;align-items:center!important;padding:5px 9px!important;border:0!important;border-bottom:1px dotted #aebfba!important;border-radius:0!important;background:#f4f6f5!important;color:#87938f!important}.project-story-progress-v393 span:last-child{border-bottom:0!important}.project-story-progress-v393 span::after{content:'';position:absolute;left:23px;top:31px;bottom:-12px;border-left:2px dotted #b9c6c2}.project-story-progress-v393 span:last-child::after{display:none}.project-story-progress-v393 span i{position:relative;z-index:2;width:24px!important;height:24px!important;border:2px solid #c5cfcc!important;background:#eef1f0!important;color:#8c9793!important;box-shadow:none!important}.project-story-progress-v393 span b{font-size:9px!important}.project-story-progress-v393 span[data-stage-state="complete"]{background:#e5f7eb!important;color:#127642!important}.project-story-progress-v393 span[data-stage-state="complete"] i{border-color:#18a45f!important;background:#18a45f!important;color:#fff!important}.project-story-progress-v393 span[data-stage-state="current"]{background:#f0faf5!important;color:#126443!important}.project-story-progress-v393 span[data-stage-state="current"] i{border-color:#19a766!important;background:#fff!important;color:#15965d!important}.parcel-stage-work-v432{display:flex!important;min-width:0;align-items:center;justify-content:space-between;gap:8px;color:#657c74!important;font-size:7px!important}.parcel-stage-work-v432 strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.parcel-stage-work-v432 em{flex:0 0 auto;color:#17805a;font-style:normal;font-weight:800}.project-story-progress-v393 span[data-stage-state="pending"] .parcel-stage-work-v432{color:#a1aaa7!important}.project-story-progress-v393 span[data-stage-state="pending"] .parcel-stage-work-v432 em{color:#99a49f!important}
@media(max-width:650px){.parcel-summary-v432>span{gap:3px;padding:5px}.parcel-summary-v432 b{font-size:13px}.parcel-summary-v432 small{font-size:6px}.project-story-progress-v393 span{grid-template-columns:27px 92px minmax(0,1fr)!important;padding:4px 6px!important}.project-story-progress-v393 span::after{left:18px}.parcel-stage-work-v432{display:grid!important;gap:1px}.parcel-stage-work-v432 em{font-size:6px}}

/* V433: conditional Audio/Text output actions. */
.reviewer-tile-v430 nav{min-height:25px}.reviewer-tile-v430 nav[hidden]{display:none!important}.reviewer-tile-v430 nav button{width:auto!important;min-width:25px!important;padding:0 7px!important;border-radius:999px!important;gap:3px!important}.reviewer-tile-v430 nav button span{font-size:6px;font-weight:850}.reviewer-tile-v430 nav button.has-output-v433{border-color:#74bfa9!important;background:#e7f8f2!important;color:#0f6f58!important}.reviewer-tile-v430 nav button.add-review-v433{border-style:dashed!important;background:#fff!important;color:#6c837b!important}

/* V434: fixed timer alignment and high-contrast presentation. */
.stage-project-list-v204 [data-stage-project][data-compact-v390]{padding-right:126px!important}
.stage-project-list-v204 [data-stage-project][data-compact-v390]>.project-stage-timer-v287,
.stage-project-list-v204 [data-stage-project][data-compact-v390].project-timer-ending-v293>.project-stage-timer-v287,
.stage-project-list-v204 [data-stage-project][data-compact-v390].project-timer-expired-v293>.project-stage-timer-v287{
  position:absolute!important;
  top:50%!important;
  right:38px!important;
  width:78px!important;
  min-width:78px!important;
  max-width:78px!important;
  height:32px!important;
  min-height:32px!important;
  margin:0!important;
  padding:0 7px!important;
  display:grid!important;
  place-items:center!important;
  transform:translateY(-50%)!important;
  border:1px solid rgba(255,255,255,.38)!important;
  border-radius:8px!important;
  background:rgba(7,25,22,.62)!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  color:#fff!important;
  opacity:1!important;
  z-index:24!important;
}
.stage-project-list-v204 [data-stage-project][data-compact-v390]>.project-stage-timer-v287::before{display:none!important}
.stage-project-list-v204 [data-stage-project][data-compact-v390]>.project-stage-timer-v287 b,
.stage-project-list-v204 [data-stage-project][data-compact-v390][data-compact-format-v390="collaboration"]>.project-stage-timer-v287 b,
.stage-project-list-v204 [data-stage-project][data-compact-v390][data-compact-format-v390="long"]>.project-stage-timer-v287 b,
.stage-project-list-v204 [data-stage-project][data-compact-v390][data-compact-format-v390="shorts"]>.project-stage-timer-v287 b{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.045em!important;
  text-shadow:none!important;
  opacity:1!important;
}
@media(max-width:650px){
  .stage-project-list-v204 [data-stage-project][data-compact-v390]{padding-right:111px!important}
  .stage-project-list-v204 [data-stage-project][data-compact-v390]>.project-stage-timer-v287,
  .stage-project-list-v204 [data-stage-project][data-compact-v390].project-timer-ending-v293>.project-stage-timer-v287,
  .stage-project-list-v204 [data-stage-project][data-compact-v390].project-timer-expired-v293>.project-stage-timer-v287{right:32px!important;width:69px!important;min-width:69px!important;max-width:69px!important;height:30px!important;min-height:30px!important}
  .stage-project-list-v204 [data-stage-project][data-compact-v390]>.project-stage-timer-v287 b{font-size:12px!important}
}

/* V435: single parcel-style, vertically scrollable stage journey. */
.unified-stage-journey-v435{margin:10px 0;border:1px solid #d8e6e1;border-radius:13px;background:#fff;overflow:hidden}
.unified-stage-journey-v435>header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:9px 12px!important;border-radius:0!important;background:#f2f8f5!important;color:#194d40!important}
.unified-stage-journey-v435>header b,.unified-stage-journey-v435>header small{display:block}.unified-stage-journey-v435>header b{font-size:10px}.unified-stage-journey-v435>header small{margin-top:2px;color:#6e847c;font-size:7px}.unified-stage-journey-v435>header>span{display:grid;min-width:43px;height:25px;place-items:center;border-radius:999px;background:#def4e8;color:#118052;font-size:9px;font-weight:900}
.journey-progress-v435{display:block;height:4px;background:#e6eeeb}.journey-progress-v435 em{display:block;height:100%;background:#20ad69}
.unified-stage-journey-v435>[data-stage-rows-v435]{max-height:58vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8daf9f #edf3f0}
.unified-stage-journey-v435 article{position:relative;display:grid!important;grid-template-columns:34px minmax(185px,.62fr) minmax(280px,1.38fr)!important;align-items:start!important;gap:8px!important;min-height:55px!important;padding:8px 11px!important;border:0!important;border-bottom:1px dotted #aebfba!important;background:#f4f6f5!important;color:#84918c!important}
.unified-stage-journey-v435 article:last-child{border-bottom:0!important}.unified-stage-journey-v435 article::after{content:'';position:absolute;left:27px;top:38px;bottom:-17px;border-left:2px dotted #b8c8c2}.unified-stage-journey-v435 article:last-child::after{display:none}
.unified-stage-journey-v435 article>:scope>i{position:relative;z-index:2;display:grid!important;width:25px!important;height:25px!important;place-items:center!important;margin:0!important;border:2px solid #c8d2ce!important;border-radius:50%!important;background:#edf1ef!important;color:#87948f!important;font-size:9px!important;font-style:normal!important;box-shadow:none!important}
.unified-stage-journey-v435 article[data-stage-state-v435="complete"]{background:#e8f7ed!important;color:#1a6f49!important}.unified-stage-journey-v435 article[data-stage-state-v435="complete"]>:scope>i{border-color:#20a866!important;background:#20a866!important;color:#fff!important}
.unified-stage-journey-v435 article[data-stage-state-v435="current"]{background:#f0faf5!important;color:#185c43!important}.unified-stage-journey-v435 article[data-stage-state-v435="current"]>:scope>i{border-color:#1aa968!important;background:#fff!important;color:#168456!important}
.unified-stage-journey-v435 article>:scope>div h3{margin:1px 0 2px!important;font-size:12px!important}.unified-stage-journey-v435 article>:scope>div p{margin:0 0 2px!important;font-size:8px!important}.unified-stage-journey-v435 article>:scope>div small,.unified-stage-journey-v435 article>:scope>div time{display:block!important;font-size:7px!important}.previous-stage-update-v435{margin-top:3px;color:#71867f!important;font-style:italic}
.unified-stage-journey-v435 .stage-work-panel-v424{min-width:0!important;margin:0!important;padding:7px!important}.unified-stage-journey-v435 .stage-audio-reviews-v425{margin:0!important}
@media(max-width:700px){.unified-stage-journey-v435>[data-stage-rows-v435]{max-height:62vh}.unified-stage-journey-v435 article{grid-template-columns:28px minmax(0,1fr)!important;padding:7px!important}.unified-stage-journey-v435 article::after{left:20px}.unified-stage-journey-v435 .stage-work-panel-v424{grid-column:2}}

/* V436: unmistakable completed ticks and highlighted stage names. */
.unified-stage-journey-v435 article>:scope>div h3{display:inline-flex!important;max-width:100%;align-items:center!important;margin:0 0 5px!important;padding:4px 9px!important;border-radius:7px!important;background:#e5ebe8!important;color:#425b53!important;font-size:12px!important;font-weight:900!important;line-height:1.15!important;box-shadow:inset 3px 0 0 #9aaba5!important}
.unified-stage-journey-v435 article[data-stage-state-v435="complete"]>:scope>div h3{background:#d8f4e4!important;color:#087342!important;box-shadow:inset 3px 0 0 #16a762!important}
.unified-stage-journey-v435 article[data-stage-state-v435="current"]>:scope>div h3{background:#fff1bd!important;color:#6d5000!important;box-shadow:inset 3px 0 0 #e6a900!important}
.unified-stage-journey-v435 article[data-stage-state-v435="complete"]>:scope>i{border:0!important;background:#18aa63!important;color:#fff!important;font-size:0!important;font-weight:950!important}
.unified-stage-journey-v435 article[data-stage-state-v435="complete"]>:scope>i::before{content:'✓';font-size:15px!important;line-height:1!important}

/* V437: consistent green rounded-square check on every completed stage. */
.unified-stage-journey-v435 article[data-stage-state-v435="complete"]>i:first-child{
  display:grid!important;
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  place-items:center!important;
  border:2px solid #fff!important;
  border-radius:9px!important;
  background:#16a85f!important;
  color:transparent!important;
  font-size:0!important;
  font-style:normal!important;
  font-weight:950!important;
  box-shadow:0 0 0 2px #bcebd1!important;
}
.unified-stage-journey-v435 article[data-stage-state-v435="complete"]>i:first-child::before{
  content:'✓'!important;
  display:block!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:950!important;
  line-height:1!important;
}

/* V438: keep the complete workflow filter readable across wrapped rows. */
.single-stage-nav-v420{align-content:flex-start!important;overflow:visible!important}
.single-stage-nav-v420 button[data-filter-v423]{flex:0 1 auto!important;min-width:104px!important}
.single-stage-nav-v420 button[data-filter-v423] span{overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
@media(max-width:650px){.single-stage-nav-v420 button[data-filter-v423]{min-width:92px!important}}

/* V439: channel three-dot menu stays attached to the button that opened it. */
.stage-action-menu-v360.external-anchor-v439{position:fixed!important;width:214px!important;min-width:214px!important;z-index:10020!important;margin:0!important;transform:none!important}
@media(max-width:650px){.stage-action-menu-v360.external-anchor-v439{width:190px!important;min-width:190px!important}}

/* V440: make every workflow three-dot control visibly and behaviorally a button. */
[data-edit-youtube-channel-v379],
[data-visible-stage-menu-v360],
[data-brand-options][data-stage-menu-v358="1"]{
  display:grid!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid #8c74e8!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#6842ce!important;
  font-size:20px!important;
  font-weight:900!important;
  line-height:1!important;
  cursor:pointer!important;
  user-select:none!important;
  box-shadow:0 2px 0 #d7cdfc!important;
  transition:background .16s ease,color .16s ease,transform .12s ease,box-shadow .12s ease!important;
}
[data-edit-youtube-channel-v379]:hover,
[data-visible-stage-menu-v360]:hover,
[data-brand-options][data-stage-menu-v358="1"]:hover{background:#f0ebff!important;color:#4f25bf!important}
[data-edit-youtube-channel-v379]:active,
[data-visible-stage-menu-v360]:active,
[data-brand-options][data-stage-menu-v358="1"]:active{transform:translateY(2px)!important;box-shadow:none!important}
[data-edit-youtube-channel-v379]:focus-visible,
[data-visible-stage-menu-v360]:focus-visible,
[data-brand-options][data-stage-menu-v358="1"]:focus-visible{outline:3px solid #c8baff!important;outline-offset:2px!important}
.stage-action-menu-v360 button{cursor:pointer!important}

/* V441: focused admin editor — formats, IDs and stages only; no colour controls. */
.brand-settings-v194 .brand-theme-presets-v199,.brand-settings-v194 .brand-output-controls-v359,.brand-settings-v194 .format-colours-v342,.brand-settings-v194 .brand-workflow-control-v255{display:none!important}
.brand-settings-v194 .brand-settings-layout-v197{grid-template-columns:minmax(0,1fr)!important}.brand-settings-v194 .brand-live-preview-v197{display:none!important}
.dynamic-format-editor-v441{margin:12px 0!important;padding:13px!important;border:1px solid #bbd8cf!important;border-radius:14px!important;background:#f5fbf8!important}.dynamic-format-editor-v441>legend{padding:0 7px;color:#125d49;font-size:16px;font-weight:900}.dynamic-format-editor-v441>p{margin:0 0 10px;color:#58756b;font-size:10px}.dynamic-format-editor-v441>[data-format-rows-v441]{display:grid;gap:9px}.dynamic-format-editor-v441 article{padding:10px;border:1px solid #c9ddd6;border-radius:11px;background:#fff}.dynamic-format-editor-v441 article>header{display:grid!important;grid-template-columns:minmax(150px,1fr) 120px 34px!important;align-items:end!important;gap:8px!important;padding:0!important;border-radius:0!important;background:transparent!important;color:#174f42!important;box-shadow:none!important}.dynamic-format-editor-v441 label{display:grid!important;gap:4px!important;color:#285e50!important;font-size:9px!important;font-weight:850!important}.dynamic-format-editor-v441 input,.dynamic-format-editor-v441 textarea{width:100%!important;padding:8px 9px!important;border:1px solid #bcd4cc!important;border-radius:8px!important;background:#fff!important;color:#123e33!important;font:11px/1.45 Inter,"Segoe UI",sans-serif!important}.dynamic-format-editor-v441 textarea{min-height:120px!important;margin-top:7px!important;resize:vertical!important}.dynamic-format-editor-v441 [data-remove-format-v441]{width:34px!important;height:34px!important;border:1px solid #f0a8ae!important;border-radius:8px!important;background:#fff0f1!important;color:#b81f31!important;font-size:18px!important;cursor:pointer!important}.dynamic-format-editor-v441>[data-add-format-v441]{margin-top:10px!important;padding:9px 14px!important;border:1px dashed #159576!important;border-radius:9px!important;background:#e9f8f3!important;color:#126951!important;font-weight:900!important;cursor:pointer!important}
@media(max-width:650px){.dynamic-format-editor-v441 article>header{grid-template-columns:1fr 88px 34px!important}.dynamic-format-editor-v441 textarea{min-height:105px!important}}

/* V443: thumbnail output preview, download and assigned-employee uploader. */
.thumbnail-output-v443{min-width:0;padding:8px;border:1px solid #bfdad1;border-radius:11px;background:#f7fcfa}.thumbnail-output-v443>header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 0 7px!important;border-radius:0!important;background:transparent!important;color:#174f42!important}.thumbnail-output-v443>header b,.thumbnail-output-v443>header small{display:block}.thumbnail-output-v443>header b{font-size:10px}.thumbnail-output-v443>header small{margin-top:2px;color:#71877f;font-size:7px}.thumbnail-output-v443>header button{padding:7px 10px;border:0;border-radius:8px;background:#157c65;color:#fff;font-size:8px;font-weight:900;cursor:pointer}.thumbnail-preview-grid-v443{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:7px}.thumbnail-preview-grid-v443>article{display:grid!important;grid-template-columns:1fr!important;min-height:0!important;padding:5px!important;border:1px solid #d2e2dd!important;border-radius:9px!important;background:#fff!important}.thumbnail-preview-grid-v443 article>button{display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:6px;overflow:hidden;background:#e8f1ee;cursor:zoom-in}.thumbnail-preview-grid-v443 img{width:100%;height:100%;object-fit:cover}.thumbnail-preview-grid-v443 a{margin-top:5px;padding:5px;border-radius:6px;background:#eaf7f3;color:#14644f;font-size:7px;font-weight:900;text-align:center;text-decoration:none}.thumbnail-preview-grid-v443>p{grid-column:1/-1;margin:0;padding:11px;border:1px dashed #bcd4cc;border-radius:8px;color:#71877f;font-size:8px;text-align:center}.thumbnail-upload-v443{display:grid!important;place-items:center!important;gap:3px!important;margin-top:8px!important;padding:10px!important;border:1px dashed #168b70!important;border-radius:9px!important;background:#eaf8f4!important;color:#14644f!important;cursor:pointer!important}.thumbnail-upload-v443 input{position:absolute;width:1px;height:1px;opacity:0}.thumbnail-upload-v443 span{font-size:9px;font-weight:900}.thumbnail-upload-v443 small{font-size:6px}.thumbnail-preview-dialog-v443{width:min(960px,calc(100vw - 20px));max-height:94vh;padding:0;border:0;border-radius:15px;background:#10221e}.thumbnail-preview-dialog-v443::backdrop{background:#071713c7;backdrop-filter:blur(5px)}.thumbnail-preview-dialog-v443 section{position:relative;display:grid;place-items:center;padding:12px}.thumbnail-preview-dialog-v443 img{max-width:100%;max-height:78vh;border-radius:9px;object-fit:contain}.thumbnail-preview-dialog-v443 button{position:absolute;right:16px;top:16px;width:34px;height:34px;border:0;border-radius:9px;background:#e52b3b;color:#fff;font-size:20px;cursor:pointer}.thumbnail-preview-dialog-v443 a{margin-top:9px;padding:8px 13px;border-radius:8px;background:#d7ff45;color:#123c31;font-weight:900;text-decoration:none}
@media(max-width:700px){.thumbnail-output-v443{grid-column:2}.thumbnail-preview-grid-v443{grid-template-columns:repeat(2,minmax(80px,1fr))}}

/* V444: Music & SFX output plus a proper popup close button. */
.music-sfx-output-v444{min-width:0;padding:8px;border:1px solid #d5cced;border-radius:11px;background:#fbf9ff}.music-sfx-output-v444>header{padding:0 0 7px!important;border-radius:0!important;background:transparent!important;color:#503a78!important}.music-sfx-output-v444>header b,.music-sfx-output-v444>header small{display:block}.music-sfx-output-v444>header b{font-size:10px}.music-sfx-output-v444>header small{margin-top:2px;color:#82759b;font-size:7px}.music-sfx-view-v444{display:grid;grid-template-columns:1fr 1fr;gap:6px}.music-sfx-view-v444 article{display:block!important;min-height:58px!important;padding:8px!important;border:1px solid #e0d9ee!important;border-radius:8px!important;background:#fff!important}.music-sfx-view-v444 small{color:#806ba7;font-size:7px;font-weight:900}.music-sfx-view-v444 p{margin:5px 0 0;color:#3f315d;font-size:8px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.music-sfx-view-v444 em{display:block;margin-top:5px;color:#9b93a9;font-size:8px}.music-sfx-view-v444 a{display:inline-block;margin-top:5px;padding:5px 7px;border-radius:6px;background:#ece5fb;color:#57348e;font-size:8px;font-weight:900;text-decoration:none}.music-sfx-output-v444 form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:7px;margin-top:8px;padding-top:8px;border-top:1px dashed #d5cae9}.music-sfx-output-v444 form label{display:grid;gap:4px;color:#604c82;font-size:8px;font-weight:850}.music-sfx-output-v444 textarea,.music-sfx-output-v444 input{width:100%;padding:7px 8px;border:1px solid #cfc2e7;border-radius:7px;background:#fff;color:#33244f;font:8px/1.4 Inter,"Segoe UI",sans-serif}.music-sfx-output-v444 form button{min-height:34px;padding:7px 10px;border:0;border-radius:8px;background:#6845a6;color:#fff;font-size:8px;font-weight:900;cursor:pointer}
.project-story-dialog-v393>section>header [data-close]{display:grid!important;width:38px!important;height:38px!important;place-items:center!important;padding:0!important;border:1px solid #ffffff75!important;border-radius:11px!important;background:#ffffff16!important;color:#fff!important;font-size:22px!important;font-weight:900!important;line-height:1!important;cursor:pointer!important;user-select:none!important;transition:background .15s ease,transform .12s ease!important}.project-story-dialog-v393>section>header [data-close]:hover{background:#e42b3d!important;border-color:#e42b3d!important}.project-story-dialog-v393>section>header [data-close]:active{transform:scale(.93)!important}.project-story-dialog-v393>section>header [data-close]:focus-visible{outline:3px solid #fff!important;outline-offset:2px!important}
@media(max-width:700px){.music-sfx-output-v444{grid-column:2}.music-sfx-view-v444,.music-sfx-output-v444 form{grid-template-columns:1fr}.music-sfx-output-v444 form button{width:100%}}

/* V445: storage-location output and stage assignee portraits. */
.stage-assignees-v445{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border:1px solid #d5e3de;border-radius:9px;background:#fff}.stage-assignees-v445>b{color:#315c50;font-size:8px}.stage-assignees-v445>div{display:flex;align-items:center;gap:6px}.stage-assignees-v445>div>span{display:grid;grid-template-columns:30px minmax(0,70px);align-items:center;gap:4px}.stage-assignees-v445 img,.stage-assignees-v445>div>span>span,.stage-assignees-v445>div>span>i{width:30px!important;height:30px!important;border-radius:50%!important;object-fit:cover!important}.stage-assignees-v445 small{overflow:hidden;color:#496c62;font-size:6px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.stage-assignees-v445 em{color:#879a94;font-size:7px}
.footage-storage-v445{min-width:0;padding:8px;border:1px solid #c8dcd5;border-radius:11px;background:#f7fbfa}.footage-storage-v445>header{padding:0 0 7px!important;border-radius:0!important;background:transparent!important;color:#214f42!important}.footage-storage-v445>header b,.footage-storage-v445>header small{display:block}.footage-storage-v445>header b{font-size:10px}.footage-storage-v445>header small{margin-top:2px;color:#738980;font-size:7px}.footage-storage-output-v445{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.footage-storage-output-v445 article{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;align-items:start!important;gap:6px!important;min-height:62px!important;padding:7px!important;border:1px solid #d7e5e0!important;border-radius:8px!important;background:#fff!important}.footage-storage-output-v445 article>i{display:grid;width:26px;height:26px;place-items:center;border-radius:7px;background:#e6f5f0;font-style:normal}.footage-storage-output-v445 b,.footage-storage-output-v445 em,.footage-storage-output-v445 code,.footage-storage-output-v445 a{display:block;min-width:0}.footage-storage-output-v445 b{color:#245448;font-size:8px}.footage-storage-output-v445 em{margin-top:4px;color:#8a9a95;font-size:7px}.footage-storage-output-v445 code,.footage-storage-output-v445 p{margin-top:4px;color:#3d5e55;font:7px/1.4 Consolas,monospace;overflow-wrap:anywhere}.footage-storage-output-v445 a{margin-top:4px;color:#0b765b;font-size:7px;font-weight:900}.footage-storage-v445 form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px;padding-top:8px;border-top:1px dashed #bfd1cb}.footage-storage-v445 form label{display:grid;gap:3px;color:#496c61;font-size:7px;font-weight:850}.footage-storage-v445 form input{width:100%;height:32px;padding:6px 7px;border:1px solid #bfd3cc;border-radius:7px;background:#fff;color:#1d463b;font-size:8px}.footage-storage-v445 form button{grid-column:1/-1;height:34px;border:0;border-radius:8px;background:#167b64;color:#fff;font-size:8px;font-weight:900;cursor:pointer}
@media(max-width:700px){.stage-assignees-v445,.footage-storage-v445{grid-column:2}.stage-assignees-v445{align-items:flex-start;flex-direction:column}.stage-assignees-v445>div{flex-wrap:wrap}.footage-storage-output-v445,.footage-storage-v445 form{grid-template-columns:1fr}}

/* V446: row-first format alignment and protected format deletion. */
.dynamic-format-editor-v441>[data-format-rows-v441]{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:10px!important}.dynamic-format-editor-v441>[data-format-rows-v441]>article{flex:1 1 330px!important;min-width:300px!important;max-width:calc(50% - 5px)!important;box-sizing:border-box!important}.dynamic-format-editor-v441>[data-format-rows-v441]>article>header{grid-template-columns:minmax(150px,1fr) 105px 34px!important}.format-delete-confirm-v446{width:min(440px,calc(100vw - 24px));padding:0;border:0;border-radius:16px}.format-delete-confirm-v446::backdrop{background:#09251fa8;backdrop-filter:blur(4px)}.format-delete-confirm-v446>section{padding:14px}.format-delete-confirm-v446 header{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-radius:11px;background:#fff0f1;color:#8f1726}.format-delete-confirm-v446 header small{font-size:7px;font-weight:900}.format-delete-confirm-v446 header h3{margin:2px 0 0;font-size:16px}.format-delete-confirm-v446 header button{width:30px;height:30px;border:0;border-radius:8px;background:#e12436;color:#fff;font-size:18px;cursor:pointer}.delete-wait-v446{display:grid;place-items:center;gap:6px;padding:22px 10px;text-align:center}.delete-wait-v446>b{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:#fff0f1;color:#cf2637;font-size:24px}.delete-wait-v446 p{margin:0;color:#6f5559;font-size:10px}.format-delete-confirm-v446 form{padding:16px 4px 2px}.format-delete-confirm-v446 form p{margin:0 0 10px;color:#3e4e49;font-size:12px}.format-delete-confirm-v446 form input{width:100%;height:42px;padding:8px;border:1px solid #cbd9d4;border-radius:9px;font-size:18px;text-align:center}.format-delete-confirm-v446 form>div{display:flex;justify-content:flex-end;gap:7px;margin-top:11px}.format-delete-confirm-v446 form button{height:36px;padding:0 12px;border:0;border-radius:8px;font-weight:900;cursor:pointer}.format-delete-confirm-v446 form button[data-cancel]{background:#eaf1ef;color:#34584e}.format-delete-confirm-v446 form button.danger{background:#d92336;color:#fff}.format-delete-confirm-v446 form button:disabled{cursor:not-allowed;opacity:.35}
@media(max-width:760px){.dynamic-format-editor-v441>[data-format-rows-v441]>article{flex-basis:100%!important;min-width:0!important;max-width:100%!important}}

/* V447: MD-only stage/icon controls for the compact tracker. */
.mini-tracking-toolbar-v447{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 11px;border-bottom:1px solid #cce0da;background:#f4faf8;color:#24594b}.mini-tracking-toolbar-v447 b,.mini-tracking-toolbar-v447 small{display:block}.mini-tracking-toolbar-v447 b{font-size:9px}.mini-tracking-toolbar-v447 small{margin-top:2px;color:#71877f;font-size:7px}.mini-tracking-toolbar-v447>span{padding:5px 8px;border-radius:999px;background:#dff4ec;color:#126c54;font-size:7px;font-weight:900}.mini-tracking-toolbar-v447.saving>span{opacity:.45}.mini-tracking-toolbar-v447.saved>span{background:#17a66f;color:#fff}
.md-mini-editor-v447 [data-stage-rows-v435]>article{position:relative;padding-right:92px!important}.stage-display-controls-v447{position:absolute;right:9px;top:10px;display:flex;align-items:center;gap:6px}.stage-display-controls-v447 button,.stage-display-controls-v447 label{display:grid;width:34px;height:34px;place-items:center;margin:0;border:1px solid #c9dcd6;border-radius:9px;background:#fff;color:#8b9b96;cursor:pointer}.stage-display-controls-v447 button{font-size:20px;line-height:1}.stage-display-controls-v447 button.selected{border-color:#e0aa17;background:#fff7d8;color:#e0a300}.stage-display-controls-v447 label span{display:grid;width:26px;height:26px;place-items:center;overflow:hidden;border-radius:6px;font-size:15px}.stage-display-controls-v447 label img{width:100%;height:100%;object-fit:cover}.stage-display-controls-v447 label input{position:absolute;width:1px;height:1px;opacity:0}
.mini-tracking-custom-v447{gap:5px!important}.mini-tracking-custom-v447>.mini-stage-v447{display:grid!important;width:31px!important;height:31px!important;min-width:31px!important;place-items:center!important;overflow:hidden!important;border:1px solid #ffffffd9!important;border-radius:9px!important;background:#ffffff24!important;color:#fff!important;font-style:normal!important;font-size:15px!important}.mini-tracking-custom-v447>.mini-stage-v447 img{width:100%;height:100%;object-fit:cover}.mini-tracking-custom-v447>.mini-stage-v447.done{background:#19ad6d!important}.mini-tracking-custom-v447>.mini-stage-v447.active{outline:2px solid #fff;outline-offset:2px}.mini-tracking-custom-v447>em{width:16px;height:2px;background:#fff;border-radius:2px;opacity:.85}
@media(max-width:700px){.md-mini-editor-v447 [data-stage-rows-v435]>article{padding-right:80px!important}.stage-display-controls-v447{right:6px}.stage-display-controls-v447 button,.stage-display-controls-v447 label{width:30px;height:30px}.mini-tracking-toolbar-v447 small{max-width:210px}.mini-tracking-custom-v447>.mini-stage-v447{width:27px!important;height:27px!important;min-width:27px!important}.mini-tracking-custom-v447>em{width:8px}}

/* V448: compact side-by-side format editor, editable fixed-ID preview and 12 theme presets. */
.brand-settings-v194 .brand-theme-presets-v199{display:block!important;margin:10px 0!important;padding:11px!important;border:1px solid #c9ddd6!important;border-radius:13px!important;background:#f6fbf9!important}.brand-theme-presets-v199>header{display:flex!important;align-items:center!important;justify-content:space-between!important;background:transparent!important;color:#174f42!important}.brand-theme-presets-v199>header b{font-size:11px!important}.brand-theme-presets-v199>header small{font-size:7px!important}.brand-theme-presets-v199>div{display:grid!important;grid-template-columns:repeat(6,minmax(72px,1fr))!important;gap:6px!important}.brand-theme-presets-v199 [data-brand-theme]:nth-child(n+13){display:none!important}.brand-theme-presets-v199 [data-brand-theme]{min-height:48px!important;cursor:pointer!important}
.format-editor-head-v448{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:10px!important}.format-editor-head-v448 p{margin:0!important}.format-editor-head-v448 [data-add-format-v441]{flex:0 0 auto;margin:0!important;padding:9px 13px!important;border:0!important;border-radius:9px!important;background:#18a17d!important;color:#fff!important;font-weight:900!important;cursor:pointer!important}
.dynamic-format-editor-v441>[data-format-rows-v441]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start!important;gap:10px!important}.dynamic-format-editor-v441>[data-format-rows-v441]>article{min-width:0!important;max-width:none!important;width:auto!important}.dynamic-format-editor-v441 [data-format-sample-v448]{display:block;margin:8px 0;padding:7px 9px;border-radius:8px;background:#eaf5f1;color:#194f41}.dynamic-format-editor-v441 [data-format-sample-v448] small,.dynamic-format-editor-v441 [data-format-sample-v448] b{display:block}.dynamic-format-editor-v441 [data-format-sample-v448] small{font-size:6px;font-weight:900}.dynamic-format-editor-v441 [data-format-sample-v448] b{margin-top:2px;font:800 9px/1.2 Consolas,monospace}.dynamic-format-editor-v441 textarea{min-height:155px!important;max-height:210px!important}
@media(max-width:1050px){.dynamic-format-editor-v441>[data-format-rows-v441]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.brand-theme-presets-v199>div{grid-template-columns:repeat(4,minmax(72px,1fr))!important}}@media(max-width:700px){.dynamic-format-editor-v441>[data-format-rows-v441]{grid-template-columns:1fr!important}.brand-theme-presets-v199>div{grid-template-columns:repeat(3,minmax(70px,1fr))!important}.format-editor-head-v448{align-items:stretch!important;flex-direction:column!important}.format-editor-head-v448 [data-add-format-v441]{width:100%!important}}

/* V449: the format editor owns a full row; never squeeze three cards into the ID column. */
.brand-settings-v194 .brand-settings-editor-v199{width:100%!important;min-width:0!important}.brand-settings-v194 .brand-core-settings-v201{width:100%!important;max-width:none!important;grid-template-columns:minmax(240px,.7fr) minmax(360px,1.3fr)!important}.brand-settings-v194 .dynamic-format-editor-v441{grid-column:1/-1!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}.brand-settings-v194 .dynamic-format-editor-v441 article>header{grid-template-columns:minmax(0,1fr) 86px 34px!important}.brand-settings-v194 .dynamic-format-editor-v441 label,.brand-settings-v194 .dynamic-format-editor-v441 input,.brand-settings-v194 .dynamic-format-editor-v441 textarea{min-width:0!important;box-sizing:border-box!important}.brand-settings-v194 .dynamic-format-editor-v441 textarea{white-space:pre-wrap!important;overflow-wrap:normal!important;word-break:normal!important}.brand-settings-v194 .dynamic-format-editor-v441 [data-format-sample-v448] b{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
@media(max-width:900px){.brand-settings-v194 .brand-core-settings-v201{grid-template-columns:1fr!important}.brand-settings-v194 .brand-core-settings-v201>fieldset{grid-column:1!important}.brand-settings-v194 .dynamic-format-editor-v441>[data-format-rows-v441]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:620px){.brand-settings-v194 .dynamic-format-editor-v441>[data-format-rows-v441]{grid-template-columns:1fr!important}.brand-settings-v194 .dynamic-format-editor-v441 article>header{grid-template-columns:minmax(0,1fr) 78px 32px!important}}

/* V450: center any number of selected milestones between title and total timer. */
.stage-project-list-v204 [data-stage-project][data-compact-v390]>.project-status-rail-v402{left:285px!important;right:126px!important;width:auto!important;max-width:none!important;min-width:0!important;justify-content:center!important}.project-status-rail-v402>.mini-tracking-custom-v447{width:auto!important;max-width:100%!important;min-width:0!important;justify-content:center!important;gap:6px!important}.mini-tracking-custom-v447::before{display:none!important}.mini-tracking-custom-v447>.journey-segment-timer-v414{position:relative!important;z-index:2!important;width:45px!important;min-width:45px!important;height:21px!important;border:1px solid #ffffffb8!important;border-radius:6px!important;background:#00000028!important;color:#fff!important;font-size:7px!important}.mini-tracking-custom-v447>.mini-stage-v447{position:relative;z-index:2}.stage-elapsed-v450{display:inline-flex!important;align-items:center!important;gap:5px!important;margin:0 0 6px!important;padding:4px 7px!important;border:1px solid #c8ddd6!important;border-radius:7px!important;background:#fff!important;color:#255a4c!important}.stage-elapsed-v450 small{font-size:6px!important;font-weight:900!important}.stage-elapsed-v450 b{font-size:8px!important;font-variant-numeric:tabular-nums!important}.unified-stage-journey-v435 article[data-stage-state-v435="complete"] .stage-elapsed-v450{border-color:#9ed8bb!important;background:#e8f8ef!important;color:#087443!important}.unified-stage-journey-v435 article[data-stage-state-v435="pending"] .stage-elapsed-v450{opacity:.6}
@media(max-width:900px){.stage-project-list-v204 [data-stage-project][data-compact-v390]>.project-status-rail-v402{left:230px!important;right:112px!important}.mini-tracking-custom-v447>.journey-segment-timer-v414{width:38px!important;min-width:38px!important;font-size:6px!important}.project-status-rail-v402>.mini-tracking-custom-v447{gap:4px!important}}@media(max-width:650px){.stage-project-list-v204 [data-stage-project][data-compact-v390]>.project-status-rail-v402{left:145px!important;right:94px!important}.mini-tracking-custom-v447>.journey-segment-timer-v414{width:29px!important;min-width:29px!important;height:17px!important;font-size:5px!important}.project-status-rail-v402>.mini-tracking-custom-v447{gap:2px!important}.mini-tracking-custom-v447>.mini-stage-v447{width:22px!important;height:22px!important;min-width:22px!important}.stage-elapsed-v450{padding:3px 5px!important}.stage-elapsed-v450 small{display:none!important}}

/* V451: circular employee milestones, clean connector lines and final storage popup. */
.project-status-rail-v402:has([data-mini-storage-v451]){pointer-events:none}.mini-tracking-custom-v447>.mini-stage-v447{border-radius:50%!important}.mini-tracking-custom-v447>.mini-stage-v447 img{border-radius:50%!important}.mini-tracking-custom-v447>.mini-stage-v447.reached:has(img){border:2px solid #fff!important;background:#fff!important}.mini-tracking-custom-v447>.mini-stage-v447.done:has(img){box-shadow:0 0 0 2px #21b86e!important}.mini-tracking-custom-v447>.journey-segment-timer-v414{margin:0 5px!important;overflow:visible!important}.mini-tracking-custom-v447>.journey-segment-timer-v414::before,.mini-tracking-custom-v447>.journey-segment-timer-v414::after{content:''!important;position:absolute!important;top:50%!important;width:5px!important;height:2px!important;background:#fff!important;transform:translateY(-50%)!important}.mini-tracking-custom-v447>.journey-segment-timer-v414::before{left:-6px!important}.mini-tracking-custom-v447>.journey-segment-timer-v414::after{right:-6px!important}.mini-finished-v451,.mini-storage-link-v451{position:relative;z-index:3;display:grid!important;width:28px!important;height:28px!important;min-width:28px!important;place-items:center!important;border:2px solid #fff!important;border-radius:50%!important;font-style:normal!important;font-size:13px!important;font-weight:950!important}.mini-finished-v451{background:#16a865!important;color:#fff!important}.mini-storage-link-v451{background:#fff!important;color:#146451!important;cursor:pointer!important;pointer-events:auto!important}.mini-storage-link-v451:hover{background:#d9fff0!important}.mini-storage-dialog-v451{width:min(650px,calc(100vw - 20px));max-height:90vh;padding:0;border:0;border-radius:17px}.mini-storage-dialog-v451::backdrop{background:#09251fad;backdrop-filter:blur(4px)}.mini-storage-dialog-v451>section{padding:12px}.mini-storage-dialog-v451 header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:12px;background:#145f4b;color:#fff}.mini-storage-dialog-v451 header small{font-size:7px;font-weight:900}.mini-storage-dialog-v451 header h2{margin:2px 0 0;font-size:18px}.mini-storage-dialog-v451 header button{width:32px;height:32px;border:1px solid #ffffff70;border-radius:9px;background:#ffffff18;color:#fff;font-size:20px;cursor:pointer}.mini-storage-dialog-v451 main{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.mini-storage-dialog-v451 main article{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:8px;padding:10px;border:1px solid #d5e5df;border-radius:10px;background:#f7fbfa}.mini-storage-dialog-v451 main article>i{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:#e2f4ee;font-style:normal}.mini-storage-dialog-v451 main b,.mini-storage-dialog-v451 main a,.mini-storage-dialog-v451 main code,.mini-storage-dialog-v451 main em{display:block}.mini-storage-dialog-v451 main b{color:#214f43;font-size:9px}.mini-storage-dialog-v451 main a,.mini-storage-dialog-v451 main code,.mini-storage-dialog-v451 main em{margin-top:4px;color:#477067;font-size:8px;overflow-wrap:anywhere}.mini-storage-dialog-v451 footer{display:flex;justify-content:flex-end;margin-top:10px}.mini-storage-dialog-v451 footer button{padding:8px 13px;border:0;border-radius:8px;background:#145f4b;color:#fff;font-weight:900;cursor:pointer}
@media(max-width:650px){.mini-tracking-custom-v447>.journey-segment-timer-v414{margin:0 3px!important}.mini-tracking-custom-v447>.journey-segment-timer-v414::before,.mini-tracking-custom-v447>.journey-segment-timer-v414::after{width:3px!important}.mini-tracking-custom-v447>.journey-segment-timer-v414::before{left:-4px!important}.mini-tracking-custom-v447>.journey-segment-timer-v414::after{right:-4px!important}.mini-finished-v451,.mini-storage-link-v451{width:21px!important;height:21px!important;min-width:21px!important;font-size:9px!important}.mini-storage-dialog-v451 main{grid-template-columns:1fr}}

/* V452: connected milestones, larger DP/timers, sticky popup actions and safe deletion. */
.project-status-rail-v402>.mini-tracking-custom-v447{position:relative!important}.project-status-rail-v402>.mini-tracking-custom-v447::before{content:''!important;display:block!important;position:absolute!important;z-index:0!important;left:17px!important;right:17px!important;top:50%!important;height:2px!important;background:#fff!important;transform:translateY(-50%)!important}.mini-tracking-custom-v447>.mini-stage-v447{width:36px!important;height:36px!important;min-width:36px!important;border:0!important;background:#ffffff24!important;font-size:17px!important}.mini-tracking-custom-v447>.mini-stage-v447.reached:has(img),.mini-tracking-custom-v447>.mini-stage-v447.done:has(img){width:39px!important;height:39px!important;min-width:39px!important;border:0!important;background:transparent!important;box-shadow:none!important}.mini-tracking-custom-v447>.mini-stage-v447 img{width:100%!important;height:100%!important;border:0!important}.mini-tracking-custom-v447>.journey-segment-timer-v414{width:50px!important;min-width:50px!important;height:24px!important;font-size:9px!important;font-weight:900!important}.project-story-dialog-v393>section>header{position:sticky!important;z-index:80!important;top:0!important}.project-story-dialog-v393>section>footer{position:sticky!important;z-index:80!important;bottom:0!important;margin-top:0!important;padding:10px 0!important;background:#fff!important;box-shadow:0 -7px 14px #17352b18!important}.mini-tracking-preview-v452{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid #cbded8;background:#fff}.mini-tracking-preview-v452>small{color:#57756c;font-size:7px;font-weight:900}.mini-tracking-preview-v452>.project-people-track-v407{width:100%!important;justify-content:center!important;color:#17604e!important}.mini-tracking-preview-v452>.project-people-track-v407::before{background:#169074!important}.mini-tracking-preview-v452 .mini-stage-v447{border:1px solid #9bcfc0!important;background:#e8f7f2!important;color:#145f4c!important}.mini-tracking-preview-v452 .journey-segment-timer-v414{border-color:#aad5c9!important;background:#e9f5f1!important;color:#174f42!important}.mini-tracking-preview-v452 .journey-segment-timer-v414::before,.mini-tracking-preview-v452 .journey-segment-timer-v414::after{background:#169074!important}
.project-delete-confirm-v452{width:min(440px,calc(100vw - 22px));padding:0;border:0;border-radius:16px}.project-delete-confirm-v452::backdrop{background:#09251fb5;backdrop-filter:blur(4px)}.project-delete-confirm-v452>section{padding:13px}.project-delete-confirm-v452 header{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-radius:11px;background:#fff0f1;color:#941a2a}.project-delete-confirm-v452 header small{font-size:7px;font-weight:900}.project-delete-confirm-v452 header h3{margin:2px 0 0;font-size:16px}.project-delete-confirm-v452 header button{width:30px;height:30px;border:0;border-radius:8px;background:#dc2537;color:#fff;font-size:18px;cursor:pointer}.project-delete-wait-v452{display:grid;place-items:center;gap:7px;padding:22px}.project-delete-wait-v452>b{display:grid;width:60px;height:60px;place-items:center;border-radius:50%;background:#ffe5e8;color:#c51f32;font-size:25px}.project-delete-wait-v452 p{margin:0;color:#70565a;font-size:10px}.project-delete-confirm-v452 form{padding:15px 3px 3px}.project-delete-confirm-v452 form p{margin:0 0 9px;color:#40534d;font-size:12px}.project-delete-confirm-v452 form input{width:100%;height:42px;border:1px solid #cadbd5;border-radius:9px;font-size:19px;text-align:center}.project-delete-confirm-v452 form>div{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}.project-delete-confirm-v452 form button{height:36px;padding:0 12px;border:0;border-radius:8px;font-weight:900;cursor:pointer}.project-delete-confirm-v452 form button[data-cancel]{background:#e8f0ed;color:#31584d}.project-delete-confirm-v452 form button.danger{background:#d92336;color:#fff}.project-delete-confirm-v452 form button:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:650px){.mini-tracking-custom-v447>.mini-stage-v447{width:25px!important;height:25px!important;min-width:25px!important}.mini-tracking-custom-v447>.mini-stage-v447.reached:has(img),.mini-tracking-custom-v447>.mini-stage-v447.done:has(img){width:28px!important;height:28px!important;min-width:28px!important}.mini-tracking-custom-v447>.journey-segment-timer-v414{width:34px!important;min-width:34px!important;height:19px!important;font-size:6px!important}.mini-tracking-preview-v452{grid-template-columns:1fr}.mini-tracking-preview-v452>small{text-align:center}}

/* V453: remove redundant popup metadata and pull the useful tracking content upward. */
.project-story-dialog-v393>section{padding-top:8px!important}.project-story-dialog-v393>section>header{min-height:0!important;padding:10px 14px!important;border-radius:12px!important}.project-story-dialog-v393>section>header small{font-size:7px!important}.project-story-dialog-v393>section>header h2{margin:2px 0 0!important;font-size:20px!important;line-height:1.05!important}.project-story-dialog-v393>section>header p{display:none!important}.project-story-dialog-v393>section>header [data-close]{width:34px!important;height:34px!important;font-size:19px!important}.project-story-suggestion-v393{display:none!important}.unified-stage-journey-v435{margin-top:5px!important}.unified-stage-journey-v435>header{min-height:0!important;padding:6px 11px!important}.unified-stage-journey-v435>header small{margin-top:1px!important;font-size:6px!important}.unified-stage-journey-v435>header>span{display:none!important}.mini-tracking-toolbar-v447{padding:5px 11px!important}.mini-tracking-toolbar-v447>div small{display:none!important}.mini-tracking-toolbar-v447>span{display:none!important}.mini-tracking-preview-v452{padding:6px 11px!important}.journey-progress-v435{height:3px!important}.unified-stage-journey-v435 [data-stage-rows-v435]>article{padding-top:7px!important;padding-bottom:7px!important}.project-story-dialog-v393>section>footer{padding-top:7px!important;padding-bottom:7px!important}
@media(max-width:650px){.project-story-dialog-v393>section{padding-top:5px!important}.project-story-dialog-v393>section>header{padding:8px 10px!important}.project-story-dialog-v393>section>header h2{font-size:17px!important}.mini-tracking-preview-v452{padding:5px 8px!important}}

/* V454: ID categories live under Fixed Automatic ID; themes live under workflow. */
.brand-settings-v194 .brand-theme-presets-v199{grid-column:1/-1!important;margin:4px 0 12px!important}.project-id-category-editor-v454{margin-top:10px}.project-id-category-editor-v454>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:0 0 8px!important;background:transparent!important;color:#174f42!important}.project-id-category-editor-v454>header b,.project-id-category-editor-v454>header small{display:block}.project-id-category-editor-v454>header b{font-size:10px}.project-id-category-editor-v454>header small{margin-top:2px;color:#71877f;font-size:7px}.project-id-category-editor-v454>header button{padding:7px 9px;border:0;border-radius:8px;background:#169678;color:#fff;font-size:8px;font-weight:900;cursor:pointer}.project-id-category-editor-v454>[data-project-id-rows-v454]{display:grid;gap:6px}.project-id-category-editor-v454 article{display:grid;grid-template-columns:minmax(110px,.75fr) 74px minmax(150px,1.25fr) 30px;align-items:end;gap:6px;padding:7px;border:1px solid #d3e3de;border-radius:9px;background:#fff}.project-id-category-editor-v454 article label{display:grid;gap:3px;color:#4d7066;font-size:7px;font-weight:900}.project-id-category-editor-v454 article input{width:100%;height:31px;padding:5px 7px;border:1px solid #c5d9d2;border-radius:7px;background:#fff;color:#153e33;font-size:9px}.project-id-category-editor-v454 article output{display:block;min-width:0;padding:6px 8px;border-radius:7px;background:#e9f5f1;color:#174f42}.project-id-category-editor-v454 article output small,.project-id-category-editor-v454 article output b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-id-category-editor-v454 article output small{font-size:6px}.project-id-category-editor-v454 article output b{margin-top:2px;font:800 8px/1.2 Consolas,monospace}.project-id-category-editor-v454 [data-remove-id-v454]{width:30px;height:31px;border:1px solid #f0a9b0;border-radius:7px;background:#fff0f1;color:#bd2032;font-size:17px;cursor:pointer}
@media(max-width:720px){.project-id-category-editor-v454>header{align-items:stretch;flex-direction:column}.project-id-category-editor-v454>header button{width:100%}.project-id-category-editor-v454 article{grid-template-columns:1fr 72px 30px}.project-id-category-editor-v454 article output{grid-column:1/-1;grid-row:2}.project-id-category-editor-v454 article [data-remove-id-v454]{grid-column:3;grid-row:1}}

/* V455: each stage timer sits directly on the dotted vertical journey line. */
.unified-stage-journey-v435 [data-stage-rows-v435]>article{position:relative!important}.unified-stage-journey-v435 .stage-elapsed-v450{position:absolute!important;z-index:8!important;left:5px!important;top:55%!important;display:grid!important;width:48px!important;height:22px!important;place-items:center!important;margin:0!important;padding:0!important;border:1px solid #acd8c9!important;border-radius:7px!important;background:#fff!important;color:#116b51!important;transform:translateY(-50%)!important;box-shadow:0 0 0 3px #eff8f5!important;font-variant-numeric:tabular-nums!important}.unified-stage-journey-v435 .stage-elapsed-v450 small{display:none!important}.unified-stage-journey-v435 .stage-elapsed-v450 b{font:900 8px/1 Consolas,monospace!important}.unified-stage-journey-v435 article[data-stage-state-v435="complete"] .stage-elapsed-v450{border-color:#22ad6e!important;background:#e7f8ef!important;color:#087443!important}.unified-stage-journey-v435 article[data-stage-state-v435="pending"] .stage-elapsed-v450{border-color:#d4dfdb!important;background:#f5f7f6!important;color:#97a39f!important;opacity:1!important}
@media(max-width:650px){.unified-stage-journey-v435 .stage-elapsed-v450{left:2px!important;width:42px!important;height:20px!important}.unified-stage-journey-v435 .stage-elapsed-v450 b{font-size:7px!important}}

/* V456: transition timer belongs between rows, never on top of stage text. */
.unified-stage-journey-v435 .stage-elapsed-v450{left:7px!important;top:100%!important;width:45px!important;height:20px!important;transform:translateY(-50%)!important;box-shadow:0 0 0 3px #f3faf7!important}.unified-stage-journey-v435 [data-stage-rows-v435]>article:last-child .stage-elapsed-v450{top:auto!important;bottom:1px!important;transform:none!important}.unified-stage-journey-v435 [data-stage-rows-v435]>article{overflow:visible!important}.unified-stage-journey-v435 [data-stage-rows-v435]>article>.stage-copy-v435,.unified-stage-journey-v435 [data-stage-rows-v435]>article>div:not(.stage-display-controls-v447){position:relative;z-index:2}
@media(max-width:650px){.unified-stage-journey-v435 .stage-elapsed-v450{left:4px!important;width:40px!important;height:18px!important}}

/* V457: move the live card preview into Project Journey header and remove duplicate headers. */
.project-story-dialog-v393>section>header{display:grid!important;grid-template-columns:minmax(230px,.75fr) minmax(300px,1.25fr) 38px!important;align-items:center!important;gap:10px!important}.project-story-dialog-v393 .unified-stage-journey-v435>header,.project-story-dialog-v393 .mini-tracking-toolbar-v447,.project-story-dialog-v393 .journey-progress-v435{display:none!important}.project-story-dialog-v393 .unified-stage-journey-v435{margin-top:4px!important;border-top:3px solid #20a66f!important}.project-story-dialog-v393 .header-preview-v457{display:block!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}.project-story-dialog-v393 .header-preview-v457>.project-people-track-v407{width:100%!important;justify-content:center!important;color:#fff!important}.project-story-dialog-v393 .header-preview-v457>.project-people-track-v407::before{background:#fff!important}.project-story-dialog-v393 .header-preview-v457 .mini-stage-v447{border-color:#ffffffb5!important;background:#ffffff20!important;color:#fff!important}.project-story-dialog-v393 .header-preview-v457 .journey-segment-timer-v414{border-color:#ffffffa8!important;background:#00000025!important;color:#fff!important}.project-story-dialog-v393 .header-preview-v457 .journey-segment-timer-v414::before,.project-story-dialog-v393 .header-preview-v457 .journey-segment-timer-v414::after{background:#fff!important}.project-story-dialog-v393>section>header [data-close]{border-color:#e32638!important;background:#e32638!important;color:#fff!important;box-shadow:0 4px 10px #7f122044!important}.project-story-dialog-v393>section>header [data-close]:hover{background:#bd1426!important;border-color:#bd1426!important}
@media(max-width:760px){.project-story-dialog-v393>section>header{grid-template-columns:minmax(150px,.7fr) minmax(190px,1.3fr) 34px!important;gap:5px!important}.project-story-dialog-v393 .header-preview-v457 .mini-stage-v447{width:23px!important;height:23px!important;min-width:23px!important}.project-story-dialog-v393 .header-preview-v457 .journey-segment-timer-v414{width:31px!important;min-width:31px!important;height:18px!important;font-size:6px!important}}@media(max-width:540px){.project-story-dialog-v393>section>header{grid-template-columns:minmax(0,1fr) 34px!important}.project-story-dialog-v393 .header-preview-v457{grid-column:1/-1;grid-row:2}.project-story-dialog-v393>section>header [data-close]{grid-column:2;grid-row:1}.project-story-dialog-v393 .header-preview-v457>.project-people-track-v407{justify-content:flex-start!important;overflow:hidden!important}}
/* V458 employee live-view task and output report */
.overview-employee-dialog-v241 .overview-employee-popup-v241{width:min(960px,94vw);max-height:92vh;overflow:auto}
.employee-report-v458{margin:14px 22px 10px;border:1px solid #d9e6df;border-radius:20px;background:#fbfdfc;padding:12px;display:grid;gap:10px}
.employee-report-controls-v458{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.employee-report-controls-v458 nav{display:flex;gap:6px;flex-wrap:wrap}
.employee-report-controls-v458>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.employee-report-controls-v458 button,.employee-report-categories-v458 button{border:1px solid #cbded5;border-radius:10px;background:#fff;color:#31594d;font-weight:800;padding:8px 11px;cursor:pointer}
.employee-report-controls-v458 button.active,.employee-report-categories-v458 button.active{background:#0d7d69;color:#fff;border-color:#0d7d69}
.employee-report-controls-v458 input{min-height:36px;border:1px solid #cbded5;border-radius:10px;padding:7px 10px;max-width:200px}
.employee-report-summary-v458{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.employee-report-summary-v458 article{border-radius:13px;padding:10px 12px;background:#edf7f3;display:flex;align-items:center;justify-content:space-between;gap:8px}
.employee-report-summary-v458 article span{font-size:11px;color:#567469;font-weight:700}.employee-report-summary-v458 article b{font-size:21px;color:#114c3f}
.employee-report-categories-v458{display:flex;gap:6px;flex-wrap:wrap}.employee-report-categories-v458 button{font-size:11px;padding:6px 9px}.employee-report-categories-v458 b{margin-left:4px}
.employee-report-results-v458{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:250px;overflow:auto}
.employee-report-results-v458 article{border:1px solid #deebe5;border-radius:12px;background:#fff;padding:9px 10px;display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0}
.employee-report-results-v458 article div{min-width:0}.employee-report-results-v458 article b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-report-results-v458 article small{display:block;color:#6b8179;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.employee-report-results-v458 article>span{flex:none;border-radius:999px;background:#fff2c4;color:#8a6500;padding:5px 8px;font-size:10px;font-weight:800}.employee-report-results-v458 article>span.done{background:#dff7e9;color:#087545}
@media(max-width:700px){.employee-report-v458{margin:10px;padding:9px}.employee-report-controls-v458,.employee-report-controls-v458>div{align-items:stretch}.employee-report-controls-v458>div{width:100%}.employee-report-controls-v458 input[data-report-search]{flex:1;max-width:none;min-width:130px}.employee-report-summary-v458{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-report-results-v458{grid-template-columns:1fr;max-height:320px}.overview-employee-kpis-v241{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* V459 start the journey immediately beside the project title */
@media(min-width:541px){.project-story-dialog-v393>section>header{grid-template-columns:max-content minmax(0,1fr) 38px!important;column-gap:12px!important}.project-story-dialog-v393 .header-preview-v457>.project-people-track-v407{justify-content:flex-start!important;margin-left:0!important}}
/* V460 dominant stage title + compact employee daily update */
.unified-stage-journey-v435 [data-stage-rows-v435]>.stage-daily-row-v460{grid-template-columns:45px minmax(0,1fr)!important;align-items:start!important}
.stage-daily-row-v460>.stage-copy-v435{min-width:0!important;display:grid!important;grid-template-columns:minmax(190px,.58fr) minmax(260px,1.42fr)!important;column-gap:12px!important;align-items:start!important}
.stage-title-dominant-v460{grid-column:1!important;display:inline-flex!important;align-items:center!important;width:max-content!important;max-width:100%!important;margin:0 0 6px!important;padding:7px 12px!important;border-radius:10px!important;background:#ffffffd9!important;color:#075e48!important;font-size:18px!important;font-weight:900!important;box-shadow:inset 4px 0 #13a579!important}
.stage-meta-compact-v460{grid-column:1!important;margin:2px 0!important;padding:4px 8px!important;border:1px solid #d6e6df!important;border-radius:7px!important;background:#fff!important;color:#667c74!important;font-size:10px!important;line-height:1.25!important;max-width:100%!important}
.stage-daily-update-v460{grid-column:2!important;grid-row:1/span 8!important;min-width:0!important;border:1px solid #cfe1da!important;border-radius:12px!important;background:#f9fcfb!important;padding:8px!important}
.stage-update-empty-v460{display:block;color:#83938e;font-size:9px;font-style:italic}.stage-update-output-v460{display:grid;gap:5px}.stage-update-output-v460 article{display:grid;grid-template-columns:minmax(100px,.35fr) minmax(0,1fr) auto;align-items:center;gap:8px;border-radius:8px;background:#eef7f3;padding:6px 8px}.stage-update-output-v460 article b,.stage-update-output-v460 article small{display:block}.stage-update-output-v460 article small{font-size:8px;color:#668078}.stage-update-output-v460 article p{margin:0;font-size:10px;color:#214d41}.stage-update-output-v460 audio{width:150px;height:28px}
.stage-daily-update-v460 form{display:grid;gap:6px;margin-top:6px}.stage-daily-update-v460 textarea{width:100%;min-height:44px;resize:vertical;border:1px solid #bbd5cc;border-radius:8px;padding:7px 9px;font:inherit;font-size:11px;background:#fff}.stage-daily-update-v460 form>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.stage-daily-update-v460 button{border:0;border-radius:8px;background:#087c65;color:#fff;padding:7px 9px;font-size:9px;font-weight:800;cursor:pointer}.stage-daily-update-v460 [data-record-stage-v460]{background:#d92d4f}.stage-daily-update-v460 [data-record-state-v460]{font-size:8px;color:#64776f}.stage-daily-update-v460 label{display:flex;align-items:center;gap:4px;font-size:9px;color:#345d51;margin-left:auto}
.employee-report-results-v458 article p{margin:5px 0 0;color:#254f43;font-size:10px;white-space:normal}.employee-report-results-v458 article audio{width:min(220px,100%);height:28px;margin-top:5px}
@media(max-width:780px){.stage-daily-row-v460>.stage-copy-v435{grid-template-columns:1fr!important}.stage-daily-update-v460{grid-column:1!important;grid-row:auto!important;margin-top:5px}.stage-update-output-v460 article{grid-template-columns:1fr}.stage-update-output-v460 audio{width:100%}}
/* V461 mobile-first employee work dashboard */
.employee-home-v461{display:grid;gap:12px}.employee-home-v461>header{display:flex;align-items:center;justify-content:space-between;gap:18px;border-radius:22px;padding:18px 20px;background:linear-gradient(135deg,#0d5f4c,#128d70);color:#fff;box-shadow:0 12px 28px #064b3c24}.employee-home-person-v461{display:flex;align-items:center;gap:13px}.employee-home-person-v461>.avatar,.employee-home-person-v461>img{width:70px!important;height:70px!important;border-radius:50%!important;border:3px solid #fff!important}.employee-home-person-v461 small{font-size:9px;font-weight:900;letter-spacing:.12em}.employee-home-person-v461 h2{margin:3px 0;font-size:26px}.employee-home-person-v461 p{margin:0;color:#d5fff3}.employee-attendance-actions-v461{display:flex;align-items:center;gap:8px}.employee-attendance-actions-v461 article{min-width:100px;border-radius:13px;background:#ffffff1c;padding:9px 11px}.employee-attendance-actions-v461 article span,.employee-attendance-actions-v461 article b{display:block}.employee-attendance-actions-v461 article span{font-size:9px;color:#c9f5e9}.employee-attendance-actions-v461 article b{font-size:17px}.employee-attendance-actions-v461 button,.day-complete-v461{border:0;border-radius:12px;background:#d9ff45;color:#153f34;padding:13px 16px;font-weight:900;cursor:pointer}
.employee-notice-v461{display:flex;align-items:center;justify-content:space-between;gap:12px;border:2px solid #ffb11a;border-radius:17px;background:linear-gradient(120deg,#fff8dd,#fff);padding:12px 15px}.employee-notice-v461 div{display:grid;gap:2px}.employee-notice-v461 small{font-size:9px;color:#8d6207;font-weight:900}.employee-notice-v461 b{font-size:16px;color:#493506}.employee-notice-v461 span{font-size:11px;color:#806a31}.employee-notice-v461>strong{display:grid;place-items:center;min-width:43px;height:43px;border-radius:50%;background:#ffad12;color:#fff;font-size:20px}
.employee-home-grid-v461{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:12px}.employee-home-grid-v461>section,.employee-home-grid-v461>aside{border:1px solid #d8e7e0;border-radius:18px;background:#fff;padding:14px}.employee-home-grid-v461 header{display:flex;align-items:center;justify-content:space-between;gap:10px}.employee-home-grid-v461 header small{font-size:9px;color:#14735e;font-weight:900}.employee-home-grid-v461 h3{margin:2px 0;font-size:20px}.employee-home-grid-v461 header>span{border-radius:999px;background:#e8f6f1;padding:6px 9px;color:#156c58;font-size:10px;font-weight:800}.employee-auto-summary-v461{margin:9px 0;padding:10px 12px;border-radius:11px;background:#f0f8f5;color:#315a4f;font-size:12px;line-height:1.45}.employee-task-stream-v461{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.employee-task-stream-v461 article{display:flex;gap:8px;border:1px solid #e1ece7;border-radius:11px;padding:9px}.employee-task-stream-v461 i{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:#fff0bf;color:#9a6b00}.employee-task-stream-v461 i.done{background:#d8f7e5;color:#078049}.employee-task-stream-v461 b,.employee-task-stream-v461 small{display:block}.employee-task-stream-v461 small{color:#6b8079;font-size:9px}.employee-task-stream-v461 p{margin:4px 0 0;font-size:10px;color:#34584e}.employee-home-grid-v461>aside>article{display:flex;gap:8px;padding:9px 0;border-bottom:1px dashed #cdded7}.employee-home-grid-v461>aside>article:last-child{border-bottom:0}.employee-home-grid-v461>aside>article>span{flex:none;height:max-content;border-radius:999px;padding:5px 7px;font-size:8px;font-weight:900}.employee-home-grid-v461 .ready{background:#d9f7e5;color:#087d49}.employee-home-grid-v461 .waiting{background:#fff0c4;color:#8a6500}.employee-home-grid-v461 aside b,.employee-home-grid-v461 aside small{display:block}.employee-home-grid-v461 aside small{font-size:8px;color:#70847d}.employee-home-grid-v461 aside p{margin:3px 0 0;font-size:10px}.employee-salary-pin-v461{margin-left:auto!important;border:1px solid #ffffff90!important;border-radius:10px!important;background:#ffffff20!important;color:#fff!important;padding:8px 10px!important;font-weight:800!important;cursor:pointer!important}
@media(max-width:760px){.employee-home-v461>header{align-items:flex-start;flex-direction:column;padding:14px}.employee-home-person-v461>.avatar,.employee-home-person-v461>img{width:56px!important;height:56px!important}.employee-home-person-v461 h2{font-size:20px}.employee-attendance-actions-v461{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.employee-attendance-actions-v461 button,.day-complete-v461{grid-column:1/-1;text-align:center}.employee-home-grid-v461{grid-template-columns:1fr}.employee-task-stream-v461{grid-template-columns:1fr}.employee-notice-v461{padding:10px 12px}}
/* V462 stable premium employee navigation */
.side nav{gap:10px!important}.side nav>.youtube-nav-group-v381,.side nav>button{margin:0!important}.side nav>button,.side nav>.youtube-nav-group-v381>[data-view="youtube"]{min-height:52px!important;border:1px solid #ffffff42!important;border-radius:12px!important;box-shadow:inset 0 1px #ffffff73,0 4px 0 #062f27,0 7px 13px #062f2730!important;transform:translateY(0);transition:transform .14s ease,filter .14s ease!important}.side nav>button:hover,.side nav>.youtube-nav-group-v381>[data-view="youtube"]:hover{transform:translateY(-2px)!important;filter:brightness(1.08)}.side nav>button:active,.side nav>.youtube-nav-group-v381>[data-view="youtube"]:active{transform:translateY(2px)!important;box-shadow:inset 0 1px #ffffff55,0 2px 0 #062f27!important}.side nav>.youtube-nav-group-v381>[data-view="youtube"]{background:linear-gradient(#ff3857,#d8183b)!important;color:#fff!important}.side nav>.youtube-nav-group-v381{display:block!important}.side nav>.youtube-nav-group-v381 .youtube-nav-submenu-v381{margin-top:8px!important}.side nav>.youtube-nav-group-v381:not(.is-open) .youtube-nav-submenu-v381{display:none!important}.side nav>.youtube-nav-group-v381.is-open .youtube-nav-submenu-v381{display:grid!important}.employee-handoff-v462{margin-top:12px;padding-top:10px;border-top:2px solid #e3eee9}.employee-handoff-v462>article{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px dashed #cbdcd5}.employee-handoff-v462>article>span{flex:none;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900}.employee-handoff-v462 b,.employee-handoff-v462 small{display:block}.employee-handoff-v462 small{font-size:8px;color:#6d817a}

/* V465 sidebar flow + employee profile hub */
.side nav>.youtube-nav-group-v381{position:relative!important;height:auto!important;min-height:52px!important;overflow:visible!important}
.side nav>.youtube-nav-group-v381.is-open .youtube-nav-submenu-v381{position:static!important;display:grid!important;grid-template-rows:none!important;grid-auto-rows:minmax(44px,auto)!important;max-height:none!important;height:auto!important;overflow:visible!important;visibility:visible!important;opacity:1!important;margin:8px 0 2px 9px!important;padding:7px 6px!important}
.side nav>.youtube-nav-group-v381:not(.is-open) .youtube-nav-submenu-v381{max-height:0!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
.youtube-nav-submenu-v381 button{min-height:44px!important;box-sizing:border-box!important}
.employee-profile-tabs-v465{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 14px;padding:8px;border:1px solid #cfe2da;border-radius:16px;background:#f3faf7;box-shadow:0 8px 22px #123b2c10}
.employee-profile-tabs-v465 button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:1px solid #c6ddd4;border-radius:11px;background:#fff;color:#174f3e;font:800 12px/1.1 inherit;cursor:pointer}
.employee-profile-tabs-v465 button.active{border-color:#098b70;background:linear-gradient(135deg,#16b99a,#08765f);color:#fff;box-shadow:0 4px 0 #075c4b}
@media(max-width:640px){.employee-profile-tabs-v465{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.employee-profile-tabs-v465 button{min-height:42px}.side nav>.youtube-nav-group-v381.is-open .youtube-nav-submenu-v381{grid-auto-rows:minmax(46px,auto)!important}}

/* V467 employee work control */
.employee-work-board-v467{margin:14px 0;padding:16px;border:1px solid #bddbd0;border-radius:18px;background:linear-gradient(145deg,#fff,#f2faf7);box-shadow:0 12px 28px #123c2e12}
.employee-work-board-v467>header{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.employee-work-board-v467>header small{color:#08765f;font-size:9px;font-weight:900;letter-spacing:.12em}.employee-work-board-v467>header h2{margin:3px 0 0;font-size:22px}.employee-work-board-v467>header>span{color:#688079;font-size:10px}
.employee-work-primary-v467{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px}.employee-today-work-v467{display:grid;grid-template-columns:1.35fr 1fr;gap:10px;margin-top:10px}
.employee-work-board-v467 section{min-width:0;border:1px solid #d2e3dc;border-radius:14px;background:#fff;overflow:hidden}.employee-work-board-v467 section>header{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;color:#fff}.employee-work-board-v467 section>header small{display:block;font-size:7px;font-weight:900;letter-spacing:.1em;opacity:.82}.employee-work-board-v467 section>header h3{margin:2px 0 0;font-size:15px}.employee-work-board-v467 section>header strong{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#ffffff32}
.employee-work-board-v467 .assigned>header{background:linear-gradient(135deg,#7750dc,#5931b4)}.employee-work-board-v467 .doing>header{background:linear-gradient(135deg,#0dad88,#08735f)}.employee-work-board-v467 .upcoming>header{background:linear-gradient(135deg,#eb9b16,#cc6c0b)}.employee-work-board-v467 .today>header{background:linear-gradient(135deg,#168bb5,#086b91)}.employee-work-board-v467 .completed>header{background:linear-gradient(135deg,#31965e,#17663d)}
.employee-work-board-v467 section>div{max-height:190px;overflow:auto;padding:3px 11px}.employee-work-board-v467 article{display:flex;justify-content:space-between;gap:8px;padding:9px 1px;border-bottom:1px dashed #d5e2dd}.employee-work-board-v467 article:last-child{border:0}.employee-work-board-v467 article b,.employee-work-board-v467 article small{display:block}.employee-work-board-v467 article b{font-size:11px}.employee-work-board-v467 article small{margin-top:2px;color:#667b74;font-size:8px}.employee-work-board-v467 article p{margin:5px 0 0;color:#234c40;font-size:9px}.employee-work-board-v467 article>span{flex:none;color:#668078;font-size:8px}.employee-work-empty-v467{margin:0;padding:18px 4px;text-align:center;color:#7b8e87;font-size:10px}
@media(max-width:900px){.employee-work-primary-v467{grid-template-columns:1fr}.employee-today-work-v467{grid-template-columns:1fr}.employee-work-board-v467 section>div{max-height:150px}}@media(max-width:560px){.employee-work-board-v467{padding:10px;border-radius:14px}.employee-work-board-v467>header{align-items:start;flex-direction:column}.employee-work-board-v467>header h2{font-size:19px}}

/* V468: the viewport preview control is useful on desktop only. */
@media(max-width:768px){.device-view-switcher-v246{display:none!important}}

/* V469 mobile project submit confirmation */
.project-submit-success-v469{border:0;padding:0;background:transparent}.project-submit-success-v469::backdrop{background:#092f2878;backdrop-filter:blur(5px)}.project-submit-success-v469>section{width:min(88vw,390px);box-sizing:border-box;padding:28px 24px;border:1px solid #b8e9d5;border-radius:24px;background:#fff;text-align:center;box-shadow:0 24px 70px #062a2355}.project-submit-success-v469 i{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 12px;border-radius:50%;background:#18b978;color:#fff;font:900 36px/1 inherit;box-shadow:0 8px 20px #18b97842}.project-submit-success-v469 small{color:#16825f;font-size:9px;font-weight:900;letter-spacing:.14em}.project-submit-success-v469 h2{margin:6px 0;font-size:24px;color:#123e32}.project-submit-success-v469 p{margin:0 0 18px;color:#637b73;font-size:12px}.project-submit-success-v469 button{min-width:120px;border:0;border-radius:11px;padding:11px 18px;background:#123e32;color:#fff;font-weight:900;cursor:pointer}.role-project-creator-v250 .primary{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent}

/* mobile-nav-fix-v477.css */
/* V477: stable, compact navigation for real phones and the mobile preview. */
.brand-project-dialog-v194 .collaboration-icon-field-v392[hidden] {
  display: none !important;
}

.brand-project-dialog-v194 .project-timers-v287 {
  display: none !important;
}

.brand-project-dialog-v194 .workflow-order-v250 {
  display: none !important;
}

/* V482: keep the project creator compact on phones. The complete workflow
   preview remains available on desktop, while mobile shows category choices. */
@media (max-width: 700px) {
  .brand-project-dialog-v194 .creator-format-mode-v331 [data-format-stage-preview-v331] {
    display: none !important;
  }

}

@media (max-width: 650px) {
  .side {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 12px !important;
    overflow: visible !important;
  }

  .side nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    align-items: stretch !important;
    gap: 9px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 4px 0 0 !important;
    padding: 6px 0 !important;
    overflow: visible !important;
  }

  .side nav > button,
  .side nav > button:nth-child(n),
  .side nav > .youtube-nav-group-v381 > button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 9px 10px !important;
    border-radius: 11px !important;
    aspect-ratio: auto !important;
    writing-mode: horizontal-tb !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-align: center !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    transform: none !important;
  }

  .side nav > button:hover,
  .side nav > button:active,
  .side nav > .youtube-nav-group-v381 > button:hover,
  .side nav > .youtube-nav-group-v381 > button:active {
    transform: none !important;
  }

  .side nav > .youtube-nav-group-v381 {
    grid-column: auto !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
  }

  .side nav > .youtube-nav-group-v381 > button {
    justify-content: center !important;
    height: 100% !important;
    padding: 9px 10px !important;
    font-size: 12px !important;
  }

  .side .youtube-nav-group-v381 .youtube-nav-submenu-v381,
  .side .youtube-nav-group-v381.is-open .youtube-nav-submenu-v381 {
    display: none !important;
  }

  .youtube-nav-submenu-v381 button {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 43px !important;
    padding: 7px 8px !important;
    border-radius: 9px !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    overflow: hidden !important;
    transform: none !important;
  }

  .youtube-nav-submenu-v381 button > span {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }
}

@media (max-width: 360px) {
  .side nav { grid-template-columns: 1fr !important; }
}

/* V486: mobile YouTube channel chooser. It floats above the page so the
   sidebar grid never changes height or pushes another navigation button. */
.mobile-youtube-picker-v486 {
  width: min(90vw, 380px);
  max-width: 380px;
  padding: 0;
  border: 0;
  border-radius: 22px;
  background: transparent;
  box-shadow: 0 24px 70px rgba(7, 39, 31, .34);
}
.mobile-youtube-picker-v486::backdrop { background: rgba(6, 30, 24, .58); backdrop-filter: blur(3px); }
.mobile-youtube-picker-card-v486 { overflow: hidden; border: 1px solid #b9d8cf; border-radius: 22px; background: #f8fffc; }
.mobile-youtube-picker-card-v486 > header { display:flex; align-items:center; justify-content:space-between; padding:16px 17px; color:#fff; background:linear-gradient(135deg,#ef1747,#c90035); }
.mobile-youtube-picker-card-v486 header small { display:block; margin-bottom:2px; font-size:9px; font-weight:900; letter-spacing:1.2px; opacity:.82; }
.mobile-youtube-picker-card-v486 header h2 { margin:0; font-size:22px; line-height:1; }
.mobile-youtube-picker-card-v486 header button { display:grid; place-items:center; width:38px; height:38px; padding:0; border:1px solid rgba(255,255,255,.7); border-radius:50%; color:#fff; background:rgba(70,0,18,.22); font-size:25px; line-height:1; cursor:pointer; }
.mobile-youtube-picker-list-v486 { display:grid; gap:9px; padding:14px; }
.mobile-youtube-picker-list-v486 button { display:grid; grid-template-columns:46px minmax(0,1fr); align-items:center; gap:11px; width:100%; min-height:58px; padding:7px 12px 7px 7px; border:1px solid color-mix(in srgb,var(--channel,#7c3aed) 45%,#c9d8d2); border-left:5px solid var(--channel,#7c3aed); border-radius:13px; color:#143b31; background:#fff; box-shadow:0 4px 0 color-mix(in srgb,var(--channel,#7c3aed) 24%,transparent); font:800 13px/1.2 inherit; text-align:left; cursor:pointer; }
.mobile-youtube-picker-list-v486 button:active { transform:translateY(2px); box-shadow:0 2px 0 color-mix(in srgb,var(--channel,#7c3aed) 24%,transparent); }
.mobile-youtube-picker-list-v486 img,.mobile-youtube-picker-list-v486 i { display:grid; place-items:center; width:44px; height:44px; margin:0; border-radius:11px; object-fit:cover; background:#f2f7f5; font-size:24px; font-style:normal; }
.mobile-youtube-picker-list-v486 span { min-width:0; overflow-wrap:anywhere; }

/* employee-popup-compact-v512.css */
.overview-employee-dialog-v241,
.overview-employee-dialog-v241 * {
  box-sizing: border-box;
}

.overview-employee-dialog-v241 {
  width: min(1050px, 96vw);
  max-width: 96vw;
  max-height: 94dvh;
  margin: auto;
  padding: 0;
  border: 0;
  border-radius: 24px;
  overflow: hidden;
  background: #fff;
}

.overview-employee-dialog-v241::backdrop {
  background: rgb(17 44 36 / 58%);
  backdrop-filter: blur(4px);
}

.overview-employee-popup-v241 {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  width: 100%;
  max-width: 100%;
  max-height: 94dvh;
  overflow: hidden;
  color: #123f34;
}

.overview-employee-popup-v241 > header {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 0;
  padding: 13px 18px;
  background: linear-gradient(135deg, #f8c93e, #f2b925);
}

.overview-employee-popup-v241 > header.is-present { background: linear-gradient(135deg, #15966f, #28b678); color: #fff; }
.overview-employee-popup-v241 > header.is-checked-out { background: linear-gradient(135deg, #dc3d4b, #f05c67); color: #fff; }
.overview-employee-popup-v241 > header.is-waiting { background: linear-gradient(135deg, #f8c93e, #f2b925); }
.overview-employee-popup-v241 > header img,
.overview-employee-popup-v241 > header .avatar { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; }
.overview-employee-popup-v241 > header h2 { margin: 2px 0; font-size: clamp(1.25rem, 2vw, 1.75rem); line-height: 1.05; overflow-wrap: anywhere; }
.overview-employee-popup-v241 > header p,
.overview-employee-popup-v241 > header small { margin: 0; }
.overview-employee-popup-v241 > header [data-close] { width: 42px; height: 42px; border: 0; border-radius: 14px; background: #e62836; color: #fff; font-size: 1.6rem; cursor: pointer; }

.overview-employee-kpis-v241 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 11px 16px;
}

.overview-employee-kpis-v241 article,
.employee-report-summary-v458 article {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid #d5e5df;
  border-radius: 14px;
  background: #f6faf8;
}
.overview-employee-kpis-v241 span,
.overview-employee-kpis-v241 small,
.employee-report-summary-v458 span { display: block; font-size: .74rem; }
.overview-employee-kpis-v241 b,
.employee-report-summary-v458 b { display: block; margin-top: 3px; font-size: 1.25rem; overflow-wrap: anywhere; }

.employee-report-v458 {
  width: 100%;
  min-width: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 8px 16px 14px;
  overscroll-behavior: contain;
}

.employee-report-controls-v458,
.employee-report-controls-v458 > div,
.employee-report-controls-v458 nav,
.employee-report-categories-v458 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  min-width: 0;
}
.employee-report-controls-v458 { justify-content: space-between; }
.employee-report-controls-v458 button,
.employee-report-categories-v458 button { min-height: 36px; padding: 7px 12px; border: 1px solid #cbded7; border-radius: 11px; background: #fff; color: #164f41; }
.employee-report-controls-v458 button.active,
.employee-report-categories-v458 button.active { background: #0d8b70; border-color: #0d8b70; color: #fff; }
.employee-report-controls-v458 input { min-width: 0; max-width: 220px; height: 38px; border: 1px solid #cbded7; border-radius: 10px; padding: 0 10px; }

.employee-report-summary-v458 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 10px 0;
}
.employee-report-categories-v458 { margin-bottom: 8px; }
.employee-report-results-v458 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.employee-report-results-v458 > article { display: flex; justify-content: space-between; gap: 10px; min-width: 0; padding: 10px; border: 1px solid #d7e5e0; border-radius: 12px; }
.employee-report-results-v458 > article div,
.employee-report-results-v458 p,
.employee-report-results-v458 audio { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.employee-report-results-v458 small { display: block; }

.employee-daily-v512 { margin-top: 12px; border-top: 1px solid #d6e5df; padding-top: 10px; }
.employee-daily-heading-v512 { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.employee-daily-heading-v512 h3 { margin: 0; font-size: 1rem; }
.employee-daily-heading-v512 small { color: #667d76; }
.employee-daily-list-v512 { display: grid; gap: 8px; }
.employee-daily-row-v512 {
  display: grid;
  grid-template-columns: minmax(120px, .75fr) minmax(135px, 1fr) minmax(105px, .7fr) minmax(190px, 1.7fr) minmax(100px, .65fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid #d5e5df;
  border-radius: 12px;
  background: #f8fbfa;
}
.employee-daily-row-v512 > div { min-width: 0; }
.employee-daily-row-v512 small { display: block; color: #657d75; font-size: .68rem; }
.employee-daily-row-v512 b { display: block; margin-top: 2px; font-size: .82rem; overflow-wrap: anywhere; }
.employee-daily-date-v512 time { display: block; font-weight: 800; }
.employee-daily-date-v512 span { display: inline-block; margin-top: 3px; padding: 2px 7px; border-radius: 999px; background: #eef2f0; font-size: .65rem; }
.employee-daily-date-v512 span.active { background: #fff0bd; color: #815c00; }
.employee-daily-date-v512 span.done { background: #d9f6e8; color: #087455; }

.overview-employee-popup-v241 > footer {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  border-top: 1px solid #d6e5df;
  background: #f4f9f7;
}
.overview-employee-popup-v241 > footer span { display: block; font-size: .68rem; text-transform: uppercase; }
.overview-employee-popup-v241 > footer button { min-height: 40px; padding: 8px 16px; border: 0; border-radius: 12px; background: #124e40; color: #fff; }

@media (max-width: 760px) {
  .overview-employee-dialog-v241 { width: 96vw; max-height: 96dvh; border-radius: 18px; }
  .overview-employee-popup-v241 { max-height: 96dvh; }
  .overview-employee-popup-v241 > header { grid-template-columns: 48px minmax(0, 1fr) auto; padding: 10px 12px; }
  .overview-employee-popup-v241 > header img,
  .overview-employee-popup-v241 > header .avatar { width: 46px; height: 46px; }
  .overview-employee-kpis-v241 { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 9px 10px; }
  .employee-report-v458 { padding: 6px 10px 12px; }
  .employee-report-controls-v458 { align-items: stretch; }
  .employee-report-controls-v458 > div { width: 100%; }
  .employee-report-controls-v458 input { flex: 1 1 130px; max-width: none; }
  .employee-report-summary-v458 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .employee-report-results-v458 { grid-template-columns: 1fr; }
  .employee-daily-row-v512 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .employee-daily-work-v512 { grid-column: 1 / -1; }
  .overview-employee-popup-v241 > footer { grid-template-columns: 1fr 1fr; padding: 9px 10px; }
  .overview-employee-popup-v241 > footer button { grid-column: 1 / -1; }
}

@media (max-width: 430px) {
  .overview-employee-dialog-v241 { width: 98vw; max-width: 98vw; }
  .overview-employee-popup-v241 > header h2 { font-size: 1.12rem; }
  .overview-employee-kpis-v241 article { padding: 8px; }
  .employee-report-controls-v458 button,
  .employee-report-categories-v458 button { padding: 6px 9px; font-size: .75rem; }
}



/* V517: keep journey layout rules on stage rows only; nested output cards stay compact. */
.unified-stage-journey-v435 [data-stage-rows-v435]>article article::after,
.project-story-timeline-v393>article article::after{display:none!important;content:none!important}
.unified-stage-journey-v435 .stage-update-output-v460 article{position:static!important;display:grid!important;grid-template-columns:minmax(100px,.35fr) minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;min-height:0!important;padding:6px 8px!important;border:0!important;border-radius:8px!important;background:#eef7f3!important;color:#214d41!important;box-shadow:none!important;transform:none!important}
.unified-stage-journey-v435 .stage-update-output-v460 article p{margin:0!important;font-size:10px!important}
.unified-stage-journey-v435 .stage-update-output-v460 article b,
.unified-stage-journey-v435 .stage-update-output-v460 article small{display:block!important;position:static!important;width:auto!important;height:auto!important;min-width:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.unified-stage-journey-v435 .stage-work-panel-v424 article,
.unified-stage-journey-v435 .stage-audio-reviews-v425 article,
.unified-stage-journey-v435 .footage-storage-v445 article{transform:none!important;clip-path:none!important}
.unified-stage-journey-v435 .stage-copy-v435 .stage-display-controls-v447{position:static!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;margin:7px 0 0!important;padding:0!important}
.unified-stage-journey-v435 .stage-copy-v435 .stage-display-controls-v447 button,
.unified-stage-journey-v435 .stage-copy-v435 .stage-display-controls-v447 label{flex:0 0 34px!important}
@media(max-width:780px){.unified-stage-journey-v435 .stage-update-output-v460 article{grid-template-columns:1fr!important}}

/* V518: daily staff work log, manual stage assignment and hand-off checkpoints. */
.daily-work-entry-v518{margin:10px 0;padding:13px;border:1px solid #b9ddd2;border-radius:14px;background:linear-gradient(145deg,#f4fffb,#ecf8f4);box-shadow:0 6px 18px #124d3d12}.daily-work-entry-v518>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.daily-work-entry-v518>header small{color:#14866d;font-size:8px;font-weight:950;letter-spacing:.12em}.daily-work-entry-v518>header h3{margin:2px 0 3px;color:#164f41;font-size:16px}.daily-work-entry-v518>header p{margin:0;color:#678078;font-size:9px}.daily-work-entry-v518>header>span{padding:6px 9px;border-radius:999px;background:#fff;color:#176a56;font-size:9px;font-weight:900}.daily-work-entry-v518 form{display:grid;gap:8px;margin-top:10px}.daily-work-entry-v518 textarea{width:100%;min-height:76px;resize:vertical;padding:10px 11px;border:1px solid #b8d5cc;border-radius:10px;background:#fff;color:#173f35;font:11px/1.5 Inter,"Segoe UI",sans-serif}.daily-work-entry-v518 form>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.daily-work-entry-v518 form small{color:#668078;font-size:8px;font-weight:800}.daily-work-entry-v518 button{min-height:36px;padding:8px 13px;border:0;border-radius:9px;background:#13866c;color:#fff;font-size:9px;font-weight:950;cursor:pointer}.daily-work-entry-v518 button:disabled{opacity:.6}
.unified-stage-journey-v435 [data-stage-rows-v435]>article>.stage-management-v518{grid-column:2/-1!important;display:grid!important;grid-template-columns:minmax(190px,1fr) auto!important;align-items:end!important;gap:9px!important;margin:6px 0 1px!important;padding:8px!important;border:1px solid #c8ded7!important;border-radius:10px!important;background:#fff!important;color:#214f42!important}.stage-assign-v518{display:grid;gap:4px}.stage-assign-v518>span{color:#57746b;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.stage-assign-v518 select{width:100%;height:34px;padding:5px 8px;border:1px solid #bcd6ce;border-radius:8px;background:#f9fcfb;color:#174f41;font-size:9px;font-weight:850}.stage-assign-v518 select:disabled{opacity:.75}.stage-checks-v518{display:flex;align-items:center;gap:7px}.stage-checks-v518 label{position:relative;display:flex;min-height:34px;align-items:center;gap:6px;padding:5px 9px;border:1px solid #bed7cf;border-radius:9px;background:#f7fbfa;color:#4f6c63;font-size:8px;font-weight:900;cursor:pointer;user-select:none}.stage-checks-v518 input{position:absolute;width:1px;height:1px;opacity:0}.stage-checks-v518 i{display:grid;width:21px;height:21px;place-items:center;border:2px solid #a9c7bd;border-radius:6px;background:#fff;color:transparent;font-style:normal;font-size:13px}.stage-checks-v518 label.checked{border-color:#18a968;background:#e9f9f0;color:#087443}.stage-checks-v518 label.checked i{border-color:#18a968;background:#18a968;color:#fff;box-shadow:0 0 0 3px #18a9681f}.stage-checks-v518 label:has(input:disabled){cursor:not-allowed;opacity:.58}.stage-management-v518.saving{opacity:.65;pointer-events:none}
@media(max-width:760px){.daily-work-entry-v518>header,.daily-work-entry-v518 form>div{align-items:stretch;flex-direction:column}.daily-work-entry-v518 button{width:100%}.unified-stage-journey-v435 [data-stage-rows-v435]>article>.stage-management-v518{grid-column:2!important;grid-template-columns:1fr!important}.stage-checks-v518{display:grid;grid-template-columns:1fr 1fr}.stage-checks-v518 label{justify-content:center}}

/* V519: compact photo-only assignment and expandable team hand-off. */
.stage-team-v519{position:relative;display:flex;align-items:center;gap:9px;min-width:0;margin:0!important}.stage-team-preview-v519>button{display:flex;align-items:center;min-width:34px;min-height:34px;padding:2px 5px;border:1px solid #b8d7cd;border-radius:999px;background:#fff;cursor:pointer}.stage-team-preview-v519>button.empty{width:34px;padding:2px}.stage-team-preview-v519>button>span{display:flex}.stage-team-preview-v519>button>span>span{display:grid;width:29px;height:29px;place-items:center;margin-left:-6px;overflow:hidden;border:2px solid #fff;border-radius:50%;background:#dcece7}.stage-team-preview-v519>button>span>span:first-child{margin-left:0}.stage-team-preview-v519 img{width:100%;height:100%;object-fit:cover}.stage-team-preview-v519 span i,.stage-handoff-v519 article>span>i,.stage-person-option-v519 span>i{display:block;width:100%;height:100%;border-radius:50%;background:linear-gradient(145deg,#c6ddd5,#edf7f3)}.stage-team-preview-v519>button>i{display:grid;width:20px;height:20px;place-items:center;margin-left:2px;border-radius:50%;background:#109c72;color:#fff;font-size:13px;font-style:normal;font-weight:900}.stage-team-popover-v519{position:absolute;z-index:30;top:40px;left:0;width:min(520px,78vw);padding:12px;border:1px solid #b8d8ce;border-radius:14px;background:#fff;box-shadow:0 18px 55px #123c3038}.stage-team-popover-v519[hidden]{display:none!important}.stage-team-popover-v519 header,.stage-team-popover-v519 footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.stage-team-popover-v519 header button{width:28px;height:28px;border:0;border-radius:50%;background:#edf6f2;color:#174e40;font-size:18px}.stage-team-popover-v519>p{margin:5px 0 10px;color:#668078;font-size:9px}.stage-person-grid-v519{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:7px;max-height:250px;overflow:auto}.stage-person-option-v519{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;gap:1px 7px;align-items:center;padding:7px;border:2px solid transparent;border-radius:10px;background:#f2f8f5;color:#164f40;text-align:left;cursor:pointer}.stage-person-option-v519.selected{border-color:#13a873;background:#e6faef}.stage-person-option-v519>span{grid-row:1/3;width:34px;height:34px;overflow:hidden;border-radius:50%}.stage-person-option-v519 b{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.stage-person-option-v519 small{color:#6b8078;font-size:7px}.stage-team-popover-v519 footer{margin-top:10px}.stage-team-popover-v519 footer span{color:#537169;font-size:9px;font-weight:850}.stage-team-popover-v519 footer button{padding:8px 13px;border:0;border-radius:8px;background:#118b69;color:#fff;font-size:9px;font-weight:900}.stage-handoff-v519{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.stage-handoff-v519 article{display:flex;align-items:center;gap:3px}.stage-handoff-v519 article>span{width:22px;height:22px;overflow:hidden;border-radius:50%;background:#dcece7}.stage-handoff-v519 label{position:relative;display:flex;align-items:center;gap:3px;padding:4px 6px;border:1px solid #bed8cf;border-radius:8px;background:#fff;color:#5a7069;font-size:7px;cursor:pointer}.stage-handoff-v519 label input{position:absolute;width:1px;height:1px;opacity:0}.stage-handoff-v519 label>i{display:grid;width:16px;height:16px;place-items:center;border:2px solid #acd0c2;border-radius:5px;color:transparent;font-size:10px;font-style:normal}.stage-handoff-v519 label.checked{border-color:#12aa67;background:#e6f9ef;color:#087542}.stage-handoff-v519 label.checked>i{border-color:#12aa67;background:#12aa67;color:#fff}.stage-handoff-v519 label:has(input:disabled){cursor:not-allowed;opacity:.55}.stage-handoff-v519 article.receiver label{border-style:dashed}.stage-team-v519.saving,.stage-handoff-v519.saving{opacity:.6;pointer-events:none}.stage-copy-v435>h3+.stage-team-v519{display:flex!important;float:right;margin:-36px 76px 2px 8px!important;max-width:65%}
@media(max-width:760px){.stage-copy-v435>h3+.stage-team-v519{float:none;margin:5px 0!important;max-width:100%;flex-wrap:wrap}.stage-team-popover-v519{position:fixed;left:4vw;top:18vh;width:92vw;max-height:65vh}.stage-handoff-v519{width:100%}}

/* V520: two compact actor buttons only; assignment picker removed. */
.stage-management-v518,.stage-team-v519{display:none!important}.stage-handoff-only-v520{display:flex!important;align-items:center!important;gap:7px!important;float:right!important;max-width:62%!important;margin:-37px 74px 3px 8px!important}.stage-handoff-only-v520 button{display:flex;align-items:center;gap:5px;min-height:32px;padding:3px 9px 3px 4px;border:1px solid #b9d6cd;border-radius:9px;background:#fff;color:#526e65;font-size:8px;font-weight:900;cursor:pointer}.stage-handoff-only-v520 button>i{display:grid;width:19px;height:19px;place-items:center;border:2px solid #acd0c2;border-radius:6px;color:transparent;font-style:normal}.stage-handoff-only-v520 button.done{border-color:#13a968;background:#e8f9ef;color:#087542}.stage-handoff-only-v520 button.done>i{border-color:#13a968;background:#13a968;color:#fff}.handoff-empty-dp-v520,.handoff-actor-dp-v520{display:grid;width:25px;height:25px;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(145deg,#cadfd8,#edf6f3)}.handoff-actor-dp-v520 img{width:100%;height:100%;object-fit:cover}.handoff-actor-dp-v520>i{width:100%;height:100%;background:linear-gradient(145deg,#bdd8cf,#edf6f3)}.stage-handoff-only-v520.saving{opacity:.6;pointer-events:none}.handoff-tracker-person-v520{overflow:hidden!important;background:#fff!important}.handoff-tracker-person-v520 img{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important}.handoff-tracker-person-v520>i{display:block;width:100%;height:100%;border-radius:50%;background:#d8ebe4}
/* The old stage task pill inherited timeline dimensions and became the unrelated yellow oval. */
.unified-stage-journey-v435 .stage-task-list-v424{display:none!important}.unified-stage-journey-v435 .stage-work-panel-v424 article,.unified-stage-journey-v435 .stage-work-panel-v424 span{max-width:100%!important;min-height:0!important;clip-path:none!important;transform:none!important}.unified-stage-journey-v435 .stage-update-output-v460 article{border-radius:8px!important;background:#eef7f3!important}
@media(max-width:760px){.stage-handoff-only-v520{float:none!important;max-width:100%!important;margin:5px 0!important;flex-wrap:wrap}.stage-handoff-only-v520 button{flex:1;justify-content:center}}

/* V521: keep hand-off controls in document flow so they never cover stage titles. */
.unified-stage-journey-v435 .stage-copy-v435>.stage-handoff-only-v520{display:flex!important;position:static!important;float:none!important;clear:both!important;width:max-content!important;max-width:100%!important;margin:5px 0 7px!important;grid-column:1!important;grid-row:auto!important;align-self:start!important;justify-self:start!important}.unified-stage-journey-v435 .stage-copy-v435>.stage-handoff-only-v520 button{flex:0 0 auto!important;min-width:112px!important}.unified-stage-journey-v435 .stage-copy-v435>.stage-title-dominant-v460{float:none!important;clear:both!important;margin-bottom:2px!important}
@media(max-width:520px){.unified-stage-journey-v435 .stage-copy-v435>.stage-handoff-only-v520{width:100%!important}.unified-stage-journey-v435 .stage-copy-v435>.stage-handoff-only-v520 button{flex:1 1 0!important;min-width:0!important;padding-right:5px!important;padding-left:3px!important}}

/* V522: category title owns its star/icon; legacy assignment panels are gone. */
.stage-assignees-v445{display:none!important}.stage-title-line-v522{display:flex!important;align-items:center!important;gap:7px!important;width:100%!important;min-width:0!important;margin:0 0 3px!important}.stage-title-line-v522>h3{flex:0 1 auto!important;margin:0!important}.stage-title-line-v522>.stage-display-controls-v447{position:static!important;display:flex!important;align-items:center!important;gap:5px!important;width:auto!important;margin:0!important;padding:0!important}.stage-title-line-v522>.stage-display-controls-v447 button,.stage-title-line-v522>.stage-display-controls-v447 label{display:grid!important;flex:0 0 32px!important;width:32px!important;height:32px!important;place-items:center!important;margin:0!important}.stage-title-line-v522+.stage-handoff-only-v520{margin-top:5px!important}.stage-actor-detail-v522{display:flex!important;align-items:stretch!important;gap:7px!important;width:100%!important;max-width:620px!important;margin:0 0 6px!important}.stage-actor-detail-v522 article{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;min-height:34px!important;flex:1 1 0!important;padding:5px 8px!important;border:1px solid #d2e4dd!important;border-radius:8px!important;background:#f9fcfb!important;transform:none!important;clip-path:none!important}.stage-actor-detail-v522 article>strong{color:#668078!important;font-size:7px!important;white-space:nowrap!important}.stage-actor-detail-v522 article>span{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;gap:0 5px!important;min-width:0!important}.stage-actor-detail-v522 article>span>img,.stage-actor-detail-v522 article>span>i{grid-row:1/3!important;width:24px!important;height:24px!important;border-radius:50%!important;object-fit:cover!important;background:#dcece6!important}.stage-actor-detail-v522 article>span>b{overflow:hidden!important;color:#174f40!important;font-size:8px!important;text-overflow:ellipsis!important;white-space:nowrap!important}.stage-actor-detail-v522 article>span>small{color:#7b9088!important;font-size:6px!important}.stage-actor-detail-v522 article>em{color:#93a39d!important;font-size:8px!important}.unified-stage-journey-v435 .stage-copy-v435>p:empty,.unified-stage-journey-v435 .stage-copy-v435>time:empty{display:none!important}
@media(max-width:620px){.stage-title-line-v522{flex-wrap:wrap!important}.stage-actor-detail-v522{display:grid!important;grid-template-columns:1fr!important}.stage-title-line-v522>.stage-display-controls-v447{margin-left:0!important}}

/* V525: remove the trailing white backbone after the final header tracker icon. */
.project-story-dialog-v393 .header-preview-v457>.project-people-track-v407::before{display:none!important;content:none!important}.project-story-dialog-v393 .header-preview-v457>.project-people-track-v407{background-image:none!important;border:0!important;box-shadow:none!important}.project-story-dialog-v393 .header-preview-v457 .journey-storage-v412:last-child::after,.project-story-dialog-v393 .header-preview-v457 .mini-storage-link-v451:last-child::after{display:none!important;content:none!important}

/* V526: one compact, predictable alignment system for every journey stage. */
.project-story-dialog-v393 .unified-stage-journey-v435 [data-stage-rows-v435]>.stage-daily-row-v460{position:relative!important;display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;grid-template-rows:auto!important;align-items:start!important;gap:0 10px!important;min-height:0!important;height:auto!important;padding:13px 12px 13px 8px!important}.project-story-dialog-v393 .unified-stage-journey-v435 [data-stage-rows-v435]>.stage-daily-row-v460>:scope{min-width:0}.project-story-dialog-v393 .stage-daily-row-v460>:scope>i,.project-story-dialog-v393 .stage-daily-row-v460>i:first-child{position:absolute!important;z-index:3!important;left:22px!important;top:47px!important;width:27px!important;height:27px!important;margin:0!important}.project-story-dialog-v393 .stage-daily-row-v460>.stage-elapsed-v450{position:absolute!important;z-index:4!important;left:5px!important;top:8px!important;display:grid!important;width:55px!important;min-width:55px!important;height:23px!important;place-items:center!important;margin:0!important;padding:2px 4px!important}.project-story-dialog-v393 .stage-daily-row-v460>.stage-elapsed-v450 small{display:none!important}.project-story-dialog-v393 .stage-daily-row-v460>.stage-copy-v435{grid-column:2!important;grid-row:1!important;display:block!important;width:100%!important;min-width:0!important;margin:0!important}.project-story-dialog-v393 .stage-daily-row-v460 .stage-title-line-v522{display:flex!important;width:100%!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;margin:0 0 9px!important}.project-story-dialog-v393 .stage-daily-row-v460 .stage-title-line-v522>h3{margin:0!important}.project-story-dialog-v393 .stage-daily-row-v460 .stage-handoff-only-v520{display:flex!important;float:none!important;clear:both!important;width:max-content!important;max-width:100%!important;margin:0 0 8px!important;align-items:center!important;gap:7px!important}.project-story-dialog-v393 .stage-daily-row-v460 .stage-actor-detail-v522{display:flex!important;width:min(100%,560px)!important;max-width:560px!important;margin:0 0 8px!important;gap:7px!important}.project-story-dialog-v393 .stage-daily-row-v460 .stage-actor-detail-v522 article{min-height:34px!important}.project-story-dialog-v393 .stage-daily-row-v460 .stage-daily-update-v460{position:static!important;display:block!important;width:100%!important;min-width:0!important;margin:7px 0 0!important;padding:8px!important;grid-column:auto!important;grid-row:auto!important}.project-story-dialog-v393 .stage-daily-row-v460 .stage-daily-update-v460:has(.stage-update-empty-v460):not(:has(form)):not(:has(.stage-update-output-v460)){display:none!important}.project-story-dialog-v393 .stage-daily-row-v460>.stage-work-panel-v424{grid-column:2!important;grid-row:auto!important;width:100%!important;min-width:0!important;margin:9px 0 0!important}.project-story-dialog-v393 .stage-daily-row-v460 .stage-audio-reviews-v425,.project-story-dialog-v393 .stage-daily-row-v460 .footage-storage-v445,.project-story-dialog-v393 .stage-daily-row-v460 .music-sfx-output-v444,.project-story-dialog-v393 .stage-daily-row-v460 .thumbnail-output-v443{width:100%!important;min-width:0!important;margin:9px 0 0!important;grid-column:auto!important;grid-row:auto!important}.project-story-dialog-v393 .stage-daily-row-v460>.stage-assignees-v445{display:none!important}.project-story-dialog-v393 .stage-daily-row-v460+.stage-daily-row-v460{margin-top:0!important}.project-story-dialog-v393 .stage-daily-row-v460 .stage-meta-compact-v460{display:none!important}
@media(max-width:620px){.project-story-dialog-v393 .unified-stage-journey-v435 [data-stage-rows-v435]>.stage-daily-row-v460{grid-template-columns:48px minmax(0,1fr)!important;padding-right:7px!important}.project-story-dialog-v393 .stage-daily-row-v460>.stage-elapsed-v450{left:3px!important;width:46px!important;min-width:46px!important;font-size:6px!important}.project-story-dialog-v393 .stage-daily-row-v460>i:first-child{left:14px!important}.project-story-dialog-v393 .stage-daily-row-v460 .stage-title-line-v522{align-items:flex-start!important;flex-wrap:wrap!important}.project-story-dialog-v393 .stage-daily-row-v460 .stage-handoff-only-v520,.project-story-dialog-v393 .stage-daily-row-v460 .stage-actor-detail-v522{width:100%!important}.project-story-dialog-v393 .stage-daily-row-v460 .stage-handoff-only-v520 button{flex:1 1 0!important;min-width:0!important}.project-story-dialog-v393 .stage-daily-row-v460 .stage-actor-detail-v522{display:grid!important;grid-template-columns:1fr!important}}

/* V528: full-width stage flow; timer and marker stay in a safe top-right lane. */
.project-story-dialog-v393 .unified-stage-journey-v435 [data-stage-rows-v435]>.stage-daily-row-v460{position:relative!important;display:block!important;width:100%!important;min-height:0!important;height:auto!important;padding:13px 13px 13px 14px!important}.project-story-dialog-v393 .stage-daily-row-v460>.stage-copy-v435{display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;grid-column:auto!important;grid-row:auto!important}.project-story-dialog-v393 .stage-daily-row-v460>.stage-elapsed-v450{position:absolute!important;z-index:8!important;top:10px!important;right:11px!important;left:auto!important;width:58px!important;min-width:58px!important;height:25px!important;margin:0!important}.project-story-dialog-v393 .stage-daily-row-v460>i:first-child{position:absolute!important;z-index:8!important;top:9px!important;right:76px!important;left:auto!important;width:28px!important;height:28px!important;margin:0!important}.project-story-dialog-v393 .stage-daily-row-v460 .stage-title-line-v522{display:flex!important;width:100%!important;min-height:38px!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;margin:0 0 9px!important;padding:0 112px 0 0!important}.project-story-dialog-v393 .stage-daily-row-v460 .stage-title-line-v522>h3{max-width:calc(100% - 75px)!important}.project-story-dialog-v393 .stage-daily-row-v460 .stage-handoff-only-v520{display:flex!important;width:max-content!important;max-width:100%!important;margin:0 0 8px!important}.project-story-dialog-v393 .stage-daily-row-v460 .stage-actor-detail-v522{display:flex!important;width:min(100%,620px)!important;max-width:620px!important;margin:0 0 8px!important}.project-story-dialog-v393 .stage-daily-row-v460>.stage-work-panel-v424,.project-story-dialog-v393 .stage-daily-row-v460>section:not(.stage-elapsed-v450){display:block;clear:both;width:100%!important;max-width:100%!important;margin:9px 0 0!important;grid-column:auto!important;grid-row:auto!important}.project-story-dialog-v393 .stage-daily-row-v460>.stage-work-panel-v424{display:grid!important}.project-story-dialog-v393 .stage-daily-row-v460>.stage-assignees-v445{display:none!important}.project-story-dialog-v393 .stage-daily-row-v460 .stage-daily-update-v460{width:100%!important;max-width:100%!important;grid-column:auto!important;grid-row:auto!important}.project-story-dialog-v393 .stage-daily-row-v460 .stage-daily-update-v460:has(.stage-update-empty-v460):not(:has(form)):not(:has(.stage-update-output-v460)){display:none!important}.project-story-dialog-v393 .stage-daily-row-v460 .stage-audio-reviews-v425,.project-story-dialog-v393 .stage-daily-row-v460 .footage-storage-v445,.project-story-dialog-v393 .stage-daily-row-v460 .music-sfx-output-v444,.project-story-dialog-v393 .stage-daily-row-v460 .thumbnail-output-v443{display:block!important;width:100%!important;max-width:100%!important;margin:9px 0 0!important}.project-story-dialog-v393 .stage-daily-row-v460 .stage-meta-compact-v460{display:none!important}
@media(max-width:560px){.project-story-dialog-v393 .unified-stage-journey-v435 [data-stage-rows-v435]>.stage-daily-row-v460{padding:10px 8px!important}.project-story-dialog-v393 .stage-daily-row-v460>.stage-elapsed-v450{top:8px!important;right:7px!important;width:48px!important;min-width:48px!important}.project-story-dialog-v393 .stage-daily-row-v460>i:first-child{top:7px!important;right:60px!important}.project-story-dialog-v393 .stage-daily-row-v460 .stage-title-line-v522{min-height:68px!important;align-items:flex-start!important;padding-right:0!important;padding-top:34px!important}.project-story-dialog-v393 .stage-daily-row-v460 .stage-title-line-v522>h3{max-width:100%!important}.project-story-dialog-v393 .stage-daily-row-v460 .stage-handoff-only-v520,.project-story-dialog-v393 .stage-daily-row-v460 .stage-actor-detail-v522{width:100%!important}.project-story-dialog-v393 .stage-daily-row-v460 .stage-handoff-only-v520 button{flex:1 1 0!important;min-width:0!important}.project-story-dialog-v393 .stage-daily-row-v460 .stage-actor-detail-v522{display:grid!important;grid-template-columns:1fr!important}}

/* V524: a distinct, accessible colour identity for every workflow category. */
.unified-stage-journey-v435 [data-stage-rows-v435]>article{--stage-accent:#0f9f78;--stage-deep:#075c48;--stage-soft:#e5f9f1;--stage-line:#8edbc2;background:linear-gradient(135deg,var(--stage-soft),color-mix(in srgb,var(--stage-soft) 72%,#fff))!important;border-top:2px solid var(--stage-line)!important;border-bottom:2px solid color-mix(in srgb,var(--stage-line) 55%,#fff)!important;box-shadow:inset 5px 0 var(--stage-accent)!important}.unified-stage-journey-v435 [data-stage-rows-v435]>article:nth-child(1){--stage-accent:#ef8c16;--stage-deep:#7a3e00;--stage-soft:#fff1d9;--stage-line:#ffc56f}.unified-stage-journey-v435 [data-stage-rows-v435]>article:nth-child(2){--stage-accent:#8b5cf6;--stage-deep:#43208d;--stage-soft:#f1eaff;--stage-line:#c9b6ff}.unified-stage-journey-v435 [data-stage-rows-v435]>article:nth-child(3){--stage-accent:#e83e68;--stage-deep:#86152f;--stage-soft:#ffe7ee;--stage-line:#ff9eb5}.unified-stage-journey-v435 [data-stage-rows-v435]>article:nth-child(4){--stage-accent:#168bd2;--stage-deep:#064d7d;--stage-soft:#e3f4ff;--stage-line:#8dcef4}.unified-stage-journey-v435 [data-stage-rows-v435]>article:nth-child(5){--stage-accent:#16a66b;--stage-deep:#075a3a;--stage-soft:#e2f8ed;--stage-line:#84d8b1}.unified-stage-journey-v435 [data-stage-rows-v435]>article:nth-child(6){--stage-accent:#7357c9;--stage-deep:#38227c;--stage-soft:#eeeaff;--stage-line:#b9acf2}.unified-stage-journey-v435 [data-stage-rows-v435]>article:nth-child(7){--stage-accent:#d555a0;--stage-deep:#7c1d58;--stage-soft:#ffe7f6;--stage-line:#eca1ce}.unified-stage-journey-v435 [data-stage-rows-v435]>article:nth-child(8){--stage-accent:#d69b08;--stage-deep:#6d4b00;--stage-soft:#fff5ce;--stage-line:#efd36e}.unified-stage-journey-v435 [data-stage-rows-v435]>article:nth-child(9){--stage-accent:#0a9da7;--stage-deep:#04565d;--stage-soft:#ddf7f8;--stage-line:#80d4d8}.unified-stage-journey-v435 [data-stage-rows-v435]>article:nth-child(10){--stage-accent:#e15b3d;--stage-deep:#7d2614;--stage-soft:#ffebe5;--stage-line:#f1a18d}.unified-stage-journey-v435 [data-stage-rows-v435]>article:nth-child(11){--stage-accent:#4e7bdc;--stage-deep:#1d408b;--stage-soft:#e8efff;--stage-line:#9eb7ef}.unified-stage-journey-v435 [data-stage-rows-v435]>article:nth-child(12){--stage-accent:#60706a;--stage-deep:#273c35;--stage-soft:#edf2f0;--stage-line:#b6c5c0}.unified-stage-journey-v435 [data-stage-rows-v435]>article .stage-title-line-v522>h3,.unified-stage-journey-v435 [data-stage-rows-v435]>article .stage-title-dominant-v460{padding:8px 13px!important;border:2px solid color-mix(in srgb,var(--stage-accent) 72%,#fff)!important;border-radius:11px!important;background:linear-gradient(135deg,var(--stage-accent),color-mix(in srgb,var(--stage-accent) 78%,#fff))!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 1px #00000024!important;box-shadow:inset 0 1px #ffffff52,0 3px 0 var(--stage-deep),0 6px 12px #17352b18!important}.unified-stage-journey-v435 [data-stage-rows-v435]>article>.stage-elapsed-v450{border-color:var(--stage-line)!important;background:color-mix(in srgb,var(--stage-soft) 60%,#fff)!important;color:var(--stage-deep)!important}.unified-stage-journey-v435 [data-stage-rows-v435]>article .stage-handoff-only-v520 button{border-color:var(--stage-line)!important;background:color-mix(in srgb,var(--stage-soft) 35%,#fff)!important;color:var(--stage-deep)!important}.unified-stage-journey-v435 [data-stage-rows-v435]>article .stage-handoff-only-v520 button.done{border-color:var(--stage-accent)!important;background:var(--stage-accent)!important;color:#fff!important}.unified-stage-journey-v435 [data-stage-rows-v435]>article .stage-actor-detail-v522 article,.unified-stage-journey-v435 [data-stage-rows-v435]>article .stage-daily-update-v460,.unified-stage-journey-v435 [data-stage-rows-v435]>article .stage-work-panel-v424{border-color:color-mix(in srgb,var(--stage-line) 65%,#d8e7e2)!important;background:#ffffffd9!important}
.salary-card-head-v547{align-items:flex-start;gap:18px;flex-wrap:wrap}.salary-month-controls-v547{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}.salary-month-controls-v547 button,.salary-month-controls-v547 label{border:1px solid #cbd9d3;background:#f7fbf9;color:#173d2e;border-radius:12px;padding:9px 13px;font:inherit;font-weight:800;cursor:pointer}.salary-month-controls-v547 .active{background:#c9ff3d;border-color:#86b817}.salary-month-controls-v547 label{display:flex;align-items:center;gap:8px}.salary-month-controls-v547 input{border:0;background:transparent;color:inherit;font:inherit;font-weight:700;outline:0}.salary-employee-row-v547{cursor:pointer;transition:background .18s ease,transform .18s ease}.salary-employee-row-v547:hover,.salary-employee-row-v547:focus-visible{background:#f1faf6;transform:translateY(-1px);outline:2px solid #99d5be;outline-offset:-2px}.salary-daily-dialog-v547{width:min(1120px,94vw);max-height:88vh;border:0;border-radius:22px;padding:0;background:#f8fbfa;color:#173d2e;box-shadow:0 24px 80px #09271d66}.salary-daily-dialog-v547::backdrop{background:#0b241db3;backdrop-filter:blur(4px)}.salary-daily-dialog-v547>section>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:#174f3d;color:white}.salary-daily-dialog-v547 header>div{display:flex;align-items:center;gap:12px}.salary-daily-dialog-v547 h2,.salary-daily-dialog-v547 p{margin:0}.salary-daily-dialog-v547 header button{width:40px;height:40px;border:0;border-radius:12px;background:#f52b43;color:white;font-size:28px;cursor:pointer}.salary-daily-head-v547,.salary-daily-row-v547{display:grid;grid-template-columns:125px 140px minmax(210px,1fr) minmax(260px,1.4fr);gap:12px;align-items:start}.salary-daily-head-v547{position:sticky;top:76px;z-index:1;padding:12px 20px;background:#e5f0ec;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.salary-daily-list-v547{padding:8px 18px 20px;overflow:auto}.salary-daily-row-v547{padding:13px 2px;border-bottom:1px solid #dce7e2}.salary-daily-row-v547 time{font-weight:900}.salary-daily-row-v547 small{display:block;margin-top:4px;color:#65756f}.salary-daily-row-v547 p{margin:0 0 7px}.daily-status-v547{width:max-content;border-radius:999px;padding:5px 9px;background:#e7ecea;font-size:11px;font-weight:900}.daily-status-v547.present,.daily-status-v547.sunday-worked{background:#d8f8e9;color:#08724b}.daily-status-v547.absent{background:#ffe1e5;color:#b0192f}.daily-status-v547.approved-leave{background:#fff0bd;color:#805500}.daily-status-v547.sunday-off{background:#ebe7ff;color:#5f42a5}@media(max-width:760px){.salary-month-controls-v547{margin-left:0;width:100%}.salary-month-controls-v547>*{flex:1;text-align:center;justify-content:center}.salary-daily-head-v547{display:none}.salary-daily-row-v547{grid-template-columns:1fr 1fr}.salary-daily-row-v547>span:nth-child(3),.salary-daily-row-v547>div{grid-column:1/-1}.salary-daily-dialog-v547{width:96vw}.salary-daily-dialog-v547>section>header{padding:14px}.salary-daily-list-v547{padding:8px 12px 16px}}