/* style.css */
:root{color-scheme:dark;--bg:#0e0e0e;--sidebar:#111111;--panel:#181818;--panel2:#1d1d1d;--line:#2c2c2c;--text:#f2f2f2;--muted:#9a9a9a;--purple:#a2a2a2;--blue:#8a8a8a;--green:#bcbcbc;--amber:#bfbfbf;--red:#a3a3a3;font-family:Inter,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}a{color:var(--purple);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.boot{padding:60px;color:var(--muted)}.shell{display:flex;min-height:100vh}.sidebar{width:238px;background:var(--sidebar);border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;padding:26px 17px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 11px 28px}.brand-icon{width:40px;height:44px;color:#a8a8a8;display:grid;place-items:center}.brand-icon svg{width:34px;height:34px}.brand-title{font-size:20px;font-weight:750;letter-spacing:-.8px}.brand-title span{color:var(--purple)}.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:2.3px;margin-top:4px}.server-card{display:flex;gap:10px;align-items:center;background:#1e1e1e;border:1px solid #383838;border-radius:12px;padding:12px;margin-bottom:29px}.server-logo{width:37px;height:37px;border-radius:10px;background:#2b2b2b;object-fit:cover;mix-blend-mode:screen}.server-card strong{font-size:12px;display:block}.server-card small{font-size:11px;color:var(--muted);display:block;margin-top:4px}.server-select{max-width:150px;border:0;padding:0;background:transparent;font-size:12px;color:var(--text);font-weight:600}.nav-label{font-size:10px;font-weight:650;letter-spacing:1.6px;color:#747474;padding:0 14px;margin:12px 0}.nav{display:flex;flex-direction:column;gap:5px}.nav button{border:0;background:none;text-align:left;display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:9px;color:#a6a6a6;font-size:13px;position:relative}.nav button:hover{background:#212121;color:var(--text)}.nav button.active{background:#282828;color:#b7b7b7}.nav button.active:before{content:"";position:absolute;left:-17px;height:21px;width:3px;background:var(--purple);border-radius:0 3px 3px 0}.icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle}.nav-count{margin-left:auto;border-radius:5px;background:#373737;padding:2px 6px;font-size:10px;color:#cbcbcb}.sidebar-bottom{margin-top:auto;padding-top:24px}.connection{border:1px solid var(--line);background:#181818;border-radius:10px;padding:12px;font-size:11px;color:var(--muted)}.connection strong{font-size:12px;color:var(--text)}.connection small{display:block;margin-top:5px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:7px;box-shadow:0 0 9px #bcbcbc35}.dot.amber{background:var(--amber);box-shadow:none}.account{display:flex;align-items:center;gap:10px;padding:17px 5px 0}.avatar{width:35px;height:35px;border-radius:11px;background:#2d2d2d;color:#c9c9c9;display:inline-grid;place-items:center;font-weight:600;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.account strong{font-size:12px;display:block}.account small{font-size:10px;color:var(--muted)}.main{margin-left:238px;flex:1;min-width:0}.topbar{height:78px;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;background:#101010;gap:16px}.crumb{display:flex;align-items:center;gap:12px;color:#848484;font-size:12px}.crumb b{font-weight:500;color:#cccccc}.top-actions{display:flex;align-items:center;gap:16px}.pill{font-size:11px;border:1px solid #3c3c3c;background:#232323;color:#bcbcbc;padding:6px 9px;border-radius:6px;display:inline-flex;gap:6px;align-items:center;white-space:nowrap}.pill.green{background:#262626;border-color:#464646;color:var(--green)}.pill.amber{background:#252525;border-color:#3e3e3e;color:var(--amber)}.pill.gray{background:#242424;border-color:#393939;color:#afafaf}.content{padding:33px 38px 48px;max-width:1510px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.eyebrow{color:#8c8c8c;font-size:10px;text-transform:uppercase;letter-spacing:2px;font-weight:600;margin-bottom:10px}h1{font-size:30px;letter-spacing:-1.1px;font-weight:650;margin:0 0 9px}h2{font-size:15px;font-weight:600;margin:0}h3{font-size:14px;margin:0 0 8px}.subtext,p{color:var(--muted);line-height:1.6;font-size:12px;margin:0}.btn{border:1px solid #3a3a3a;border-radius:8px;padding:10px 15px;color:#cccccc;background:#1e1e1e;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;white-space:nowrap}.btn:hover{background:#2c2c2c;border-color:#565656}.btn.primary{background:#9a9a9a;color:#141414;border-color:#acacac;box-shadow:0 4px 17px #7b7b7b1b}.btn.primary:hover{background:#b2b2b2}.btn.danger{color:var(--red);border-color:#3b3b3b;background:#202020}.btn.small{padding:7px 10px;font-size:11px}.btn.ghost{border:0;background:none;padding:6px;color:var(--muted)}.btn-row{display:flex;gap:9px;flex-wrap:wrap}.banner{position:relative;overflow:hidden;border:1px solid #3a3a3a;border-radius:13px;background:linear-gradient(100deg,#232323,#1e1e1e 60%,#282828);padding:23px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.banner:after{content:"";width:250px;height:250px;position:absolute;border:1px solid #7575751f;border-radius:50%;right:50px;top:-120px;pointer-events:none}.banner h2{font-size:16px;margin-bottom:7px}.banner p{max-width:630px;color:#aaaaaa}.banner .icon{color:#b5b5b5;width:28px;height:28px}.banner-left{display:flex;gap:18px;align-items:center}.banner .btn{position:relative;z-index:1}.demo-note{display:flex;align-items:center;gap:7px;font-size:11px;color:#a4a4a4;margin-bottom:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:18px 20px}.stat-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#a6a6a6;margin-bottom:17px}.stat-icon{display:grid;place-items:center;color:var(--purple);border:1px solid #393939;background:#282828;width:30px;height:30px;border-radius:8px}.stat-value{font-size:29px;font-weight:650;letter-spacing:-.8px;display:flex;align-items:baseline;gap:9px}.stat-bottom{font-size:10px;color:#818181;margin-top:8px}.stat-bottom .good{color:var(--green)}.grid-main{display:grid;grid-template-columns:1.6fr 1fr;gap:21px;margin-bottom:24px}.panel{border:1px solid var(--line);background:var(--panel);border-radius:12px;overflow:hidden}.panel-head{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #2a2a2a}.panel-head.no-border{border-bottom:0}.panel-head small{color:var(--muted);font-size:11px}.panel-body{padding:21px 22px}.chart-wrap{padding:0 22px 18px}.chart{width:100%;height:177px;overflow:visible}.chart-labels{display:flex;justify-content:space-between;font-size:10px;color:#767676;padding:0 7px}.legend{display:flex;align-items:center;gap:7px;font-size:11px;color:#9e9e9e}.legend i{width:7px;height:7px;border-radius:50%;background:#9c9c9c}.checklist{padding:0 22px 4px}.check-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #2b2b2b}.check-row:last-child{border:0}.check-circle{width:23px;height:23px;border:1px solid #484848;background:#262626;color:#ababab;display:grid;place-items:center;font-size:10px;border-radius:50%}.check-circle.done{background:#2c2c2c;color:var(--green);border-color:#4b4b4b}.check-row strong{font-size:12px;font-weight:550;display:block}.check-row small{font-size:10px;color:#858585}.check-row .icon{width:14px}.check-row .btn{margin-left:auto}.progress-track{height:4px;background:#2c2c2c;border-radius:3px;overflow:hidden}.progress-fill{background:#a4a4a4;height:100%;width:var(--progress)}.progress-caption{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;margin-bottom:10px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{color:#808080;font-weight:500;font-size:10px;letter-spacing:.4px;background:#161616;white-space:nowrap}th,td{padding:14px 22px;border-bottom:1px solid #2b2b2b}tr:last-child td{border-bottom:0}tbody tr:hover{background:#1e1e1e}td{color:#b9b9b9}.event-cell{display:flex;align-items:center;gap:11px;color:#dcdcdc}.event-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#2a2a2a;color:#aaaaaa}.event-icon.security{background:#2c2c2c;color:var(--amber)}.event-icon.members{background:#2b2b2b;color:#c0c0c0}.event-icon.tickets{background:#292929;color:#b2b2b2}.event-icon .icon{width:15px;height:15px}.event-cell strong{font-weight:500;font-size:12px;display:block}.event-cell small{font-size:10px;color:#878787;display:block;margin-top:4px}.mono{font-family:Consolas,monospace;font-size:11px;color:#979797}.time{font-size:11px;white-space:nowrap;color:#939393}.footer-note{color:#676767;font-size:10px;display:flex;justify-content:space-between;margin-top:22px}.toolbar{display:flex;gap:12px;margin-bottom:20px;align-items:center;flex-wrap:wrap}.search{flex:1;min-width:190px;position:relative}.search .icon{position:absolute;left:13px;top:11px;color:#707070;width:17px}.search input{padding-left:40px}.input,input,select,textarea{border:1px solid #393939;background:#141414;border-radius:7px;color:#dfdfdf;padding:10px 12px;width:100%;font-size:12px}input::placeholder,textarea::placeholder{color:#707070}select{cursor:pointer}textarea{resize:vertical;min-height:96px;line-height:1.7}.toolbar select{width:180px}.toolbar input[type=date]{width:145px}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:23px}.tabs button{padding:0 0 13px;border:0;background:none;color:#8b8b8b;font-size:12px}.tabs button.active{color:#bcbcbc;border-bottom:2px solid var(--purple)}.empty{text-align:center;padding:48px 20px;color:var(--muted)}.empty .icon{width:32px;height:32px;margin-bottom:12px;color:#767676}.empty h3{color:#cccccc}.pagination{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.module-row{display:grid;grid-template-columns:1fr 230px 42px;align-items:center;gap:20px;padding:17px 22px;border-bottom:1px solid var(--line)}.module-row:last-child{border-bottom:0}.module-title{display:flex;gap:13px;align-items:center}.module-title strong{font-size:12px;font-weight:550;display:block}.module-title small{font-size:10px;color:#8f8f8f;display:block;margin-top:4px}.toggle{position:relative;display:inline-block;width:34px;height:20px}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle span{position:absolute;inset:0;background:#383838;border-radius:15px;cursor:pointer}.toggle span:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;background:#8f8f8f;border-radius:50%;transition:.15s}.toggle input:checked+span{background:#999999}.toggle input:checked+span:after{transform:translate(14px);background:#fff}.toggle input:focus-visible+span{outline:2px solid #c1c1c1;outline-offset:3px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px}.field{margin-bottom:19px}.field label{font-size:12px;color:#cccccc;display:block;margin-bottom:8px}.field small{font-size:10px;color:#878787;display:block;margin-top:7px;line-height:1.6}.setting-line{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.setting-line:first-child{padding-top:0}.setting-line:last-child{border-bottom:0}.setting-line strong{font-size:12px;font-weight:550;display:block}.setting-line small{font-size:11px;color:#878787;display:block;margin-top:6px;max-width:430px;line-height:1.6}.save-bar{position:sticky;bottom:18px;margin-top:23px;background:#252525;border:1px solid #494949;border-radius:10px;padding:13px 18px;display:flex;justify-content:space-between;align-items:center;gap:15px;box-shadow:0 8px 30px #0004;z-index:5}.save-bar strong{font-size:12px;display:block}.save-bar small{font-size:10px;color:#9e9e9e}.save-bar.clean{background:#181818;border-color:#343434;box-shadow:none}.welcome-card{width:100%;border-radius:10px;display:block;background:#212121;min-height:150px}.welcome-preview{background:#171717;padding:20px;border:1px solid var(--line);border-radius:10px}.discord-msg{display:flex;align-items:center;gap:10px;font-size:12px;margin-bottom:14px}.bot-tag{background:#878787;border-radius:3px;padding:2px 4px;font-size:8px;font-weight:600}.discord-msg strong{color:#b9b9b9}.preview-caption{font-size:10px;color:#777777;margin-top:13px}.security-options{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-top:23px}.security-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:22px}.security-card>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.security-card h3{margin:0;font-size:14px}.security-card p{min-height:60px;font-size:11px}.security-card .field{margin-top:15px;margin-bottom:0}.security-card .number-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.member-name{display:flex;align-items:center;gap:11px}.member-name strong{font-weight:550;color:#dedede;display:block;font-size:12px}.member-name small{font-size:10px;color:#888888}.role-badge{display:inline-block;font-size:10px;border:1px solid #3c3c3c;background:#272727;border-radius:5px;padding:4px 7px;margin:2px}.ticket-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.ticket-card{padding:21px;border:1px solid var(--line);background:var(--panel);border-radius:12px;cursor:pointer}.ticket-card:hover{border-color:#5f5f5f}.ticket-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.ticket-card h3{font-size:14px}.ticket-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}.ticket-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font-size:11px;color:#929292}.ticket-state{font-size:10px;border-radius:5px;padding:5px 8px;color:#bbbbbb;background:#2e2e2e}.ticket-state.working{color:#b6b6b6;background:#282828}.ticket-state.waiting{color:#bfbfbf;background:#292929}.ticket-state.closed{color:#a6a6a6;background:#2a2a2a}.ticket-id{font-size:10px;color:#848484;font-family:Consolas,monospace}.notice{background:#212121;border:1px solid #3d3d3d;padding:15px 18px;border-radius:9px;color:#a5a5a5;font-size:11px;line-height:1.7;margin-bottom:21px}.notice.warning{background:#242424;border-color:#434343;color:#bebebe}.notice.error{background:#232323;border-color:#494949;color:#c1c1c1}.login{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(ellipse at top,#252525,transparent 60%)}.login-card{width:440px;max-width:100%;text-align:center;border:1px solid #3b3b3b;background:#1a1a1a;border-radius:18px;padding:40px}.login-card img{width:155px;mix-blend-mode:screen}.login-card h1{margin-top:15px}.login-card .btn{margin-top:25px}.login-card small{display:block;color:var(--muted);font-size:11px;margin-top:20px}.modal-backdrop{position:fixed;inset:0;background:#070707b8;backdrop-filter:blur(5px);z-index:50;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:#1c1c1c;border:1px solid #444444;border-radius:14px;width:670px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 35px 100px #0007}.modal header{padding:22px 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-body{padding:23px 25px}.modal .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.modal .detail-grid small{font-size:10px;color:#888888;display:block;margin-bottom:7px}.modal pre{background:#141414;border:1px solid var(--line);border-radius:9px;padding:17px;white-space:pre-wrap;word-break:break-word;color:#bcbcbc;font-size:11px;line-height:1.7}.transcript-msg{padding:13px 15px;background:#171717;border:1px solid #313131;border-radius:8px;margin-bottom:11px}.transcript-msg strong{font-size:11px;color:#bababa}.transcript-msg small{font-size:10px;color:#8b8b8b;float:right}.transcript-msg p{margin-top:7px;white-space:pre-wrap;font-size:12px;color:#cacaca}#toast{position:fixed;bottom:24px;right:26px;border:1px solid #545454;background:#2b2b2b;color:#dbdbdb;border-radius:10px;padding:14px 20px;z-index:100;max-width:420px;font-size:12px;box-shadow:0 7px 30px #0004;display:none}#toast.visible{display:block}#toast.error{background:#262626;border-color:#4b4b4b;color:#c6c6c6}.section-gap{margin-top:24px}.mobile-menu{display:none}.text-muted{color:var(--muted)}.text-green{color:var(--green)}.upper{font-size:10px;letter-spacing:1.5px;color:#878787}.filter-chip{padding:7px 12px;font-size:11px;border-radius:7px;background:#1b1b1b;border:1px solid #373737;color:#979797}.filter-chip.active{border-color:#777777;background:#272727;color:#bfbfbf}.error-screen{padding:40px}.mobile-overlay{display:none}@media(min-width:1500px){.content{padding-top:40px}.stats{gap:22px}.stat{padding:22px}.chart{height:200px}.grid-main{grid-template-columns:1.7fr 1fr}}@media(max-width:1150px){.sidebar{width:208px}.main{margin-left:208px}.topbar{padding:0 24px}.content{padding:27px 24px}.module-row{grid-template-columns:1fr 180px 35px;gap:10px}.security-options{gap:12px}.security-card{padding:16px}.stat{padding:15px}.stat-value{font-size:25px}.grid-main{grid-template-columns:1.3fr 1fr}.top-actions .date-label{display:none}}@media(max-width:850px){.sidebar{transform:translate(-100%);transition:.2s;width:238px}.sidebar.open{transform:translate(0)}.main{margin-left:0}.mobile-menu{display:inline-flex}.topbar{height:65px;padding:0 20px}.crumb{gap:9px}.content{padding:25px 20px}.stats{grid-template-columns:repeat(2,1fr)}.grid-main,.form-grid,.security-options{grid-template-columns:1fr}.security-card p{min-height:0}.page-heading h1{font-size:26px}.banner,.banner-left{align-items:flex-start}.ticket-grid{grid-template-columns:1fr}.mobile-overlay.show{display:block;position:fixed;inset:0;background:#0007;z-index:19}.security-card .number-row{margin-top:15px}}@media(max-width:550px){.page-heading{align-items:flex-start;flex-direction:column;gap:15px}.banner{flex-direction:column;padding:20px}.top-actions{gap:8px}.top-actions>.btn{display:none}.stat{padding:16px}.stats{gap:11px}.stat-value{font-size:24px}.footer-note{display:none}.module-row{grid-template-columns:1fr 35px;padding:16px}.module-row select{grid-row:2;grid-column:1/-1}.module-row .toggle{grid-row:1;grid-column:2}.save-bar{align-items:flex-start;flex-direction:column}.save-bar .btn-row{width:100%}.save-bar .btn{flex:1}.modal-backdrop{padding:12px}.modal-body{padding:20px}.modal .detail-grid{grid-template-columns:1fr}.toolbar .search{flex-basis:100%}.toolbar select{flex:1}th,td{padding:13px 16px}.tabs{gap:18px}.notice{padding:13px}.content{padding:22px 16px}.topbar{padding:0 16px}}.progress-fill.p0{width:0}.progress-fill.p25{width:25%}.progress-fill.p50{width:50%}.progress-fill.p75{width:75%}.progress-fill.p100{width:100%}.ticket-card{text-align:left;color:var(--text)}.sidebar{width:270px;padding:25px 16px 18px;background:linear-gradient(180deg,#151515,#111111);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3c3c3c transparent}.main{margin-left:270px}.brand{padding:0 10px 24px;gap:10px}.brand-title{font-size:22px}.brand small{font-size:9px;letter-spacing:1.8px}.brand-icon{width:42px;height:44px;border:1px solid #444444;border-radius:13px;background:linear-gradient(135deg,#2f2f2f,#222222);box-shadow:0 5px 20px #0002}.brand-icon svg{width:27px;height:27px}.server-card{padding:13px;margin-bottom:20px;background:#202020;border-color:#3e3e3e;box-shadow:0 5px 14px #0001}.server-logo{width:42px;height:42px}.server-select{max-width:172px;font-size:13px}.server-card small{font-size:11px}.nav-label{color:#989898;font-size:10px;letter-spacing:1.5px;padding:0 12px;margin:15px 0 10px}.nav-label.section-gap{margin-top:24px;padding-top:18px;border-top:1px solid #2e2e2e}.nav{gap:7px}.nav button{min-height:62px;width:100%;padding:10px 11px;gap:11px;border:1px solid transparent;border-radius:12px;color:#c7c7c7;transition:background .16s,border-color .16s;flex-shrink:0}.nav button:hover{background:#232323;border-color:#404040;color:#f5f5f5}.nav button.active{background:linear-gradient(110deg,#323232,#292929);border-color:#585858;color:#f1f1f1;box-shadow:inset 0 1px #b1b1b115,0 4px 16px #0002}.nav button.active:before{left:-1px;top:18px;width:3px;height:25px;border-radius:0 3px 3px 0;background:#b5b5b5;box-shadow:0 0 10px #a3a3a355}.nav-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;background:#292929;border:1px solid #3c3c3c;color:#b7b7b7}.nav-icon .icon{width:22px;height:22px;stroke-width:1.8}.nav-icon-members{color:#c3c3c3;background:#282828;border-color:#3e3e3e}.nav-icon-tickets{color:#b8b8b8;background:#292929;border-color:#3e3e3e}.nav-icon-security{color:#bebebe;background:#292929;border-color:#424242}.nav-icon-welcome{color:#bababa;background:#282828;border-color:#3c3c3c}.nav-icon-settings{color:#b6b6b6}.nav button.active .nav-icon{color:#dcdcdc;background:#5a5a5a55;border-color:#83838370}.nav-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.nav-title{font-size:13px;font-weight:600;line-height:1.2;letter-spacing:.05px}.nav-description{font-size:10px;line-height:1.3;color:#919191;white-space:nowrap}.nav button.active .nav-description{color:#b0b0b0}.nav button:hover .nav-description{color:#b3b3b3}.nav-chevron{margin-left:auto;display:flex;color:#7a7a7a}.nav-chevron .icon{width:14px;height:14px}.nav button.active .nav-chevron{color:#bbbbbb}.nav-count{margin-left:auto;min-width:24px;height:24px;display:grid;place-items:center;border:1px solid #555555;background:#333333;border-radius:7px;font-size:11px;font-weight:600;color:#d2d2d2;padding:0 5px}.sidebar-bottom{padding-top:25px}.connection{border-color:#3a3a3a;border-radius:12px;padding:13px;background:#1e1e1e}.account{border-top:1px solid #2c2c2c;margin-top:15px;padding:16px 4px 0}.account .btn{margin-left:auto}@media(max-width:1150px)and (min-width:851px){.sidebar{width:254px}.main{margin-left:254px}.nav-description{font-size:9px}.nav button{gap:9px}.nav-title{font-size:12px}.server-select{max-width:150px}}@media(max-width:850px){.sidebar{width:270px}.main{margin-left:0}.sidebar.open{box-shadow:12px 0 50px #0005}}@media(prefers-reduced-motion:reduce){.nav button{transition:none}}@media(max-height:820px){.sidebar{padding-top:16px;padding-bottom:14px}.brand{padding-bottom:14px}.brand-icon{width:38px;height:38px}.brand-title{font-size:20px}.server-card{padding:10px;margin-bottom:10px}.server-logo{width:36px;height:36px}.nav-label{margin-top:10px;margin-bottom:8px}.nav-label.section-gap{margin-top:15px;padding-top:12px}.nav{gap:4px}.nav button{min-height:46px;padding:7px 11px}.nav-icon{width:31px;height:31px;border-radius:9px}.nav-icon .icon{width:21px;height:21px}.nav-description{display:none}.nav button.active:before{top:12px;height:22px}.sidebar-bottom{padding-top:16px}.connection{padding:10px 12px}.account{margin-top:12px;padding-top:12px}}.sidebar-navigation{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#454545 transparent;padding-right:3px}.sidebar .brand,.sidebar .server-card,.sidebar-bottom{flex-shrink:0}.sidebar-bottom{margin-top:12px;padding-top:8px}.nav-icon-community{color:#bcbcbc}.nav-icon-feedback{color:#c8c8c8}.nav-icon-sales{color:#c9c9c9}.nav-description{white-space:normal}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.structure-list{max-height:360px;overflow:auto;border:1px solid #393939;border-radius:12px}.structure-room{display:flex;justify-content:space-between;gap:12px;padding:9px 18px;border-bottom:1px solid #2e2e2e}.structure-room:not(.category-room){padding-left:36px}.structure-room small{color:#a0a0a0;font-size:10px}.category-room{background:#2a2a2a;font-weight:600}.donut-layout{padding:28px;display:flex;align-items:center;gap:28px;min-height:245px}.donut-layout svg{width:180px;flex-shrink:0}.donut-legend{flex:1;min-width:0}.donut-legend>div{display:flex;align-items:center;gap:9px;font-size:12px;margin:16px 0}.donut-legend strong{margin-left:auto;white-space:nowrap;color:#d6d6d6}.chart-key{width:9px;height:9px;border-radius:3px;flex-shrink:0}.key-0{background:#a9a9a9}.key-1{background:#bcbcbc}.key-2{background:#b5b5b5}.key-3{background:#bdbdbd}.key-4{background:#a6a6a6}.key-5{background:#787878}.money-value{font-size:28px}.rank-number{color:#9d9d9d;margin-right:10px}.id-caption{display:block;font-size:10px;color:#8a8a8a;margin-top:5px}.rating-summary{padding:12px 24px;min-width:300px}.stars{color:#c8c8c8;letter-spacing:2px}.stars small{letter-spacing:0;color:#b3b3b3}.review-row{padding:24px;border-bottom:1px solid #313131}.review-top{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.review-top>small{margin-left:auto;color:#a0a0a0}.review-row p{white-space:pre-wrap;color:#c5c5c5;line-height:1.7}.review-row h3{font-size:14px;margin-top:20px}@media(max-width:1200px){.donut-layout{gap:16px;padding:20px}.donut-layout svg{width:140px}.money-value{font-size:23px}}@media(max-width:1000px){.three-columns{grid-template-columns:1fr}.donut-layout{flex-wrap:wrap}.donut-legend{min-width:150px}}.feedback-stats{grid-template-columns:minmax(220px,.7fr) minmax(300px,2fr)}.rating-summary .setting-line{padding:10px 0;margin:0}.feedback-stats .stat-value{margin-top:25px}@media(max-width:700px){.feedback-stats{grid-template-columns:1fr}.rating-summary{min-width:0}}

.embedded .sidebar,.embedded .topbar{display:none}.embedded .main{margin-left:0}.embedded .shell{min-height:0}

.member-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.member-summary>div{padding:20px;border:1px solid #323232;background:#151515;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.member-summary small{color:#a5a5a5}.member-summary strong{font-size:22px}.member-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.member-tile{position:relative;display:flex;align-items:center;flex-direction:column;gap:8px;min-height:270px;padding:26px 16px 17px;background:linear-gradient(160deg,#1c1c1c,#121212);border:1px solid #353535;border-radius:16px;color:#eee;text-align:center;transition:border-color .15s,transform .15s}.member-tile:hover{border-color:#a2a2a2;transform:translateY(-2px)}.member-tile .avatar{width:66px;height:66px;border-radius:50%;font-size:22px;background:#313131}.member-tile .avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.member-tile strong{font-size:14px;margin-top:5px}.member-tile small,.member-joined{font-size:11px;color:#969696}.member-rank{position:absolute;left:13px;top:12px;font-size:11px;color:#9a9a9a}.member-tile>.bot-tag{position:absolute;right:12px;top:12px}.member-tile-roles{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;min-height:26px}.member-tile .role-badge{font-size:9px;margin:0;padding:4px 6px}.member-age{font-size:11px;color:#c7c7c7}.member-profile-link{display:flex;align-items:center;gap:6px;color:#aeaeae;margin-top:auto;padding-top:9px;font-size:11px}.member-profile-link svg{width:13px}.support-chat-frame{display:block;width:100%;height:calc(100vh - 240px);min-height:640px;border:1px solid #323232;border-radius:16px;background:#141414}@media(max-width:700px){.member-summary{grid-template-columns:1fr}.member-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-summary strong{font-size:18px}}

/* Keep long Discord role names inside their member card. */
.member-tile{min-width:0;overflow:hidden}
.member-tile-roles{width:100%;min-width:0}
.member-tile .role-badge{min-width:0;max-width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
.member-tile>strong,.member-tile>small{max-width:100%;overflow-wrap:anywhere}

.sidebar,.nav button,.member-tile,.toggle span:after{transition:none!important;animation:none!important}.member-tile:hover{transform:none}html{scroll-behavior:auto}

.initial-panel .hero,.initial-panel .stats,.initial-panel .panel{margin:24px 32px}.initial-panel .hero h1{font-size:clamp(28px,4vw,46px);margin:12px 0}.initial-panel .hero p{color:#b4b4b4}.initial-panel .nav button:disabled{opacity:1;cursor:default}.initial-chart{height:180px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 44px,#2b2b2b 45px);margin:0 24px 24px}@media(max-width:700px){.initial-panel .hero,.initial-panel .stats,.initial-panel .panel{margin:20px 16px}}

input[type=checkbox],input[type=radio]{accent-color:#eeeeee}.attention-panel{margin:20px 0}.attention-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;padding:18px}.attention-item{display:flex;align-items:center;justify-content:space-between;text-align:left;background:#111111;border:1px solid #333333;color:#eeeeee;border-radius:10px;padding:16px;gap:12px}.attention-item:hover{background:#252525;border-color:#777777}.attention-item span{min-width:0}.attention-item strong{display:block;font-size:12px}.attention-item small{display:block;margin-top:7px;color:#999999;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.attention-clear{margin:0;color:#aaaaaa;font-size:12px;padding:5px}

.log-row-context{display:block;max-width:480px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#aaa!important;margin-top:5px}.event-cell strong{line-height:1.5}.attention-item:focus-visible{outline:2px solid #eee;outline-offset:3px}
/* Compact role sections work with the currently selected guild's role hierarchy. */
.member-role-section{margin:16px 0;padding:18px;background:#101010;border:1px solid #303030;border-radius:14px}
.member-role-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.member-role-heading h2{font-size:14px;margin:0;color:#eee}
.member-role-heading>span{font-size:11px;border:1px solid #444;border-radius:20px;padding:3px 8px;color:#bbb}
.member-role-section .member-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px}
.member-role-section .member-tile{min-height:185px;padding:14px 10px;background:#151515;border:1px solid #333;border-radius:10px;text-align:center;position:relative;max-width:180px}
.member-role-section .member-tile:hover{border-color:#aaa;background:#1b1b1b}
.member-role-section .member-tile .avatar{width:50px;height:50px;margin:4px auto 10px;border-radius:12px}
.member-role-section .member-tile strong{font-size:12px;overflow-wrap:anywhere}
.member-role-section .member-tile small,.member-role-section .member-age,.member-role-section .member-joined{font-size:10px;line-height:1.5}
.member-role-section .member-tile-roles{max-height:45px;overflow:hidden}
.member-role-section .member-tile-roles .role-badge{font-size:9px;padding:3px 5px}
.member-role-section .member-rank{font-size:9px;color:#aaa}
.member-role-section .member-profile-link{font-size:10px;margin-top:10px}
#member-controls .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#member-controls .panel{padding:16px;border:1px solid #343434;background:#111;border-radius:12px}
#member-controls .panel h4{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:#bbb;margin:0 0 12px}
#member-controls .btn-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#member-controls .btn{font-size:11px;min-height:34px;white-space:normal}
@media(max-width:650px){#member-controls .form-grid{grid-template-columns:1fr}.member-role-section{padding:12px}.member-role-section .member-tile-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}

/* Community workspace: monochrome navigation, color avatars and banners. */
.sidebar .nav a,.sidebar .nav button{min-height:36px;padding:8px 12px;font-size:12px}.sidebar .nav-label{margin:14px 12px 7px;font-size:9px}.sidebar .icon{width:16px;height:16px;stroke-width:1.8}.sidebar .server-card{padding:10px}.sidebar{width:220px}.external-server [data-view="sales"],.external-server [data-view="feedback"]{display:none!important}#guild-workspace-banner{display:block;width:100%;height:150px;object-fit:cover;border-radius:14px;margin-bottom:20px}.ticket-chat{display:flex;flex-direction:column;gap:12px;background:#0b0b0b;border:1px solid #333;border-radius:14px;padding:18px;max-height:440px;overflow:auto}.ticket-chat .transcript-msg{border:0;background:#1b1b1b;border-radius:10px;padding:12px 14px;max-width:90%;margin:0}.ticket-chat .transcript-msg p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.ticket-chat .transcript-msg small{display:block;color:#999;margin:4px 0}.archive-attachments{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.archive-attachments a{padding:8px 12px;background:#222;color:#eee;border-radius:8px}#ticket-reply-form{margin-top:16px}#ticket-reply-form textarea{min-height:90px}[hidden]{display:none!important}

.panel-switch a[href^="/admin"]{display:none}.lsj-web-authorized .panel-switch a[href^="/admin"]{display:flex}.sidebar .nav button .icon{background:#252525;border-radius:5px;padding:3px;width:23px;height:23px;stroke-width:2}.external-server .topbar a[href="/"]{display:none}

.modal:has(.ticket-chat){width:min(960px,calc(100vw - 32px))}.modal:has(.ticket-chat) .ticket-chat{max-height:340px;min-height:180px}.ticket-management{margin-top:18px;border-top:1px solid #333;padding-top:12px}.ticket-management summary{font-size:12px;color:#bbb}.ticket-management .form-grid{margin-top:14px}

.log-person,.log-event-title{border:0;background:transparent;color:inherit;padding:0;cursor:pointer;text-align:left;font:inherit}.log-person{color:#b6d9ff}.log-person:hover,.log-event-title:hover{text-decoration:underline}.log-event-title{font-weight:700}td small{display:block;margin-top:4px;color:var(--muted,#a0a0a0)}
#lsj-watermark-layer{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;pointer-events:none!important;user-select:none!important;z-index:2147483647!important;display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}

/* announcements.css */
.announcement-preview{border-left:4px solid #a9a9a9;padding:18px;background:#181818;border-radius:8px;overflow-wrap:anywhere}.announcement-preview-body{white-space:pre-wrap}#announcement-body{min-height:160px}#announcement-result{font-size:13px;line-height:1.6;margin-top:14px}#announcement-color{max-width:90px;height:42px;padding:5px}

/* panel-switch.css */
.sidebar .panel-switch{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;overflow:hidden;scrollbar-width:none;align-self:center;flex:0 0 auto;gap:4px;width:clamp(150px,18vw,220px);height:48px;padding:4px;margin:0 0 20px;background:#161616;border:1px solid #363636;border-radius:12px;box-shadow:none}
.sidebar .panel-switch a{box-sizing:border-box;flex:1 1 0;display:flex;align-items:center;justify-content:center;min-width:0;height:38px;padding:0 12px;margin:0;border:1px solid transparent;border-radius:8px;background:transparent;color:#a0a0a0;font-family:Manrope,Arial,sans-serif;font-size:13px;font-weight:650;line-height:18px;letter-spacing:0;text-align:center;text-transform:none;text-decoration:none;box-shadow:none;transition:background .15s,color .15s}
.sidebar .panel-switch a:hover{background:#282828;color:#f3f3f3}
.sidebar .panel-switch a[aria-current=page]{background:#353535;border-color:#75757555;color:#d5d5d5}
.sidebar .panel-switch a:focus-visible{outline:2px solid #aeaeae;outline-offset:2px}
@media(max-width:700px){.sidebar .panel-switch{width:220px;max-width:100%}}

.sidebar .admin-brand{display:flex;align-items:center;gap:10px;min-height:0;padding:0 10px 24px;margin:0;border:0;color:#f2f2f2;text-decoration:none;font-family:Inter,Segoe UI,sans-serif;letter-spacing:0}
.sidebar .panel-brand-icon{flex:0 0 42px;width:42px;height:44px;display:grid;place-items:center;color:#a8a8a8;border:1px solid #444444;border-radius:13px;background:linear-gradient(135deg,#2f2f2f,#222222);box-shadow:0 5px 20px #0002}
.sidebar .panel-brand-icon svg{width:27px;height:27px}
.sidebar .panel-brand-title{font-size:22px;font-weight:750;letter-spacing:-.8px;white-space:nowrap}
.sidebar .panel-brand-title>span{color:#a2a2a2}
.sidebar .panel-brand-title small{display:block;font-size:9px;font-weight:400;color:#9a9a9a;letter-spacing:1.8px;margin-top:4px}
@media(max-width:700px){.sidebar .admin-brand{padding-bottom:14px}.sidebar .panel-brand-icon{flex-basis:38px;width:38px;height:38px}.sidebar .panel-brand-title{font-size:20px}}

.sidebar .brand,.sidebar .admin-brand{display:flex;align-items:center;gap:10px;padding:0 4px 24px;margin:0;min-height:0;border:0}
.sidebar .panel-project-logo,.sidebar .admin-brand .panel-project-logo{flex:0 0 42px;width:42px;height:44px;object-fit:contain}
.sidebar .panel-brand-title{font-size:16px;font-weight:750;letter-spacing:0;line-height:1.35;white-space:nowrap;color:#f2f2f2}
.sidebar .panel-brand-title small{font-family:Inter,Segoe UI,sans-serif;letter-spacing:1px;line-height:1.4;text-transform:none;white-space:normal;font-size:10px;color:#9a9a9a;margin-top:5px}
@media(max-width:700px){.sidebar .brand,.sidebar .admin-brand{padding-bottom:14px}.sidebar .panel-brand-title{font-size:16px}}

.sidebar .panel-switch{background:#0d0d0d;border-color:#303030}.sidebar .panel-switch a{color:#a0a0a0}.sidebar .panel-switch a[aria-current=page]{background:#eeeeee;border-color:#eeeeee;color:#111111}.sidebar .panel-switch a[aria-current=page]:hover{background:#ffffff;color:#111111}

/* lsj-ui.css */
/* LSJ Guard · nový vzhled (2026-10) — načítá se jako poslední a přepisuje starší styly */
@font-face{font-family:"LSJ Sans";src:url("assets/fonts/InstrumentSans-Regular.woff") format("woff");font-weight:400 500;font-display:swap}
@font-face{font-family:"LSJ Sans";src:url("assets/fonts/InstrumentSans-Bold.woff") format("woff");font-weight:600 800;font-display:swap}
@font-face{font-family:"LSJ Mono";src:url("assets/fonts/GeistMono-Regular.woff") format("woff");font-weight:400 700;font-display:swap}

:root{
 --bg:#0b0b0c;--sidebar:#0f0f11;--panel:#151517;--panel2:#1b1b1e;--line:#232327;--line2:#2e2e33;
 --text:#f4f4f2;--muted:#a1a1a8;--faint:#8a8a92;
 --accent:#c6f36b;--accent-ink:#0b0b0c;--attention:#f5b547;--attention-bg:#1d1912;--attention-line:#4a3a1c;--danger:#ff8a7a;
 --purple:var(--text);--blue:var(--muted);--green:var(--accent);--amber:var(--attention);--red:var(--danger);
 --radius:14px;
 font-family:"LSJ Sans","Segoe UI",system-ui,sans-serif;font-size:14px
}
body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
.mono,.time,.stat-value,.nav-count,.money-value,.rank-number{font-family:"LSJ Mono",ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums}
h1{letter-spacing:-.8px;font-weight:700}
h2,h3{letter-spacing:-.2px}
a{color:var(--text)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* ---------- Sidebar ---------- */
.sidebar{background:var(--sidebar);border-right:1px solid var(--line)}
.nav-label{color:var(--faint);letter-spacing:1.4px;font-weight:600}
.nav button{color:#b4b4ba;border-radius:10px;gap:12px}
.nav button:hover{background:#18181b;color:var(--text)}
.nav button.active{background:#1e1e22;color:var(--text);font-weight:600}
.nav button.active:before{display:none}
.nav-icon{width:32px;height:32px;flex:0 0 32px;border-radius:9px;background:#18181b;border:1px solid #26262a;color:#d4d4d8;display:grid;place-items:center;box-sizing:border-box}
.nav-icon .icon{width:17px;height:17px}
.nav button:hover .nav-icon{border-color:#34343a;color:var(--text)}
.nav button.active .nav-icon{background:var(--text);border-color:var(--text);color:var(--bg)}
.nav-icon-members,.nav-icon-tickets,.nav-icon-security,.nav-icon-welcome,.nav-icon-settings,.nav-icon-community,.nav-icon-feedback,.nav-icon-sales{background:#18181b;color:#d4d4d8}
.nav button.active .nav-icon-members,.nav button.active .nav-icon-tickets,.nav button.active .nav-icon-security,.nav button.active .nav-icon-welcome,.nav button.active .nav-icon-settings,.nav button.active .nav-icon-community,.nav button.active .nav-icon-feedback,.nav button.active .nav-icon-sales{background:var(--text);color:var(--bg)}
.nav-description{color:var(--faint)}
.nav-count{background:var(--attention);color:#1a1206;font-weight:700;border-radius:99px;padding:2px 8px;font-size:11px}
.nav-chevron{opacity:.45}
.connection,.account{border-color:var(--line)}
.dot{background:var(--accent)}
.dot.amber{background:var(--attention)}

/* ---------- Přepínač serverů ---------- */
.server-card{position:relative;display:block;padding:0;background:none;border:0;margin-bottom:22px}
.server-switch{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid var(--line2);border-radius:12px;background:var(--panel);color:var(--text);min-height:58px}
.server-switch:hover{border-color:#3a3a40;background:#18181b}
.server-switch[aria-expanded=true]{border-color:#4a4a52}
.server-switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.server-switch>.icon{width:16px;height:16px;color:var(--muted);flex:0 0 16px}
.server-switch-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.server-switch-text strong{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.server-switch-text small{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.server-switch-text .dot{width:7px;height:7px;flex:0 0 7px;margin:0}
.server-logo,.guild-avatar{width:36px;height:36px;flex:0 0 36px;border-radius:10px;object-fit:cover;background:#26262a;mix-blend-mode:normal}
.guild-avatar{width:30px;height:30px;flex-basis:30px;border-radius:8px}
.server-logo.initials,.guild-avatar.initials{display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--text);letter-spacing:.3px}
.server-popover{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;background:var(--panel);border:1px solid var(--line2);border-radius:14px;padding:8px;box-shadow:0 24px 60px #000a;display:flex;flex-direction:column;gap:2px;max-height:min(520px,70vh)}
.switch-search{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:9px;background:var(--sidebar);border:1px solid var(--line);color:var(--muted);margin-bottom:4px}
.switch-search .icon{width:15px;height:15px}
.switch-search input{all:unset;flex:1;color:var(--text);font-size:13px;min-width:0}
.switch-list{overflow:auto;display:flex;flex-direction:column;gap:2px;min-height:0}
.switch-label{font-size:11px;font-weight:600;letter-spacing:1.2px;color:var(--faint);padding:10px 10px 4px;text-transform:uppercase}
.switch-label:not(:first-child){border-top:1px solid var(--line);margin-top:6px;padding-top:12px}
.switch-row{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:9px;color:#d4d4d8;font-size:13px;min-height:44px}
.switch-row:hover,.switch-row:focus-visible{background:#1e1e22;color:var(--text);outline:none}
.switch-row.current{background:#222226;color:var(--text);font-weight:600}
.switch-row[data-kind=add] .guild-avatar{background:transparent;border:1px dashed #3a3a40;box-sizing:border-box;color:var(--muted)}
.switch-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.switch-hint{display:grid;place-items:center;color:var(--muted)}
.switch-hint .icon{width:16px;height:16px}
.switch-hint.current{color:var(--accent)}
.switch-empty{padding:14px 10px;color:var(--muted);font-size:13px;margin:0}
.switch-footer{display:flex;gap:6px;border-top:1px solid var(--line);margin-top:6px;padding-top:6px}
.switch-action{all:unset;box-sizing:border-box;cursor:pointer;flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:9px;font-size:13px;color:#d4d4d8;min-height:40px}
.switch-action:hover,.switch-action:focus-visible{background:#1e1e22;color:var(--text)}
.switch-action .icon{width:15px;height:15px}
.switch-note{margin:2px 6px 4px;font-size:11px;color:var(--faint)}

/* ---------- Hlavní plocha ---------- */
.main{background:var(--bg)}
.topbar{background:color-mix(in srgb,var(--bg) 88%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.crumb{color:var(--muted)}
.crumb b{color:var(--text)}
.eyebrow{color:var(--muted);font-family:"LSJ Mono",ui-monospace,monospace;letter-spacing:.6px}
.subtext,p{color:#b4b4ba}
.panel,.stat,.banner,.security-card,.ticket-card,.login-card,.modal{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none}
.panel-head{border-color:var(--line)}
.stat-icon{background:#1e1e22;border:1px solid var(--line2);color:#d4d4d8}
.stat-value{letter-spacing:-1px}
.stat-bottom .good{color:var(--accent)}
.banner:after{display:none}
.pill{border-color:var(--line2);background:transparent}
.pill.green{color:var(--text)}
.pill.amber{background:var(--attention-bg);border-color:var(--attention-line);color:#f2d9a8}
.notice{background:#18181b;border-color:var(--line2)}
.notice.warning{background:var(--attention-bg);border-color:var(--attention-line);color:#f2d9a8}
.notice.error{background:#211514;border-color:#4a2622;color:#ffc9c1}
table th{color:var(--faint);letter-spacing:1px}
tbody tr:hover{background:#18181b}
.tabs button.active{color:var(--text);border-color:var(--text)}
.check-circle.done{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.progress-fill{background:var(--accent)}

/* ---------- Tlačítka a pole ---------- */
.btn{border-radius:10px;border:1px solid var(--line2);background:#18181b;color:var(--text);font-weight:600;min-height:40px}
.btn:hover{background:#1f1f23;border-color:#3a3a40}
.btn.primary{background:var(--text);border-color:var(--text);color:var(--bg)}
.btn.primary:hover{background:#ffffff;border-color:#ffffff}
.btn.ghost{background:transparent;border-color:transparent}
.btn.danger{background:#2a1714;border-color:#5a2a24;color:#ffc9c1}
.input,input,select,textarea{background:#121214;border-color:var(--line2);border-radius:10px;color:var(--text)}
input::placeholder,textarea::placeholder{color:var(--faint)}
.toggle input:checked+span{background:var(--accent)}
.toggle input:checked+span:after{background:var(--accent-ink)}
#toast{background:var(--text);color:var(--bg);border-radius:12px;font-weight:600}
#toast.error{background:#ffc9c1;color:#2a0f0b}

/* ---------- Přihlášení ---------- */
.login-card .btn{width:100%;justify-content:center}
.remember-login{display:flex;gap:12px;align-items:flex-start;text-align:left;padding:14px;margin:4px 0 2px;border-radius:12px;border:1px solid var(--line2);background:#121214;cursor:pointer}
.remember-login input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--accent);flex:0 0 18px}
.remember-login strong{display:block;font-size:13px;font-weight:600}
.remember-login small{display:block;font-size:12px;color:var(--muted);margin-top:2px}

/* ---------- Průvodce ---------- */
.wizard-backdrop{position:fixed;inset:0;z-index:60;background:#060607cc;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px}
.wizard{width:960px;max-width:100%;max-height:calc(100vh - 48px);overflow:auto;display:flex;flex-wrap:wrap;background:var(--bg);border:1px solid var(--line2);border-radius:18px;box-shadow:0 40px 120px #000c}
.wizard-side{flex:1 1 260px;max-width:100%;box-sizing:border-box;padding:32px 28px;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:26px}
.wizard-side h1{font-size:22px;margin:4px 0 0}
.wizard-eyebrow{font-family:"LSJ Mono",ui-monospace,monospace;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}
.wizard-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px}
.wizard-steps li{display:flex;gap:12px;align-items:flex-start;color:var(--faint)}
.wizard-steps li strong{display:block;font-weight:600}
.wizard-steps li small{display:block;font-size:12px}
.wizard-steps li.current,.wizard-steps li.done{color:var(--text)}
.wizard-steps li.current small,.wizard-steps li.done small{color:var(--muted)}
.wizard-num{width:28px;height:28px;flex:0 0 28px;border-radius:50%;border:1px solid #3a3a40;box-sizing:border-box;display:grid;place-items:center;font-family:"LSJ Mono",ui-monospace,monospace;font-size:12px}
.wizard-steps li.current .wizard-num{border:2px solid var(--text);font-weight:700}
.wizard-steps li.done .wizard-num{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.wizard-num .icon{width:14px;height:14px;stroke-width:3}
.wizard-skip{all:unset;cursor:pointer;margin-top:auto;font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.wizard-skip:hover{color:var(--text)}
.wizard-main{flex:999 1 420px;min-width:0;box-sizing:border-box;padding:36px 40px;display:flex;flex-direction:column;gap:16px;min-height:480px}
.wizard-main h2{font-size:24px;margin:0;letter-spacing:-.5px}
.wizard-main>p{margin:0}
.wizard-main .field{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#b4b4ba}
.wizard-main select,.wizard-main textarea{width:100%;box-sizing:border-box;padding:11px 12px;font-size:14px}
.wizard-tip{font-size:12px!important;color:var(--faint)!important}
.wizard-check{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:12px;border:1px solid var(--line2);background:#121214;cursor:pointer}
.wizard-check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--accent)}
.wizard-check strong{display:block;font-weight:600}
.wizard-check small{display:block;font-size:12px;color:var(--muted)}
.wizard-status{min-height:20px;margin:0;color:var(--attention)!important;font-size:13px}
.wizard-actions{margin-top:auto;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
@media(max-width:700px){.wizard-side{border-right:0;border-bottom:1px solid var(--line);padding:24px}.wizard-main{padding:24px;min-height:0}.wizard-backdrop{padding:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---------- Rozměry a kompaktní menu ---------- */
.sidebar{width:272px;padding:22px 16px 16px;background:var(--sidebar)}
.main{margin-left:272px}
.nav-description,.nav-chevron{display:none}
.nav button{padding:8px 10px;min-height:44px;align-items:center}
.nav-title{font-size:13.5px}
.nav-label{font-size:10.5px;margin:16px 12px 6px}
.server-popover{width:320px;right:auto}
@media(max-width:1150px) and (min-width:851px){.sidebar{width:248px}.main{margin-left:248px}}
@media(max-width:850px){.sidebar{width:280px}.main{margin-left:0}.server-popover{width:auto;right:0}}
.embedded .main{margin-left:0}
.sidebar .nav .nav-icon .icon{background:none;width:17px;height:17px;padding:0;border:0;box-shadow:none}

/* ---------- Ochrana (kompaktní) ---------- */
.guard-top .panel-body{display:flex;flex-direction:column;gap:16px}
.guard-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.guard-mode label{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;border:1px solid var(--line2);background:#121214;cursor:pointer;position:relative}
.guard-mode label.on{border-color:var(--text);background:#1b1b1e}
.guard-mode input{position:absolute;opacity:0;pointer-events:none}
.guard-mode label:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.guard-mode small{color:var(--muted);font-size:12px}
.guard-presets{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.guard-presets span{font-size:12px;color:var(--faint);margin-right:4px}
.guard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:12px;margin-top:12px}
.guard-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:12px}
.guard-card.span2{grid-column:1/-1}
.guard-card header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.guard-card h3{margin:0;font-size:15px}
.guard-card header p{margin:3px 0 0;font-size:12.5px;color:var(--muted)}
.guard-note{font-size:12px;color:var(--faint);line-height:1.45}
.mini-row{display:flex;flex-wrap:wrap;gap:8px}
.mini-field{display:flex;align-items:center;gap:8px;font-size:13px;color:#d4d4d8}
.mini-field.wide{display:flex;flex-direction:column;align-items:stretch;gap:6px}
.mini-field.wide>span{font-size:12px;color:var(--muted)}
.mini-input{display:inline-flex;align-items:center;border:1px solid var(--line2);border-radius:9px;background:#121214;overflow:hidden}
.mini-input input{width:64px;border:0!important;background:transparent!important;padding:8px 6px 8px 10px;font-family:"LSJ Mono",ui-monospace,monospace;color:var(--text)}
.mini-input em{font-style:normal;font-size:12px;color:var(--muted);padding-right:10px}
.chip-toggles{display:flex;flex-wrap:wrap;gap:6px}
.chip-toggle{position:relative;cursor:pointer}
.chip-toggle input{position:absolute;opacity:0}
.chip-toggle span{display:inline-flex;align-items:center;padding:7px 12px;border-radius:99px;border:1px solid var(--line2);font-size:12.5px;color:var(--muted);min-height:20px}
.chip-toggle input:checked+span{background:var(--text);border-color:var(--text);color:var(--bg);font-weight:600}
.chip-toggle input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.guard-exceptions{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.guard-advanced summary{cursor:pointer;padding:16px 20px;font-weight:600}
.quarantine-rows{display:flex;flex-direction:column;gap:6px}
.quarantine-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;background:#121214;border:1px solid var(--line)}
.quarantine-row>div{flex:1;min-width:0}
.quarantine-row strong{display:block;font-size:13px}
.quarantine-row small{color:var(--muted);font-size:12px}
.avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#26262a;display:grid;place-items:center;font-size:11px;font-weight:700;flex:0 0 32px}
.module-row.compact{grid-template-columns:1fr auto}

/* ---------- Výběr lidí / rolí / kanálů ---------- */
.pick-source{display:none!important}
.picker{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line2);border-radius:12px;background:#121214;padding:8px}
.pick-chips{display:flex;flex-wrap:wrap;gap:6px;min-height:28px;align-items:center}
.pick-empty{font-size:12px;color:var(--faint);padding:0 4px}
.pick-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 4px 3px 8px;border-radius:99px;background:#222226;font-size:12.5px;max-width:100%}
.pick-chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pick-chip img,.pick-option img{width:18px;height:18px;border-radius:50%;object-fit:cover}
.pick-chip button{all:unset;cursor:pointer;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:var(--muted);font-size:15px;line-height:1}
.pick-chip button:hover,.pick-chip button:focus-visible{background:#33333a;color:var(--text)}
.role-dot{width:9px;height:9px;border-radius:50%;background:var(--c,#8a8a92);flex:0 0 9px}
.person-dot{width:18px;height:18px;border-radius:50%;background:#33333a;font-style:normal;font-size:10px;display:grid;place-items:center;font-weight:700}
.pick-search{position:relative}
.pick-search input{width:100%;box-sizing:border-box;border:0!important;background:#18181b!important;border-radius:8px;padding:9px 10px;font-size:13px}
.pick-menu{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;max-height:260px;overflow:auto;background:var(--panel);border:1px solid var(--line2);border-radius:10px;padding:4px;box-shadow:0 18px 40px #000a}
.pick-option{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:7px;font-size:13px}
.pick-option small{margin-left:auto;color:var(--faint);font-size:11.5px}
.pick-option:hover,.pick-option:focus-visible{background:#1e1e22}
.pick-none{margin:0;padding:10px;font-size:12px;color:var(--faint)}

/* ---------- Uvítání: média ---------- */
.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:4px 0 14px}
.media-tile{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:12px;border:1px dashed #3a3a40;background:#121214}
.media-tile strong{display:block;font-size:13px}
.media-tile small{font-size:11.5px;color:var(--muted)}
.media-tile .btn-row{gap:6px}
.media-tile label.btn{cursor:pointer;position:relative}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:600px){.media-grid{grid-template-columns:1fr}}

/* ---------- Nastavení bota ---------- */
.stack-form{display:flex;flex-direction:column;gap:10px}
.stack-form .field,.inline-form .field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}
.stack-form select,.stack-form input,.inline-form input{width:100%;box-sizing:border-box;padding:10px 12px;font-size:13.5px}
.two-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.inline-form{display:flex;align-items:flex-end;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.inline-form .grow{flex:1 1 240px}
.inline-form input[type=file]{padding:7px}
.bot-identity{display:flex;align-items:center;gap:12px}
.bot-identity img{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#26262a}
.bot-identity strong{display:block}
.bot-identity small{color:var(--muted);font-size:12px}
.wizard-presets{display:flex;flex-direction:column;gap:8px}
.top-actions .date-label{font-family:"LSJ Mono",ui-monospace,monospace;font-size:12.5px;white-space:nowrap}

/* ---------- Jednotné formuláře ---------- */
:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file])),:where(select),:where(textarea){width:100%;box-sizing:border-box;min-height:42px;padding:10px 12px;font-size:13.5px;line-height:1.4;background:#121214;border:1px solid var(--line2);border-radius:10px;color:var(--text)}
:where(textarea){min-height:84px;resize:vertical}
:where(select){appearance:auto;cursor:pointer}
:where(input,select,textarea):hover{border-color:#3a3a40}
:where(input,select,textarea):focus{outline:none;border-color:#5a5a62;box-shadow:0 0 0 3px #c6f36b26}
.field{display:flex;flex-direction:column;gap:7px;margin:0 0 14px}
.field>label,.field>span,.stack-form .field>span{font-size:12.5px;color:#c4c4ca;font-weight:500}
.field small{font-size:12px;color:var(--faint);line-height:1.45}
input[type=file]{font-size:12.5px;color:var(--muted)}
input[type=file]::file-selector-button{margin-right:10px;padding:7px 12px;border-radius:8px;border:1px solid var(--line2);background:#1e1e22;color:var(--text);font:inherit;font-weight:600;cursor:pointer}
.panel-head{gap:12px}
.panel-head h2{font-size:15.5px}
.btn-row{display:flex;flex-wrap:wrap;gap:8px}
.notice{border-radius:12px;padding:12px 14px;font-size:13px}

/* ---------- Vzhled bota na serveru ---------- */
.appearance-layout{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:22px;align-items:start}
.appearance-card{border:1px solid var(--line2);border-radius:14px;background:#111113;overflow:hidden;position:relative}
.appearance-banner{height:96px;background:linear-gradient(135deg,#1e1e22,#2a2a2f)}
.appearance-banner img{width:100%;height:100%;object-fit:cover;display:block}
.appearance-avatar{position:absolute;left:16px;top:56px;width:76px;height:76px;border-radius:50%;border:5px solid #111113;background:#26262a;overflow:hidden;display:grid;place-items:center;font-weight:700}
.appearance-avatar img{width:100%;height:100%;object-fit:cover}
.appearance-meta{padding:48px 16px 16px}
.appearance-meta strong{font-size:17px}
.appearance-meta .bot-tag{margin-left:8px;font-size:10px;font-weight:700;padding:2px 6px;border-radius:5px;background:#5865f2;color:#fff;vertical-align:2px}
.appearance-meta p{margin:8px 0 0;font-size:12.5px;color:var(--muted);white-space:pre-wrap}
@media(max-width:900px){.appearance-layout{grid-template-columns:1fr}}
.appearance-card.small .appearance-banner{height:80px}
.appearance-card.small .appearance-avatar{top:42px;width:68px;height:68px}
.appearance-card.small .appearance-meta{padding-top:40px}
hr.soft{border:0;border-top:1px solid var(--line);margin:18px 0}
.stack-form p[role=status]:empty{display:none}
.stack-form+.media-grid{margin-top:14px}

/* The server selector lives outside the scrolling sidebar. */
.server-popover{position:fixed;right:auto;box-sizing:border-box;z-index:1000;overflow:hidden;min-width:0;max-width:calc(100vw - 24px);padding:10px;gap:5px}.server-popover .switch-list{overflow-x:hidden;overflow-y:auto;flex:1;min-height:0;overscroll-behavior:contain;scrollbar-width:thin}.server-popover .switch-row{width:100%;min-width:0;flex-shrink:0;padding:9px 10px}.server-popover .guild-avatar{flex-shrink:0}.server-popover .switch-name{display:block;max-width:100%;min-width:0}.server-popover .switch-search{flex:0 0 auto;box-sizing:border-box;width:100%;min-width:0}.server-popover .switch-search input{width:0;flex:1 1 0;min-width:0}.server-popover .switch-hint{flex:0 0 16px}.server-popover .switch-footer{flex-shrink:0}.server-popover .switch-note{white-space:normal;overflow-wrap:anywhere;line-height:1.5;margin:4px 8px;font-size:11px}.server-popover .switch-label{white-space:normal;letter-spacing:.8px}.server-popover .switch-action{min-width:0}.server-popover .switch-row:focus-visible{outline:2px solid #d4d4dc;outline-offset:-2px}

/* role-rules.css */
#role-rules-panel{width:100%;box-sizing:border-box;margin:24px 0}#role-rules-panel .panel-body{padding:24px}#role-rules-panel .role-rule-intro{margin:0 0 22px;color:#a5a5ad;font-size:13px;line-height:1.6}.role-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.role-rule-field{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:600}.role-rule-field>span{display:flex;justify-content:space-between}.role-rule-field small{font-size:12px;color:#8f8f99;font-weight:400;line-height:1.5}.role-rule-field select{width:100%;height:44px;margin:0;box-sizing:border-box}.role-rule-switch{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;margin:22px 0 16px;background:#18181b;border:1px solid #303035;border-radius:12px;cursor:pointer;position:relative}.role-rule-switch-copy{display:flex;flex-direction:column;gap:6px}.role-rule-switch-copy strong{font-size:13px}.role-rule-switch-copy small{font-size:12px;color:#9c9ca6;line-height:1.5}#role-rules-panel .role-rule-switch input{position:absolute;width:44px;height:26px;right:18px;opacity:0;margin:0;cursor:pointer}.role-rule-track{width:44px;height:26px;border-radius:20px;flex:0 0 44px;background:#414147;position:relative;pointer-events:none;transition:background .15s}.role-rule-track:after{content:'';position:absolute;top:4px;left:4px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .15s}.role-rule-switch input:checked+.role-rule-track{background:#dddde3}.role-rule-switch input:checked+.role-rule-track:after{background:#141417;transform:translateX(18px)}.role-rule-switch input:focus-visible+.role-rule-track{outline:2px solid #fff;outline-offset:4px}.role-rule-note{padding:14px 16px;background:#141416;border-left:2px solid #62626e;border-radius:0 8px 8px 0}.role-rule-note strong{font-size:12px}.role-rule-note p{margin:6px 0 0;font-size:12px;line-height:1.7;color:#9797a2}.role-rule-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px}.role-rule-actions [role=status]{flex:1;font-size:12px;line-height:1.6;color:#bcbcc6;margin:0}.role-rule-actions .btn{white-space:nowrap;min-height:40px;padding:10px 18px}.role-rule-saved{margin-top:26px;border-top:1px solid #2c2c32;padding-top:20px}.role-rule-saved-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.role-rule-saved-head h3{font-size:13px;margin:0}.role-rule-saved-head>span{font-size:11px;padding:3px 7px;background:#28282e;border-radius:5px}.role-rule-empty{padding:18px;margin:0;text-align:center;border:1px dashed #34343b;border-radius:10px;font-size:12px;color:#92929d}.role-rule-row{display:flex;align-items:center;gap:16px;width:100%;text-align:left;background:#161619;border:1px solid #303035;padding:14px 16px;margin-top:8px;border-radius:10px;color:#e7e7ed;cursor:pointer}.role-rule-row>span:first-child{flex:1;display:flex;flex-direction:column;gap:5px}.role-rule-row strong{font-size:13px}.role-rule-row small{font-size:12px;color:#93939e}.role-rule-badge{font-size:11px;padding:5px 8px;border:1px solid #404048;border-radius:6px;color:#b7b7c2}.role-rule-badge.locked{color:#e1cc8f;border-color:#5c5036}.role-rule-edit{font-size:12px;color:#bdbdc7}.role-rule-row:hover{border-color:#646470}@media(max-width:650px){.role-rule-grid{grid-template-columns:1fr;gap:18px}#role-rules-panel .panel-body{padding:18px}.role-rule-actions{flex-direction:column;align-items:stretch}.role-rule-actions .btn{width:100%}.role-rule-row{flex-wrap:wrap}.role-rule-edit{display:none}}

/* operations.css */
.ops-panel .panel-body{padding:24px}.ops-health{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.ops-health>div{padding:16px;border:1px solid #303035;background:#17171b;border-radius:10px;display:flex;flex-direction:column;gap:8px}.ops-health small,.ops-muted{color:#9999a4;font-size:12px;line-height:1.6}.ops-health strong{font-size:13px}.ops-panel h3{font-size:14px;margin:0 0 14px}.ops-section{border-top:1px solid #303035;margin-top:24px;padding-top:22px}.ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ops-grid label{display:flex;flex-direction:column;gap:9px;font-size:13px}.ops-grid select,.ops-grid input{width:100%;box-sizing:border-box;min-height:42px}.ops-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0}.ops-actions p{font-size:12px;color:#b8b8c3}.ops-row{display:flex;align-items:center;gap:16px;justify-content:space-between;border:1px solid #303035;border-radius:9px;padding:14px;margin-top:8px}.ops-row>span:first-child{flex:1;min-width:0}.ops-row small{display:block;color:#9999a4;font-size:12px;margin-top:5px;overflow-wrap:anywhere}.ops-row strong{font-size:13px}.ops-row .btn{white-space:nowrap}.ops-table{overflow:auto}.ops-links{display:flex;flex-wrap:wrap;gap:8px}.ops-links a{padding:7px 10px;border:1px solid #393940;border-radius:7px;color:#ddd;font-size:12px}.ops-panel [role=status]{font-size:12px;line-height:1.6}.ops-panel h4{font-size:13px;margin:20px 0 8px}.ops-failure>p{font-size:12px;color:#9999a4}.backup-channel-choice{display:flex;flex-direction:column;gap:10px;margin:16px 0}.backup-channel-choice select{width:100%}@media(max-width:650px){.ops-health,.ops-grid{grid-template-columns:1fr}.ops-actions{flex-direction:column;align-items:stretch}.ops-panel .panel-body{padding:18px}.ops-row{flex-wrap:wrap}}

.ops-legacy-quarantine{display:none!important}

/* ticket-builder.css */
.ticket-mention-list{max-height:220px;overflow:auto;border:1px solid var(--border,#333);border-radius:10px;padding:8px}.ticket-mention-list .ticket-mention-choice{display:flex!important;align-items:center;justify-content:flex-start;gap:10px;padding:8px!important;margin:0!important;min-height:34px}.ticket-mention-choice input[type=checkbox]{display:block!important;width:16px!important;height:16px!important;min-height:0!important;padding:0!important;margin:0!important;flex:0 0 16px;accent-color:#d4e88a}
.ticket-basic-settings[hidden]{display:none!important}.ticket-setup-steps{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:0 0 24px}.ticket-setup-steps li{padding:8px 12px;border:1px solid #333;border-radius:8px;color:#aaa}.ticket-setup-steps li.current{color:#fff;border-color:#a9b977;background:#242820}.ticket-trial-chat{padding:16px;border:1px solid #333;border-radius:12px}.ticket-trial-text{white-space:pre-wrap}

.ticket-type-simple .field small{display:block;max-width:440px;color:var(--muted,#a8a8b1);font-weight:400;line-height:1.5}
.ticket-notification-settings{padding:14px;border:1px solid var(--border,#333);border-radius:9px;max-width:640px}
.ticket-notification-settings>.field{margin:8px 0 0!important}.ticket-notification-settings .ticket-mention-list{margin-top:8px;max-height:165px}
.ticket-question-section{margin:18px 0}.ticket-question-section>h4{margin:0 0 6px}.ticket-question-section>p{color:var(--muted,#aaa);font-size:11px;margin:0 0 12px}.ticket-question-list{display:grid;gap:12px;margin-bottom:12px}
.ticket-question-card{border:1px solid var(--border,#333);border-radius:9px;padding:14px;max-width:780px}.ticket-question-card h4{margin:0 0 12px;font-size:12px}
.ticket-question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;align-items:start}.ticket-question-grid>.field{margin:0!important;min-width:0}.ticket-question-grid>button{justify-self:start;align-self:end}.ticket-question-grid .setting-line{padding:0;min-height:35px}.ticket-form-preview{margin-top:14px}
@media(max-width:700px){.ticket-question-grid{grid-template-columns:1fr}}

.ticket-required-choice{display:flex;align-items:center;gap:9px;min-height:35px;font-size:11px}.ticket-required-choice .toggle{margin:0;flex:none}

.ticket-category-team{grid-column:1/-1!important;max-width:780px}.ticket-team-roles{display:flex;flex-wrap:wrap;gap:7px;max-height:210px;overflow:auto;padding:3px}.ticket-role-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #39363e;border-radius:8px;padding:8px 10px;background:#17161b;color:#bdbac6;font:inherit;font-size:12px;cursor:pointer}.ticket-role-chip.selected{border-color:#a896e5;background:#30263f;color:#fff}.ticket-role-chip small{font-size:9px;background:#4b3b63;color:#e2d5ff;border-radius:4px;padding:2px 5px}.role-chip-icon{display:grid;place-items:center;width:21px;height:21px;border-radius:5px;background:#ffffff09;font-weight:700}.ticket-role-chip:focus-visible{outline:2px solid #c9b1ff;outline-offset:2px}.ticket-category-team>small{font-size:10px;color:#aaa}

.dashboard-role-rules{margin:16px 0;max-width:780px}.dashboard-role-rules details{border:1px solid #343039;border-radius:9px;padding:0 13px;margin-bottom:10px}.dashboard-role-rules table{width:100%;border-collapse:collapse;font-size:12px}.dashboard-role-rules td,.dashboard-role-rules th{padding:9px 7px;border-bottom:1px solid #29262f;text-align:left}.dashboard-role-rules td:not(:first-child),.dashboard-role-rules th:not(:first-child){text-align:center;width:100px}.dashboard-role-rules input[type=checkbox]{width:16px!important;height:16px!important;min-height:0!important;accent-color:#b59add}.dashboard-role-rules .pill{font-size:10px;margin-left:8px}.dashboard-access-note{font-size:11px;color:#aaa;max-width:780px;line-height:1.6}#dashboard-access-settings [role=status]{font-size:11px;color:#c2b6d5}

/* ticket-history.css */
/* Compact dark workspace, shared by live chats, settings and the leadership archive. */
:root{--bg:#09090b;--sidebar:#111113;--panel:#131315;--panel-2:#171719;--line:#2a2a2e;--muted:#95959e;--text:#f1f1f4}
body{background:#09090b}.sidebar{width:236px;padding:20px 13px 14px;background:#111113;border-right:1px solid #29292d}.main{margin-left:236px;background:#09090b}.content{padding:30px 34px}.brand{padding:0 3px 22px;gap:11px}.sidebar .panel-project-logo{width:30px;height:30px;object-fit:contain}.panel-brand-title{font-size:14px;line-height:1.45}.panel-brand-title small{font-size:10px;color:#92929b;font-weight:400}.server-card{padding:11px 9px;border:1px solid #303035;border-radius:9px;background:#151517}.server-card .server-logo{width:29px;height:29px}.server-switch-text strong{font-size:12px}.server-switch-text small{font-size:10px}.nav button{min-height:43px;padding:8px 10px;gap:10px;border-radius:8px;box-shadow:none}.nav-title{font-size:12px}.nav-icon{width:27px;height:27px;border:1px solid #303036;border-radius:7px;background:#1b1b1e}.nav .nav-icon .icon{width:15px;height:15px}.nav button.active{background:#242427;border-color:#55555d;box-shadow:none}.nav button.active:before{display:none}.nav button.active .nav-icon{background:#ededf0;border-color:#ededf0;color:#111}.nav-label{font-size:9px;letter-spacing:1.6px;color:#84848d;margin:21px 10px 9px}.nav-label.section-gap{border-color:#2b2b30;padding-top:17px;margin-top:18px}.connection{border-radius:8px;background:#1c1c1f;padding:12px}.connection strong{font-size:11px}.connection small{font-size:9px}.account strong{font-size:11px}.account small{font-size:10px}.topbar{min-height:72px;background:#0b0b0d;border-bottom:1px solid #242429;padding:18px 32px}.crumb{font-size:11px}.top-actions{gap:13px}.page-heading{margin-bottom:25px}.page-heading h1{font-size:28px;letter-spacing:-1.1px;line-height:1.2;margin:12px 0}.page-heading p{font-size:12px;color:#a1a1ab}.eyebrow{font-size:9px;letter-spacing:1.5px}.panel{background:#131315;border:1px solid #2b2b30;border-radius:11px;box-shadow:none}.panel-head{padding:17px 20px;border-color:#242429}.panel-head h2{font-size:14px}.panel-head small{display:block;margin-top:6px;font-size:11px;color:#9696a0}.panel-body{padding:20px}.btn{border-radius:7px;font-size:12px;padding:10px 14px;background:#18181b;border-color:#34343b}.btn.primary{background:#ededf0;border-color:#ededf0;color:#111115}.btn.primary:hover{background:#fff}.field input,.field select,.field textarea{background:#101012;border-color:#343439;border-radius:7px;font-size:12px}.save-bar{background:#1b1b1e;border:1px solid #3c3c42;border-radius:9px;padding:14px 18px}.save-bar strong{font-size:12px}.save-bar small{font-size:10px}#guild-workspace-banner{height:150px;border-radius:0;margin:0;object-position:center;object-fit:cover}.support-chat-frame{border-radius:10px;min-height:600px}
.nav-icon-history .icon{width:16px;height:16px}.history-access-badge{display:inline-flex;align-items:center;gap:7px;color:#c8b9f6;border:1px solid #493b66;border-radius:6px;background:#211b2d;padding:8px 11px;font-size:11px}.history-access-badge .icon{width:14px;height:14px}.history-panel .panel-head{display:flex;align-items:center;justify-content:space-between}.history-filters{display:grid;grid-template-columns:minmax(200px,1fr) 160px 160px;gap:14px;padding:20px;border-bottom:1px solid #2a2a30}.history-filters label{display:grid;gap:8px;color:#c1c1cb;font-size:11px}.history-filters input{width:100%;min-width:0;background:#0f0f12;border:1px solid #34343c;color:#eee;border-radius:7px;padding:10px 11px;font:inherit;min-height:38px}.history-table{width:100%;border-collapse:collapse}.history-table th{text-align:left;color:#81818e;font-size:9px;letter-spacing:1px;font-weight:500;padding:13px 20px;background:#111114}.history-table td{padding:17px 20px;border-top:1px solid #28282e;font-size:12px;color:#bfbfca;vertical-align:middle}.history-table tr:hover td{background:#19191e}.history-title{border:0;padding:0;background:none;cursor:pointer;display:grid;gap:7px;text-align:left;color:#eee;max-width:350px;overflow-wrap:anywhere}.history-title strong{font-size:13px;font-weight:600}.history-title small{font-size:10px;color:#8e8e9d}.history-closed{display:inline-flex;align-items:center;gap:5px;border:1px solid #34343e;border-radius:5px;padding:5px 8px;font-size:10px;white-space:nowrap;color:#babac6;background:#202026}.history-closed .icon{width:11px;height:11px}.history-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;border-top:1px solid #29292e;color:#92929e;font-size:11px}.history-pagination .btn-row{align-items:center}.history-empty{padding:55px 24px;text-align:center;color:#91919f;font-size:12px}.history-empty h3{color:#ddd;font-size:15px}.history-detail-meta{display:flex;align-items:center;gap:12px;margin-bottom:22px}.history-detail-meta .btn{margin-left:auto}.history-transcript{display:grid;gap:11px}.history-message{background:#151519;border:1px solid #303038;border-radius:9px;padding:16px;overflow-wrap:anywhere}.history-message header{display:flex;align-items:center;justify-content:space-between;gap:12px}.history-message strong{font-size:12px}.history-message time,.history-message>small{font-size:10px;color:#9999a6}.history-message p,.history-notes p,.history-reason p{white-space:pre-wrap;font-size:13px;line-height:1.7;margin:12px 0 0}.history-reason{background:#201b2a;border:1px solid #42344f;padding:14px 16px;border-radius:8px;margin-bottom:18px}.history-reason small{color:#c0acd8;font-size:9px;letter-spacing:1px}.history-files{margin-top:22px;display:flex;gap:8px;flex-wrap:wrap}.history-files h3{width:100%;font-size:12px}.history-notes{margin-top:20px;border-top:1px solid #34343b;padding-top:18px}.history-notes summary{font-size:12px;cursor:pointer}.leadership-description{max-width:700px;color:#aaaab6;font-size:12px;line-height:1.7;margin:0 0 20px}.leadership-roles{border:1px solid #303038;border-radius:9px;padding:15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:300px;overflow:auto}.leadership-roles legend{font-size:10px;color:#9999a8;padding:0 6px}.leadership-roles label{display:flex;align-items:center;gap:10px;min-width:0;background:#19191f;border:1px solid #303039;padding:11px 12px;border-radius:7px;font-size:12px;cursor:pointer}.leadership-roles input{accent-color:#c7b8ff}.leadership-roles span{overflow-wrap:anywhere}.leadership-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.leadership-actions p{font-size:12px;color:#b9afd4;line-height:1.5}
@media(max-width:1100px){.history-filters{grid-template-columns:minmax(160px,1fr) 135px 135px}.history-table th,.history-table td{padding:14px 12px}.leadership-roles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.main{margin-left:0}.sidebar{width:250px}.content{padding:24px 20px}.topbar{padding:15px 20px}.history-filters{grid-template-columns:1fr 1fr}.history-filters label:first-child{grid-column:1/-1}.history-panel .table-wrap{overflow:auto}.history-table{min-width:650px}.page-heading h1{font-size:25px}.history-access-badge{margin-top:12px}}
@media(max-width:500px){.leadership-roles{grid-template-columns:1fr}.history-pagination{align-items:flex-start;flex-direction:column}.history-detail-meta{flex-wrap:wrap}.history-detail-meta .btn{margin-left:0}.leadership-actions{align-items:flex-start;flex-direction:column}.page-heading{align-items:flex-start}#guild-workspace-banner{height:115px}}

.main::before{content:'';display:block;height:145px;background:linear-gradient(90deg,#100d2080,#08080c15),url('assets/workspace-banner.webp') center 49%/cover no-repeat;border-bottom:1px solid #32273e}.main:has(#guild-workspace-banner)::before{display:none}.embedded .main::before{display:none}@media(max-width:600px){.main::before{height:100px}}

/* Personal ticket workspace: the sidebar contains only the signed-in player's tickets. */
.player-workspace .sidebar{display:flex;flex-direction:column;overflow:hidden;padding:25px 14px 15px}.player-brand{display:flex;gap:11px;align-items:center;color:#f1edf8;font-size:14px;font-weight:750;letter-spacing:1px;padding:0 5px 26px}.player-brand-mark{display:grid;place-items:center;width:31px;height:33px;background:linear-gradient(135deg,#b591f0,#4b306c);color:#fff;border-radius:8px;font-size:20px;font-weight:800}.player-brand small{display:block;font-size:10px;font-weight:400;letter-spacing:0;color:#93909b;margin-top:5px}.player-account{display:flex;align-items:center;gap:10px;padding:13px 11px;border:1px solid #303038;background:#18171c;border-radius:9px;margin-bottom:28px}.player-account .avatar{width:31px;height:31px;font-size:11px}.player-account strong{font-size:12px;display:block;max-width:150px;overflow-wrap:anywhere}.player-account small{font-size:9px;color:#94919f;display:block;margin-top:5px}.player-sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:9px;letter-spacing:1.4px;color:#93909d}.player-sidebar-heading b{font-size:10px;letter-spacing:0;background:#25232d;border:1px solid #3b354a;border-radius:5px;padding:3px 6px}.player-new{margin:14px 0;width:100%}.player-search-label{display:grid;gap:7px;font-size:10px;color:#aaa5b7}.player-search-label input{width:100%;min-width:0;background:#0e0e12;color:#eee;border:1px solid #35313e;padding:10px;font:inherit;font-size:11px;border-radius:7px}.player-ticket-list{display:flex;flex-direction:column;gap:7px;overflow:auto;min-height:80px;flex:1;padding:13px 2px;scrollbar-width:thin;scrollbar-color:#51475e transparent}.player-ticket{position:relative;display:grid;gap:7px;width:100%;text-align:left;background:#17161b;border:1px solid #2c2934;border-radius:8px;padding:13px 11px;color:#e6e0ef;cursor:pointer}.player-ticket:hover{border-color:#62506d;background:#201b27}.player-ticket.selected{background:#292230;border-color:#766180}.player-ticket-title{font-size:12px;font-weight:600;line-height:1.5;overflow-wrap:anywhere;padding-right:12px}.player-ticket>small{font-size:9px;color:#958b9f}.player-progress{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#d4c3a0;border:1px solid #4c4130;background:#27231b;border-radius:5px;padding:5px 7px;width:fit-content;white-space:nowrap;line-height:1.3}.player-progress i{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.player-progress[data-progress=working]{color:#c7b5ef;border-color:#53406c;background:#251d33}.player-progress[data-progress=reply]{color:#b9d7c5;border-color:#365644;background:#1b2b21}.player-progress[data-progress=closed]{color:#a5a1af;border-color:#403c48;background:#242129}.player-unread{position:absolute;top:12px;right:10px;background:#e6d5ff;color:#261338;border-radius:4px;padding:2px 4px;font-size:9px}.player-sidebar-bottom{border-top:1px solid #2d2934;padding:13px 2px 0;margin-top:8px}.player-sidebar-bottom p{display:flex;align-items:center;gap:7px;color:#a399ad;font-size:10px;margin:0 0 13px}.player-sidebar-bottom .icon{width:13px;height:13px}.player-sidebar-bottom .btn{width:100%;justify-content:center}.player-list-empty{font-size:11px;color:#9a91a5;padding:14px 7px;line-height:1.7}.player-private{display:flex;align-items:center;gap:7px;font-size:10px;color:#b9adc8;white-space:nowrap}.player-private .icon{width:13px;height:13px}.player-page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:23px}.player-page-heading h1{font-size:24px;letter-spacing:-.6px;margin:10px 0}.player-page-heading p{font-size:11px;color:#99919f;line-height:1.7;margin:0}.player-page-heading>.player-progress{font-size:11px;padding:8px 10px}.player-content{padding:25px 30px}.player-chat-frame{height:calc(100vh - 330px);min-height:590px;border:1px solid #38303f;border-radius:10px;background:#101012}.player-workspace .topbar .crumb{min-width:0}.player-workspace .crumb b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:380px}
@media(max-width:850px){.player-workspace .sidebar{position:relative;left:auto;top:auto;transform:none!important;width:100%;height:auto;max-height:none;box-shadow:none!important}.player-workspace{display:block}.player-workspace .main{margin-left:0}.player-brand{padding-bottom:15px}.player-account{margin-bottom:15px}.player-workspace .player-ticket-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));max-height:220px}.player-sidebar-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.player-sidebar-bottom p{margin:0}.player-sidebar-bottom .btn{width:auto}.player-chat-frame{min-height:640px;height:75vh}.player-content{padding:23px 16px}.player-workspace .topbar{padding:15px 16px}.player-private{display:none}.player-page-heading{flex-wrap:wrap;gap:12px}}

.player-workspace:not(.lsj-web-authorized) .panel-switch{display:none!important}

/* Archived conversations share the compact layout of live chat. */
.modal.history-chat-modal{width:min(780px,96vw);max-width:780px;height:min(720px,86dvh);max-height:86dvh;display:flex;flex-direction:column;background:#080808!important;border:1px solid #292929;border-radius:12px;overflow:hidden}
.modal.history-chat-modal>header{flex:none;padding:15px 20px!important;min-height:0;border-bottom:1px solid #292929;background:#0c0c0c}
.modal.history-chat-modal>header h2{font-size:16px;line-height:1.4;margin:0}.modal.history-chat-modal>header .btn{padding:6px;width:30px;height:30px}
.modal.history-chat-modal>.modal-body{padding:0!important;flex:1;min-height:0;overflow:hidden}
.history-conversation{height:100%;display:flex;flex-direction:column;min-height:0;color:#eee}
.history-conversation .history-detail-meta{flex:none;padding:11px 20px;margin:0;gap:9px;font-size:11px;border-bottom:1px solid #202020}.history-conversation .history-detail-meta small{color:#888}.history-conversation .history-detail-meta .btn{padding:6px 9px;font-size:11px}.history-conversation .history-closed{padding:3px 7px;background:#181818;border-color:#303030;color:#aaa;font-size:10px}
.history-chat-resolution{flex:none;margin:12px 20px 0;padding:9px 12px;border-left:2px solid #555;background:#141414;border-radius:0 6px 6px 0;max-height:100px;overflow:auto}.history-chat-resolution>span{display:flex;align-items:center;gap:5px;font-size:10px;color:#999}.history-chat-resolution .icon{width:12px;height:12px}.history-chat-resolution p{margin:5px 0 0;font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.history-chat-log{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:14px;padding:14px 20px 20px;scrollbar-width:thin;scrollbar-color:#333 transparent}
.history-chat-day{align-self:center;color:#777;font-size:10px;margin:1px 0 3px}.history-chat-message{display:flex;align-self:flex-start;align-items:flex-start;gap:10px;max-width:90%;min-width:0}.history-chat-message.mine{flex-direction:row-reverse;align-self:flex-end}.history-chat-avatar{display:grid;place-items:center;position:static;overflow:hidden;clip-path:circle(50%);border-radius:50%;width:30px;height:30px;flex:0 0 30px;background:#292929;color:#ddd;font-size:12px;margin-top:2px}.history-chat-avatar img{display:block;width:30px;height:30px;object-fit:cover;border-radius:50%;margin:0;max-width:30px;max-height:30px}.history-chat-content{min-width:0;max-width:calc(100% - 40px)}.history-chat-byline{display:flex;align-items:baseline;gap:8px;margin:0 0 5px;padding:0 2px;line-height:1.3}.history-chat-byline strong{font-size:11px;font-weight:600}.history-chat-byline time{font-size:9px;color:#777;white-space:nowrap}.mine .history-chat-byline{justify-content:flex-end}.history-chat-bubble{background:#191919;border-radius:9px;padding:10px 13px;font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.mine .history-chat-bubble{background:#242424}.history-chat-message.continued{margin-top:-9px}.continued .history-chat-avatar{visibility:hidden}.history-chat-file{display:flex;align-items:center;gap:7px;padding:8px 11px;margin-top:5px;border:1px solid #303030;border-radius:7px;font-size:11px;color:#ccc;overflow-wrap:anywhere}.history-chat-file .icon{width:14px;height:14px;flex:none}
.history-conversation .history-notes{flex:none;margin:0;padding:9px 20px;border-top:1px solid #292929;max-height:110px;overflow:auto}.history-conversation .history-notes summary{font-size:11px;color:#aaa}.history-conversation .history-notes p{font-size:12px;margin:8px 0;line-height:1.5}.history-chat-readonly{flex:none;display:flex;align-items:center;justify-content:center;gap:6px;padding:11px;border-top:1px solid #292929;color:#777;font-size:10px;background:#0b0b0b}.history-chat-readonly .icon{width:12px;height:12px}
@media(max-width:600px){.modal.history-chat-modal{width:100%;height:90dvh;max-height:90dvh;border-radius:9px}.history-chat-log{padding:12px;gap:12px}.history-chat-message{max-width:100%}.history-chat-resolution{margin:10px 12px 0}.history-conversation .history-detail-meta{padding:9px 12px}}

.history-chat-readonly{justify-content:flex-start;padding:10px 20px}.history-chat-readonly [data-history-reopen]{margin-left:auto;font-size:11px;padding:7px 10px}
.nav-icon-watermark .icon{width:16px;height:16px}
.watermark-panel .panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.watermark-dropzone{display:grid;place-items:center;gap:10px;padding:30px 24px;border:1.5px dashed #3e3a4d;border-radius:10px;background:#101014;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}
.watermark-panel-compact .watermark-dropzone{padding:22px 18px}
.watermark-dropzone:hover,.watermark-dropzone:focus-visible,.watermark-dropzone.dragging{border-color:#b59ff7;background:#171521;outline:none}
.watermark-dropzone>.icon{width:28px;height:28px;color:#c8b9f6}
.watermark-dropzone strong{font-size:13px;color:#f1f1f5}
.watermark-dropzone small{font-size:11px;color:#9595a3;max-width:560px;line-height:1.5}
.watermark-result{margin-top:18px;padding:18px 20px;border-radius:10px;border:1px solid #303038;background:#16161b}
.watermark-result.loading{color:#c8b9f6;border-color:#493b66;background:#1c1826}
.watermark-result.error,.watermark-result.not-found{border-color:#5a2e35;background:#1f1417}
.watermark-result.found{border-color:#355943;background:#131f18}
.watermark-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.watermark-status-row small{color:#9a9aa8;font-size:11px}
.watermark-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;font-size:11px;font-weight:600}
.watermark-badge .icon{width:14px;height:14px}
.watermark-badge.verified{background:#1b3526;border:1px solid #3b7152;color:#b8f3ce}
.watermark-badge.missing{background:#351b20;border:1px solid #6e353f;color:#f5b8c2}
.watermark-owner-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:9px;background:#0f1712;border:1px solid #294433;margin-bottom:14px;flex-wrap:wrap}
.watermark-owner-avatar{width:40px;height:40px;font-size:14px}
.watermark-owner-info{display:grid;gap:3px;min-width:0;flex:1}
.watermark-owner-info small{font-size:9px;letter-spacing:1.2px;color:#8cb89d}
.watermark-owner-info strong{font-size:16px;color:#fff;overflow-wrap:anywhere}
.watermark-owner-info span{font-size:12px;color:#a8c5b3}
.watermark-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.watermark-meta-grid>div{padding:11px 13px;border-radius:8px;background:#101412;border:1px solid #25382c;display:grid;gap:5px}
.watermark-meta-grid small{font-size:9px;letter-spacing:1px;color:#8fa698}
.watermark-meta-grid strong{font-size:12px;color:#eef6f1;overflow-wrap:anywhere}
.watermark-roles{margin-top:12px;padding-top:12px;border-top:1px solid #25382c;display:grid;gap:8px}
.watermark-roles small{font-size:9px;letter-spacing:1px;color:#8fa698}
.watermark-roles>div{display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:850px){.watermark-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.watermark-meta-grid{grid-template-columns:1fr}.watermark-panel .panel-head{flex-direction:column;align-items:flex-start}}
.watermark-history-scroll{overflow-x:auto}.watermark-history table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.watermark-history th,.watermark-history td{padding:12px 10px;border-bottom:1px solid #303038;vertical-align:top}.watermark-history th{color:#aaa}.watermark-history td{overflow-wrap:anywhere}.watermark-history td:first-child{min-width:135px}.watermark-history td small{color:#aaa}.watermark-history .panel-body>p{font-size:12px;line-height:1.6;color:#aaa}.watermark-history-pages{margin-top:14px;align-items:center;justify-content:flex-end}.watermark-history-image{display:block;max-width:100%;height:auto;margin-top:16px;border:1px solid #333;border-radius:8px}

body #guild-workspace-banner.compass-default-banner{height:clamp(110px,17vw,220px)!important;object-fit:contain!important;background:#020b19}

/* compact-forms.css */
/* Shared form density: short values stay short, long content keeps useful space. */
.content .panel-body{padding:16px 18px}.content .panel-head{padding:14px 18px}.content .section-gap{margin-top:18px}.content .field{gap:6px;margin-bottom:13px}.content .field>label,.content label.field{font-size:12px;line-height:1.45}.content .field small{font-size:10px;line-height:1.5}.content input:not([type=checkbox]):not([type=radio]):not([type=color]),.content select{min-height:35px;padding:8px 10px;font-size:12px}.content textarea{min-height:84px;padding:10px;font-size:12px;line-height:1.5;resize:vertical}.content input[type=number]{width:130px;max-width:100%}.content input[type=color]{width:66px!important;height:34px;min-height:34px;padding:3px;cursor:pointer}.content input[type=file]{width:100%;max-width:360px;font-size:11px;padding:6px;min-height:36px}.content input[type=file]::file-selector-button{font:inherit;padding:6px 9px;border:1px solid #3d3946;border-radius:5px;background:#24212a;color:#eee;margin-right:8px}.content .form-grid{gap:18px}.content .field>select,.content label.field>select{max-width:440px}.content .field>input:not([type=number]):not([type=color]):not([type=file]):not([type=checkbox]):not([type=radio]){max-width:440px}.content details>summary{padding:10px 0;line-height:1.5;cursor:pointer}.content .setting-line{padding:12px 0;gap:15px}.content .setting-line small{line-height:1.5}.content .btn-row{gap:8px}.content .btn{min-height:33px;padding:8px 11px}.content .save-bar{padding:11px 16px}.content h3{font-size:13px;margin:14px 0 10px}
.compact-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;align-items:start;margin-top:14px}.compact-options>.field{margin:0!important;min-width:0}.compact-options>.compact-media-field{display:grid;gap:7px}.compact-options>.compact-media-field .field{margin:0}.compact-options>.compact-media-field button{justify-self:start}.compact-options>.compact-media-field input{max-width:100%}.compact-options>#ticket-media-status{grid-column:1/-1;margin:0}.compact-options>#ticket-media-status:empty{display:none}.compact-options .field:has(textarea){grid-column:1/-1}.compact-options input[type=number]{width:110px}.compact-options+.btn-row{margin-top:15px}.ticket-type-simple{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.ticket-type-simple>.field{margin:0!important;min-width:0}.ticket-type-simple>.field:first-child{grid-column:1/-1}.ticket-type-simple>details,.ticket-type-simple>h4,.ticket-type-simple>[data-modal-preview],.ticket-type-simple>[data-question-add]{grid-column:1/-1}.ticket-type-simple>details{margin-top:0}.ticket-type-simple .ticket-mention-list{max-height:150px}.ticket-type-simple .panel.panel-body{padding:13px}.compact-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.compact-settings-grid>.field{margin:0}.content .number-row{gap:14px}.content .number-row .field{min-width:0}.content .leadership-roles{max-height:210px;padding:10px;gap:7px}.content .leadership-roles label{padding:8px 10px}.content .role-rule-grid{gap:14px}.content .history-filters{padding:15px 18px}.content .history-pagination{padding:13px 18px}
@media(min-width:1200px){.content .three-columns{gap:16px}}
@media(max-width:700px){.compact-options,.ticket-type-simple,.compact-settings-grid{grid-template-columns:1fr}.compact-options>.field,.compact-options>.compact-media-field,.ticket-type-simple>.field{grid-column:auto}.content .field>select,.content .field>input{max-width:100%}.content .panel-body{padding:15px}.content input[type=number]{width:120px}}

.content .panel-body>.field{max-width:700px}.content .panel-body>.field:has(textarea){max-width:none}.compact-options>.field:has(input[type=color]){grid-column:1/-1}.compact-options .compact-media-field{grid-row:auto}.content .form-grid>div{min-width:0}.content .compact-options input[type=file]{overflow:hidden}.content .compact-options{column-gap:16px}.content .ticket-setup-steps{margin-bottom:16px;gap:8px}.content .ticket-setup-steps li{padding:6px 9px;font-size:11px}

/* simple-dashboard.css */
/* One calm layout for the existing dashboard; controls keep their original handlers. */
.simple-dashboard .content{max-width:1180px;padding:24px 30px 90px}.simple-dashboard .main::before{height:64px}.simple-dashboard #guild-workspace-banner{height:64px!important;min-height:64px!important}.simple-dashboard .topbar{min-height:58px}.simple-dashboard .eyebrow{display:none}.simple-dashboard .page-heading{margin-bottom:22px}.simple-dashboard .page-heading h1{font-size:24px}.simple-dashboard .page-heading p{max-width:650px;font-size:12px;line-height:1.6}
.simple-dashboard .nav-icon{background:transparent!important;border:0!important;border-radius:0!important;width:25px;height:25px}.simple-dashboard .nav-icon .icon{width:18px;height:18px}.simple-dashboard .sidebar nav button{border-radius:5px;box-shadow:none}.simple-dashboard .content .panel{background:transparent;border:0;border-bottom:1px solid #28262e;border-radius:0;box-shadow:none}.simple-dashboard .content .panel-head{background:transparent;border:0;padding:16px 0 10px}.simple-dashboard .content .panel-body{padding:8px 0 20px}.simple-dashboard .content .panel-head h2{font-size:14px}.simple-dashboard .content .panel-head small{font-size:11px;color:#8e8998}.simple-dashboard .content .section-gap{margin-top:16px}.simple-dashboard .content p{line-height:1.6}.simple-dashboard .stat{background:transparent;border:0;border-radius:0;box-shadow:none;border-bottom:1px solid #29262f}.simple-dashboard .guard-card{background:transparent;border:0;border-top:1px solid #29262f;border-radius:0;padding:15px 0}.simple-dashboard .guard-grid{gap:16px 30px}.simple-dashboard .event-icon{background:transparent;border:0;border-radius:0}
.simple-dashboard .simple-settings-group{border:0;border-top:1px solid #302c37;margin:0;padding:0}.simple-dashboard .simple-settings-group>summary{padding:18px 0!important;font-size:15px;font-weight:650;color:#eee;cursor:pointer}.simple-dashboard .simple-group-body{padding:0 0 18px}.simple-dashboard .simple-group-body>.panel:last-child{border-bottom:0}.simple-dashboard .simple-group-body>.panel:first-child .panel-head{padding-top:6px}
.simple-dashboard .leadership-description{font-size:12px;max-width:650px;margin:0 0 12px}.simple-dashboard .leadership-roles{display:flex!important;flex-wrap:wrap;align-items:flex-start;gap:6px 18px;border:0!important;border-radius:0;padding:6px 0!important;max-height:210px}.simple-dashboard .leadership-roles legend{padding:0;font-size:10px;color:#8b8695}.simple-dashboard .leadership-roles label{position:relative;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px;flex:none!important;width:auto!important;min-width:0!important;max-width:100%;padding:6px 0!important;margin:0!important;min-height:30px;background:transparent!important;border:0!important;border-radius:0!important;font-size:12px;color:#9f9aa8;cursor:pointer}.simple-dashboard .leadership-roles input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;clip-path:inset(50%)}.simple-dashboard .leadership-roles span{width:auto!important;white-space:nowrap;overflow-wrap:normal!important;word-break:normal!important}.simple-dashboard .leadership-roles label:has(input:checked){color:#d8c3ff!important;font-weight:600}.simple-dashboard .leadership-roles label:has(input:checked)::before{content:'✓';color:#c5a6f2}.simple-dashboard .leadership-roles label:focus-within{outline:2px solid #aa85df;outline-offset:3px}.simple-dashboard .leadership-roles[disabled] label{opacity:.55;cursor:default}.simple-dashboard .leadership-actions{margin-top:12px;justify-content:flex-start}.simple-dashboard .leadership-actions p:empty{display:none}
.simple-dashboard .ticket-team-roles{gap:5px 17px;padding:4px 0;max-height:180px}.simple-dashboard .ticket-role-chip{border:0!important;border-radius:0!important;background:transparent!important;padding:6px 0!important;gap:6px;color:#9f9aa8;min-height:29px;box-shadow:none!important}.simple-dashboard .ticket-role-chip.selected{color:#d8c3ff;font-weight:600}.simple-dashboard .ticket-role-chip.selected::before{content:'✓';color:#c5a6f2}.simple-dashboard .role-chip-icon{display:none}.simple-dashboard .ticket-role-chip small{background:transparent!important;border:0;padding:0;font-size:9px;color:#8e799f;font-weight:400}.simple-dashboard .ticket-category-team>small{font-size:11px}.simple-dashboard .ticket-type-simple{gap:12px}.simple-dashboard .dashboard-role-rules{margin:12px 0;max-width:700px}.simple-dashboard .dashboard-role-rules details{border:0;border-top:1px solid #29262f;border-radius:0;padding:0;margin:0}.simple-dashboard .dashboard-role-rules summary .pill{background:transparent;border:0;padding:0;font-size:10px;color:#a88bc4}.simple-permission-list{max-width:620px;padding-bottom:12px}.simple-permission-row{display:grid;grid-template-columns:minmax(120px,1fr) 175px;gap:18px;align-items:center;padding:8px 0;border-bottom:1px solid #242129;font-size:12px}.simple-dashboard .simple-permission-row select{min-height:32px;max-width:100%;padding:6px 9px}.simple-dashboard .dashboard-access-note{margin:8px 0 14px}
.simple-dashboard #ticket-builder>.panel-body>.form-grid{grid-template-columns:1fr;gap:4px}.simple-dashboard #ticket-builder>.panel-body>.form-grid>div{max-width:700px}.simple-dashboard .simple-preview{max-width:700px;margin-bottom:12px}.simple-dashboard #ticket-builder-preview{border:0;border-left:2px solid #494050;padding:8px 14px}.simple-dashboard .ticket-question-card{border:0;border-top:1px solid #2c2832;border-radius:0;padding:13px 0;max-width:700px}.simple-dashboard .ticket-question-card>.ticket-question-grid>.field:first-child{grid-column:1/-1}.simple-dashboard .ticket-question-card>.ticket-question-grid>.field:first-child input{max-width:100%}.simple-dashboard .simple-question-options{grid-column:1/-1}.simple-dashboard .simple-question-options>summary{font-size:11px;color:#a89ab8;padding:3px 0!important}.simple-dashboard .simple-question-options>.ticket-question-grid{padding:12px 0}.simple-dashboard .ticket-question-grid{gap:9px 18px}.simple-dashboard .ticket-question-list{gap:0}.simple-dashboard .ticket-notification-settings{border:0;border-top:1px solid #29262f;border-radius:0;padding:12px 0;max-width:700px}.simple-dashboard .ticket-mention-list{display:flex;flex-wrap:wrap;gap:5px 17px;border:0;padding:0;max-height:160px}.simple-dashboard .ticket-mention-list .ticket-mention-choice{position:relative;width:auto!important;min-height:30px;padding:5px 0!important;border:0;background:transparent;flex:none;color:#9f9aa8}.simple-dashboard .ticket-mention-choice input[type=checkbox]{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;flex-basis:1px!important;clip-path:inset(50%)}.simple-dashboard .ticket-mention-choice:has(input:checked){color:#d8c3ff}.simple-dashboard .ticket-mention-choice:has(input:checked)::before{content:'✓'}.simple-dashboard .ticket-mention-choice:focus-within{outline:2px solid #aa85df;outline-offset:3px}
.simple-dashboard .save-bar{border-radius:0;box-shadow:none;border:0;border-top:1px solid #34303c;padding:10px 16px!important}.simple-dashboard .save-bar small{display:none}.simple-dashboard .btn{box-shadow:none}.simple-dashboard .history-access-badge{background:transparent;border:0;padding:0}.simple-dashboard .history-message{background:transparent;border:0;border-top:1px solid #302b37;border-radius:0;padding:14px 0}.simple-dashboard .history-filters{padding:12px 0;border:0}.simple-dashboard .history-table th{background:transparent}
@media(max-width:700px){.simple-dashboard .content{padding:20px 16px 90px}.simple-permission-row{grid-template-columns:minmax(100px,1fr) 150px;gap:10px}.simple-dashboard .ticket-team-roles,.simple-dashboard .leadership-roles{gap:5px 14px}.simple-dashboard .guard-grid{grid-template-columns:1fr}}

/* Basic ticket setup; advanced controls retain their original handlers. */
.ticket-settings-easy #ticket-setup,.ticket-settings-easy .ticket-basic-settings,.ticket-settings-easy main .save-bar{display:none!important}
.ticket-easy-fields{border:0;margin:0;padding:0;min-width:0}
.ticket-easy-toggle{display:flex;align-items:center;gap:9px;margin:0 0 24px;font-weight:600}
.ticket-easy-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.ticket-easy-grid h3{display:flex;align-items:center;gap:10px;font-size:15px;margin:0 0 20px}
.ticket-easy-grid h3>span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #444;border-radius:50%;font-size:12px}
.ticket-easy-help{color:#aaa;font-size:12px;line-height:1.65;margin:12px 0}
.ticket-easy-role-picker{border:1px solid #3b3b3b;border-radius:9px;background:#111}
.ticket-easy-role-picker>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;cursor:pointer;list-style:none;font-size:13px}
.ticket-easy-role-picker>p{font-size:12px;line-height:1.6;color:#aaa;padding:0 12px}
.ticket-easy-role-list{max-height:230px;overflow:auto;padding:0 12px 12px;display:grid;gap:5px}
.ticket-easy-role-list>label{display:flex;align-items:center;gap:10px;padding:8px;border-radius:6px;font-size:13px;cursor:pointer}
.ticket-easy-role-list>label:hover{background:#252525}
.ticket-easy-text{margin:20px 0;border-top:1px solid #303030;padding-top:18px}
.ticket-easy-text>summary{cursor:pointer;margin-bottom:15px;font-size:13px}
.ticket-easy-categories{font-size:12px;color:#999;line-height:1.7;margin:22px 0}
.ticket-easy-actions{display:flex;flex-wrap:wrap;gap:10px}
[data-easy-status]{font-size:13px;line-height:1.7;white-space:pre-wrap;margin-top:16px;overflow-wrap:anywhere}
.ticket-easy-advanced{border:1px solid #303030;border-radius:10px;background:#101010}
.ticket-easy-advanced>summary{display:flex;flex-direction:column;gap:7px;padding:19px 20px;cursor:pointer;list-style:revert}
.ticket-easy-advanced>summary small{font-size:12px;color:#999;font-weight:400}
[data-easy-advanced-body]{padding:0 16px 16px}
@media(max-width:760px){.ticket-easy-grid{grid-template-columns:1fr;gap:20px}.ticket-easy-actions>.btn{width:100%}}

.ticket-settings-easy #guild-workspace-banner{display:none!important}
#ticket-easy-settings .ticket-easy-toggle{display:flex!important;justify-content:flex-start!important;align-items:center!important}
#ticket-easy-settings .ticket-easy-toggle>input,#ticket-easy-settings .ticket-easy-role-list input{width:16px!important;height:16px!important;min-width:16px!important;flex:0 0 16px!important;margin:0!important}
.ticket-settings-easy main #ticket-easy-advanced[open] ~ .save-bar{display:flex!important}

#ticket-easy-settings .ticket-easy-role-picker>summary{padding:12px!important}
#ticket-easy-advanced>summary{padding:19px 20px!important}

.ticket-easy-types{margin:24px 0;padding:22px 0;border-top:1px solid #303030;border-bottom:1px solid #303030}
.ticket-easy-types h3{display:flex;align-items:center;gap:10px;font-size:15px;margin:0 0 10px}
.ticket-easy-types h3>span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #444;border-radius:50%;font-size:12px}
[data-easy-categories]{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}
.ticket-easy-type{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #363636;border-radius:8px;background:#151515}
#ticket-easy-settings .ticket-easy-type input[type=checkbox]{width:17px!important;height:17px!important;min-width:17px!important;margin:0!important}
.ticket-easy-type-check{display:flex!important;align-items:center!important;margin:0!important}
#ticket-easy-settings .ticket-easy-type input[type=text]{border:0!important;background:transparent!important;padding:4px!important;min-width:0;width:100%;font-size:13px}
.ticket-easy-type.is-disabled{opacity:.55}
#ticket-easy-settings .ticket-easy-actions{flex-direction:row-reverse;justify-content:flex-end}
@media(max-width:760px){[data-easy-categories]{grid-template-columns:1fr}}

#ticket-easy-settings .ticket-easy-type>.btn{flex:none;white-space:nowrap}
.ticket-easy-modal-team{border:1px solid #333;border-radius:9px;padding:12px;margin:16px 0}
.ticket-easy-modal-team>p{font-size:12px;color:#aaa;line-height:1.6}
.ticket-easy-modal-team input[type=checkbox]{width:16px!important;height:16px!important;min-width:16px!important}
#ticket-easy-type-form .field small{font-size:12px;color:#aaa;font-weight:400}

#ticket-easy-settings [data-easy-categories]{grid-template-columns:1fr}
.ticket-easy-type-team{font-size:12px;color:#aaa;max-width:35%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:550px){.ticket-easy-type-team{display:none}}

.ticket-easy-questions{margin:22px 0}
.ticket-easy-question{min-width:0;border:1px solid #333;border-radius:9px;padding:14px;margin:16px 0}
.ticket-easy-question legend{padding:0 6px;font-weight:600}
.ticket-easy-question-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ticket-easy-question-required{display:flex;align-items:center;gap:9px;margin:12px 0 16px}
#ticket-easy-type-form .ticket-easy-question-required input[type=checkbox]{width:16px!important;height:16px!important;min-width:16px!important;margin:0!important}
@media(max-width:550px){.ticket-easy-question-options{grid-template-columns:1fr}}

/* Compact shared channel/team controls, with category details below. */
#ticket-easy-settings>.panel-head{padding:12px 16px 6px!important;min-height:0}
#ticket-easy-settings>.panel-head h2{font-size:14px;margin:0}
#ticket-easy-settings>.panel-body{padding:8px 16px 14px!important}
#ticket-easy-settings .ticket-easy-grid{gap:12px 24px}
#ticket-easy-settings .ticket-easy-grid h3{font-size:13px;gap:7px;margin:0 0 7px;line-height:1.4}
#ticket-easy-settings .ticket-easy-grid h3>span{width:21px;height:21px;font-size:10px}
#ticket-easy-settings .ticket-easy-grid .field{margin:0;gap:0}
#ticket-easy-settings .ticket-easy-grid select{min-height:34px;height:34px;padding:6px 10px;font-size:12px}
#ticket-easy-settings .ticket-easy-role-picker{border-radius:7px}
#ticket-easy-settings .ticket-easy-role-picker>summary{padding:7px 10px!important;min-height:32px;box-sizing:border-box;font-size:12px;line-height:18px}
#ticket-easy-settings .ticket-easy-grid>.ticket-easy-help,#ticket-easy-settings .ticket-easy-grid>section>.ticket-easy-help{font-size:11px;line-height:1.4;margin:5px 0 0}
#ticket-easy-settings .ticket-easy-types{margin:14px 0;padding:12px 0}
@media(max-width:760px){#ticket-easy-settings .ticket-easy-grid{gap:12px}}
#ticket-easy-settings>.panel-head{display:none}#ticket-easy-settings .ticket-easy-grid select{min-height:34px!important;height:34px!important;padding:6px 10px!important}

/* messenger-shell.css */
.messenger-page .main::before,.messenger-page #guild-workspace-banner,.messenger-page .main>.topbar,.messenger-page .content>.notice,.messenger-page .content>.footer-note,.messenger-page .content>.page-heading{display:none!important}.messenger-page .content{padding:0!important;max-width:none!important;height:100dvh;overflow:hidden}.messenger-page .support-chat-frame{display:block;width:100%;height:100dvh!important;min-height:0!important;border:0!important;border-radius:0!important;background:#101014}.messenger-page .main{height:100dvh;overflow:hidden}
.messenger-player-workspace .sidebar{width:310px!important;padding:27px 20px 15px!important;background:#111116;border-right:1px solid #292632}.messenger-player-workspace .main{margin-left:310px!important;height:100dvh;overflow:hidden}.messenger-player-workspace .main::before{display:none!important}.messenger-player-workspace .player-chat-frame{width:100%;height:100dvh!important;min-height:0!important;border:0!important;border-radius:0!important;display:block}.messenger-player-workspace .player-brand{font-weight:650;letter-spacing:3px;font-size:15px;padding:4px 0 30px}.player-inbox-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}.player-inbox-header h1{font-size:17px;letter-spacing:-.3px;margin:0}.messenger-player-workspace .player-inbox-header .btn{font-size:11px;min-height:32px;background:#baa0f5;color:#20172f;border:0}.messenger-player-workspace #player-search{width:100%;padding:11px 12px;font-size:12px;border:1px solid #302d38;background:#111116;border-radius:6px}.messenger-player-workspace .player-ticket-list{padding:18px 0;display:block;max-height:none}.player-category{margin:0 0 23px}.player-category h2{display:flex;gap:9px;align-items:center;font-size:10px;color:#9690a2;font-weight:600;text-transform:uppercase;letter-spacing:.6px;margin:0 0 9px}.player-category h2 small{font-size:9px;font-weight:400;color:#6d6877}.messenger-player-workspace .player-ticket{border:0;border-radius:5px;background:transparent;padding:12px 10px;gap:7px;margin-bottom:4px}.messenger-player-workspace .player-ticket.selected{border-left:3px solid #bea2f4;background:#25202e;padding-left:7px}.messenger-player-workspace .player-ticket-title{font-size:12px;line-height:1.5;padding-right:0}.messenger-player-workspace .player-progress{border:0;background:transparent;padding:0;font-size:10px}.messenger-player-workspace .player-sidebar-bottom{display:flex;gap:9px;align-items:center}.messenger-player-workspace .player-sidebar-bottom strong{display:block;font-size:12px}.messenger-player-workspace .player-sidebar-bottom small{display:block;color:#8e879b;font-size:9px;margin-top:4px}.messenger-player-workspace .player-sidebar-bottom .avatar{width:30px;height:30px;background:#514263;color:#e8daf9;flex:none}.messenger-player-workspace .player-sidebar-bottom .btn{width:auto;margin-left:auto;border:0;background:transparent}.messenger-player-workspace .player-unread{font-size:9px;right:7px;top:auto;bottom:10px}
@media(max-width:850px){.messenger-player-workspace .sidebar{position:relative!important;width:100%!important;height:auto!important;max-height:280px;padding:14px 16px!important}.messenger-player-workspace .main{margin-left:0!important;height:calc(100dvh - 280px)}.messenger-player-workspace .player-chat-frame{height:calc(100dvh - 280px)!important}.messenger-player-workspace .player-brand,.messenger-player-workspace .player-sidebar-bottom{display:none}.messenger-player-workspace .player-inbox-header{margin-bottom:10px}.messenger-player-workspace .player-ticket-list{display:flex;gap:18px;overflow:auto;max-height:150px;padding:12px 0}.player-category{min-width:200px;margin:0}.messenger-page .main{margin-left:0}}


/* black-theme.css */
/* Monochrome dashboard and chat. Navigation is rendered by the original shared shell. */
:root{color-scheme:dark;--bg:#080808;--sidebar:#0c0c0c;--panel:#111;--panel2:#171717;--line:#292929;--text:#eee;--muted:#999;--purple:#ddd;--blue:#bbb;--green:#bbb;--amber:#bbb;--red:#bbb;--accent:#ddd}
html,body,#desk,.shell,.main,.content,.messenger-shell,.messenger-shell .desk-layout{background:#080808!important;color:#eee}
.sidebar,.messenger-page .sidebar,.messenger-player-workspace .sidebar{background:#0c0c0c!important;border-color:#292929!important}
.panel,.modal,.server-card,.server-switch,.connection,.stat,.guard-card,.topbar,.save-bar,.announcement-card,dialog,.messenger-new-form,.ticket-action-dialog,.messenger-action-menu{background:#111!important;border-color:#303030!important;box-shadow:none!important;color:#eee!important}
input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea{background:#101010!important;border-color:#333!important;color:#eee!important;accent-color:#bbb}
input[type=checkbox],input[type=radio]{accent-color:#bbb}.btn,.btn.primary,.messenger-shell .btn.primary,.ticket-action-dialog button,.player-inbox-header .btn{background:#202020!important;border:1px solid #3a3a3a!important;color:#eee!important;box-shadow:none!important;background-image:none!important}
.btn:hover,.ticket-action-dialog button:hover{background:#303030!important}.btn.primary,.ticket-action-dialog [type=submit],.messenger-shell .btn.primary{background:#e5e5e5!important;border-color:#e5e5e5!important;color:#101010!important}
.nav button.active,.messenger-shell .desk-ticket.selected,.messenger-player-workspace .player-ticket.selected,.ticket-role-chip.selected{background:#222!important;border-color:#ccc!important;color:#fff!important}.nav button.active::before,.messenger-filters button.selected::after{background:#ccc!important}
.nav-count,.desk-unread,.player-unread,.avatar,.messenger-avatar,.messenger-message.mine .messenger-avatar{background:#333!important;color:#eee!important}.nav-icon,.nav button.active .nav-icon{color:#bbb!important}.dot{background:#aaa!important;box-shadow:none!important}
.messenger-shell .chat-conversations,.messenger-shell .messenger-room,.messenger-room-header,.messenger-shell .messenger-composer,.messenger-readonly,.messenger-close-reason{background:#080808!important;border-color:#292929!important}
.messenger-bubble,.mine .messenger-bubble,.messenger-shell .messenger-bubble,.messenger-shell .mine .messenger-bubble{background:#191919!important;color:#eee!important}.mine .messenger-bubble{background:#222!important}.messenger-state,.messenger-state[data-progress=working],.messenger-state[data-progress=reply],.messenger-state[data-progress=closed]{color:#bbb!important}
.messenger-avatar{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;min-height:34px!important;max-height:34px!important;border-radius:50%!important;overflow:hidden!important;display:grid!important;place-items:center;flex:0 0 34px!important}
.messenger-avatar img{display:block!important;width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:0!important;max-height:100%!important;object-fit:cover!important;border-radius:50%!important;margin:0!important}
.messenger-shell .desk-file,.composer-quick select{background:#171717!important;border-color:#333!important;color:#ddd!important}.messenger-byline time,.messenger-title small,.messenger-title p,.messenger-ticket-group h3,.messenger-shell .desk-ticket>small,.composer-hint,.composer-quick,.messenger-filters button{color:#999!important}
.ticket-action-dialog{font:14px Inter,Segoe UI,sans-serif!important;border-radius:10px!important;padding:24px!important;width:min(460px,calc(100% - 32px))!important;max-height:85dvh!important}.ticket-action-dialog form{display:grid!important;gap:16px!important}.ticket-action-dialog header{display:flex!important;justify-content:space-between;align-items:center}.ticket-action-dialog h2{margin:0;font-size:20px!important}.ticket-action-dialog label{display:grid;gap:8px;font-size:13px}.ticket-action-dialog textarea{min-height:110px!important;padding:12px!important;border-radius:6px!important;resize:vertical}.ticket-action-dialog footer{display:flex;justify-content:flex-end;gap:8px}.ticket-action-dialog button{font:inherit!important;padding:9px 14px!important;border-radius:6px!important;cursor:pointer}.ticket-action-dialog [data-cancel][aria-label]{background:transparent!important;border:0!important;font-size:22px!important;padding:0 4px!important}.ticket-action-dialog::backdrop{background:#000b}.ticket-action-dialog p{font-size:13px!important;line-height:1.6!important;color:#aaa!important}
body .main::before{background-image:none!important;background-color:#080808!important}a{color:#ddd}.ticket-role-chip small{background:#292929!important;color:#ccc!important}

:root{--lsj-bg:#080808;--lsj-panel:#111;--lsj-panel2:#191919;--lsj-line:#292929;--lsj-line2:#333;--lsj-text:#eee;--lsj-muted:#999;--lsj-faint:#888;--lsj-accent:#ccc;--lsj-attention:#bbb}.messenger-page .demo-note{display:none!important}
body .btn:focus-visible,body a:focus-visible,body button:focus-visible,body input:focus-visible,body textarea:focus-visible,body select:focus-visible,body .ticket-action-dialog textarea:focus-visible{outline-color:#aaa!important;border-color:#aaa!important;box-shadow:0 0 0 1px #aaa!important}

/* server-home.css */
.server-home-active{background:#080808!important}.server-home-active .main::before,.server-home-active #guild-workspace-banner{display:none!important}.server-home{max-width:1120px;margin:0 auto;padding:28px 30px 50px;min-height:100dvh;background:#080808;color:#eee}.server-home-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:24px;border-bottom:1px solid #242424}.server-home-brand{font-size:16px;font-weight:750;letter-spacing:2px;text-decoration:none;color:#eee}.server-home-top>div{display:flex;align-items:center;gap:16px;font-size:12px;color:#999}.server-home-heading{margin:38px 0 24px}.server-home-heading h1{font-size:30px;margin:0 0 10px;letter-spacing:-1px}.server-home-heading p,.server-home-group header p{color:#999;font-size:13px;margin:0;line-height:1.6}.server-home-search{display:flex;align-items:center;gap:10px;border:1px solid #303030;border-radius:8px;background:#101010;padding:0 13px;max-width:440px;margin-bottom:32px}.server-home-search .icon{width:17px;height:17px;color:#888;flex:none}.server-home-search input{width:100%;border:0!important;padding:12px 0!important;background:transparent!important;color:#eee;font:inherit;font-size:13px;min-width:0;outline:0}.server-home-group{margin-bottom:34px}.server-home-group header{margin-bottom:16px}.server-home-group h2{font-size:17px;margin:0 0 5px}.server-home-group h2 small{color:#777;font-size:12px;margin-left:8px}.server-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.server-home-card{display:flex;align-items:center;gap:13px;padding:19px 16px;border:1px solid #292929;border-radius:10px;background:#111;color:#eee;text-align:left;cursor:pointer;min-width:0;font:inherit}.server-home-card:hover{border-color:#666;background:#181818}.server-home-card:disabled{opacity:.5;cursor:wait}.server-home-card>.server-home-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;object-fit:cover;border-radius:12px;background:#272727;font-size:16px}.server-home-card>span:not(.server-home-icon){min-width:0;flex:1}.server-home-card strong{display:block;font-size:13px;overflow-wrap:anywhere;line-height:1.45}.server-home-card small{display:block;color:#888;font-size:11px;margin-top:6px}.server-home-card>.icon{width:16px;height:16px;flex:none;color:#999}.server-home-empty{font-size:12px;color:#777;grid-column:1/-1;padding:16px 0}.server-home footer{display:flex;align-items:center;gap:16px;border-top:1px solid #242424;padding-top:20px}.server-home footer small{color:#777;font-size:11px}.server-home-back{display:flex;align-items:center;gap:8px;font-size:11px;color:#aaa;text-decoration:none;padding:13px 8px}.server-home-back .icon{width:14px;height:14px}.server-home-back:hover{color:#fff}@media(max-width:950px){.server-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.server-home{padding:20px 16px}.server-home-grid{grid-template-columns:1fr}.server-home-heading{margin-top:28px}.server-home-top>div>span{display:none}.server-home footer{align-items:flex-start;flex-direction:column}.server-home-search{max-width:none}}

/* access-settings.css */
.simple-dashboard [data-simple-group=people]{max-width:940px}
.simple-dashboard #leadership-settings,.simple-dashboard #dashboard-access-settings{background:transparent!important;padding:0!important}
.simple-dashboard #leadership-settings .panel-head,.simple-dashboard #dashboard-access-settings .panel-head{padding:14px 0 6px}
.simple-dashboard #leadership-settings .panel-body,.simple-dashboard #dashboard-access-settings .panel-body{padding:4px 0 20px}
.simple-dashboard #leadership-settings p,.simple-dashboard #dashboard-access-settings p{font-size:13px;max-width:740px;color:#aaa;line-height:1.55}
.simple-dashboard .leadership-actions{display:flex;align-items:center;gap:12px}
.access-workspace{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;margin-top:16px;align-items:start}
.access-role-list{display:grid;gap:4px}
.access-role-list>button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:transparent;color:#aaa;border:0;border-radius:6px;padding:10px 12px;text-align:left;font:inherit;cursor:pointer}
.access-role-list>button[aria-current=true]{background:#222;color:#fff}
.access-role-list small{font-size:10px;color:#888}
.access-add-role{display:grid;gap:7px;margin-top:12px;font-size:11px;color:#999}
.access-add-role select{width:100%;min-width:0;font-size:12px;padding:8px}
.access-editor header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.access-editor h3{margin:0;font-size:15px}.access-editor header button{border:0;background:transparent;color:#aaa;padding:5px;cursor:pointer;font-size:11px}
.simple-dashboard .access-editor{max-width:580px!important;min-width:0}
.simple-dashboard .content:has(#dashboard-access-settings) .save-bar{position:static!important;bottom:auto!important;width:auto!important;margin-top:20px}
.access-editor .simple-permission-list{max-width:100%;padding:0}
.access-editor .simple-permission-row{grid-template-columns:minmax(150px,260px) 150px;gap:12px;font-size:13px;padding:7px 0;justify-content:start}
.access-editor .simple-permission-row select{width:150px!important;font-size:12px!important;min-height:32px!important}
.access-save-row{display:flex;align-items:center;gap:12px;margin-top:20px;flex-wrap:wrap}.access-save-row [role=status]{font-size:12px;color:#aaa}
.simple-dashboard .dashboard-access-note{border-top:1px solid #282828;padding-top:14px;margin-top:18px!important}
@media(max-width:720px){.access-workspace{grid-template-columns:1fr;gap:18px}.access-role-list{display:flex;flex-wrap:wrap}.access-role-list>button{width:auto}.access-add-role{width:100%}.access-editor .simple-permission-row{grid-template-columns:minmax(0,1fr) 140px}.access-editor .simple-permission-row select{width:140px!important}}

/* dashboard-layout.css */
/* Shared content rhythm. The sidebar and full-height chat retain their own layout. */
.simple-dashboard:not(.messenger-page) .main>.content{width:100%;max-width:1280px;margin:0 auto;padding:32px clamp(24px,3vw,48px) 64px;overflow:visible;min-width:0;font-size:14px;line-height:1.6}
.simple-dashboard .content *{box-sizing:border-box}
.simple-dashboard .content .page-heading{margin:0 0 30px;gap:20px}
.simple-dashboard .content .page-heading h1{font-size:28px;line-height:1.25;margin:0 0 10px}
.simple-dashboard .content .page-heading p{font-size:14px;line-height:1.65;color:#aaa;max-width:760px}
.simple-dashboard .content .simple-settings-group{margin:0 0 16px;border-top:1px solid #303030}
.simple-dashboard .content .simple-settings-group>summary{font-size:16px;padding:22px 0!important;line-height:1.4}
.simple-dashboard .content .simple-group-body{display:grid;gap:28px;padding:0 0 28px}
.simple-dashboard .content .panel{background:transparent!important;border:0;border-bottom:1px solid #292929;border-radius:0;box-shadow:none;margin-top:24px;min-width:0;overflow:visible}
.simple-dashboard .content .simple-group-body>.panel{margin:0;padding:0 0 24px!important}
.simple-dashboard .content .simple-group-body>.panel:last-child{padding-bottom:0!important;border-bottom:0}
.simple-dashboard .content .panel-head,.simple-dashboard .content #leadership-settings .panel-head,.simple-dashboard .content #dashboard-access-settings .panel-head{padding:0 0 14px!important;gap:16px;background:transparent!important;flex-wrap:wrap}
.simple-dashboard .content .panel-head h2{font-size:18px;line-height:1.4;margin:0}
.simple-dashboard .content .panel-head small{font-size:13px;line-height:1.6;color:#aaa;margin-top:5px}
.simple-dashboard .content .panel-body,.simple-dashboard .content #leadership-settings .panel-body,.simple-dashboard .content #dashboard-access-settings .panel-body{padding:0 0 24px!important}
.simple-dashboard .content h3{font-size:16px;line-height:1.4;margin:18px 0 12px}
.simple-dashboard .content p,.simple-dashboard .content #leadership-settings p,.simple-dashboard .content #dashboard-access-settings p{font-size:14px;line-height:1.65;color:#aaa;margin:0 0 18px}
.simple-dashboard .content small{font-size:12px;line-height:1.6}
.simple-dashboard .content .field{gap:8px;margin:0 0 20px;min-width:0}
.simple-dashboard .content .field>label,.simple-dashboard .content label.field{font-size:14px;line-height:1.5;color:#ddd}
.simple-dashboard .content .field small{font-size:12px;color:#999;line-height:1.6}
.simple-dashboard .content input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),.simple-dashboard .content select{font-size:14px!important;min-height:42px!important;padding:10px 12px!important;border-radius:7px;max-width:100%;text-overflow:ellipsis}
.simple-dashboard .content textarea{font-size:14px!important;line-height:1.65;min-height:112px;padding:12px 14px!important;border-radius:7px;width:100%;max-width:100%;resize:vertical}
.simple-dashboard .content .field>input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=number]),.simple-dashboard .content .field>select{width:100%;max-width:560px}
.simple-dashboard .content .panel-body>.field{max-width:800px}
.simple-dashboard .content .panel-body>.field:has(textarea){max-width:100%}
.simple-dashboard .content .form-grid,.simple-dashboard .content .compact-settings-grid,.simple-dashboard .content .compact-options{gap:24px}
.simple-dashboard .content .form-grid>*{min-width:0}
.simple-dashboard .content .btn{font-size:13px;line-height:1.4;min-height:38px;padding:9px 15px;border-radius:7px;white-space:normal}
.simple-dashboard .content .btn-row{gap:10px;flex-wrap:wrap}
.simple-dashboard .content .setting-line{padding:18px 0;gap:20px}
.simple-dashboard .content .setting-line strong{font-size:14px;line-height:1.5}
.simple-dashboard .content .setting-line small{font-size:12px;line-height:1.65;max-width:680px}
.simple-dashboard .content .save-bar{position:static!important;width:100%!important;margin:28px 0 0;padding:20px 0!important;border-top:1px solid #333;background:transparent!important;gap:20px;flex-wrap:wrap}
.simple-dashboard .content .save-bar strong{font-size:14px}
.simple-dashboard .content .save-bar small{display:block;font-size:12px;margin-top:4px}
.simple-dashboard .content [data-simple-group=people]{max-width:100%}
.simple-dashboard .content .access-workspace{grid-template-columns:200px minmax(0,1fr);gap:32px;margin-top:22px}
.simple-dashboard .content .access-role-list>button{font-size:14px;padding:12px 14px;min-height:44px}
.simple-dashboard .content .access-role-list small{font-size:11px}
.simple-dashboard .content .access-add-role{font-size:12px;gap:8px;margin-top:16px}
.simple-dashboard .content .access-editor{max-width:680px!important}
.simple-dashboard .content .access-editor h3{font-size:17px;margin:0}
.simple-dashboard .content .access-editor header{margin-bottom:14px}
.simple-dashboard .content .access-editor .simple-permission-row{grid-template-columns:minmax(180px,300px) 180px;gap:24px;font-size:14px;padding:12px 0}
.simple-dashboard .content .access-editor .simple-permission-row select{width:180px!important}
.simple-dashboard .content .leadership-roles,.simple-dashboard .content .ticket-team-roles,.simple-dashboard .content .ticket-mention-list{max-height:none;overflow:visible;gap:8px 20px}
.simple-dashboard .content .leadership-roles label,.simple-dashboard .content .ticket-role-chip{font-size:14px;min-height:38px;padding:8px 0!important}
.simple-dashboard .content .leadership-roles legend{font-size:12px;margin-bottom:8px}
.simple-dashboard .content .access-save-row{gap:14px;margin-top:22px}
.simple-dashboard .content .dashboard-access-note{margin-top:24px!important;padding-top:20px}
.simple-dashboard .content .ticket-question-card{max-width:none;padding:20px 0;margin:0}
.simple-dashboard .content .ticket-question-list{gap:16px}
.simple-dashboard .content .ticket-question-grid{gap:20px}
.simple-dashboard .content .ticket-type-simple{gap:20px}
.simple-dashboard .content .table-wrap{max-width:100%;overflow-x:auto}
.simple-dashboard .content table{font-size:13px}
.simple-dashboard .content th,.simple-dashboard .content td{padding:14px 16px;line-height:1.6}
.simple-dashboard .content .appearance-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start}
.simple-dashboard .content .appearance-card{width:100%;max-width:100%;min-width:0}
.simple-dashboard .content .stack-form{min-width:0;display:grid;gap:4px}
.simple-dashboard .content .media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 20px}
.simple-dashboard .content .media-tile{min-width:0;padding:16px;border:1px dashed #383838;border-radius:8px;display:grid;gap:14px}
.simple-dashboard .content .media-tile strong{font-size:14px}.simple-dashboard .content .media-tile small{display:block;margin-top:4px}
.simple-dashboard .content .appearance-meta p:empty,.simple-dashboard .content [role=status]:empty{display:none}
.simple-dashboard .content .stat{padding:20px 0;min-width:0}.simple-dashboard .content .guard-card{padding:22px 0}
.simple-dashboard .content .guard-card h3{font-size:17px;margin:0 0 10px}.simple-dashboard .content .guard-card p{font-size:14px}
.simple-dashboard .content .ticket-notification-settings{max-width:none;padding:20px 0}
.simple-dashboard .content .ticket-question-section>p,.simple-dashboard .content .ticket-type-simple summary{font-size:14px}
.simple-dashboard .content .field>span{font-size:14px;line-height:1.5}
.simple-dashboard .content .mini-row{display:flex;flex-wrap:wrap;gap:14px 18px}
.simple-dashboard .content .mini-field{min-width:0;max-width:100%;font-size:13px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.simple-dashboard .content .mini-input{display:flex;align-items:center;min-width:0;max-width:100%}
.simple-dashboard .content .mini-input input[type=number]{width:76px!important;min-width:0!important;padding:8px 10px!important}
.simple-dashboard .content .guard-note{display:block;font-size:12px;line-height:1.65;margin-top:12px;color:#999}
@media(max-width:1050px){.simple-dashboard .content .appearance-layout{grid-template-columns:220px minmax(0,1fr);gap:24px}.simple-dashboard .content .media-grid{grid-template-columns:1fr}}
@media(max-width:700px){.simple-dashboard .content .appearance-layout{grid-template-columns:1fr}.simple-dashboard .content .appearance-card{max-width:320px}.simple-dashboard .content .media-grid{grid-template-columns:1fr}}
@media(max-width:900px){.simple-dashboard .content .access-workspace{grid-template-columns:170px minmax(0,1fr);gap:20px}.simple-dashboard .content .access-editor .simple-permission-row{grid-template-columns:minmax(120px,1fr) 160px;gap:14px}.simple-dashboard .content .access-editor .simple-permission-row select{width:160px!important}}
@media(max-width:700px){.simple-dashboard:not(.messenger-page) .main>.content{padding:24px 18px 40px}.simple-dashboard .content .page-heading h1{font-size:24px}.simple-dashboard .content .form-grid,.simple-dashboard .content .compact-settings-grid,.simple-dashboard .content .compact-options{grid-template-columns:1fr}.simple-dashboard .content .access-workspace{grid-template-columns:1fr}.simple-dashboard .content .access-role-list{display:flex;flex-wrap:wrap}.simple-dashboard .content .access-add-role{width:100%}.simple-dashboard .content .access-editor .simple-permission-row{grid-template-columns:minmax(0,1fr) 155px;gap:12px}.simple-dashboard .content .access-editor .simple-permission-row select{width:155px!important}.simple-dashboard .content .save-bar{align-items:flex-start}}

/* Shared full-width, rounded dashboard surfaces. */
body.simple-dashboard:not(.messenger-page) .main>.content{max-width:none!important;width:100%!important;margin:0!important;padding:28px clamp(18px,2.2vw,40px) 48px!important;box-sizing:border-box}
body.simple-dashboard .content .panel{border:1px solid #292929!important;border-radius:16px!important;background:#101010!important;padding:22px!important;margin-bottom:20px;overflow:visible}
body.simple-dashboard .content .panel-head{padding:0 0 18px!important}
body.simple-dashboard .content .panel-body{padding:0!important}
body.simple-dashboard .content :is(.btn,button,input:not([type=checkbox]):not([type=radio]),select,textarea,.media-tile,.access-role-list>button){border-radius:11px!important}
body.simple-dashboard .content :is(.ticket-role-chip,.leadership-roles label,.ticket-mention-choice){border:1px solid #333!important;border-radius:999px!important;padding:9px 14px!important;display:inline-flex;gap:8px;align-items:center;background:#171717!important}
body.simple-dashboard .content :is(.ticket-role-chip.selected,.leadership-roles label:has(input:checked)){border-color:#aaa!important;background:#303030!important}
body.simple-dashboard .content :is(.ticket-team-roles,.leadership-roles,.ticket-mention-list){gap:10px!important;display:flex;flex-wrap:wrap}
body.simple-dashboard .content :is(.ticket-question-card,.ticket-notification-settings,.guard-card,.stat){border:1px solid #292929!important;border-radius:14px!important;padding:18px!important;background:#151515!important}
body.simple-dashboard .content :is(.field>input:not([type=number]),.field>select,.panel-body>.field){max-width:100%!important}
body.simple-dashboard .content .access-editor{max-width:none!important}
body.simple-dashboard .content .simple-settings-group{border:1px solid #292929!important;border-radius:16px!important;padding:20px!important;background:#0d0d0d!important;margin-bottom:20px}
body.simple-dashboard .content .simple-settings-group .panel:last-child{margin-bottom:0}
.ticket-type-actions{display:flex;justify-content:flex-end;margin:16px 0}.btn.danger{color:#ffaaaa!important;border-color:#623a3a!important;background:#271919!important}
.personal-access-sections{display:flex;flex-wrap:wrap;gap:10px}.access-section-badge{padding:9px 14px;border:1px solid #333;border-radius:999px;background:#202020}
body.simple-dashboard .content #ticket-builder>.panel-body>details.section-gap{padding:20px;border:1px solid #303030;border-radius:14px;margin:20px 0;background:#141414}

body.simple-dashboard #ticket-builder>.panel-body>.form-grid>div,body.simple-dashboard .content :is(.simple-preview,.ticket-notification-settings,.simple-permission-list){max-width:none!important;width:100%}
body.simple-dashboard :is(.modal,.modal-card,.modal-box,.server-card,.guard-card,.stat,.empty-state,.table-wrap){border-radius:14px!important}
body.simple-dashboard .content .ticket-role-chip small{border-radius:999px;padding:2px 6px;background:#383838;color:#ddd}
body.simple-dashboard .content :is(#leadership-settings,#dashboard-access-settings){padding:22px!important}
body.simple-dashboard .content :is(#leadership-settings,#dashboard-access-settings) .panel-head{padding:0 0 18px!important}
body.simple-dashboard .content :is(#leadership-settings,#dashboard-access-settings) .panel-body{padding:0!important}

.ticket-audit{padding:16px 20px;border-top:1px solid #303030;font-size:13px;line-height:1.6}.ticket-audit summary{cursor:pointer}.ticket-audit ol{padding-left:20px}.ticket-audit li{padding:8px 0}.ticket-audit p{margin:4px 0}.ticket-audit pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto}[data-draft-status]{display:block;color:#aaa;font-size:12px;padding:4px 0}

/* Keep the application inside the viewport; only its content pane scrolls. */
html:has(body.simple-dashboard #app>.shell){height:100%;overflow:hidden;overscroll-behavior:none}
body.simple-dashboard:has(#app>.shell){height:100dvh;overflow:hidden;overscroll-behavior:none}
body.simple-dashboard #app>.shell{height:100dvh;min-height:0;overflow:hidden}
body.simple-dashboard #app>.shell>.main{height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain}
body.simple-dashboard.messenger-page #app>.shell>.main{overflow:hidden}
body.simple-dashboard:not(.messenger-page) #app>.shell>.main>.content{padding-bottom:16px!important}

/* Keep operational status visible in the monochrome theme. */
.topbar [data-server-state="active"] .dot,.server-switch .dot[data-connection="active"]{background:#22c55e!important;box-shadow:0 0 9px #22c55e80!important}
.topbar [data-server-state="inactive"] .dot,.server-switch .dot[data-connection="inactive"]{background:#ef4444!important;box-shadow:0 0 9px #ef444480!important}

/* Project-wide installation is available only to verified LSJ accounts. */
body:not(.lsj-web-authorized) [data-action="invite"],html[data-custom-brand] [data-action="invite"]{display:none!important}

html[data-custom-brand] .sidebar .panel-switch{display:none!important}

.entry-role-list{display:grid;gap:5px;max-height:300px;overflow:auto;border:1px solid #333;border-radius:10px;padding:10px}.entry-role-list label{display:flex;align-items:center;gap:9px;padding:6px}.entry-role-list small{margin-left:auto;color:#999;font-size:10px}.entry-role-list label:has(input:disabled){opacity:.55}.entry-role-list input{width:16px!important;height:16px!important}

/* panel-icons.css */
/* Supplied Panel-Web icons: neutral outline and purple active state. */
.nav .nav-icon{background:transparent!important;border:0!important;color:#a8adb7!important}
.nav button.active .nav-icon{background:transparent!important;border:0!important;color:#b4a6f7!important}
.nav .nav-icon .icon{width:21px!important;height:21px!important}
.server-home-back .icon{color:#a8adb7}