/* RAKU Ticket Studio v0.8.0 */
.ticket-loading{min-height:520px;display:grid;place-items:center;border:1px solid #2a2d33;background:#15161a;color:#949ba4;font-size:15px}
.ticket-shell{min-width:0}.ticket-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:2px 0}.ticket-head>div:first-child>span{display:block;color:#80848e;font-size:11px;font-weight:900;letter-spacing:.14em}.ticket-head h2{margin:5px 0 3px;font-size:31px;line-height:1.05;letter-spacing:-.025em}.ticket-head p{margin:0;color:#949ba4;font-size:15px}.ticket-head>div:last-child{display:flex;align-items:center;gap:8px}.ticket-head>div:last-child>span{min-width:92px;padding:9px 12px;border:1px solid #2b2e34;background:#17181c;color:#80848e;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.ticket-head>div:last-child>span b{display:block;color:#f2f3f5;font-size:19px;line-height:1.1;letter-spacing:0}.ticket-head>div:last-child>label{height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #30333a;background:#17181c;cursor:pointer}.ticket-head>div:last-child>label input{display:none}.ticket-head>div:last-child>label i{width:10px;height:10px;border-radius:50%;background:#4e5058;box-shadow:0 0 0 4px rgba(78,80,88,.12)}.ticket-head>div:last-child>label:has(input:checked) i{background:#23a559;box-shadow:0 0 0 4px rgba(35,165,89,.12)}.ticket-head>div:last-child>label b{font-size:12px}
.ticket-body{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;align-items:start}.ticket-panels{position:sticky;top:86px;min-height:650px;border:1px solid #2a2d33;background:#16171b;padding:8px}.ticket-panels>header{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 9px 8px;border-bottom:1px solid #282b31;color:#80848e;font-size:10px;font-weight:900;letter-spacing:.13em}.ticket-panels>header b{font-size:11px;color:#b5bac1}.ticket-panel{width:100%;min-height:61px;display:grid;grid-template-columns:32px minmax(0,1fr) 9px;align-items:center;gap:9px;margin-top:5px;padding:9px;border:0;border-left:2px solid transparent;background:transparent;color:#b5bac1;text-align:left;cursor:pointer}.ticket-panel:hover{background:#1e2025}.ticket-panel.on{border-left-color:#5865f2;background:#23252b;color:#f2f3f5}.ticket-panel>span{font:800 11px ui-monospace,SFMono-Regular,Consolas,monospace;color:#62656e}.ticket-panel>div{min-width:0}.ticket-panel>div b,.ticket-panel>div small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-panel>div b{font-size:14px}.ticket-panel>div small{margin-top:3px;color:#777b85;font-size:10px}.ticket-panel>i{width:7px;height:7px;border-radius:50%;background:#3f4147}.ticket-panel>i.on{background:#23a559;box-shadow:0 0 0 3px rgba(35,165,89,.1)}.ticket-new{width:100%;height:39px;margin-top:8px;border:1px dashed #3a3d45;background:#121317;color:#949ba4;font-weight:700;cursor:pointer}.ticket-new:hover{border-color:#5865f2;color:#fff;background:#191b22}
.ticket-body>main{min-width:0}.ticket-panelbar{min-height:65px;display:grid;grid-template-columns:180px minmax(260px,1fr) auto;align-items:center;gap:14px;padding:10px 13px;margin-bottom:13px;border:1px solid #2a2d33;background:#17181c}.ticket-live{display:flex;align-items:center;gap:10px}.ticket-live>i{width:9px;height:9px;border-radius:50%;background:#4e5058}.ticket-live.on>i{background:#23a559;box-shadow:0 0 0 4px rgba(35,165,89,.1)}.ticket-live span b,.ticket-live span small{display:block}.ticket-live span b{font-size:11px;letter-spacing:.08em}.ticket-live span small{margin-top:2px;color:#737780;font-size:10px}.ticket-panelbar>label{display:grid;grid-template-columns:auto minmax(160px,1fr);align-items:center;gap:10px;color:#80848e;font-size:10px;font-weight:900;letter-spacing:.1em}.ticket-panelbar>label input{height:38px;border:1px solid #30333a;background:#101115;color:#f2f3f5;padding:0 10px;font-size:14px;outline:0}.ticket-panelbar>label input:focus{border-color:#5865f2}.ticket-panelbar>button{height:38px;padding:0 12px;border:1px solid #463238;background:#22181b;color:#ef7d87;font-weight:800;cursor:pointer}.ticket-panelbar>button:hover{border-color:#ed4245;background:#2d1c20;color:#ff9ba4}
.ticket-grid{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(470px,1.3fr) minmax(350px,.9fr);gap:13px;align-items:start}.ticket-left{display:grid;gap:13px}.ticket-left>section,.ticket-workflows,.ticket-sticky{border:1px solid #2a2d33;background:#17181c}.ticket-left>section{padding:15px}.ticket-left>section>header,.ticket-workflows>header,.ticket-form-head,.ticket-editor-title,.ticket-readiness>header,.ticket-preview-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ticket-left>section>header>span,.ticket-workflows>header>div:first-child>span,.ticket-form-head>div>span,.ticket-editor-title>div>span,.ticket-readiness>header>span,.ticket-preview-title>span{display:block;color:#777b85;font-size:10px;font-weight:900;letter-spacing:.13em}.ticket-left>section>header>b,.ticket-workflows>header>div:first-child>b,.ticket-form-head>div>b{font-size:15px}.ticket-left>section>header>label{display:flex;align-items:center;gap:7px;color:#949ba4;font-size:11px;cursor:pointer}.ticket-left>section>header>label input{accent-color:#5865f2}
.ticket-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.ticket-form-grid>label{display:grid;gap:6px;color:#8d919a;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.ticket-form-grid>label.wide{grid-column:1/-1}.ticket-form-grid input,.ticket-form-grid select,.ticket-form-grid textarea{width:100%;border:1px solid #30333a;background:#101115;color:#f2f3f5;font:inherit;font-size:13px;font-weight:500;text-transform:none;letter-spacing:0;outline:0}.ticket-form-grid input,.ticket-form-grid select{height:39px;padding:0 9px}.ticket-form-grid textarea{min-height:104px;padding:9px;resize:vertical}.ticket-form-grid input:focus,.ticket-form-grid select:focus,.ticket-form-grid textarea:focus{border-color:#5865f2}.ticket-form-grid input[type=color]{padding:3px;cursor:pointer}.ticket-required{display:flex!important;grid-template-columns:16px 1fr!important;align-items:center!important;align-content:center;gap:7px!important;min-height:39px;padding:0 8px;border:1px solid #2b2e34;background:#121317;color:#b5bac1!important;text-transform:none!important;letter-spacing:0!important;font-size:12px!important}.ticket-required input{width:15px!important;height:15px!important;padding:0!important;accent-color:#5865f2}
.ticket-roles{display:flex;flex-wrap:wrap;gap:7px;max-height:182px;margin-top:13px;overflow:auto}.ticket-role{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #34373f;background:#111216;color:#aeb2b8;font-size:11px;cursor:pointer;user-select:none}.ticket-role input{display:none}.ticket-role i{width:8px;height:8px;border-radius:50%;background:var(--c,#99aab5)}.ticket-role.on,.ticket-role:has(input:checked){border-color:#5865f2;background:#25283a;color:#fff}
.ticket-workflows{min-width:0}.ticket-workflows>header{padding:15px;border-bottom:1px solid #2a2d33}.ticket-workflows>header>div:first-child>b{display:block;margin-top:3px}.ticket-workflows>header>div:last-child{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.ticket-workflows>header button,.ticket-form-head button,.ticket-editor-title>button,.ticket-q>div:first-child button{border:1px solid #34373f;background:#22242a;color:#c8cbd0;font-size:11px;font-weight:800;cursor:pointer}.ticket-workflows>header button{height:31px;padding:0 8px}.ticket-workflows>header button:hover,.ticket-form-head button:hover{border-color:#5865f2;color:#fff}.ticket-type-wrap{display:grid;grid-template-columns:180px minmax(0,1fr);min-height:610px}.ticket-type-wrap>aside{padding:7px;border-right:1px solid #2a2d33;background:#141519}.ticket-type{width:100%;display:grid;grid-template-columns:27px minmax(0,1fr);gap:8px;align-items:center;padding:10px 8px;border:0;background:transparent;color:#b5bac1;text-align:left;cursor:pointer}.ticket-type:hover{background:#1d1f24}.ticket-type.on{background:#252730;color:#fff}.ticket-type>span{font-size:18px}.ticket-type>div{min-width:0}.ticket-type b,.ticket-type small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-type b{font-size:12px}.ticket-type small{margin-top:2px;color:#737780;font-size:9px;letter-spacing:.04em}.ticket-type-editor{min-width:0;padding:15px}.ticket-editor-title{margin-bottom:12px}.ticket-editor-title h3{margin:4px 0 0;font-size:19px}.ticket-editor-title>button{height:30px;padding:0 9px;color:#ef7d87}.ticket-editor-title>button:hover{border-color:#ed4245;color:#ff9ba4}.ticket-form-head{margin-top:20px;padding-top:15px;border-top:1px solid #2a2d33}.ticket-form-head>div>b{display:block;margin-top:3px}.ticket-form-head>button{height:31px;padding:0 9px}.ticket-qs{display:grid;gap:8px;margin-top:9px}.ticket-q{padding:10px;border:1px solid #2e3138;background:#131418}.ticket-q>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.ticket-q>div:first-child>b{color:#6f737c;font-size:9px;letter-spacing:.12em}.ticket-q>div:first-child span{display:flex;gap:4px}.ticket-q>div:first-child button{width:25px;height:24px;padding:0}.ticket-q>div:first-child button:hover{border-color:#5865f2;color:#fff}.ticket-q>.wide{grid-column:1/-1}.ticket-q{display:grid;grid-template-columns:1fr 110px;gap:8px}.ticket-q>div:first-child{grid-column:1/-1}.ticket-q>label{display:grid;gap:5px;color:#838791;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.ticket-q input,.ticket-q select{height:36px;border:1px solid #30333a;background:#0f1013;color:#f2f3f5;padding:0 8px;font-size:12px;outline:0;text-transform:none;letter-spacing:0}.ticket-q input:focus,.ticket-q select:focus{border-color:#5865f2}.ticket-q .ticket-required{grid-column:1/-1}.ticket-noq,.ticket-empty{min-height:135px;display:grid;place-items:center;border:1px dashed #30333a;color:#6d6f78;text-align:center;font-size:12px}.ticket-empty{min-height:500px;margin:15px}
.ticket-right{min-width:0}.ticket-sticky{position:sticky;top:86px;padding:13px}.ticket-preview-title{align-items:center;margin-bottom:9px}.ticket-preview-title>b{font-size:12px}.ticket-preview{border:1px solid #3f4147;background:#313338}.ticket-preview-bar{height:35px;display:flex;align-items:center;padding:0 11px;border-bottom:1px solid #26272d;color:#b5bac1;font-size:11px;font-weight:800}.ticket-msg{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;padding:13px 11px}.ticket-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#5865f2;color:#fff;font-weight:900}.ticket-author{display:flex;align-items:center;gap:6px}.ticket-author b{font-size:12px}.ticket-author span{padding:1px 4px;border-radius:3px;background:#5865f2;color:#fff;font-size:8px}.ticket-embed{margin-top:7px;padding:10px;border-left:4px solid var(--a,#5865f2);background:#2b2d31}.ticket-embed>b{display:block;font-size:13px}.ticket-embed>p{margin:6px 0 9px;color:#dbdee1;font-size:11px;line-height:1.45}.ticket-embed>small{display:block;margin-top:4px;color:#949ba4;font-size:9px;line-height:1.35}.ticket-embed>small strong{color:#dbdee1}.ticket-buttons{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.ticket-buttons button{min-height:30px;padding:0 8px;border:0;border-radius:3px;background:#4e5058;color:#fff;font-size:10px;font-weight:750}.ticket-buttons button.high{background:#5865f2}.ticket-buttons button.urgent{background:#da373c}.ticket-buttons button.low{background:#3f4147}.ticket-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:4px;margin-top:10px;padding:10px 7px;border:1px solid #2d3037;background:#111216}.ticket-flow span{text-align:center;color:#949ba4;font:800 8px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em}.ticket-flow i{color:#4e5058;font-style:normal;font-size:9px}.ticket-readiness{margin-top:10px;padding-top:10px;border-top:1px solid #2a2d33}.ticket-readiness>header{align-items:center;margin-bottom:5px}.ticket-readiness>header>b{color:#23a559;font-size:10px}.ticket-check{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:6px;padding:6px 0;border-top:1px solid #23252a;color:#858993;font-size:10px}.ticket-check i{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#3f4147;color:#b5bac1;font-style:normal;font-size:9px}.ticket-check.ok{color:#b8c7be}.ticket-check.ok i{background:#1d6740;color:#bff3d3}.ticket-publish{margin-top:10px;padding:11px;border:1px solid #30333a;background:#111216}.ticket-publish.on{border-color:#26583c}.ticket-publish>b,.ticket-publish>small{display:block}.ticket-publish>b{font-size:12px}.ticket-publish>small{margin-top:3px;color:#777b85;font-size:9px}.ticket-publish>button{width:100%;height:37px;margin-top:9px;border:0;background:#5865f2;color:#fff;font-weight:850;cursor:pointer}.ticket-publish>button:hover{background:#4752c4}.ticket-publish>div{display:flex;justify-content:space-between;align-items:center;margin-top:7px}.ticket-publish a,.ticket-publish>div button{border:0;background:transparent;color:#949cf7;font-size:10px;text-decoration:none;cursor:pointer}.ticket-publish>div button{color:#ef7d87}
.ticket-onboard{min-height:650px;display:grid;place-items:center;align-content:center;padding:42px;border:1px solid #2a2d33;background:#17181c;text-align:center}.ticket-onboard>span{color:#5865f2;font-size:10px;font-weight:900;letter-spacing:.15em}.ticket-onboard h3{margin:7px 0;font-size:29px}.ticket-onboard p{max-width:520px;margin:0;color:#949ba4}.ticket-onboard>div{display:flex;gap:10px;margin-top:17px}.ticket-onboard button{width:190px;padding:15px;border:1px solid #34373f;background:#202228;color:#fff;font-weight:800;cursor:pointer}.ticket-onboard button:hover{border-color:#5865f2;background:#252832}
@media(max-width:1560px){.ticket-grid{grid-template-columns:minmax(300px,.85fr) minmax(440px,1.2fr)}.ticket-right{grid-column:1/-1}.ticket-sticky{position:static;display:grid;grid-template-columns:minmax(380px,1.1fr) minmax(300px,.9fr);gap:10px}.ticket-preview-title{grid-column:1/-1}.ticket-preview{grid-row:2/6}.ticket-flow,.ticket-readiness,.ticket-publish{grid-column:2}.ticket-flow{margin-top:0}.ticket-readiness,.ticket-publish{margin-top:0}}
@media(max-width:1180px){.ticket-body{grid-template-columns:1fr}.ticket-panels{position:static;min-height:0}.ticket-panels>header{height:32px}.ticket-panels{display:grid;grid-template-columns:1fr}.ticket-panel{display:inline-grid;width:220px}.ticket-panels{overflow:hidden}.ticket-panels .ticket-panel{margin-right:5px}.ticket-grid{grid-template-columns:1fr}.ticket-right{grid-column:auto}.ticket-sticky{display:block}.ticket-flow,.ticket-readiness,.ticket-publish{margin-top:10px}.ticket-type-wrap{grid-template-columns:1fr}.ticket-type-wrap>aside{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #2a2d33}.ticket-type{min-width:170px}.ticket-head{align-items:flex-start;flex-direction:column}.ticket-head>div:last-child{width:100%;flex-wrap:wrap}}
@media(max-width:720px){.ticket-panelbar{grid-template-columns:1fr}.ticket-head>div:last-child>span{flex:1}.ticket-form-grid{grid-template-columns:1fr}.ticket-form-grid>label.wide{grid-column:auto}.ticket-q{grid-template-columns:1fr}.ticket-q>div:first-child,.ticket-q>.wide,.ticket-q .ticket-required{grid-column:auto}.ticket-workflows>header{flex-direction:column}.ticket-workflows>header>div:last-child{justify-content:flex-start}.ticket-onboard>div{flex-direction:column}.ticket-onboard button{width:100%}.ticket-flow{overflow:auto}}