/* Tokens are scoped to this screen; theme selection remains owned by the app. */
.new-ticket-page{--input-bg:#0d1420;--input-text:#e5eaf2;--input-border:#303a4b;--input-placeholder:#9aa6b8;--input-disabled-bg:#1a2433;--input-disabled-text:#b5c0d0;--input-readonly-bg:#111b2b;--card-bg:#121a28;--page-bg:var(--bg,#0c1320);--text-primary:#e8edf5;--text-secondary:#9aa6b8;--label-text:#bcc7d8;--card-border:#283244;--focus-border:#e77935;--focus-ring:#e779354d;--footer-bg:#0c1320f5;--error-text:#ff8b8b;--error-border:#ef4444;--success-border:#4cae9b;--action-bg:#ed7727;--action-text:#fff;--action-border:#fb934e}
html[data-theme="light"] .new-ticket-page{--input-bg:#fff;--input-text:#111827;--input-border:#cbd5e1;--input-placeholder:#64748b;--input-disabled-bg:#e8edf3;--input-disabled-text:#475569;--input-readonly-bg:#f1f5f9;--card-bg:#fff;--page-bg:#f4f7fb;--text-primary:#111827;--text-secondary:#526174;--label-text:#374151;--card-border:#d8e0ea;--footer-bg:#f4f7fbf5;--error-text:#b91c1c;--error-border:#dc2626;--success-border:#168777}
/* Scoped to new tickets; edit dialogs and the application shell retain their styles. */
#content:has(.new-ticket-page){max-width:none;width:100%;min-width:0;padding:16px}
.new-ticket-page,.new-ticket-page *{box-sizing:border-box}
.new-ticket-page{width:100%;max-width:none!important;min-width:0;color:var(--text-primary);padding:0!important;overflow:visible!important;max-height:none!important;height:auto!important;border:0!important;background:var(--page-bg)!important}
.new-ticket-page .nt-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 0 20px}
.new-ticket-page h3{font-size:26px;margin:0 0 5px}.new-ticket-page p{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.5}
.new-ticket-page .nt-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}
.new-ticket-page .nt-main{display:grid;gap:14px;min-width:0}.new-ticket-page .nt-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:16px;min-width:0}
.new-ticket-page .nt-card-head{display:flex;gap:10px;align-items:center;margin-bottom:14px}.new-ticket-page h4{margin:0 0 4px;font-size:15px;font-weight:650}.new-ticket-page .nt-step{display:grid;place-items:center;flex:0 0 28px;height:28px;background:#ee78231b;border:1px solid #ef792548;border-radius:50%;color:#f18a3e;font-weight:700;font-size:12px}
.new-ticket-page .nt-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.new-ticket-page .field{min-width:0;margin:0;display:flex;flex-direction:column;gap:6px;grid-column:auto}
.new-ticket-page label{font-size:12px;color:var(--label-text);margin:0;line-height:1.4}.new-ticket-page input,.new-ticket-page select,.new-ticket-page textarea{width:100%;min-width:0;max-width:100%;background:var(--input-bg);border:1px solid var(--input-border);border-radius:7px;color:var(--input-text);padding:9px 10px;font:inherit;font-size:13px;min-height:37px}
.new-ticket-page :is(input,select,textarea):focus{outline:2px solid var(--focus-ring);border-color:var(--focus-border)}.new-ticket-page textarea{resize:vertical}
.new-ticket-page .nt-wide{grid-column:1/-1}.new-ticket-page .nt-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:0}.new-ticket-page .nt-pair .nt-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.new-ticket-page .nt-pair #quickDriver{padding:6px;font-size:11px;flex-shrink:0}.new-ticket-page .nt-pair .field:has(#tdriver){grid-column:auto}.new-ticket-page .nt-pair .field:has(#tdriver)>div{flex-wrap:wrap}.new-ticket-page .nt-pair #tdriver{flex-basis:120px!important}
.new-ticket-page .nt-deadlines{border-top:1px solid var(--card-border);margin-top:14px;padding-top:12px}.new-ticket-page h5{font-size:12px;margin:0 0 10px;color:var(--text-secondary)}.new-ticket-page .muted{font-size:11px;line-height:1.4}
.new-ticket-page .nt-reading-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.new-ticket-page .universal-input{margin:0!important;padding:10px!important;min-height:0!important;border:1px dashed var(--input-border)!important;border-radius:8px}.new-ticket-page #tautofilltext{min-height:44px!important;height:48px;margin:5px 0 0}.new-ticket-page #ttexthelp{font-size:11px}.new-ticket-page .nt-read-actions{display:grid;gap:6px}.new-ticket-page .btn{white-space:normal;font-size:12px;min-height:34px;padding:8px 12px}.new-ticket-page #tautofillBtn{margin-top:8px}.new-ticket-page #tautofillstatus{font-size:12px;margin-top:7px;overflow-wrap:anywhere}.new-ticket-page #tprintqueue{max-height:180px;overflow:auto}
.new-ticket-page .nt-footer{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 0;margin-top:16px;background:var(--footer-bg);border-top:1px solid var(--input-border);box-shadow:0 -10px 20px #0002}.new-ticket-page .nt-draft-status{margin-right:auto;font-size:12px;color:var(--text-secondary)}.new-ticket-page .nt-create{background:var(--action-bg)!important;border:1px solid var(--action-border)!important;color:var(--action-text)!important;padding:12px 28px;font-weight:700}
.new-ticket-page [data-pod-field-121]{grid-column:auto}.new-ticket-page [data-pod-field-121]>.card{padding:10px!important;background:var(--input-bg)}.new-ticket-page [data-pod-field-121] .head{margin-bottom:8px!important}.new-ticket-page [data-pod-field-121] .head b{display:none}.new-ticket-page [data-pod-field-121] .head p{font-size:11px}.new-ticket-page .nt-pod-actions{display:flex;gap:6px;flex-wrap:wrap}.new-ticket-page #tpodpreview121{grid-template-columns:repeat(auto-fit,minmax(min(90px,100%),1fr))!important}.new-ticket-page #tpodpreview121 img{height:76px!important}.new-ticket-page [hidden]{display:none!important}
@media(max-width:1450px){.new-ticket-page .nt-layout{grid-template-columns:minmax(0,1fr);gap:14px}.new-ticket-page .nt-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.new-ticket-page .nt-card{padding:13px}.new-ticket-page .nt-pair .field:has(#tdriver){grid-column:auto}}
@media(min-width:1700px){.new-ticket-page .nt-pair .field:has(#tdriver){grid-column:auto}}
@media(max-width:1050px){.new-ticket-page .nt-pair{grid-template-columns:1fr}.new-ticket-page .nt-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.new-ticket-page .nt-head{align-items:flex-start;flex-direction:column}.new-ticket-page .nt-fields,.new-ticket-page .nt-pair .nt-fields{grid-template-columns:minmax(0,1fr)}.new-ticket-page .nt-reading-body{grid-template-columns:minmax(0,1fr)}.new-ticket-page .nt-read-actions{display:flex;flex-wrap:wrap}.new-ticket-page .nt-footer{flex-wrap:wrap;gap:8px}.new-ticket-page .nt-draft-status{flex:1 0 100%}.new-ticket-page .nt-create{flex:1;padding:12px}.new-ticket-page .nt-card{padding:12px}.new-ticket-page h3{font-size:23px}}

.new-ticket-page .nt-read-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.new-ticket-page .nt-read-footer #tautofillBtn,.new-ticket-page .nt-read-footer [data-direct-reading-actions]{margin:0!important}.new-ticket-page .nt-card-1 .nt-card-head{margin-bottom:10px}.new-ticket-page .nt-read-actions{grid-template-columns:1fr 1fr}.new-ticket-page .nt-read-actions .btn:first-child{grid-column:1/-1}

/* Override legacy theme rules consistently for every native control state. */
html[data-theme] .new-ticket-page :is(input,select,textarea){background:var(--input-bg)!important;color:var(--input-text)!important;border-color:var(--input-border);color-scheme:dark}
html[data-theme="light"] .new-ticket-page :is(input,select,textarea){color-scheme:light}
html[data-theme] .new-ticket-page :is(input,textarea)::placeholder{color:var(--input-placeholder);opacity:1}
html[data-theme] .new-ticket-page :is(input,textarea)[readonly]{background:var(--input-readonly-bg)!important;color:var(--input-text)!important;opacity:1}
html[data-theme] .new-ticket-page :is(input,select,textarea):disabled{background:var(--input-disabled-bg)!important;color:var(--input-disabled-text)!important;-webkit-text-fill-color:var(--input-disabled-text);opacity:1}
html[data-theme] .new-ticket-page :is(input,select,textarea):focus{border-color:var(--focus-border);outline:2px solid var(--focus-ring);box-shadow:0 0 0 2px var(--focus-ring)}
html[data-theme] .new-ticket-page .field-invalid :is(input,select,textarea){border-color:var(--error-border)!important;background:var(--input-bg)!important}
html[data-theme] .new-ticket-page .field-invalid label,html[data-theme] .new-ticket-page :is(.ticket-date-error,[id$="-error"]){color:var(--error-text)!important}
html[data-theme] .new-ticket-page :is(.card,.nt-card){background:var(--card-bg);color:var(--text-primary);border-color:var(--card-border)}
html[data-theme] .new-ticket-page :is(label,h3,h4){color:var(--text-primary)}
html[data-theme] .new-ticket-page :is(p,.muted,dt,.nt-rules li){color:var(--text-secondary)}
html[data-theme] .new-ticket-page [data-pod-field-121]>.card{background:var(--input-readonly-bg)}
.new-ticket-page .nt-card-4 .nt-fields{grid-template-columns:repeat(6,minmax(0,1fr))}
.new-ticket-page .nt-card-4 .field:has(#tdriver),.new-ticket-page .nt-card-4 .field:has(#tdphone){grid-column:span 3}
.new-ticket-page .nt-card-4 .field:has(#tdelivery),.new-ticket-page .nt-card-4 [data-pod-field-121],.new-ticket-page .nt-card-4 .field:has(#tpod){grid-column:span 2}
.new-ticket-page .nt-card-6 .nt-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1450px){.new-ticket-page .nt-card-4 .nt-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.new-ticket-page .nt-card-4 .field:has(#tdriver),.new-ticket-page .nt-card-4 .field:has(#tdphone),.new-ticket-page .nt-card-4 .field:has(#tdelivery),.new-ticket-page .nt-card-4 [data-pod-field-121]{grid-column:auto}.new-ticket-page .nt-card-4 .field:has(#tpod){grid-column:1/-1}}
@media(max-width:600px){.new-ticket-page .nt-card-4 .nt-fields,.new-ticket-page .nt-card-6 .nt-fields{grid-template-columns:minmax(0,1fr)}.new-ticket-page .nt-card-4 .field:has(#tpod){grid-column:auto}}

.new-ticket-page .nt-footer{flex-wrap:wrap}.new-ticket-page #ticketSaveFeedbackBottom{flex:1 0 100%;order:-1;margin:0!important;background:var(--card-bg)!important;color:var(--text-primary)!important}.new-ticket-page .nt-footer>.btn{flex-shrink:0}.new-ticket-page .nt-draft-status{min-width:0;overflow-wrap:anywhere}

@media(max-width:600px){#content:has(.new-ticket-page){padding:12px}}

/* Create, view and edit share the same tokens and grid. */
.new-ticket-page .nt-readonly{min-height:37px;padding:9px 0;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-primary);border-bottom:1px solid var(--card-border)}
.new-ticket-page .nt-ticket-actions{display:flex;gap:8px;flex-wrap:wrap}
.new-ticket-page .nt-head{flex-wrap:wrap}.new-ticket-page .nt-head>div:first-child{flex:1;min-width:0}
.new-ticket-page .nt-pod-list{display:grid;gap:8px}.new-ticket-page .nt-pod-item{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px;border:1px solid var(--card-border);border-radius:8px}.new-ticket-page .nt-pod-item b{margin-right:auto}
.new-ticket-page .attachment-row{flex-wrap:wrap;gap:8px}.new-ticket-page .attachment-meta{min-width:0;overflow-wrap:anywhere}.new-ticket-page .attachment-actions{display:flex;gap:6px;flex-wrap:wrap}
.new-ticket-page :is(.timeline,.event,.loggi-facts){overflow-wrap:anywhere}.new-ticket-page .nt-status-reason{white-space:pre-wrap;overflow-wrap:anywhere}
.archive-details{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px}.archive-details dd{margin:0;overflow-wrap:anywhere}.archive-list{display:grid;gap:10px}.entity-archive-modal input,.entity-archive-modal textarea{width:100%;max-width:100%;box-sizing:border-box}
@media(max-width:600px){.new-ticket-page .nt-ticket-actions{width:100%}.new-ticket-page .nt-head>div:first-child{flex:auto}.new-ticket-page .attachment-actions .btn{padding:6px 8px}}

/* POD thumbnails: three compact slots, in the complete width of the driver block. */
.new-ticket-page .nt-card-4 [data-pod-field-121]{grid-column:1/-1}
.new-ticket-page #tpodpreview121,.ticket-form-modal #tpodpreview121{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;max-width:520px;align-items:start}
.new-ticket-page #tpodpreview121>.card,.ticket-form-modal #tpodpreview121>.card{min-width:0;padding:8px!important}
.new-ticket-page #tpodpreview121 img,.ticket-form-modal #tpodpreview121 img{display:block;width:100%;height:64px!important;object-fit:contain!important}
.new-ticket-page #tpodpreview121 p,.ticket-form-modal #tpodpreview121 p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0;font-size:11px}
.new-ticket-page #tpodpreview121 .actions,.ticket-form-modal #tpodpreview121 .actions{display:flex;flex-wrap:wrap;gap:4px}
.new-ticket-page #tpodpreview121 .btn,.ticket-form-modal #tpodpreview121 .btn{padding:5px 7px;min-height:28px;font-size:11px;max-width:100%}
.new-ticket-page .nt-pod-list{grid-template-columns:repeat(3,minmax(0,1fr));max-width:520px}
.new-ticket-page .nt-pod-item{min-width:0;overflow-wrap:anywhere}