:root{--lime:#e5fb28;--pink:#fac5dd;--muted:#979199}.admin-brand{display:block;width:100%;margin:0 0 15px}.admin-brand img{width:91px;height:auto;display:block;margin-left:11px}.sidebar{padding-top:18px}.nav-group{margin-top:15px}.sidebar nav{overflow:auto;scrollbar-width:thin}.preview-links a .icon{width:12px;height:12px}.badge-demo{color:#aaa28f;border-color:#e5e0d4;font-size:9px;background:#f7f5ee}.topbar .icon-button{width:35px;height:35px;color:#a09aa6}.metric-value{font-size:35px}.metric-chart{gap:8px}.dashboard-grid{grid-template-columns:1.05fr 1.3fr .63fr}.queue-labels{display:flex;gap:7px;flex-wrap:wrap;margin-top:30px}.queue-labels span{font-size:9px;color:#91898d;background:#f4f1ed;padding:7px 10px;border-radius:9px}.metric-area .mini-progress{margin-top:22px}.metric-area .mini-progress i.filled{background:#d8e9ab}.program-strip{grid-template-columns:.85fr repeat(3,1fr);padding:23px;gap:16px}.program-intro h2{font-size:22px}.program-intro p{max-width:180px;font-size:10px;line-height:1.7}.trend-program{position:relative;min-height:165px;border-radius:22px;overflow:hidden;background:#363731;cursor:pointer}.trend-program>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:saturate(.7)}.trend-program:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#151813ee 0%,#15181322 65%)}.trend-program-copy{position:absolute;left:17px;bottom:17px;z-index:1}.trend-program-copy small{font-size:8px;color:#d9e68f;display:block;margin-bottom:7px}.trend-program-copy h3{font-size:14px;font-weight:450;max-width:145px;line-height:1.25}.trend-program-copy span{font-size:8px;color:#adaca7;display:block;margin-top:6px}.program-arrow{position:absolute;right:13px;top:13px;z-index:1;border:1px solid #ffffff55;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;color:#fff;font-size:14px;background:#ffffff20}.trend-program:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.data-table .icon{width:13px;height:13px;color:#aea7b5}.data-table td{font-size:10px;padding-top:14px;padding-bottom:14px}.order-id{font-size:10px;color:#928a9c;white-space:nowrap}.mono{font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}.channel-percent{margin-left:14px;color:#b7aebd}.bottom-grid .section-head h2{font-size:19px}.catalog-count{font-size:11px}.trend-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.trend-catalog-art{height:205px;position:relative;overflow:hidden;border-radius:26px 26px 0 0;margin:-24px -24px 21px}.trend-catalog-art img{width:100%;height:100%;object-fit:cover;object-position:center 34%}.trend-category{position:absolute;left:16px;top:16px;font-size:9px;background:#ffffffe6;color:#5f5569;padding:7px 11px;border-radius:14px}.trend-duration{position:absolute;right:16px;bottom:15px;font-size:9px;background:#16141999;color:#fff;border:1px solid #ffffff33;padding:7px 10px;border-radius:14px}.catalog-card p{font-size:10px;line-height:1.7;min-height:35px}.catalog-card>.row-between h3{font-size:16px;line-height:1.3}.catalog-card .toggle{flex-shrink:0;width:32px;height:20px}.catalog-card .toggle:after{width:14px;height:14px}.catalog-card .toggle.on{background:#d2e761}.trend-price{font-size:24px;letter-spacing:-.8px;font-weight:450}.catalog-card>.row-between small{font-size:9px}.trend-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px;border-top:1px solid #efecf2;padding-top:14px}.trend-bottom>span{display:flex;gap:7px;flex-wrap:wrap}.trend-bottom .text-button{font-size:9px;white-space:nowrap}.trend-bottom .text-button .icon{width:12px;height:12px}.channel-card .channel-symbol{margin-bottom:22px;font-size:16px}.channel-card .row-between{align-items:flex-start}.channel-card .row-between .pill{margin-top:8px}.channel-detail{display:grid;gap:6px;margin:16px 0}.channel-detail small{font-size:9px}.channel-detail strong{font-size:11px;font-weight:450;line-height:1.6;color:#7f748b}.channel-architecture{margin-top:20px}.architecture-flow{display:flex;gap:20px;align-items:center;padding:10px 0 15px}.architecture-inputs{display:grid;gap:7px;min-width:110px}.architecture-inputs span{background:#f1eff4;border-radius:10px;font-size:11px;padding:11px;text-align:center;color:#8a7f97}.architecture-core,.architecture-results{flex:1;padding:25px 20px;border-radius:20px;background:#f0f4e4;display:grid;gap:9px}.architecture-core strong,.architecture-results strong{font-size:14px;letter-spacing:-.3px;font-weight:450;color:#6e7a45}.architecture-core span,.architecture-results span{font-size:10px;color:#8f9a77;line-height:1.7}.architecture-results{background:#f4ecf0}.architecture-results strong{color:#967e90}.architecture-results span{color:#b09daa}.architecture-arrow{color:#c1b7c8;font-size:25px}.menu-preview{align-self:start}.menu-bot-head{margin:26px 0 22px;display:flex;align-items:center;gap:20px}.menu-bot-head img{width:68px}.menu-bot-head span{font-size:9px;color:#a699b0}.menu-message{padding:23px;border-radius:20px 20px 20px 5px;background:#f5f3f7;font-size:12px;line-height:1.9;color:#7a6c89}.menu-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:17px}.menu-buttons span{padding:13px 8px;background:#f0f3e7;border:1px solid #e7ecd9;border-radius:12px;color:#89945c;text-align:center;font-size:10px}.team-member:last-of-type{border:0}.setting-row strong{font-size:11px;font-weight:450;color:#8b7e95}.setting-row>.icon{color:#b8c28c}.setting-row>span>.icon{display:none}.channel-checkboxes{display:flex;gap:18px;align-items:center}.channel-checkboxes label{display:flex;align-items:center;gap:7px;font-size:11px;color:#9787a5}.channel-checkboxes input{width:14px;height:14px;padding:0;accent-color:#acc745}.order-preview{display:flex;align-items:center;gap:25px;margin-top:25px}.order-preview>img{width:125px;height:120px;object-fit:cover;border-radius:19px;object-position:center 25%}.order-preview>div{display:grid;gap:15px}.order-preview .pill{justify-self:start}.order-error{font-size:11px;line-height:1.7;padding:15px;background:#f6e8ec;border-radius:13px;color:#ad7a8d}.user-history-title{margin-top:30px;font-size:15px}.dialog-close{z-index:2}.wide-dialog{width:min(850px,calc(100vw - 30px))}.preview-note{font-size:8px}.info-panel>.icon{flex-shrink:0;margin-top:3px}.page-head>div>p:empty{display:none}.empty{color:#a499ad}button[data-trend]:hover,.trend-program:hover{filter:brightness(1.04)}@media(min-width:1600px){.trend-program{min-height:185px}}@media(max-width:1200px){.dashboard-grid{grid-template-columns:1fr 1.2fr}.metric-value{font-size:31px}.trend-program{min-height:160px}.program-strip{padding:20px;gap:12px}.trend-catalog-art{height:185px}.trend-catalog-grid{gap:14px}}@media(max-width:950px){.admin-brand{margin-bottom:10px}.admin-brand img{width:43px;margin-left:0}.sidebar nav{width:100%}.nav-link .count{display:none}.sidebar{padding:20px 10px}.trend-catalog-art{margin:-21px -21px 20px}.architecture-flow{gap:12px}.architecture-inputs{min-width:85px}.architecture-core,.architecture-results{padding:20px 15px}}@media(max-width:760px){.program-strip{grid-template-columns:repeat(3,1fr);padding:17px;gap:10px}.program-intro{grid-column:1/-1}.program-intro h2{font-size:20px}.program-intro .button{font-size:9px}.trend-program{min-height:145px}.trend-program-copy{left:12px;bottom:12px}.trend-program-copy h3{font-size:12px}.trend-program-copy small{font-size:7px}.trend-program-copy span{font-size:7px}.trend-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-catalog-art{height:185px}.trend-bottom{gap:5px}.trend-bottom .channel-tag{font-size:7px}.trend-bottom .text-button{font-size:8px}.architecture-flow{flex-direction:column;align-items:stretch}.architecture-inputs{grid-template-columns:repeat(3,1fr)}.architecture-arrow{text-align:center;transform:rotate(90deg)}.architecture-core,.architecture-results{padding:20px}.top-actions{margin-left:auto}.queue-labels{margin-top:24px}.metric-value{font-size:31px}}@media(max-width:460px){.sidebar{padding:18px 5px}.admin-brand img{width:37px}.metric-area .metric-value{font-size:27px}.metric-area .metric-label{font-size:9px}.metric-area .metric-meta{font-size:8px}.metric-area .metric-chart{gap:5px}.queue-labels{gap:4px;margin-top:19px}.queue-labels span{font-size:8px;padding:5px 7px}.program-strip{grid-template-columns:1fr}.program-intro{grid-column:auto}.trend-program{min-height:120px}.trend-program-copy h3{font-size:14px}.trend-program-copy span{font-size:8px}.trend-program>img{object-position:center 35%}.trend-catalog-grid{grid-template-columns:1fr}.trend-catalog-art{height:205px}.catalog-card>.row-between h3{font-size:17px}.badge-demo{font-size:8px}.summary-grid .metric-value{font-size:24px}.large-chart{gap:6px}.large-chart small{font-size:6px}.menu-buttons span{font-size:9px}.setting-row{font-size:11px;gap:10px}.setting-row strong{font-size:10px}.channel-checkboxes{gap:13px}.channel-checkboxes label{font-size:10px}}
@media(max-width:760px){.dashboard-grid{grid-template-columns:minmax(0,1fr)}.metric-area{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.metric-area .metric-value{font-size:clamp(18px,5.5vw,27px)}.metric-area .metric-label{font-size:8px}.metric-area .metric-label>.icon{display:none}.metric-area .metric-meta{font-size:8px}.metric-area .metric{padding:15px}.metric-area .metric-chart{gap:4px}}

/* Operational overview: indicators and tasks take priority over decoration. */
.overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.overview-metrics .metric{min-height:177px}
.overview-metrics .metric-label .icon{display:none}
.overview-metrics .metric-value{font-size:clamp(26px,2.8vw,40px)}
.admin-tasks{margin-top:18px;display:flex;gap:25px;align-items:center;justify-content:space-between;padding:21px 24px}
.admin-tasks h2{font-size:17px}.admin-tasks>div>p{font-size:9px;color:#aaa1ad;margin-top:7px}
.admin-task-links{display:flex;gap:10px;flex:1;justify-content:flex-end}
.admin-task-links button{display:flex;align-items:center;gap:14px;border:1px solid #eeeaf0;border-radius:13px;background:#faf9fb;padding:13px 15px;color:#a295ab;font-size:10px}
.admin-task-links button strong{font-size:20px;font-weight:450;color:#7d6c8c}.admin-task-links button .icon{width:12px;height:12px}
.admin-task-links button:hover{background:#f4f2f7}
.program-arrow .icon{width:12px;height:12px}
@media(max-width:1200px){.overview-metrics{gap:12px}.admin-tasks{align-items:flex-start;flex-direction:column;gap:16px}.admin-task-links{width:100%;justify-content:flex-start}.admin-task-links button{flex:1;justify-content:space-between}}
@media(max-width:760px){.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.overview-metrics .metric{min-height:164px}.overview-metrics .metric-value{font-size:29px}}
@media(max-width:460px){.overview-metrics{gap:9px}.overview-metrics .metric{padding:15px;min-height:150px}.overview-metrics .metric-label{font-size:8px}.overview-metrics .metric-value{font-size:clamp(18px,5.5vw,27px)}.overview-metrics .metric-meta{font-size:8px}.overview-metrics .metric-chart{gap:4px}.admin-tasks{padding:20px}.admin-tasks h2{font-size:16px}.admin-task-links{flex-direction:column;gap:7px}.admin-task-links button{font-size:10px;padding:11px 13px}.admin-task-links button span{flex:1}.program-intro h2{font-size:18px}}
/* Keep trend metadata aligned when titles wrap onto different numbers of lines. */
.trend-catalog-grid>.catalog-card{display:flex;flex-direction:column}
.trend-catalog-grid>.catalog-card>.row-between{min-height:42px;align-items:center}
.trend-catalog-grid>.catalog-card>.trend-bottom{margin-top:auto;min-height:48px;align-items:center}
.trend-catalog-grid>.catalog-card>.trend-bottom>span{align-items:baseline;flex-wrap:nowrap}

/* Order journal: no media source is attached until explicitly opened. */
.process-stage{margin:12px 0;border:1px solid #ddd8cc;border-radius:8px;padding:12px}
.process-stage>summary{cursor:pointer;font-weight:700;overflow-wrap:anywhere}
.process-stage>summary small{display:block;font-weight:400;color:#68665e;margin:6px 0 0}
.process-media{display:grid;gap:10px;margin-top:12px}
.process-media-item .button{max-width:100%;white-space:normal;text-align:left}
.process-media-preview img,.process-media-preview video{display:block;width:100%;max-width:360px;max-height:420px;object-fit:contain;margin-top:10px;background:#111;border-radius:6px}
.process-request{white-space:pre-wrap;overflow-wrap:anywhere;max-height:480px;overflow:auto;font-size:12px;line-height:1.5;background:#f5f3ed;padding:12px;border-radius:6px}
.process-error{color:#b3261e;overflow-wrap:anywhere}

.trend-photo-preparation{padding:16px;border:2px solid #b9ed35;border-radius:10px;background:#fafbf3}
.trend-photo-preparation h3{margin:0 0 12px;font-size:16px}
.trend-preparation-settings{display:grid;gap:14px;margin-top:16px}
.trend-preparation-settings[hidden]{display:none}

.process-current{padding:14px;background:#f4f7e9;border-left:4px solid #b9ed35;border-radius:6px}.process-current strong{font-size:16px}.process-current p{font-size:13px;line-height:1.5;margin:8px 0}.process-current small,.process-live{color:#74716c;font-size:12px}.process-controls{display:flex;align-items:center;gap:12px;margin:12px 0}

.process-files .process-media{grid-template-columns:repeat(2,minmax(0,1fr))}.process-files .process-media-preview img{max-height:220px;background:#f4f3ef}.process-files .process-media-item{min-width:0}
@media(max-width:480px){.process-files .process-media{grid-template-columns:1fr}}

/* Media in the TVT admin: quiet paper cards, outlined icons, lime accents. */
#order-process .process-stage{border:0;border-top:1px solid #e7e4df;border-radius:0;padding:18px 0;margin:16px 0}
#order-process .process-stage>summary{display:block;list-style:none;font-size:14px;font-weight:600;padding-right:24px;position:relative}
#order-process .process-stage>summary::-webkit-details-marker{display:none}
#order-process .process-stage>summary:after{content:'';position:absolute;right:4px;top:3px;width:7px;height:7px;border-right:1.5px solid #78766f;border-bottom:1.5px solid #78766f;transform:rotate(45deg);transition:transform .15s}
#order-process .process-stage[open]>summary:after{transform:rotate(225deg);top:7px}
#order-process .process-media{gap:14px;margin-top:16px;align-items:start}
#order-process .process-media-item{overflow:hidden;border:1px solid #e7e4df;border-radius:14px;background:#fff;min-width:0}
#order-process .process-media-label{display:flex;align-items:center;gap:9px;width:100%;min-height:46px;padding:12px 14px;border:0;border-radius:0;background:transparent;color:#20211d;font:inherit;font-size:12px;font-weight:500;text-align:left;cursor:pointer}
#order-process .process-media-label>svg{width:17px;height:17px;flex:none;color:#797b70}
#order-process .process-media-label>span:first-of-type{flex:1;min-width:0;overflow-wrap:anywhere}
#order-process .process-media-label:hover{background:#f8f8f3}
#order-process .process-media-label:focus-visible{outline:2px solid #345bea;outline-offset:-3px}
#order-process .process-media-prepared{border-top:3px solid #b9ed35}
#order-process .process-media-prepared .process-media-label>svg{color:#445325}
#order-process .process-play-label{font-size:11px;color:#345bea;font-weight:600}
#order-process .process-media-preview:empty{display:none}
#order-process .process-media-preview{padding:0 10px 10px}
#order-process .process-media-preview img,#order-process .process-media-preview video{width:100%;max-width:none;max-height:280px;object-fit:contain;margin:0;border-radius:9px;background:#f5f4ef}
#order-process .process-files .process-media-preview img{height:220px;max-height:220px}
#order-process .process-controls .button{border-radius:10px;font-size:12px;padding:8px 13px}