/* LUKO WORKSHOP · silver utility interface */
.workshop-page{position:relative}
.workshop-home-card{--ws-home-bg:#171c20;--ws-home-panel:#20272b;--ws-home-line:#46535a;--ws-home-text:#e5ecef;--ws-home-muted:#8f9ba2;--ws-home-accent:#93b6c0;width:100%;border:1px solid var(--ws-home-line);background:linear-gradient(180deg,var(--ws-home-panel),var(--ws-home-bg));color:var(--ws-home-text);border-radius:13px;padding:12px 13px;margin:12px 0;display:grid;grid-template-columns:31px 1fr auto 10px;align-items:center;gap:10px;text-align:left;box-shadow:none!important;filter:none;cursor:pointer;position:relative;overflow:hidden}
[data-theme="light"] .workshop-home-card{--ws-home-bg:#eef2f3;--ws-home-panel:#fafbfb;--ws-home-line:#b8c4c9;--ws-home-text:#344149;--ws-home-muted:#7b888f;--ws-home-accent:#6f929c}
.workshop-home-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ws-home-accent);opacity:.72}.workshop-home-core{width:27px;height:27px;border:1px solid var(--ws-home-line);border-radius:50%;position:relative;background:var(--ws-home-bg);box-shadow:none!important}.workshop-home-core:before,.workshop-home-core:after{content:"";position:absolute;left:6px;right:6px;top:50%;height:1px;background:var(--ws-home-accent);transform:none;box-shadow:none!important}.workshop-home-core:after{top:6px;bottom:6px;left:50%;right:auto;width:1px;height:auto}.workshop-home-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.workshop-home-copy strong{font:600 11px/1.2 ui-monospace,SFMono-Regular,monospace;letter-spacing:.16em}.workshop-home-copy small{color:var(--ws-home-muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workshop-home-state{font:600 9px ui-monospace,monospace;letter-spacing:.08em;color:var(--ws-home-accent);border:1px solid var(--ws-home-line);background:var(--ws-home-bg);padding:4px 6px;border-radius:4px}.workshop-home-arrow{font-size:17px;color:var(--ws-home-muted)}

.workshop-page{--ws-bg:#101518;--ws-panel:#171d21;--ws-panel-2:#1d2529;--ws-text:#e3eaed;--ws-muted:#95a1a7;--ws-dim:#68767d;--ws-line:#354249;--ws-line-strong:#53646c;--ws-accent:#91b7c1;--ws-ok:#7eb6a1;background:var(--ws-bg);color:var(--ws-text);flex-direction:column;overflow:hidden;color-scheme:dark}
[data-theme="light"] .workshop-page{--ws-bg:#edf1f2;--ws-panel:#fafbfb;--ws-panel-2:#e5ebed;--ws-text:#2c3940;--ws-muted:#627078;--ws-dim:#879399;--ws-line:#c6d0d4;--ws-line-strong:#9dacb2;--ws-accent:#6f949e;--ws-ok:#6f9a89;color-scheme:light}.workshop-page.active{display:flex!important}.workshop-page:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;background:repeating-linear-gradient(0deg,transparent 0,transparent 11px,color-mix(in srgb,var(--ws-line) 21%,transparent) 12px);z-index:0}
.workshop-header{height:66px;flex:none;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:8px;padding:env(safe-area-inset-top) 15px 0;border-bottom:1px solid var(--ws-line-strong);background:var(--ws-panel);z-index:4;position:relative}.workshop-header:after{content:"";position:absolute;left:15px;right:15px;bottom:3px;height:1px;background:var(--ws-line);opacity:.65}.workshop-header .page-header-btn{color:var(--ws-muted)}.workshop-header .page-header-title{color:var(--ws-text);font-size:17px;letter-spacing:.03em}.workshop-kicker{font:8px ui-monospace,monospace;letter-spacing:.25em;color:var(--ws-accent);margin-bottom:1px}.workshop-scroll{overflow:auto;padding:15px 14px calc(36px + env(safe-area-inset-bottom));flex:1;z-index:1;position:relative}
.workshop-system-btn{border:1px solid var(--ws-line-strong);background:var(--ws-bg);color:var(--ws-muted);border-radius:5px;padding:6px 8px;font:600 9px ui-monospace,monospace;letter-spacing:.09em;display:flex;gap:7px;align-items:center}.workshop-system-btn span:first-child,.developer-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ws-dim);box-shadow:none}.workshop-system-btn.dev span:first-child,.developer-live.ok i{background:var(--ws-ok);color:var(--ws-ok)}
.workshop-hero{min-height:124px;border:1px solid var(--ws-line-strong);border-radius:11px;background:linear-gradient(145deg,var(--ws-panel),var(--ws-panel-2));padding:17px 18px;display:flex;align-items:flex-end;justify-content:space-between;position:relative;overflow:hidden;box-shadow:none}.workshop-hero:before{content:"LUKO / OPERATIONS";position:absolute;right:12px;top:8px;color:var(--ws-dim);font:7px ui-monospace,monospace;letter-spacing:.16em}.workshop-hero:after{content:"";position:absolute;width:82px;height:82px;border:1px solid var(--ws-line);border-radius:50%;right:-25px;top:17px;box-shadow:inset 0 0 0 8px var(--ws-panel-2),inset 0 0 0 9px var(--ws-line);opacity:.54;pointer-events:none}.workshop-hero>div:first-child{display:flex;flex-direction:column;gap:5px;z-index:1;min-width:0}.workshop-hero span{font:8px ui-monospace,monospace;letter-spacing:.22em;color:var(--ws-accent)}.workshop-hero strong{color:var(--ws-text);font-size:17px;font-weight:500;max-width:250px}.workshop-hero small{color:var(--ws-muted);font-size:11px;max-width:280px}.workshop-countdown{font:500 11px ui-monospace,monospace;color:var(--ws-muted);z-index:1;border-bottom:1px solid var(--ws-line-strong);padding-bottom:2px}
.workshop-countdown-dates{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:14px}.workshop-countdown-dates:empty{display:none}.countdown-date-card{border:1px solid var(--ws-line);border-radius:8px;background:var(--ws-panel);padding:12px;text-align:center;position:relative;overflow:hidden}.countdown-date-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--ws-accent);opacity:.5}.countdown-date-days{font:600 22px ui-monospace,monospace;color:var(--ws-text);line-height:1.2}.countdown-date-label{font:9px ui-monospace,monospace;color:var(--ws-dim);letter-spacing:.12em;margin-top:2px}.countdown-date-name{font:500 11px/1.3 system-ui,sans-serif;color:var(--ws-muted);margin-top:6px}
.workshop-section{margin-top:21px}.workshop-section-head{display:flex;align-items:center;justify-content:space-between;margin:0 2px 8px;padding-bottom:6px;border-bottom:1px solid var(--ws-line)}.workshop-section-head h3{color:var(--ws-text);font-size:11px;font-weight:600;margin:0;letter-spacing:.09em}.workshop-section-head>span{font:9px ui-monospace,monospace;color:var(--ws-dim)}.workshop-mini-btn{width:25px;height:24px;border-radius:4px;border:1px solid var(--ws-line-strong);background:var(--ws-panel);color:var(--ws-accent);font-size:15px}.workshop-list{display:flex;flex-direction:column;gap:7px}.workshop-empty{padding:16px;border:1px dashed var(--ws-line);border-radius:8px;color:var(--ws-dim);font-size:11px;text-align:center;background:color-mix(in srgb,var(--ws-panel) 40%,transparent)}
.workshop-job{border:1px solid var(--ws-line);border-left:2px solid var(--ws-line-strong);background:var(--ws-panel);color:var(--ws-text);border-radius:7px;padding:11px 12px;text-align:left;width:100%;display:grid;grid-template-columns:1fr auto;gap:5px 10px;box-shadow:none}.workshop-job:active{background:var(--ws-panel-2)}.workshop-job strong{font-size:12px;font-weight:550}.workshop-job small{color:var(--ws-muted);grid-column:1/-1;font-size:10px;line-height:1.45}.workshop-job-meta{font:8px ui-monospace,monospace;color:var(--ws-accent);text-transform:uppercase;letter-spacing:.09em}.workshop-job-progress{grid-column:1/-1;height:2px;background:var(--ws-panel-2);overflow:hidden}.workshop-job-progress i{display:block;height:100%;background:var(--ws-accent)}
.workshop-detail{position:absolute;inset:0;z-index:12;background:rgba(17,23,27,.52);display:none;align-items:flex-end}.workshop-detail.open{display:flex}.workshop-detail-card{width:100%;max-height:92%;overflow:auto;border-radius:15px 15px 0 0;background:var(--ws-bg);color:var(--ws-text);border:1px solid var(--ws-line-strong);padding:12px 17px calc(25px + env(safe-area-inset-bottom));box-shadow:none}.workshop-detail-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-12px;background:var(--ws-bg);padding:8px 0;border-bottom:1px solid var(--ws-line);z-index:2}.workshop-detail-head .page-header-btn{color:var(--ws-muted)}.workshop-detail-head>span{font:8px ui-monospace,monospace;color:var(--ws-accent);text-transform:uppercase;letter-spacing:.11em}.workshop-detail h2{color:var(--ws-text);font-size:19px;font-weight:500;margin:13px 0 4px}.workshop-detail .detail-sub{color:var(--ws-muted);font-size:11px;line-height:1.55;margin-bottom:17px}.workshop-detail-block{border-top:1px solid var(--ws-line);padding:14px 0}.workshop-detail-block label{display:block;font-size:9px;color:var(--ws-dim);letter-spacing:.06em;margin-bottom:7px}.workshop-detail-block p{color:var(--ws-text);white-space:pre-wrap;margin:0;font-size:12px;line-height:1.58}.workshop-detail pre{white-space:pre-wrap;word-break:break-word;max-height:320px;overflow:auto;background:#0e1417;color:#c7d4d9;border:1px solid #34434a;border-radius:6px;padding:11px;font:10px/1.5 ui-monospace,monospace}.workshop-detail textarea{width:100%;min-height:210px;background:var(--ws-panel);color:var(--ws-text);border:1px solid var(--ws-line-strong);border-radius:6px;padding:11px;resize:vertical}.workshop-save-writing,.approval-actions button{border:1px solid var(--ws-line-strong);border-radius:5px;background:var(--ws-accent);color:#f8fbfc;padding:9px 13px;margin-top:9px}.approval-actions{display:flex;gap:8px}.approval-actions .reject{background:transparent;color:var(--ws-muted);border:1px solid var(--ws-line-strong)}
.developer-live{font:8px ui-monospace,monospace;color:var(--ws-muted);letter-spacing:.1em;display:flex;align-items:center;gap:6px}.developer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.developer-cell{border:1px solid var(--ws-line);border-radius:6px;background:var(--ws-panel);padding:11px;min-height:67px;box-shadow:none}.developer-cell label{display:block;font:8px ui-monospace,monospace;color:var(--ws-dim);letter-spacing:.13em;margin-bottom:6px}.developer-cell strong{color:var(--ws-text);font:600 12px ui-monospace,monospace;word-break:break-word}.workshop-settings-link{width:100%;border:0;background:none;color:var(--ws-text);text-align:left}.workshop-settings-link>span:first-child{display:flex;flex-direction:column;gap:3px}.workshop-settings-link small{color:var(--ws-muted)}
.workshop-event-card{margin:11px 14px;padding:12px 13px;border:1px solid var(--ws-line-strong,#65777e);border-left:3px solid var(--ws-accent,#86aab3);border-radius:7px;background:var(--ws-panel,#182024);cursor:pointer;box-shadow:none}.workshop-event-card .event-top{display:flex;justify-content:space-between;gap:10px;font:8px ui-monospace,monospace;color:var(--ws-accent,#86aab3);letter-spacing:.13em}.workshop-event-card strong{display:block;margin:7px 0 4px;font-size:12px}.workshop-event-card p{margin:0;color:var(--ws-muted,#89969c);font-size:10px;line-height:1.5}.workshop-event-card .event-open{margin-top:8px;font-size:9px;color:var(--ws-accent,#86aab3);letter-spacing:.05em}

.chat-link-card{display:grid;grid-template-columns:1fr auto;gap:5px 12px;margin:3px 0 7px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:14px;background:linear-gradient(125deg,var(--card-bg),color-mix(in srgb,var(--accent) 6%,var(--card-bg)));color:var(--text);text-decoration:none;max-width:min(420px,100%)}.chat-link-card .chat-link-host{grid-column:1/-1;font:9px ui-monospace,monospace;letter-spacing:.1em;color:var(--accent);text-transform:uppercase}.chat-link-card strong{font-size:13px;line-height:1.35}.chat-link-card small{grid-column:1/-1;color:var(--text-secondary);font-size:11px;line-height:1.45}.chat-link-card .chat-link-open{grid-column:2;grid-row:2;color:var(--accent);font-size:10px;white-space:nowrap;align-self:center}
#video-preview{display:none;position:relative;align-items:center;gap:10px;margin:0 12px 8px;padding:8px 38px 8px 8px;border:1px solid var(--border);border-radius:12px;background:var(--card-bg)}#video-preview.active{display:flex}#video-preview video{width:92px;height:62px;border-radius:8px;background:#000;object-fit:cover}#video-preview-name{min-width:0;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}#video-upload-state{font-size:10px;color:var(--text-secondary)}#video-preview .remove-btn{position:absolute;right:9px;top:9px;border:0;background:transparent;color:var(--text-secondary);font-size:20px}.chat-video-card{width:min(420px,78vw);margin:3px 0 7px}.chat-video-card video{display:block;width:100%;max-height:58vh;border-radius:14px;background:#000}.chat-video-card small{display:block;margin-top:5px;color:var(--text-secondary);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:800px){.workshop-scroll{max-width:900px;width:100%;margin:auto}.workshop-detail{align-items:center;justify-content:center}.workshop-detail-card{max-width:720px;border-radius:15px;max-height:86%}.developer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}