.panel-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(280px,1fr);gap:32px;margin:24px 5.2% 44px}.panel-grid .editor{min-width:0}.panel-grid label{display:block;margin-bottom:14px}.panel-grid input,.panel-grid textarea,.panel-grid select{width:100%;max-width:100%;background:#111113;color:var(--text);border:1px solid var(--line);padding:10px;border-radius:4px}.panel-grid label small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin:5px 0}.panel-grid input[type=color]{height:42px;width:92px;padding:4px}.panel-grid .panel-type{display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:center;letter-spacing:0}.panel-type input[type=checkbox]{width:18px;height:18px}.panel-type input[type=text]{grid-column:2}.panel-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.panel-actions button{padding:11px 14px;border:1px solid var(--line);border-radius:4px;background:#1e1e22;color:var(--text)}.panel-actions .primary{background:var(--red)}#panel-notice{margin:20px 5.2%}#panel-result{min-height:38px;line-height:1.6;color:#e6b74a}.panel-preview-wrap{min-width:0;align-self:start;position:sticky;top:24px}.discord-preview{border-left:4px solid #e6b74a;border-radius:4px;background:#17181b;padding:20px;min-height:150px}.discord-preview h2{font-size:21px;margin:0 0 14px;word-break:break-word}.discord-preview p{white-space:pre-wrap;line-height:1.6;overflow-wrap:anywhere;margin:0 0 18px}.discord-preview small,.preview-hint{color:var(--muted);font-size:12px;line-height:1.6}.discord-preview img{float:right;object-fit:contain;width:80px;height:80px;margin:0 0 12px 16px}.preview-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.preview-button{border:0;border-radius:4px;background:#5865f2;color:white;padding:10px 12px;font-weight:600}.preview-button:disabled{opacity:1;cursor:default}.preview-button.report{background:#da373c}.preview-button.vip{background:#248046}#panel-location{border-top:1px solid var(--line);padding-top:15px;margin-top:24px}#panel-location a{color:#e6b74a}#panel-target{color:var(--muted);min-height:20px}@media(max-width:1050px){.panel-grid{grid-template-columns:1fr}.panel-preview-wrap{position:static}}
@media(max-width:1000px){.rail .nav-no{display:inline-block!important;font-size:11px}.rail .nav{min-height:48px}}

/* Shared readable controls and balanced layouts on wide screens. */
:root{--text:#f1f0ee;--muted:#b7b6bc;--red:#ff6873;--line:#44444b}
body{font-size:16px;line-height:1.55}
.view,.login{width:min(1500px,100%);margin-inline:auto;padding:40px clamp(20px,3vw,48px) 72px}
.top{padding-inline:clamp(24px,4vw,72px)}
.config-grid{grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:clamp(28px,4vw,64px)}
.config-grid>.editor{width:100%;max-width:780px;justify-self:center}
.ticket-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.panel-grid{margin:24px 0 44px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#panel-notice{margin:20px 0}
.rail-label,.nav-no,.brand-sub,.rail-bottom,footer,.section-index,.eyebrow,.mode,#clock,.metrics span,.text-link,.ticket-status,.ticket-date,.filter-label,.type-no,.state-on,.state-off,.editor label,.editor label small,.detail-line span,.detail-line strong,.answer span,.notice,.global-roles p,.empty,.action-bar,.role-field small,.role-selected,.audit-finding span,.audit-actions small,#audit-limitations p,#archive-storage-note,.archive-filters label,.panel-grid label small,.discord-preview small,.preview-hint{font-size:14px;line-height:1.6}
.editor input:not([type=checkbox]),.editor textarea,.editor select,.global-roles select,.login input,.panel-grid input,.panel-grid textarea,.panel-grid select,.role-picker summary,.role-options .role-option,.ticket-filters input,.ticket-filters select{font:16px/1.5 Arial,sans-serif}
.editor label,.editor label small,.role-field small,.intro p,.editor input[readonly],.rail-label,.nav-no,.nav,.rail-bottom,footer{color:var(--muted)}
.editor label,.section-index,.filter-label,.answer span{letter-spacing:.5px}
input::placeholder,textarea::placeholder{color:#aaaab2;opacity:1}
input:disabled,select:disabled,textarea:disabled{color:#c4c3ca;opacity:1}
button:disabled{opacity:1;color:#c4c3ca;background:#29292e;border-color:#62626a}
.primary,.panel-actions .primary{background:#b51f31;border-color:#b51f31;color:white}
.primary:hover:not(:disabled){background:#cf2940}
.role-picker summary{color:var(--text)}
.role-selected{color:var(--muted)}
.ticket-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin:24px 0}
.ticket-filters label{font-size:14px;color:var(--muted)}
.ticket-filters input,.ticket-filters select{display:block;width:100%;margin:8px 0 0;padding:12px;background:var(--panel);color:var(--text);border:1px solid var(--line)}
.ticket-row{grid-template-columns:130px minmax(100px,1fr) minmax(160px,1.3fr) 20px;gap:14px}
.ticket-row .ticket-date{grid-column:2 / 4;font-family:Arial,sans-serif;letter-spacing:0}
.ticket-row .arrow{grid-column:4;grid-row:1}
.ticket-summary{display:flex;flex-direction:column;overflow-wrap:anywhere;font-size:15px}
.ticket-assigned{color:var(--muted);font-size:14px}
.discord-link{display:inline-block;color:#f3c86d;margin:16px 0;text-decoration:underline}
.draft-notice{display:block;color:#ffe19c;background:#30281a;padding:12px 16px;border-left:3px solid #ffe19c;font-size:15px}
.action-bar{flex-wrap:wrap}.action-bar .draft-notice{flex-basis:100%}
:focus-visible{outline:2px solid #ffe19c!important;outline-offset:3px}
@media(max-width:1100px){.ticket-layout,.panel-grid{grid-template-columns:1fr}.ticket-filters{grid-template-columns:1fr 1fr}.ticket-filters label:first-child{grid-column:1 / -1}.panel-preview-wrap{position:static}}
@media(max-width:900px){.frame{grid-template-columns:210px minmax(0,1fr)}.nav{font-size:16px;justify-content:flex-start;padding:15px 18px}.rail .nav-no{display:none!important}.brand{padding:0 18px}.config-grid{grid-template-columns:1fr}.config-grid>.editor{max-width:none}.global-roles{grid-template-columns:1fr}.top{flex-wrap:wrap}.metrics{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.frame{display:block}.rail{height:auto;flex-direction:column;align-items:stretch}.brand{height:65px}.rail nav{display:flex;flex-wrap:wrap;margin:0;overflow:visible}.rail .nav{font-size:14px;width:auto;padding:12px}.top-right{align-items:flex-start}.view,.login{padding:28px 20px 60px}.ticket-filters,.archive-filters,.archive-row{grid-template-columns:1fr}.ticket-row{grid-template-columns:110px minmax(0,1fr) 20px}.ticket-summary{grid-column:2;grid-row:2}.ticket-row .arrow{grid-column:3}.ticket-date{display:block!important;grid-column:2!important}.editor,.detail{padding:20px}.mode{white-space:normal}.section-head{flex-wrap:wrap}.action-bar{align-items:stretch}.login-row{flex-direction:column;align-items:stretch}}

/* Keep the ticket type column anchored left; center its editor in the remaining space. */
#config-view{width:100%;max-width:none}
#config-view .global-roles,#config-view .action-bar{max-width:1280px;margin-inline:auto}
#config-view .global-roles{margin-top:40px}
#config-view .action-bar{margin-top:35px}
@media(min-width:1500px){#config-view .config-grid{grid-template-columns:320px minmax(0,1fr)}}

.editor .toggle,.login label,.audit-table,.rail .nav-no{font-size:14px;line-height:1.6}

/* A single centered workspace: sidebar and content stay together. */
:root{--bg:#202128;--panel:#292b34;--panel2:#32353f;--line:#4b4e5b;--text:#f4f4f6;--muted:#c0c2cc}
body{background:#1d1e25}
.frame{width:min(1760px,100%);margin-inline:auto;background:#262832;border-inline:1px solid #353844;grid-template-columns:236px minmax(0,1fr)}
.rail{background:#20222a}.brand{height:100px}.brand-sub{color:#ff8790}
main{background:#262832}.top{min-height:130px;padding:28px 36px}.top h1{font-size:36px;letter-spacing:-1px;margin:0}
.view,.login{width:100%;max-width:none;padding:32px 36px 64px;margin:0}
.intro{margin-bottom:26px}.intro p{max-width:100%;font-size:16px;color:var(--muted)}
.config-grid,#config-view .config-grid{grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:28px}
.config-grid>.editor{max-width:none;justify-self:stretch;background:#292b34;border-radius:8px}
#config-view .global-roles,#config-view .action-bar{max-width:none;margin-inline:0}
.eyebrow,.nav-no,.rail-label,.rail-bottom,.editor>.section-index,.technical-field{display:none!important}
.section-index{color:var(--muted);font-family:Arial,sans-serif;letter-spacing:0;font-weight:500}
.editor label,.login label,.filter-label,.detail-line span,.answer span,.metrics span{font-family:Arial,sans-serif;letter-spacing:0;font-size:15px}
.role-field .section-index{color:var(--text);font-weight:600;font-size:15px}
.editor label small,.role-field small{font-family:Arial,sans-serif;font-size:14px;letter-spacing:0}
.editor input:not([type=checkbox]),.editor textarea,.editor select,.global-roles select,.role-picker details,.panel-grid input,.panel-grid textarea,.panel-grid select{background:#20222a;border-color:#555969;border-radius:5px}
.type-list{border-top:0}.type-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid #454958;border-radius:6px;background:#20222a;margin:8px 0;overflow:hidden}
.type-row{border:0;padding:18px 14px;gap:12px;min-width:0}.type-row strong{overflow-wrap:anywhere}.type-row.selected{background:#32353f}.type-no{display:none}
.rename-button{margin-right:10px;padding:8px 10px;background:#32353f;color:var(--text);border:1px solid #606576;border-radius:5px;font-size:14px}
.rename-hint{color:var(--muted);font-size:15px;margin-top:0;line-height:1.6}
.global-roles{gap:24px}.detail,.audit-finding,.audit-inventory{border-radius:8px;background:#292b34}.metrics{background:#292b34;padding:0 20px;border-radius:8px}
.ticket-filters input,.ticket-filters select,.archive-filters input,.archive-filters select{background:#20222a;border-color:#555969;border-radius:5px}
footer{font-family:Arial,sans-serif;letter-spacing:0;color:var(--muted)}#clock{font:15px Arial;color:var(--text)}
@media(max-width:1100px){.config-grid,#config-view .config-grid{grid-template-columns:1fr}.top{padding-inline:24px}.view,.login{padding:28px 24px 60px}}
@media(max-width:900px){.frame{grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:700px){.frame{display:block;border:0}.brand{height:65px}.view,.login{padding:24px 18px 50px}.top{padding:24px 18px}.rename-button{padding:8px;margin-right:8px}.type-row{padding:15px 10px}.brand>span:last-child{display:block}.metrics{padding:0}.global-roles{grid-template-columns:1fr}}

.type-item{grid-template-columns:1fr;padding-bottom:8px}.rename-button{justify-self:end}.intro>.section-index,.config-grid .section-head .section-index{display:none}

.brand>span:last-child{display:block}

/* Compact type selection, readable selected roles and grouped editing. */
.type-item{padding-bottom:0}.role-picker summary{overflow-wrap:anywhere;white-space:normal;line-height:1.6}.role-selected{display:none}
.editor-group{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.editor-group:first-of-type{border-top:0;margin-top:0;padding-top:0}.editor-group h3{font-size:20px;margin:0 0 16px}.editor-group label{margin-top:18px}
.ticket-preview-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ticket-preview-meta p{white-space:pre-line;font-size:15px}.ticket-live-preview strong{display:block;margin-top:14px}.ticket-code{font-weight:bold;color:#f3c86d;font-size:15px}.browser-link{margin-left:18px;color:var(--muted)}
#config-view{padding-bottom:220px}#panel-view{padding-bottom:280px}
#config-view .action-bar,.panel-actions{position:fixed;bottom:0;left:50%;transform:translateX(calc(-50% + 118px));width:min(1524px,calc(100% - 236px));z-index:10;margin:0;padding:16px 28px;background:#292b34;border-top:1px solid #606576;box-shadow:0 -6px 20px #0003;max-height:30vh;overflow:auto}
#config-view .action-bar .draft-notice{padding:6px 12px;margin:0}.panel-actions{justify-content:flex-start}.action-bar>button:not(.primary){padding:12px 18px;background:#32353f;border:1px solid #606576;border-radius:4px;color:var(--text);font-size:16px}
@media(max-width:900px){#config-view .action-bar,.panel-actions{width:calc(100% - 200px);transform:translateX(calc(-50% + 100px));padding:14px 20px}}
@media(max-width:700px){#config-view .action-bar,.panel-actions{width:100%;left:0;transform:none;padding:12px 18px}.ticket-preview-meta{grid-template-columns:1fr}.browser-link{margin-left:0;display:block}#config-view{padding-bottom:300px}}

html{scroll-padding-bottom:32vh}

.ticket-live-preview .preview-button:disabled{background:#5865f2;color:white;border:0;opacity:1}.ticket-live-preview .preview-button.report:disabled{background:#da373c}

.type-add{width:100%;margin-top:12px;min-height:58px;border:1px dashed var(--line);border-radius:6px;background:var(--panel);color:var(--text);font-weight:600;text-align:center}.type-add:hover:not(:disabled){border-color:var(--red);background:var(--panel2)}.type-add:focus-visible{outline:2px solid var(--red);outline-offset:3px}
#config-fields{border:0;padding:0;margin:0;min-width:0}.editor-heading,.questions-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.editor-heading button,.question-actions button,#question-add{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:5px;padding:9px 12px}.questions-editor{margin-top:24px}.questions-head h4{margin:0;font-size:16px}.questions-head span{color:var(--muted);font-size:14px}.question-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin:14px 0}.editor .question-row label{margin:0}.question-actions{display:flex;gap:5px;align-items:center;padding-bottom:1px}.draft-badge{color:#ffcf83;border:1px solid #806342;border-radius:4px;padding:3px 6px;font-size:14px}.type-row{flex-wrap:wrap}.config-feedback{position:fixed;bottom:24px;right:24px;max-width:min(540px,calc(100vw - 48px));z-index:20;background:#21372e;color:#edf8f0;border:1px solid #78b58f;border-radius:8px;padding:16px 20px;box-shadow:0 6px 24px #0007}.config-feedback.danger{background:#40262b;border-color:#ee8393}.editor input:invalid:not(:placeholder-shown){border-color:#ee8393}@media(max-width:700px){.question-row{grid-template-columns:1fr}.question-actions{justify-content:flex-end}}