/* LuKa Studio — section visual system
   Matte charcoal surfaces, silver controls, clear hierarchy.
   All selectors are scoped to the active page to keep section styling isolated. */
#page[data-section]{--section-edge:rgba(224,229,236,.13);--section-glow:rgba(220,226,235,.055);--section-surface:rgba(255,255,255,.025);position:relative;isolation:isolate}
#page[data-section]>.page-heading{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 22px;padding:25px 27px;border:1px solid var(--section-edge);border-radius:19px;background:radial-gradient(ellipse at 88% 0%,var(--section-glow),transparent 48%),linear-gradient(135deg,#15181d 0%,#0d0f12 72%);box-shadow:0 18px 55px #0004}
#page[data-section]>.page-heading:after{content:"";position:absolute;right:-44px;top:-86px;width:220px;height:220px;border:1px solid #ffffff0d;border-radius:50%;box-shadow:0 0 0 24px #ffffff04,0 0 0 48px #ffffff03;pointer-events:none}
#page[data-section]>.page-heading>div:first-child{position:relative;z-index:1;max-width:720px}
#page[data-section]>.page-heading small{color:#aab1bb;font:10px 'DM Mono',monospace;letter-spacing:1.8px}
#page[data-section]>.page-heading h2{margin:9px 0 7px;font-size:clamp(27px,3vw,39px);font-weight:650;letter-spacing:-1.7px;line-height:1.05}
#page[data-section]>.page-heading p{max-width:64ch;margin:0;color:#929aa5;font-size:12px;line-height:1.8}
#page[data-section] .heading-actions{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px}
#page[data-section] .panel{position:relative;overflow:hidden;border:1px solid #ffffff12;border-radius:16px;background:linear-gradient(145deg,#15181d 0%,#101216 75%);box-shadow:0 14px 40px #0003;transition:border-color .2s,transform .2s,background .2s}
#page[data-section] .panel:hover{border-color:#ffffff25}
#page[data-section] .panel-head{gap:15px;padding-bottom:15px;border-bottom:1px solid #ffffff0d}
#page[data-section] .panel-head small{color:#8f98a4;font:9px 'DM Mono',monospace;letter-spacing:1.4px}
#page[data-section] .panel-head h3{margin:6px 0 0;font-size:15px;font-weight:650;letter-spacing:-.3px}
#page[data-section] .kpi{position:relative;overflow:hidden;min-height:120px;padding:18px;border:1px solid #ffffff13;border-radius:15px;background:linear-gradient(145deg,#171a20,#101216);box-shadow:0 12px 30px #0003}
#page[data-section] .kpi:after{content:"";position:absolute;right:-28px;top:-38px;width:105px;height:105px;border:1px solid #ffffff0b;border-radius:50%;box-shadow:0 0 0 15px #ffffff03}
#page[data-section] .kpi small{color:#a3abb5;font:9px 'DM Mono',monospace;letter-spacing:1.1px}
#page[data-section] .kpi strong{display:block;margin:12px 0 7px;color:#f1f3f6;font-size:29px;font-weight:650;letter-spacing:-1.4px}
#page[data-section] .kpi span{color:#7f8995;font-size:10px}
#page[data-section] .toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 15px;padding:11px 13px;border:1px solid #ffffff10;border-radius:12px;background:#ffffff04}
#page[data-section] .control,#page[data-section] input:not([type=checkbox]):not([type=file]),#page[data-section] textarea,#page[data-section] select{border-color:#ffffff19;border-radius:9px;background:#0c0e12;color:#e8ebef}
#page[data-section] .control:focus,#page[data-section] input:focus,#page[data-section] textarea:focus,#page[data-section] select:focus{border-color:#aeb5bf;box-shadow:0 0 0 3px #ffffff0c}
#page[data-section] .btn.primary{border:1px solid #e4e7ec;background:linear-gradient(180deg,#e9ecf0,#c5cad2);color:#111419;font-weight:750;box-shadow:0 5px 16px #0004}
#page[data-section] .btn.primary:hover{background:linear-gradient(180deg,#fff,#d4d8de);transform:translateY(-1px)}
#page[data-section] .btn:not(.primary){border-color:#ffffff1c;background:#ffffff06;color:#d8dde4}
#page[data-section] .btn:not(.primary):hover{border-color:#ffffff45;background:#ffffff0d}
#page[data-section] .table-wrap{overflow:auto;border:1px solid #ffffff12;border-radius:13px;background:#0d0f13}
#page[data-section] table{border-collapse:separate;border-spacing:0;width:100%}
#page[data-section] th{position:sticky;top:0;background:#171a20;color:#929ba7;font:9px 'DM Mono',monospace;letter-spacing:1.1px}
#page[data-section] td{border-top:1px solid #ffffff0b;color:#d2d7de;font-size:11px}
#page[data-section] tbody tr{transition:background .16s}
#page[data-section] tbody tr:hover{background:#ffffff06}
#page[data-section] .table-title{color:#f0f2f5;font-weight:650}
#page[data-section] .badge{border:1px solid #ffffff1b;background:#ffffff08;color:#cbd1d9}
#page[data-section] .badge.good,#page[data-section] .badge.live{border-color:#cbd2dc35;background:#cbd2dc0d;color:#e0e5eb}
#page[data-section] .badge.warn{border-color:#d8c39b40;background:#d8c39b0b;color:#d8c39b}
#page[data-section] .empty-state{display:grid;gap:8px;min-height:130px;place-content:center;padding:26px;border:1px dashed #ffffff20;border-radius:13px;background:#ffffff03;text-align:center;color:#8d97a3;font-size:11px}
#page[data-section] .empty-state b{color:#e1e5ea;font-size:14px}
#page[data-section] .form-grid{gap:14px}
#page[data-section] .field label{color:#929ba7;font:9px 'DM Mono',monospace;letter-spacing:1px}
#page[data-section] .field input,#page[data-section] .field textarea,#page[data-section] .field select{min-height:42px}
#page[data-section] .form-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:15px;border-top:1px solid #ffffff10}
#page[data-section] .notice-banner{border:1px solid #ffffff19;border-radius:11px;background:#ffffff06;color:#aab2bd}
#page[data-section] .chart-bars{height:190px;align-items:flex-end;gap:5px;padding:15px 12px;border:1px solid #ffffff0d;border-radius:12px;background:linear-gradient(180deg,#ffffff05,#ffffff01)}
#page[data-section] .chart-bar{min-width:5px;border:1px solid #dce1e91c;border-radius:5px 5px 1px 1px;background:linear-gradient(180deg,#e1e5eb,#737b87);box-shadow:0 0 18px #cbd2dc10}
#page[data-section] .chart-bar span{color:#89929e;font-size:8px}
#page[data-section="overview"] .grid.kpis{gap:12px}
#page[data-section="overview"] .grid.two>.panel{min-height:190px}
#page[data-section="analytics"] .toolbar{justify-content:flex-start}
#page[data-section="analytics"] .table-wrap{max-height:460px}
#page[data-section="releases"] #releaseEditor{margin-top:18px}
#page[data-section="releases"] #releaseEditor>.empty-state{margin-top:10px}
#page[data-section="releases"] #releaseEditor .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#page[data-section="releases"] #lyricsForm textarea{min-height:280px;font:12px/1.8 'DM Mono',monospace}
#page[data-section="catalog"] #catalogSearch{max-width:340px;min-width:220px}
#page[data-section="catalog"] #catalogTable{margin-top:12px}
#page[data-section="library"] .toolbar .btn{min-width:105px}
#page[data-section="media"] .file-drop{display:grid;gap:15px;padding:24px;border:1px dashed #ffffff38;border-radius:14px;background:radial-gradient(ellipse at 50% 0%,#ffffff09,transparent 60%),#ffffff02}
#page[data-section="media"] .file-drop input[type=file]{max-width:100%;padding:14px;border:1px solid #ffffff19;border-radius:9px;background:#ffffff05}
#page[data-section="media"] .progress{height:6px;overflow:hidden;border-radius:10px;background:#ffffff12}
#page[data-section="media"] .progress i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#7c8490,#f0f2f5);transition:width .15s}
#page[data-section="campaigns"] .grid.kpis{gap:12px}
#page[data-section="campaigns"] .table-wrap{margin-top:14px}
#page[data-section="milestones"] .table-wrap{border-radius:16px}
#page[data-section="youtube"] .panel{margin-bottom:16px}
#page[data-section="youtube"] .panel .list-row{padding:14px 0;border-bottom:1px solid #ffffff0c}
#page[data-section="youtube"] form{margin-top:16px}
#page[data-section="profile"] .profile-preview{overflow:hidden;border:1px solid #ffffff1a;border-radius:16px;background:radial-gradient(ellipse at 50% 0%,#ffffff12,transparent 55%),#0b0d11;box-shadow:inset 0 1px #ffffff08}
#page[data-section="profile"] .profile-preview h3{font-size:26px;letter-spacing:-1px}
#page[data-section="profile"] .profile-preview .avatar{border:1px solid #ffffff30;background:linear-gradient(145deg,#e0e4ea,#747d89);color:#15181d}
#page[data-section="builder"] .grid.two{align-items:start}
#page[data-section="builder"] #sectionForm .list-row{padding:16px 0;border-bottom:1px solid #ffffff0d}
#page[data-section="builder"] #sectionForm input[type=checkbox]{accent-color:#d4d9e0;width:17px;height:17px}
#page[data-section="links"] .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#page[data-section="inbox"] .table-wrap{margin-top:14px}
#page[data-section="inbox"] tbody tr{cursor:pointer}
#page[data-section="team"] .table-wrap{margin-top:14px}
#page[data-section="team"] .kpi strong{font-variant-numeric:tabular-nums}
#page[data-section="activity"] .table-wrap{max-height:620px}
#page[data-section="activity"] td:first-child{white-space:nowrap;color:#aeb6c1}
#page[data-section="system"] .grid.kpis{gap:12px}
#page[data-section="system"] pre{overflow:auto;padding:17px;border:1px solid #ffffff13;border-radius:12px;background:#090b0e}
#page[data-section="system"] .table-wrap{margin-top:13px}
@media(max-width:900px){#page[data-section]>.page-heading{align-items:flex-start;flex-direction:column;padding:22px}#page[data-section] .heading-actions{width:100%}#page[data-section] .heading-actions .btn{flex:1}#page[data-section="releases"] #releaseEditor .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){#page[data-section]>.page-heading{padding:19px;border-radius:15px}#page[data-section]>.page-heading h2{font-size:27px}#page[data-section] .kpi{min-height:105px;padding:14px}#page[data-section] .kpi strong{font-size:23px}#page[data-section] .panel{border-radius:13px}#page[data-section] .toolbar{align-items:stretch}#page[data-section="releases"] #releaseEditor .form-grid,#page[data-section="links"] .form-grid{grid-template-columns:1fr}#page[data-section="catalog"] #catalogSearch{max-width:none;width:100%}#page[data-section="media"] .file-drop{padding:16px}}
@media(prefers-reduced-motion:reduce){#page[data-section] *{transition:none!important}}

/* Ticket inbox conversation layout */
.ticket-modal-summary,.ticket-modal-thread{margin:14px 0;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.025)}
.ticket-modal-thread{max-height:52vh;overflow:auto}
.ticket-thread-message{padding:14px 15px;margin:10px 0;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.035)}
.ticket-thread-message.visitor{border-inline-start:2px solid rgba(210,216,225,.65)}
.ticket-thread-message.admin{border-inline-start:2px solid rgba(145,161,184,.7);background:rgba(125,140,165,.07)}
.ticket-thread-message header{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#cbd0d8;font-size:11px}
.ticket-thread-message time{color:#858c97;font:10px "DM Mono",monospace;direction:ltr}
.ticket-thread-message p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;color:#f0f1f3}
.ticket-thread-message a{color:#d8dce3;font-size:11px}

/* LuKa Studio — full-page support inbox */
.ticket-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.ticket-stat{display:flex;flex-direction:column;gap:8px;padding:17px 18px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))}
.ticket-stat span{font:10px 'DM Mono',monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.ticket-stat b{font:700 28px 'Manrope',sans-serif;color:var(--text);font-variant-numeric:tabular-nums}
.ticket-stat-open{border-color:rgba(91,190,125,.24)}.ticket-stat-open b{color:#7bd99a}
.ticket-stat-progress{border-color:rgba(235,171,78,.24)}.ticket-stat-progress b{color:#efb65f}
.ticket-stat-closed{border-color:rgba(226,103,103,.22)}.ticket-stat-closed b{color:#e98b8b}
.ticket-inbox-panel{margin-top:18px}
.ticket-inbox-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:10px;margin-bottom:22px}
.ticket-inbox-toolbar input,.ticket-inbox-toolbar select{width:100%;min-width:0;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:11px;background:#0d1014;color:var(--text);font:12px 'Manrope',sans-serif;outline:none}
.ticket-inbox-toolbar input:focus,.ticket-inbox-toolbar select:focus{border-color:rgba(210,216,225,.55);box-shadow:0 0 0 3px rgba(210,216,225,.07)}
.ticket-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.ticket-list-heading b{font-size:13px}.ticket-list-heading span{font:10px 'DM Mono',monospace;color:var(--muted)}
.ticket-cards{display:grid;gap:11px}
.ticket-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(115deg,rgba(255,255,255,.045),rgba(255,255,255,.015));transition:border-color .2s,transform .2s}
.ticket-card:hover{border-color:rgba(220,225,233,.3);transform:translateY(-1px)}
.ticket-card-open{border-inline-start:3px solid #62c985}.ticket-card-in_progress{border-inline-start:3px solid #e5a94d}.ticket-card-closed{border-inline-start:3px solid #d56e6e}
.ticket-card-main{min-width:0;flex:1}
.ticket-card-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ticket-number{font:10px 'DM Mono',monospace;letter-spacing:.12em;color:var(--muted)}
.ticket-card h3{margin:9px 0 5px;font-size:16px;font-weight:700;color:var(--text)}
.ticket-card-sender{font-size:11px;color:var(--muted)}
.ticket-card-sender span{padding:0 4px;color:#626a75}
.ticket-card-preview{margin:12px 0 10px;color:#b9c0c9;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.ticket-card-foot{display:flex;gap:15px;flex-wrap:wrap;color:#7e8793;font:9px 'DM Mono',monospace}
.ticket-open-link{flex:none;text-decoration:none;white-space:nowrap}
.ticket-empty{padding:38px 16px;text-align:center;border:1px dashed var(--line);border-radius:14px;color:var(--muted);font-size:12px}
.workspace-state{font:9px 'DM Mono',monospace;letter-spacing:.12em;color:var(--muted)}
@media(max-width:760px){.ticket-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ticket-stat{padding:14px}.ticket-stat b{font-size:24px}.ticket-inbox-toolbar{grid-template-columns:1fr}.ticket-card{align-items:stretch;flex-direction:column;gap:14px}.ticket-open-link{width:100%;text-align:center}.ticket-card-foot{gap:9px}}

/* Library upload state */
.library-upload-status{min-height:18px;margin:12px 0 0;color:var(--text-muted);font-size:12px;line-height:1.5}
.library-upload-status:empty{display:none}