@charset "UTF-8";
:root{--ink:#17232d;--ink-soft:#314653;--muted:#697580;--bg:#f5f7f9;--line:#e5eaef;--white:#fff;--coral:#ff7f50;--coral-dark:#a93f1e;--coral-pale:#fff0e9;--blue:#1f81e6;--blue-pale:#edf5ff;--green:#237057;--green-pale:#e9f5ef;--amber:#91600b;--amber-pale:#fff6de;--red:#ae3440;--radius:16px;--shadow:0 4px 24px #14233004;--sidebar:246px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:#176aba;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2583df;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.2;letter-spacing:-1.15px;font-weight:700}h2{font-size:18px;letter-spacing:-.35px;line-height:1.3;margin-bottom:0}h3{font-size:15px;margin-bottom:10px}p{margin-bottom:16px}strong{font-weight:650}hr{border:0;border-top:1px solid var(--line);margin:24px 0}small{font-size:12px}fieldset{margin:0;padding:0;border:0}legend{font-weight:650;margin-bottom:12px}.icon{width:20px;height:20px;display:inline-block;flex:0 0 auto;vertical-align:middle}.muted,.hint{color:var(--muted)}.small{font-size:12px}.hint{font-size:12px;line-height:1.65;margin:0}.grow{flex:1;min-width:0}.nowrap{white-space:nowrap}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;color:var(--muted);margin-bottom:12px}.sr-only,.honeypot{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.skip-link{position:fixed;left:20px;top:-100px;background:var(--white);padding:12px;z-index:100}.skip-link:focus{top:12px}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--ink);color:#c6ced4;display:flex;flex-direction:column;padding:30px 20px 20px;z-index:25}.brand{display:flex;align-items:center;gap:10px;color:#fff;padding:0 5px;flex-shrink:0;text-decoration:none!important}.brand-mark{height:42px;width:42px;border:1px solid #ffffff24;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;line-height:1;letter-spacing:-3px}.brand-mark span{color:var(--coral);padding-right:3px}.brand-text{font-size:17px;line-height:1.15;letter-spacing:-.4px;font-weight:650;overflow-wrap:anywhere}.brand-text small{display:block;color:#9eacb6;font-size:8px;letter-spacing:2.7px;margin-top:8px;font-weight:500}.nav-section{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#8697a3;padding:30px 14px 10px}.main-nav{overflow-y:auto}.main-nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:9px;color:#bac6cf;font-size:13px;margin-bottom:4px;transition:background .15s,color .15s;text-decoration:none;min-height:44px}.main-nav a:hover{background:#ffffff09;color:#fff}.main-nav a.active{background:#31404a;color:#fff;box-shadow:inset 3px 0 var(--coral)}.main-nav a.active .icon{color:var(--coral)}.main-nav .icon{width:18px;height:18px}.nav-count{margin-left:auto;color:var(--ink);font-size:10px;font-weight:700;background:var(--coral);border-radius:5px;padding:0 5px}.sidebar-bottom{margin-top:auto;padding-top:24px}.support-note{display:flex;align-items:flex-start;gap:10px;background:#ffffff05;border:1px solid #ffffff09;border-radius:12px;padding:15px 10px;margin-bottom:18px;font-size:11px;color:#e0e6e9}.support-note .icon{color:var(--coral);width:17px}.support-note small{display:block;font-size:10px;color:#94a6b2;margin-top:5px}.account-card{display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff13;padding:18px 4px 0;color:#fff;text-decoration:none!important}.account-card strong{font-size:12px;display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-card small{font-size:10px;color:#97a8b4;display:block}.avatar{width:36px;height:36px;border-radius:50%;background:var(--coral);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:750;flex:0 0 auto}.avatar.pale{background:#edf1f5;color:#566776}.avatar.staff-avatar{background:var(--coral-pale);color:var(--coral-dark)}.app-shell{margin-left:var(--sidebar);min-height:100vh;display:flex;flex-direction:column;min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:20px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:20px}.breadcrumb{font-size:12px;color:var(--muted);display:flex;gap:12px}.breadcrumb span{color:#c2cad1}.breadcrumb strong{color:var(--ink-soft);font-weight:550}.language{display:flex;align-items:center;gap:3px;border:1px solid var(--line);border-radius:8px;padding:3px;background:#fff}.language a{font-size:10px;font-weight:700;padding:5px 8px;border-radius:5px;color:var(--muted);text-decoration:none}.language a[aria-current]{background:var(--ink);color:#fff}.topbar-right .btn{font-size:11px;padding:6px 0}.topbar-right .btn .icon{width:16px}.mobile-menu{display:none}.icon-button{background:none;border:none;padding:8px;color:var(--ink);border-radius:8px}.main-content{padding:36px;max-width:1620px;width:100%;margin:0 auto;flex:1;min-width:0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.page-heading h1{margin-bottom:8px}.page-heading .eyebrow{margin-bottom:10px}.page-heading p{font-size:13px;color:var(--muted);margin:0}.page-heading>.btn{flex:0 0 auto}.app-footer{padding:20px 36px;display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);color:#7a8691;font-size:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:11px 17px;font-weight:650;font-size:12px;line-height:1.4;min-height:42px;transition:background .15s,transform .15s;text-decoration:none!important;white-space:normal;width:max-content;max-width:100%}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--coral);color:#352116;border-color:var(--coral)}.btn.primary:hover{background:#ff925b}.btn.secondary{background:#fff;border-color:#d7e0e7;color:var(--ink-soft)}.btn.secondary:hover{background:#f5f8fa}.btn.quiet{background:transparent;color:var(--muted)}.btn.quiet:hover{color:var(--ink);background:#edf1f5}.btn.danger{background:#b2323f;color:#fff}.btn.danger:hover{background:#952937}.btn .icon{width:17px;height:17px}.text-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:650}.text-link .icon{width:15px;height:15px}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.form-actions{display:flex;align-items:center;gap:12px;margin-top:6px}.form-link{text-align:right;font-size:12px}.notice{padding:14px 18px;border:1px solid #cbdfea;border-radius:10px;background:#eef6fb;color:#225470;margin-bottom:22px;font-size:13px;overflow-wrap:anywhere}.notice.success{color:#225f47;background:#ecf7f0;border-color:#c5e5d2}.notice.error{color:#972c39;background:#fff0f1;border-color:#f0c6cc}.notice.warning{color:#79520c;background:#fff7e6;border-color:#efdba8}.approval-banner{display:flex;align-items:center;gap:14px;padding:16px 20px;border:1px solid #f2d5bf;border-radius:12px;background:#fff6ed;color:#8a461f;margin-bottom:24px;text-decoration:none!important}.approval-banner>span{flex:1}.approval-banner strong{font-size:13px;display:block}.approval-banner small{font-size:11px;display:block;margin-top:3px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:24px;min-width:0;overflow:hidden}.panel-heading{padding:23px 25px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line)}.panel-heading p{font-size:12px;color:var(--muted);margin:5px 0 0}.panel-body{padding:25px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px 23px;box-shadow:var(--shadow);min-width:0}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#52616e}.stat-card>strong{display:block;font-size:34px;letter-spacing:-1px;margin-top:8px;line-height:1.25;font-weight:650}.stat-note{font-size:10px;color:#7d8992;display:block;margin-top:5px}.stat-icon{width:33px;height:33px;display:flex;align-items:center;justify-content:center;border-radius:9px}.stat-icon .icon{width:17px;height:17px}.blue{color:#246fc0;background:var(--blue-pale)}.coral{color:var(--coral-dark);background:var(--coral-pale)}.green{color:var(--green);background:var(--green-pale)}.amber{color:var(--amber);background:var(--amber-pale)}.dashboard-lower{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.dashboard-lower .panel{margin-bottom:0}.team-list{padding-top:8px;padding-bottom:8px}.team-row{display:flex;align-items:center;gap:12px;padding:15px 0;color:var(--ink);border-bottom:1px solid #f0f2f5;text-decoration:none!important}.team-row:last-child{border-bottom:0}.team-row strong{font-size:13px;display:block}.team-row small{display:block;color:var(--muted);font-size:11px}.workload-count{padding:4px 10px;background:#f0f4f7;border-radius:7px;font-size:13px}.service-panel{background:linear-gradient(145deg,#fff,#f5f9fd);display:flex;flex-direction:column}.service-chips{display:flex;flex-wrap:wrap;gap:10px;padding:25px}.service-chips span{font-size:12px;background:#fff;border:1px solid #dfe7ed;padding:8px 12px;border-radius:7px;color:#435865}.service-footer{display:flex;align-items:flex-start;gap:12px;padding:10px 25px 24px;margin-top:auto;color:var(--muted)}.service-footer .icon{width:17px;color:#7b94a9}.service-footer p{font-size:11px;margin:0}.steps>div{display:flex;gap:14px;margin:0 0 20px}.steps>div:last-child{margin:0}.steps>div>span{width:26px;height:26px;flex:0 0 auto;background:var(--coral-pale);color:var(--coral-dark);font-size:11px;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center}.steps p{font-size:12px;color:var(--muted);margin:0}.steps strong{font-size:13px;color:var(--ink);display:block;margin-bottom:4px}
.table-scroll{overflow-x:auto;max-width:100%}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{padding:13px 17px;background:#f9fbfc;color:#73818d;font-size:9px;text-transform:uppercase;letter-spacing:.75px;font-weight:650;white-space:nowrap}td{padding:19px 17px;border-bottom:1px solid #eef1f4;vertical-align:middle}td:first-child,th:first-child{padding-left:25px}td:last-child,th:last-child{padding-right:25px}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfe}.ticket-title{display:flex;flex-direction:column;gap:4px;min-width:170px;max-width:300px;color:var(--ink);text-decoration:none!important;overflow-wrap:anywhere}.ticket-title:hover strong{color:#176aba}.ticket-title strong{font-size:12px;font-weight:650;line-height:1.5}.ticket-ref{font-size:9px;letter-spacing:.6px;color:#83929e;font-weight:650}.table-text{display:block;font-size:11px;min-width:90px}.subtext{font-size:10px;color:#7a8792;display:block;margin-top:4px;overflow-wrap:anywhere}.service-label{font-size:10px;color:#5f7484;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:650;white-space:nowrap;line-height:1.4;padding:5px 9px;border-radius:5px;background:#f0f3f6;color:#657784}.status-dot{height:5px;width:5px;border-radius:50%;background:currentColor}.badge.new{background:#eaf3ff;color:#2367b1}.badge.in_progress{background:#eaf0ff;color:#4b60a0}.badge.waiting_client{background:#fff5df;color:#90620c}.badge.scheduled{background:#f2edff;color:#7356a6}.badge.resolved,.badge.active,.badge.sent{background:#e9f5ed;color:#267147}.badge.closed,.badge.disabled,.badge.cancelled{background:#eff2f4;color:#647580}.badge.low{color:#66777c;background:#f2f5f6}.badge.normal{color:#426d8d;background:#ecf3f8}.badge.high{color:#ac602a;background:#fff0e3}.badge.urgent,.badge.failed{color:#b33347;background:#ffedf0}.badge.pending{color:#8d6819;background:#fff7e3}.filters{padding:24px;display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.filters>.field{flex:1 1 135px}.filters>.field:first-of-type{flex:2 1 260px}.filters .field>span{font-size:10px;color:#697c89}.filters input,.filters select{font-size:12px;min-height:41px}.filter-actions{display:flex;gap:14px;align-items:center;flex:1 0 auto}.list-summary{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);padding:13px 25px;border-bottom:1px solid var(--line)}.list-summary strong{color:var(--ink)}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;padding:20px;border-top:1px solid var(--line);font-size:12px}.empty-state{padding:50px 25px;text-align:center}.empty-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;margin:0 auto 18px;background:#f0f5f9;color:#6d8597;border-radius:16px}.empty-icon .icon{width:26px;height:26px}.empty-state h3{font-size:17px;margin-bottom:8px}.empty-state p{font-size:12px;color:var(--muted);max-width:410px;margin:0 auto 20px}
.stack{display:flex;flex-direction:column;gap:20px}.stack.compact{gap:15px}.stack hr{margin:6px 0}.stack>h3{margin-bottom:-8px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field>span{font-size:12px;color:#344b5b;font-weight:600}.required{color:#ae4c32}.field input,.field select,.field textarea,.copy-value{width:100%;border:1px solid #dbe3e9;border-radius:8px;background:#fff;padding:11px 12px;color:var(--ink);min-height:44px;transition:border-color .15s;max-width:100%}.field input::placeholder,.field textarea::placeholder{color:#8996a0;font-size:12px}.field input:hover,.field select:hover,.field textarea:hover{border-color:#b9cad7}.field textarea{resize:vertical;line-height:1.7;min-height:100px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#4786ba;box-shadow:0 0 0 3px #edf5fb;outline:none}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.narrow{max-width:580px}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:30px;align-items:start}.form-layout>.panel>.panel-body{padding:30px}.form-aside{padding:26px 6px;color:#647482;font-size:12px}.form-aside h2{font-size:21px;color:var(--ink);margin:16px 0 14px;line-height:1.3;letter-spacing:-.6px}.form-aside h3{color:var(--ink)}.aside-icon{background:var(--coral-pale);color:var(--coral-dark);width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center}.priority-guide{margin-bottom:18px}.priority-guide dt{margin-bottom:7px}.priority-guide dd{margin:0 0 15px;font-size:11px}.role-guide dt{color:var(--ink);font-weight:650;margin:12px 0 4px}.role-guide dd{margin:0;color:var(--muted);font-size:12px}.service-picker{margin-bottom:3px}.service-picker legend{font-size:12px;color:#344b5b}.service-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.service-option{cursor:pointer;position:relative}.service-option input{position:absolute;opacity:0;width:1px;height:1px}.service-option>span{display:flex;align-items:center;gap:9px;padding:15px 12px;min-height:65px;border:1px solid var(--line);border-radius:10px;color:#6f808d;transition:all .15s}.service-option strong{font-size:11px;font-weight:550}.service-option .icon{width:19px}.service-option input:checked+span{border-color:#e38c68;background:#fff6f1;color:#7b3d23;box-shadow:0 0 0 1px #e38c6822}.service-option input:focus-visible+span{outline:3px solid var(--blue);outline-offset:3px}.upload-area{border:1px dashed #bacbd7;border-radius:10px;background:#fbfcfe;text-align:center;padding:20px;display:flex;align-items:center;flex-direction:column;gap:8px;cursor:pointer}.upload-area>.icon{color:#7e93a3}.upload-area strong{font-size:12px;color:#536e81}.upload-area>span{font-size:10px;color:#83919d}.upload-area input{font-size:11px;max-width:100%;margin-top:6px;color:#728291}.upload-area input::file-selector-button{background:#edf3f8;color:#405e74;border:1px solid #d6e1e9;border-radius:5px;padding:7px 10px;margin-right:10px;cursor:pointer;font:inherit}.file-feedback:empty{display:none}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:12px;color:#526876}.checkbox-label input,.reply-kind input{accent-color:#a83f1f;width:16px;height:16px}.copy-value{margin:12px 0 3px;font-size:12px}.count-pill{display:inline-block;padding:2px 8px;background:#f2e1ce;color:#96572a;border-radius:5px;font-size:11px}.pending-panel{border-color:#f0d5bb}.approval-list{padding-top:0;padding-bottom:0}.approval-row{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.approval-row:last-child{border:0}.approval-row strong,.approval-row span,.approval-row small{display:block}.approval-row .avatar{display:flex}.approval-row .grow>span{font-size:12px;color:var(--muted)}.approval-row small{font-size:11px;margin-top:5px;color:#9e602d}.company-grid{padding:25px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.company-card{border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0}.company-card h3{margin-top:16px;overflow-wrap:anywhere}.company-card p{font-size:11px;color:var(--muted)}.company-icon{width:38px;height:38px;background:var(--blue-pale);color:#326d9f;border-radius:10px;display:flex;align-items:center;justify-content:center}details>summary{font-size:12px;font-weight:650;color:#376b91;cursor:pointer;list-style-position:inside}details[open]>summary{margin-bottom:18px}.company-card details form{margin-top:15px}.smtp-details{background:#f8fafb;border:1px solid var(--line);border-radius:10px;padding:20px}.smtp-details .hint{margin-bottom:18px}.category-list{display:flex;flex-direction:column;gap:20px}.category-list hr{margin:8px 0}.category-form{display:grid;grid-template-columns:1fr 1fr 80px auto;gap:15px;align-items:end}.category-form .checkbox-label{padding-bottom:12px}.danger-panel{border-color:#efc8ce}.danger-panel>.panel-heading{background:#fff8f8;border-color:#f2dfe3}.danger-panel h2{color:#a93440}.reset-explanation{background:#faf5f5;border:1px solid #eddddf;border-radius:9px;padding:18px;font-size:12px;color:#81565d}.reset-explanation p:last-child{margin:0}
.back-link{font-size:12px;display:inline-block;margin-bottom:22px;color:#6a7f8e}.ticket-heading{margin-bottom:28px}.ticket-kicker{display:flex;align-items:center;gap:12px;margin-bottom:15px}.ticket-kicker>span:first-child{font-size:11px;font-weight:650;color:#748896;letter-spacing:.75px}.ticket-heading h1{font-size:29px;margin-bottom:12px;overflow-wrap:anywhere}.ticket-heading>p{font-size:12px;color:var(--muted);margin:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ticket-heading>p>span{color:#bcc8d0}.ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:25px;align-items:start}.conversation-column{min-width:0}.conversation{padding:6px 25px}.message{display:flex;gap:13px;padding:26px 0;border-bottom:1px solid #eef1f4}.message:last-child{border:0}.message-content{flex:1;min-width:0}.message-content header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.message-content header strong{font-size:12px}.message-role{font-size:9px;color:#8695a1;display:inline-block;margin-left:8px}.message-content header time{font-size:9px;color:#8795a0;white-space:nowrap;padding-top:2px}.message-body{font-size:13px;line-height:1.9;color:#405463;overflow-wrap:anywhere}.message.private-message{background:#fff9ed;margin:12px -12px;padding:20px 12px;border:1px solid #f2e5c8;border-radius:10px}.private-label{display:inline-flex;align-items:center;gap:4px;background:#f9edcc;padding:3px 6px;font-size:9px;color:#886323;border-radius:4px;margin-left:6px}.private-label .icon{width:12px;height:12px}.attachment-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.attachment{display:flex;align-items:center;gap:10px;max-width:100%;border:1px solid #dfe7ed;border-radius:7px;background:#fff;padding:10px 12px;text-decoration:none!important;color:#526f84}.attachment>.icon{width:15px;height:15px}.attachment>span{min-width:0}.attachment strong{font-size:10px;display:block;overflow-wrap:anywhere}.attachment small{font-size:9px;display:block;color:var(--muted)}.reply-box{padding:25px;background:#fcfdfe;border-top:1px solid var(--line)}.reply-box h3{margin-bottom:18px}.reply-kind{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.reply-kind label{display:flex;align-items:center;gap:7px;font-size:12px}.reply-kind .icon{width:14px;height:14px}.private-hint{color:#85631e}.details-list{margin:0 0 24px;font-size:12px}.details-list dt{font-size:10px;color:#7c8e9b;margin:18px 0 5px}.details-list dt:first-child{margin-top:0}.details-list dd{margin:0;color:#364f61;overflow-wrap:anywhere}.assigned-notice{padding:10px;background:var(--blue-pale);font-size:11px;color:#3a6991;border-radius:7px;display:flex;align-items:center;gap:9px}.assigned-notice .icon{width:15px}.ticket-sidebar .panel-heading{padding:20px}.ticket-sidebar .panel-body{padding:20px}.ticket-sidebar .panel-heading h2{font-size:15px}.ticket-sidebar .field>span{font-size:11px}.ticket-sidebar select,.ticket-sidebar input{font-size:12px;padding:10px}.ticket-sidebar .btn{width:100%}.activity-list{margin:0;padding:8px 20px 16px;list-style:none}.activity-list li{position:relative;padding:14px 0 14px 16px;border-left:1px solid #e7edf2}.activity-list li:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#b5c7d4;left:-3px;top:20px}.activity-list strong{font-size:10px;font-weight:550;display:block}.activity-list small{font-size:9px;color:#81919d;display:block;margin-top:5px;overflow-wrap:anywhere}
.auth-layout{display:grid;grid-template-columns:43% 57%;min-height:100vh;background:#fff}.auth-story{background:var(--ink);color:#fff;padding:40px 48px;display:flex;flex-direction:column;position:relative;overflow:hidden;isolation:isolate}.auth-story:after{content:"";position:absolute;width:560px;height:560px;right:-380px;top:200px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 90px #ffffff03,0 0 0 180px #ffffff02;z-index:-1}.auth-story .brand{margin-bottom:50px}.story-content{margin:auto 0;max-width:420px;padding:20px 0 60px}.story-content .eyebrow{color:var(--coral);font-size:9px;letter-spacing:2px;margin-bottom:25px}.story-content h1{font-size:46px;line-height:1.17;letter-spacing:-1.9px;font-weight:650;margin-bottom:25px}.story-content>p{font-size:14px;color:#b2c0c9;line-height:1.95;max-width:360px}.story-features{display:flex;flex-direction:column;gap:21px;margin-top:35px}.story-features>div{display:flex;align-items:center;gap:13px;font-size:12px;color:#cfdae1}.story-features .icon{color:var(--coral);width:19px}.story-footer{font-size:10px;color:#8da0ad;letter-spacing:.4px}.auth-main{padding:24px 50px 40px;display:flex;flex-direction:column;align-items:center;min-width:0}.auth-top{width:100%;display:flex;justify-content:flex-end;align-items:center;margin-bottom:20px}.auth-form{width:100%;max-width:390px;margin:auto 0;padding:30px 0}.auth-form h1{font-size:31px;margin-bottom:14px}.auth-form>p{font-size:13px;color:var(--muted);margin-bottom:26px}.auth-form .stack{gap:18px}.auth-form .btn{width:100%}.auth-form .auth-switch{font-size:12px;margin-top:26px;text-align:center}.auth-switch a{font-weight:650}.auth-form .auth-bottom{font-size:10px;color:#8b98a2;text-align:center;margin-top:40px;margin-bottom:0}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px;background:var(--bg)}.auth-card{background:white;padding:40px;border-radius:20px;border:1px solid var(--line);width:100%;max-width:540px}.auth-card h1{font-size:27px}.auth-card p{font-size:14px;color:var(--muted)}
@media(min-width:1600px){.main-content{padding:42px 48px}.topbar{padding:0 48px}}
@media(max-width:1200px){:root{--sidebar:222px}.main-content{padding:28px 24px}.topbar{padding:0 24px}.sidebar{padding-left:14px;padding-right:14px}.brand-text{font-size:15px}.stat-grid{gap:12px}.stat-card{padding:18px}.form-layout{grid-template-columns:minmax(0,1fr) 245px;gap:24px}.form-layout>.panel>.panel-body{padding:24px}.ticket-layout{grid-template-columns:minmax(0,1fr) 255px;gap:20px}.message-content header{flex-direction:column;gap:5px}.service-options{grid-template-columns:repeat(2,minmax(0,1fr))}.company-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-story{padding:35px}.story-content h1{font-size:38px}.auth-main{padding-left:35px;padding-right:35px}}
@media(max-width:960px){.main-content{padding:24px 20px}.page-heading h1{font-size:27px}.page-heading{align-items:flex-start}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-lower{grid-template-columns:1fr}.form-layout,.ticket-layout{grid-template-columns:minmax(0,1fr)}.form-aside{padding:0 4px 12px}.ticket-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.category-form{grid-template-columns:1fr 1fr;align-items:center}.category-form .checkbox-label{padding-bottom:0}.company-grid{grid-template-columns:1fr}.story-content h1{font-size:32px}.story-content>p{font-size:13px}.auth-story{padding:30px 26px}.auth-main{padding:20px 30px}.auth-form h1{font-size:28px}.breadcrumb{font-size:11px;gap:8px}.topbar-right{gap:12px}.topbar{padding:0 20px}.topbar-right .btn{font-size:0;gap:0}.topbar-right .btn .icon{width:19px;height:19px}.service-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:740px){:root{--sidebar:246px}.sidebar{transform:translateX(-100%);transition:transform .2s;padding-top:25px;box-shadow:8px 0 40px #17232d20}.menu-open .sidebar{transform:translateX(0)}.app-shell{margin-left:0}.mobile-menu{display:inline-flex}.topbar{height:64px;position:sticky;top:0;z-index:20;padding:0 14px}.topbar-left{gap:10px}.breadcrumb{font-size:10px;gap:7px}.main-content{padding:25px 18px}.page-heading{gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-heading h1{font-size:27px}.page-heading p{font-size:12px}.page-heading .eyebrow{font-size:9px}.page-heading>.btn{padding:10px 14px}.panel-heading{padding:18px}.panel-heading h2{font-size:16px}.panel-body{padding:20px}.stat-grid{gap:12px;margin-bottom:20px}.stat-card{padding:16px}.stat-top{font-size:11px}.stat-card>strong{font-size:31px}.stat-note{font-size:9px}.dashboard-lower{gap:20px}.panel{margin-bottom:20px}.table-scroll td,.table-scroll th{padding:16px}.filters{padding:18px}.form-grid{gap:16px}.form-layout>.panel>.panel-body{padding:20px}.service-options{grid-template-columns:repeat(2,minmax(0,1fr))}.form-aside{padding:0 5px 10px}.form-aside h2{font-size:20px}.auth-layout{display:flex;flex-direction:column}.auth-story{padding:22px 25px}.auth-story .brand{margin:0}.auth-story .brand-text{font-size:17px}.story-content,.story-footer{display:none}.auth-main{padding:15px 24px 30px;flex:1}.auth-top{margin-bottom:0}.auth-form{padding:20px 0;margin:0}.auth-form h1{font-size:29px}.auth-form .auth-bottom{margin-top:28px}.app-footer{padding:20px 18px;font-size:9px}.ticket-sidebar{grid-template-columns:1fr}.ticket-heading h1{font-size:25px}.conversation{padding:2px 18px}.message{gap:10px;padding:22px 0}.message-avatar{width:30px;height:30px;font-size:12px}.message-content header{flex-direction:column;gap:5px}.message-content header time{font-size:9px}.message-role{font-size:9px}.message-body{font-size:12px}.reply-box{padding:20px}.private-label{margin:5px 0 0}.message-content header>div{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.ticket-kicker{gap:8px}.ticket-heading>p{font-size:11px;gap:6px}.company-grid{padding:18px}.approval-row{align-items:flex-start;flex-wrap:wrap;gap:12px}.approval-row .grow{min-width:180px}.approval-row .btn{margin-left:48px}.approval-banner{padding:14px}.approval-banner small{font-size:10px}.panel-heading>.small{font-size:9px;text-align:right}.category-form{grid-template-columns:1fr 1fr;gap:12px}.category-form .field>span{font-size:10px}.auth-card{padding:28px}.main-nav a{padding-top:11px;padding-bottom:11px}.sidebar .nav-section{padding-top:23px}.sidebar-bottom{padding-top:15px}.support-note{display:none}}
@media(max-width:420px){.form-grid{grid-template-columns:1fr}.breadcrumb>span,.breadcrumb>strong{display:none}.service-options{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-top{font-size:10px}.stat-icon{width:28px;height:28px}.stat-note{font-size:8px}.stat-card{padding:14px}.topbar-right{gap:15px}.page-heading h1{font-size:25px}.btn{padding:10px 13px}.panel-heading{gap:10px}.ticket-kicker{flex-wrap:wrap}.reply-kind{gap:14px}.main-content{padding:22px 14px}.category-form{grid-template-columns:1fr}.upload-area{padding:16px 10px}.app-footer{flex-direction:column;gap:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.sidebar,.topbar,.app-footer,.reply-box,.btn,.filters,.back-link,.language,.skip-link{display:none!important}.app-shell{margin:0}.main-content{padding:0;max-width:none}.panel{box-shadow:none;border-color:#ddd;break-inside:avoid}.ticket-layout,.dashboard-lower{display:block}.ticket-sidebar{display:block}.table-scroll{overflow:visible}.auth-story{display:none}.auth-layout{display:block}body{background:#fff}a{color:#000}.stat-grid{grid-template-columns:repeat(4,1fr)}}

/* Readable metadata on desktop and mobile. */
.badge{font-size:11px}.ticket-title strong{font-size:13px}.ticket-ref{font-size:10px;color:#697b88}.service-label{font-size:11px}.table-text{font-size:12px}.subtext{font-size:11px;color:#697b88}th{font-size:10px;color:#627581}.stat-note{font-size:11px;color:#6c7d88}.message-content header time,.activity-list small{color:#677b8a}.message-content header time{font-size:10px}.activity-list strong{font-size:11px}.activity-list small{font-size:10px}

/* Original Kernel Systems logo, fitted to the existing brand area. */
.brand-logo{display:block;width:100%;max-width:196px;height:auto;object-fit:contain;background:#fff;border-radius:4px}