:root{--blue:#0b63ce;--bg:#f6f8fb;--text:#172033;--muted:#667085;--border:#e5e7eb}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;display:flex}.sidebar{color:#fff;background:#075bc7;width:270px;padding:24px 18px;position:fixed;inset:0 auto 0 0}.brand{margin-bottom:28px;font-size:24px;font-weight:800}.user{align-items:center;min-height:64px;margin-bottom:20px;font-weight:600;display:flex}nav a{color:#fff;opacity:.92;border-radius:10px;margin:5px 0;padding:13px 14px;display:block}nav a.active,nav a:hover{background:#ffffff24}main{width:calc(100% - 270px);margin-left:270px;padding:24px 34px 60px}.topbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:24px;display:flex}.session-box{border:1px solid var(--border);background:#fff;border-radius:12px;align-items:center;gap:8px;margin-right:auto;padding:8px 10px;display:flex;box-shadow:0 1px 2px #1018280a}.session-box span{color:var(--muted);font-size:13px;font-weight:700}input,select,textarea{border:1px solid var(--border);font:inherit;background:#fff;border-radius:9px;padding:12px 14px}.topbar input{width:320px}button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:11px 18px;font-weight:700}button.secondary{color:#344054;border:1px solid var(--border);background:#fff}.small-button{padding:7px 10px;font-size:12px}.small{font-size:12px}.login-screen{z-index:10;background:linear-gradient(135deg,#075bc7,#0b63ce 45%,#eef4ff);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.login-card{background:#fff;border-radius:18px;gap:12px;width:min(440px,100%);padding:30px;display:grid;box-shadow:0 24px 80px #10182838}.login-card label{color:#344054;font-weight:700}.login-card input{width:100%}.login-brand{color:#075bc7;margin-bottom:0}#signed-in-user{color:#344054}.cards{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px;display:grid}.cards div,.panel{border:1px solid var(--border);background:#fff;border-radius:16px;box-shadow:0 1px 2px #1018280a}.cards div{padding:22px}.cards span{color:var(--muted);margin-bottom:8px;display:block}.cards strong{font-size:34px}.panel{margin-bottom:24px;padding:22px}.panel-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}h2{margin:0 0 18px}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--border);text-align:left;padding:14px 12px;font-size:14px}th{color:#475467;background:#f9fafb}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f8fbff}.badge{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.badge.closed{color:#067647;background:#d1fae5}.badge.open{color:#175cd3;background:#dbeafe}.badge.danger{color:#b42318;background:#fee2e2}.badge.warning{color:#b54708;background:#fef3c7}.api-status{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;margin:0 0 14px;padding:12px 14px}.muted{color:var(--muted)}.detail-panel{padding:0;overflow:hidden}.detail-panel>.panel-header{padding:22px 22px 0}.compact-header h2{margin-bottom:4px}.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}.empty-state{padding:0 22px 24px}.ticket-console{padding:0 22px 22px}.ticket-hero{background:linear-gradient(135deg,#f8fbff,#eef4ff);border:1px solid #d9e6ff;border-radius:16px;margin-bottom:18px;padding:18px}.detail-panel h3{margin:4px 0 10px;font-size:22px}.detail-meta{color:var(--muted);flex-wrap:wrap;gap:8px;display:flex}.detail-meta span:not(.badge){border:1px solid var(--border);color:#344054;background:#fff;border-radius:999px;padding:6px 10px;font-size:12px}.console-grid{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);align-items:start;gap:18px;display:grid}.console-main,.console-side{gap:16px;display:grid}.console-card{border:1px solid var(--border);background:#fff;border-radius:14px;padding:16px;box-shadow:0 1px 2px #10182808}.section-title{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.section-title h4{margin:0;font-size:15px}.section-title span{font-size:12px}.rich-box{border:1px solid var(--border);background:#fbfdff;border-radius:12px;min-height:70px;padding:14px;line-height:1.55}.conversation-card .timeline{max-height:360px;padding-right:4px;overflow:auto}.timeline-item{border:1px solid var(--border);background:#fbfdff;border-radius:12px;margin-bottom:10px;padding:12px}.timeline-item strong{text-transform:capitalize;color:#344054;margin-bottom:2px;display:inline-block}.timeline-item p{margin:8px 0}.mini-form{gap:10px;margin-top:12px;display:grid}.reply-form textarea{min-height:130px}.workflow-card label{color:#475467;margin-bottom:-4px;font-size:12px;font-weight:800}.inline-form{display:flex}.compact-list{margin:0;padding-left:18px}.audit-list,.notification-list,#detail-attachments{padding-left:18px}.notification-list,.audit-list{max-height:230px;overflow:auto}.notification-list li,.audit-list li,#detail-attachments li{margin-bottom:10px}.notification-list span{color:#344054;font-size:13px}.form-panel{max-width:980px}.admin-panel{border-left:4px solid var(--blue)}.admin-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.admin-grid h4{margin:0 0 4px}.smtp-panel{border:1px solid var(--border);background:#fbfdff;border-radius:12px;padding:14px}.smtp-status{margin-bottom:12px;line-height:1.7}.config-list-wrap{border-top:1px solid var(--border);grid-column:1/-1;padding-top:16px}.config-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.config-group{border:1px solid var(--border);background:#fbfdff;border-radius:12px;padding:12px}.config-group strong{text-transform:capitalize;color:#344054;margin-bottom:8px;display:block}.option-chip{color:#175cd3;background:#eef4ff;border:1px solid #c7d7fe;margin:4px 5px 4px 0;padding:7px 10px;font-size:12px}.option-chip.disabled{color:#98a2b3;background:#f2f4f7;border-color:#eaecf0;text-decoration:line-through}.form-panel label{color:#344054;margin:14px 0 6px;font-weight:700;display:block}.form-panel input,.form-panel select,.form-panel textarea{width:100%}textarea{resize:vertical;min-height:190px}.editor-toolbar{border:1px solid var(--border);color:#344054;background:#f9fafb;border-bottom:0;border-radius:9px 9px 0 0;padding:12px}.editor-toolbar+textarea{border-radius:0 0 9px 9px}.dropzone{text-align:center;color:var(--muted);background:#fbfdff;border:1px dashed #cbd5e1;border-radius:12px;margin:14px 0;padding:24px}@media (width<=1000px){.sidebar{width:100%;position:static}body{display:block}main{width:100%;margin-left:0}.cards{grid-template-columns:1fr 1fr}.console-grid,.admin-grid,.config-list{grid-template-columns:1fr}.session-box{width:100%;margin-right:0}}:root{--blue:#0aa7e8;--brand-navy:#05091f;--brand-navy-2:#071331;--brand-cyan:#11aeea;--brand-teal:#62c6b4;--bg:#f4f8fc;--text:#101828;--muted:#64748b;--border:#dbe7f3}body{background:var(--bg);display:block}.app-shell{background:linear-gradient(#f7fbff,#eef5fb);min-height:100vh;display:flex}button:disabled{opacity:.65;cursor:not-allowed}button{background:linear-gradient(135deg,var(--brand-cyan),#0878c9);box-shadow:0 10px 24px #11aeea2e}button.secondary{color:#0f2746;box-shadow:none;background:#fff;border:1px solid #cfe0ef}.danger-button{color:#b42318;box-shadow:none;background:#fef3f2;border:1px solid #fecdca}input,select,textarea{border-color:#cddcec}input:focus,select:focus,textarea:focus{border-color:var(--brand-cyan);outline:3px solid #11aeea29}.sidebar{background:radial-gradient(circle at 20% 0,#62c6b42e,#0000 28%),linear-gradient(#05091f,#081733 65%,#061126);border-right:1px solid #11aeea38}.brand{letter-spacing:-.03em}.sidebar .brand{color:#fff;font-size:28px}.sidebar nav button{text-align:left;color:#fff;cursor:pointer;opacity:.94;letter-spacing:.01em;width:100%;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:12px;margin:5px 0;padding:12px 14px;font-weight:800;display:block}.sidebar nav button:hover{color:#fff;opacity:1;background:#11aeea24;border-color:#11aeea2e}.sidebar nav button.active{color:#031124;opacity:1;background:linear-gradient(135deg,#11aeea,#62c6b4);box-shadow:0 14px 30px #11aeea47}.user{color:#d9ecff}.session-box,.cards div,.panel,.console-card{border-color:#d8e7f3;box-shadow:0 14px 40px #05091f0f}.role-chip{white-space:nowrap;background:#e8fbff;border:1px solid #a9e8ff;border-radius:999px;padding:5px 9px;color:#031124!important;font-size:12px!important;font-weight:800!important}.eyebrow{color:var(--brand-cyan);margin-bottom:8px;display:block}.panel-header .eyebrow+h2,.section-title .eyebrow+h4{margin-top:0}.ticket-hero{background:linear-gradient(135deg,#f8fdff,#e9f8ff);border-color:#b8e7fb}.admin-panel{background:linear-gradient(#fff,#f8fdff)}.admin-explain-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:18px;display:grid}.option-chip{color:#075985;background:#e8fbff;border-color:#a9e8ff}.login-screen{z-index:10;background:radial-gradient(circle at 18% 18%,#62c6b43d,#0000 22%),radial-gradient(circle at 88% 12%,#11aeea38,#0000 26%),linear-gradient(135deg,#05091f 0%,#071331 52%,#061126 100%);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden}.login-screen:before{content:"";opacity:.42;background-image:radial-gradient(#11aeea52 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.login-screen:after{content:"";z-index:0;pointer-events:none;border:1px solid #62c6b442;border-radius:50%;width:720px;height:720px;position:absolute;top:40px;right:-220px;box-shadow:inset 0 0 90px #11aeea26}.login-card{z-index:1;background:#fffffffa;border:1px solid #b8e7fb8c;border-radius:30px;grid-template-columns:1.08fr .92fr;gap:0;width:min(1040px,100%);min-height:560px;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 100px #00000061}.login-copy{color:#fff;background:linear-gradient(135deg,#05091ffa,#071331f0),radial-gradient(circle at 35% 20%,#62c6b447,#0000 24%);flex-direction:column;justify-content:center;min-height:560px;padding:54px;display:flex}.login-brand{color:#fff;margin-bottom:14px;font-size:38px;font-weight:900}.login-kicker{color:#62c6b4;letter-spacing:.04em;margin-bottom:20px;font-size:18px;font-weight:900}.login-copy h2{letter-spacing:-.055em;color:#fff;margin:0 0 20px;font-size:54px;line-height:1.02}.login-copy p{color:#c8d6e7;max-width:520px;font-size:16px;line-height:1.75}.login-highlights{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.login-highlights span{color:#e8fbff;background:#11aeea1f;border:1px solid #11aeea59;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:800}.login-form-block{flex-direction:column;justify-content:center;gap:12px;padding:54px 48px;display:flex}.login-form-block label{color:#0f2746;font-weight:800}.login-form-block input{border-radius:12px;width:100%;padding:14px 15px}.login-form-block button{border-radius:12px;width:100%;margin-top:8px;padding:14px 18px;font-size:15px}.login-card .api-status{margin-top:4px}.form-panel form label{color:#344054;margin:14px 0 6px;font-weight:700;display:block}.form-panel form input,.form-panel form select,.form-panel form textarea{width:100%}.info-panel p{color:#344054;max-width:900px;line-height:1.7}.account-form{max-width:460px;margin-top:18px}.config-option-board{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:18px;display:grid}.option-list li{justify-content:space-between;align-items:center;gap:10px;display:flex}.support-dashboard-grid{grid-template-columns:1.4fr repeat(3,minmax(150px,.6fr));align-items:stretch;gap:18px;margin-bottom:24px;display:grid}.ops-hero{color:#fff;background:linear-gradient(135deg,#061126,#0b2145);border-color:#11aeea47;margin-bottom:0}.ops-hero h2{color:#fff;margin:6px 0 10px;font-size:30px}.ops-hero p{color:#c8d6e7;max-width:680px;line-height:1.65}.ops-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.ops-actions .secondary{color:#fff;background:#ffffff14;border-color:#fff3}.ops-card{background:linear-gradient(#fff,#f8fdff);margin-bottom:0;padding:20px}.ops-card span{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900;display:block}.ops-card strong{color:#061126;margin:8px 0;font-size:38px;display:block}.ops-card p{color:#64748b;margin:0;font-size:13px;line-height:1.5}.danger-accent{background:linear-gradient(#fff,#fff7f7)}.warning-accent{background:linear-gradient(#fff,#fffbeb)}.cyan-accent{background:linear-gradient(#fff,#f0fbff)}.customer-monitor{grid-column:1/span 2}.priority-panel{grid-column:3/span 2}.customer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.customer-tile{color:#0f2746;box-shadow:none;text-align:left;background:#f8fdff;border:1px solid #cfe8f7;border-radius:14px;padding:16px}.customer-tile:hover{border-color:var(--brand-cyan);box-shadow:0 12px 26px #11aeea1f}.customer-tile strong,.customer-tile span{display:block}.customer-tile span{color:#64748b;margin-top:6px;font-size:12px}.priority-row{background:#fbfdff;border:1px solid #d8e7f3;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:12px;display:flex}.priority-row strong,.priority-row span{display:block}.priority-row div span{color:#64748b;margin-top:3px;font-size:13px}.customer-dashboard-grid{grid-template-columns:1.05fr .95fr .85fr;align-items:stretch;gap:18px;margin-bottom:24px;display:grid}.customer-hero{color:#fff;background:linear-gradient(135deg,#061126,#0b2145);border-color:#11aeea47;grid-column:1/span 2;margin-bottom:0;padding:18px 20px}.customer-hero h2{color:#fff;margin:4px 0 8px;font-size:28px}.customer-hero p{color:#c8d6e7;max-width:720px;margin:0;line-height:1.55}.customer-hero-metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 2px;display:grid}.customer-hero-metrics div{background:#ffffff14;border:1px solid #ffffff29;border-radius:14px;padding:10px 12px}.customer-hero-metrics strong,.customer-hero-metrics span{display:block}.customer-hero-metrics strong{color:#fff;font-size:24px}.customer-hero-metrics span{color:#c8d6e7;margin-top:3px;font-size:12px;font-weight:800}.customer-focus-card,.customer-summary-card,.customer-activity-card{background:linear-gradient(#fff,#f8fdff);margin-bottom:0}.customer-activity-card{grid-column:2/span 2}.focus-ticket{background:#fbfdff;border:1px solid #d8e7f3;border-radius:16px;padding:16px}.focus-ticket h3{color:#061126;margin:12px 0 8px}.focus-ticket p{color:#64748b;margin-bottom:16px;line-height:1.55}.health-list{gap:10px;display:grid}.health-list div{background:#fbfdff;border:1px solid #d8e7f3;border-radius:14px;justify-content:space-between;align-items:center;padding:13px 14px;display:flex}.health-list span{color:#64748b;font-weight:800}.health-list strong{color:#061126;font-size:22px}.activity-row{background:#fbfdff;border:1px solid #d8e7f3;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;padding:12px;display:flex}.activity-row strong,.activity-row span,.activity-row small{display:block}.activity-row div span{color:#334155;margin-top:3px}.activity-row small{color:#64748b;margin-top:5px}.workspace-panel{background:linear-gradient(#fff,#f8fdff)}.info-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0 8px;display:grid}.info-card{background:#fbfdff;border:1px solid #d8e7f3;border-radius:14px;padding:16px}.info-card strong{color:#061126;margin-bottom:7px;display:block}.info-card span{color:#64748b;line-height:1.55}.account-card{background:#fff;border:1px solid #d8e7f3;border-radius:16px;padding:18px}@media (width<=1100px){.support-dashboard-grid,.customer-dashboard-grid{grid-template-columns:1fr 1fr}.ops-hero,.customer-monitor,.priority-panel,.customer-hero,.customer-activity-card{grid-column:1/-1}}@media (width<=800px){.login-card{grid-template-columns:1fr}.login-copy{min-height:unset;padding:34px}.login-copy h2{font-size:38px}.login-form-block{padding:34px}.support-dashboard-grid,.customer-dashboard-grid,.customer-grid,.customer-hero-metrics{grid-template-columns:1fr}}.conversation-tabs{flex-wrap:wrap;gap:8px;margin:0 0 12px;display:flex}.conversation-tabs button{color:#0f2746;box-shadow:none;background:#f8fdff;border:1px solid #cfe0ef;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}.conversation-tabs button.active{color:#031124;background:linear-gradient(135deg,#11aeea,#62c6b4);border-color:#0000;box-shadow:0 10px 24px #11aeea29}.timeline-item.internal-note{background:#fffbeb;border-color:#fde68a}.timeline-item small{color:#64748b}.attachment-list{gap:10px;display:grid}.attachment-item{color:#0f2746;background:#fbfdff;border:1px solid #d8e7f3;border-radius:14px;align-items:center;gap:12px;padding:10px;text-decoration:none;display:flex}.attachment-item:hover{border-color:var(--brand-cyan);box-shadow:0 10px 22px #11aeea1a}.attachment-item img{object-fit:cover;background:#fff;border:1px solid #cfe0ef;border-radius:10px;width:74px;height:58px}.attachment-item .file-icon{color:#075985;background:#e8fbff;border:1px solid #a9e8ff;border-radius:10px;justify-content:center;align-items:center;width:74px;height:58px;font-size:12px;font-weight:900;display:flex}.attachment-item strong,.attachment-item small{display:block}.attachment-item small{color:#64748b;margin-top:4px}.attachment-event p{color:#475467;margin-bottom:10px}.inline-attachment{max-width:520px;margin:8px 0 10px}.attachment-helper{margin:0 0 10px;line-height:1.55}.composer-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.attachment-picker{color:#0f2746;background:#f8fdff;border:1px dashed #a9d8ef;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-weight:800;display:flex}.attachment-picker span{white-space:nowrap}.attachment-picker input{background:0 0;border:0;max-width:260px;padding:0}button.attachment-item{text-align:left;width:100%;box-shadow:none}button.attachment-item span{text-align:left}.attachment-modal{z-index:50;background:#05091fb8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.attachment-modal-card{background:#fff;border-radius:20px;width:min(980px,96vw);max-height:92vh;padding:22px;position:relative;overflow:auto;box-shadow:0 30px 90px #00000061}.attachment-modal-card h4{margin:0 0 14px;padding-right:92px}.attachment-modal-card img{object-fit:contain;background:#f8fdff;border:1px solid #d8e7f3;border-radius:14px;max-width:100%;max-height:74vh;margin:auto;display:block}.modal-close{position:absolute;top:16px;right:16px}.dropzone input{width:100%;margin-top:10px;display:block}.dropzone span{color:#475467;display:block}.record-tabs{border-bottom:1px solid #d8e7f3;flex-wrap:wrap;gap:10px;margin:16px 0;padding-bottom:10px;display:flex}.record-tabs button{color:#0f2746;box-shadow:none;background:#fff;border:1px solid #cfe0ef;border-radius:12px;padding:10px 14px;font-weight:900}.record-tabs button.active{color:#031124;background:linear-gradient(135deg,#11aeea,#62c6b4);border-color:#0000;box-shadow:0 10px 24px #11aeea29}.conversation-workspace{grid-template-columns:minmax(0,1fr)}.conversation-workspace .conversation-card .timeline{max-height:560px}html,body{width:100%;overflow-x:hidden}img,video,canvas,svg{max-width:100%;height:auto}.app-shell{width:100%;min-width:0}main,.panel,.console-card,.ticket-hero,.login-card{min-width:0}button,input,select,textarea{max-width:100%}.table-wrap{-webkit-overflow-scrolling:touch;border-radius:14px;width:100%;overflow-x:auto}table{min-width:720px}@media (width<=1000px){.app-shell{min-height:100vh;display:block}.sidebar{border-bottom:1px solid #11aeea38;border-right:0;width:100%;min-height:auto;padding:18px 16px 14px;position:static}.sidebar .brand{margin-bottom:10px;font-size:24px}.sidebar .user{min-height:unset;flex-wrap:wrap;gap:8px;margin-bottom:12px}.sidebar nav{-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.sidebar nav button{white-space:nowrap;flex:none;width:auto;margin:0;padding:10px 12px}main{width:100%;margin-left:0;padding:18px 16px 52px}.topbar{justify-content:stretch;gap:10px}.topbar>*{min-width:0}.topbar input,.topbar select{flex:220px;width:100%}.session-box{flex-wrap:wrap;width:100%;margin-right:0}.panel-header,.section-title{flex-direction:column;align-items:flex-start;gap:10px}.panel-header>div,.section-title>div{width:100%;min-width:0}.panel-header button,.section-title button{align-self:flex-start}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.console-grid,.admin-grid,.config-list{grid-template-columns:1fr}.console-side,.console-main{min-width:0}.support-dashboard-grid,.customer-dashboard-grid{grid-template-columns:1fr 1fr}.customer-monitor,.priority-panel,.ops-hero,.customer-hero,.customer-activity-card{grid-column:1/-1}}@media (width<=760px){main{padding:14px 12px 44px}.panel,.cards div,.console-card,.ticket-hero,.account-card{border-radius:14px;padding:16px}.detail-panel{padding:0}.detail-panel>.panel-header{padding:16px 16px 0}.ticket-console{padding:0 16px 16px}h2{font-size:22px;line-height:1.2}.detail-panel h3{overflow-wrap:anywhere;font-size:20px}.cards,.support-dashboard-grid,.customer-dashboard-grid,.customer-grid,.customer-hero-metrics,.admin-explain-grid,.config-option-board,.info-card-grid{grid-template-columns:1fr}.cards strong,.ops-card strong{font-size:30px}.ops-hero h2,.customer-hero h2{font-size:24px}.ops-actions,.composer-actions,.inline-form,.detail-meta,.record-tabs,.conversation-tabs{width:100%}.ops-actions button,.composer-actions button,.inline-form button,.record-tabs button,.conversation-tabs button{flex:auto}.inline-form{flex-direction:column;gap:10px}.priority-row,.activity-row,.health-list div,.option-list li{flex-direction:column;align-items:flex-start}.customer-tile,.priority-row,.activity-row,.health-list div{width:100%}.attachment-item{align-items:flex-start}.attachment-item img,.attachment-item .file-icon{flex:0 0 62px;width:62px;height:50px}.attachment-item strong{overflow-wrap:anywhere}.attachment-picker{flex-direction:column;align-items:flex-start;width:100%}.attachment-picker input{width:100%;max-width:100%}.dropzone{padding:16px}textarea{min-height:140px}input,select,textarea,button{min-height:44px}table{min-width:680px}}@media (width<=640px){.login-screen{position:min(0px, 0px);align-items:flex-start;min-height:100dvh;padding:12px;overflow:auto}.login-screen:after{width:420px;height:420px;top:-70px;right:-180px}.login-card{width:100%;min-height:unset;border-radius:22px;grid-template-columns:1fr}.login-copy{min-height:unset;padding:26px 22px}.login-brand{font-size:28px}.login-kicker{margin-bottom:14px;font-size:14px}.login-copy h2{font-size:34px;line-height:1.05}.login-copy p{font-size:14px;line-height:1.6}.login-highlights{gap:8px;margin-top:18px}.login-form-block{padding:24px 22px 26px}.sidebar{padding:14px 12px}.sidebar .brand{font-size:22px}.role-chip{white-space:normal}.topbar{margin-bottom:16px}.topbar input,.topbar select,.topbar button{flex:100%;width:100%}.panel-header button,.section-title button,.form-panel button,.account-form button{width:100%}.account-form{max-width:none}.console-grid{gap:12px}.conversation-card .timeline,.conversation-workspace .conversation-card .timeline{max-height:none;overflow:visible}.attachment-modal{align-items:flex-start;padding:12px;overflow:auto}.attachment-modal-card{border-radius:16px;width:100%;max-height:none;padding:18px}.attachment-modal-card h4{overflow-wrap:anywhere;margin-right:52px;padding-right:0}.modal-close{top:12px;right:12px;width:auto!important}}@media (width<=420px){main{padding:12px 10px 38px}.panel,.cards div,.console-card,.ticket-hero,.account-card{padding:14px}.login-copy h2{font-size:30px}.login-copy,.login-form-block{padding-left:18px;padding-right:18px}.badge,.detail-meta span:not(.badge),.conversation-tabs button,.record-tabs button{font-size:11px}.cards strong,.ops-card strong{font-size:26px}table{min-width:620px}}@media (width<=640px){.login-screen{width:100vw;max-width:100vw;overflow-x:hidden}.login-screen:after{display:none}.login-card{max-width:calc(100vw - 24px)}}.sidebar-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.hamburger-button{width:46px;height:42px;box-shadow:none;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:12px;padding:9px 10px;display:none}.hamburger-button span{background:#fff;border-radius:999px;width:100%;height:2px;margin:4px 0;transition:transform .18s,opacity .18s;display:block}.sidebar.nav-open .hamburger-button span:first-child{transform:translateY(6px)rotate(45deg)}.sidebar.nav-open .hamburger-button span:nth-child(2){opacity:0}.sidebar.nav-open .hamburger-button span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}@media (width<=1000px){.hamburger-button{flex-direction:column;flex:none;justify-content:center;display:inline-flex}.sidebar .brand{margin-bottom:0}.sidebar .user{margin-top:10px}.sidebar nav{opacity:0;grid-template-columns:1fr;gap:8px;max-height:0;margin-top:0;padding:0;transition:max-height .22s,opacity .18s,margin-top .18s;display:grid;overflow:hidden}.sidebar.nav-open nav{opacity:1;max-height:520px;margin-top:12px;padding-bottom:4px}.sidebar nav button{text-align:left;white-space:normal;width:100%}}.hamburger-button{color:#fff;justify-content:center;align-items:center;font-size:24px;font-weight:900;line-height:1;position:relative}.hamburger-button span{display:none}.hamburger-button:before{content:"☰";color:#fff;transform:translateY(-1px)}.sidebar.nav-open .hamburger-button:before{content:"×";font-size:30px}@media (width<=640px){.panel>table{border-collapse:separate;border-spacing:0;min-width:0}.panel>table thead{display:none}.panel>table tbody{gap:12px;display:grid}.panel>table tr{background:#fff;border:1px solid #d8e7f3;border-radius:16px;width:100%;display:block;overflow:hidden;box-shadow:0 10px 24px #05091f0d}.panel>table tr.clickable-row{padding:2px 0}.panel>table td{text-align:right;overflow-wrap:anywhere;border-bottom:1px solid #eef4f9;justify-content:space-between;align-items:flex-start;gap:14px;width:100%;padding:11px 14px;font-size:13px;display:flex}.panel>table td:last-child{border-bottom:0}.panel>table td:before{content:"";color:#64748b;text-transform:uppercase;letter-spacing:.06em;text-align:left;flex:0 0 112px;font-size:11px;font-weight:900}.panel>table td:first-child{color:#061126;text-align:left;background:linear-gradient(135deg,#f8fdff,#edf9ff);font-size:16px;font-weight:900}.panel>table td:first-child:before{content:"Ticket"}.panel>table td:nth-child(2):before{content:"Subject"}.panel>table td:nth-child(3):before{content:"Module"}.panel>table td:nth-child(4):before{content:"Severity"}.panel>table td:nth-child(5):before{content:"SLA"}.panel>table td:nth-child(6):before{content:"Created"}.panel>table td:nth-child(7):before{content:"Updated"}.panel>table td:nth-child(8):before{content:"Status"}.panel>table td[colspan]{text-align:left;padding:16px;display:block}.panel>table td[colspan]:before{display:none}.panel-header>div{grid-template-columns:1fr;gap:10px;display:grid}.panel-header select,.panel-header button{width:100%}}.pwa-install-button{box-shadow:0 8px 22px #11aeea1f;color:#062b52!important;background:linear-gradient(135deg,#e8f8ff,#fff)!important;border-color:#11aeea73!important}.login-form-block .pwa-install-button{width:100%;margin-top:8px}@media (display-mode:standalone){.pwa-install-button{display:none!important}}