:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f6f7;color:#172026;letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f4f6f7}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.55rem,2vw,2.15rem);line-height:1.08;overflow-wrap:anywhere}h2{font-size:1.12rem;line-height:1.24}h3{font-size:.94rem;line-height:1.25}a{color:#0b6870;overflow-wrap:anywhere}.portal-shell{min-height:100vh;display:grid;grid-template-columns:minmax(286px,334px) minmax(0,1fr);overflow-x:hidden}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-panel{width:min(100%,460px);border:1px solid #dbe3e7;border-radius:8px;background:#fff;padding:22px;display:grid;gap:18px;box-shadow:0 12px 30px #18252e14}.portal-sidebar{min-width:0;max-width:100vw;overflow-x:hidden;background:#192229;color:#f8faf9;padding:22px;display:flex;flex-direction:column;gap:18px}.portal-main{min-width:0;max-width:100vw;overflow-x:hidden;padding:24px;display:grid;gap:18px}.brand-block{display:flex;align-items:center;gap:12px;min-width:0}.brand-block div:last-child{min-width:0;display:grid;gap:2px}.brand-block strong,.ticket-row strong,.file-preview-item strong{overflow-wrap:anywhere}.brand-block span,.eyebrow{display:block;color:#697883;font-size:.73rem;text-transform:uppercase;letter-spacing:0}.portal-sidebar .brand-block span{color:#a7b3bb;overflow-wrap:anywhere}.brand-mark{width:42px;height:42px;flex:0 0 42px;border-radius:8px;background:#e2b86f;color:#172026;display:grid;place-items:center;font-weight:800}.connection-state{min-height:38px;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:8px 10px;display:inline-flex;align-items:center;gap:8px;color:#d7dee2}.connection-state.live{background:#1475542e;color:#bfead5}.connection-state.offline{background:#af4c362e;color:#ffd0c7}.connection-state.loading{background:#dda23d2b;color:#ffe1a6}.auth-panel .connection-state{width:max-content;background:#f8faf9;color:#34444d}.auth-heading{display:flex;align-items:center;gap:10px}.auth-heading div{min-width:0;display:grid;gap:3px}.auth-form{display:grid;gap:12px}.auth-form label{color:#34444d;display:grid;gap:6px;font-size:.9rem}.auth-form input{width:100%;border:1px solid #cdd6dc;border-radius:8px;background:#fff;color:#172026;min-height:42px;padding:9px 11px;outline:none}.auth-form input:focus{border-color:#167b87;box-shadow:0 0 0 3px #167b8724}.auth-helper{color:#52636d;font-size:.86rem;line-height:1.4}.dev-code{border:1px solid #dbe3e7;border-radius:8px;background:#f8faf9;color:#34444d;padding:10px 12px;display:grid;gap:8px;font-size:.86rem;line-height:1.35}.dev-code button{width:max-content;min-height:32px;border:1px solid #cdd6dc;border-radius:8px;background:#fff;color:#172026;padding:0 10px;cursor:pointer}.quick-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-stats div{border:1px solid rgba(255,255,255,.13);border-radius:8px;padding:12px;display:grid;gap:3px;background:#ffffff0a}.quick-stats strong{font-size:1.45rem;line-height:1}.quick-stats span{color:#a7b3bb;font-size:.82rem}.session-card{min-width:0;border:1px solid rgba(255,255,255,.13);border-radius:8px;padding:10px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;background:#ffffff0a}.session-card div{min-width:0;display:grid;gap:2px}.session-card strong{overflow-wrap:anywhere}.session-card span{color:#a7b3bb;font-size:.78rem;overflow-wrap:anywhere}.filter-bar,.ticket-list,.ticket-detail,.integrations-panel,.submit-panel,.reply-box,.file-preview{border-radius:8px}.filter-bar{display:grid;gap:8px}.search-field,.connection-form label,.submit-panel label{display:grid;gap:6px}.search-field{position:relative;color:#24333d}.search-field svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#677782;pointer-events:none}.search-field input{padding-left:34px}.filter-bar input,.filter-bar select,.connection-form input,.connection-form select,.connection-form textarea,.submit-panel input,.submit-panel select,.submit-panel textarea,.reply-box textarea{width:100%;border:1px solid #cdd6dc;border-radius:8px;background:#fff;color:#172026;min-height:42px;padding:9px 11px;outline:none}.filter-bar input:focus,.filter-bar select:focus,.connection-form input:focus,.connection-form select:focus,.connection-form textarea:focus,.submit-panel input:focus,.submit-panel select:focus,.submit-panel textarea:focus,.reply-box textarea:focus{border-color:#167b87;box-shadow:0 0 0 3px #167b8724}.ticket-list{min-height:0;width:100%;overflow:auto;border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.ticket-row{width:100%;min-width:0;border:0;border-bottom:1px solid rgba(255,255,255,.1);background:transparent;color:#f8faf9;text-align:left;padding:14px;display:grid;gap:8px;cursor:pointer}.ticket-row:hover,.ticket-row.selected{background:#ffffff14}.ticket-row.selected{box-shadow:inset 3px 0 #e2b86f}.ticket-row small{color:#b5c0c7;overflow-wrap:anywhere}.ticket-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.portal-grid{min-width:0;display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(360px,.85fr);align-items:start;gap:16px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:14px}.topbar-actions{display:flex;align-items:center;gap:8px}.integrations-panel{min-width:0;background:#fff;border:1px solid #dbe3e7;padding:14px;display:grid;gap:12px;box-shadow:0 12px 30px #18252e0d}.integrations-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:8px}.integration-card{min-width:0;min-height:76px;border:1px solid #dbe3e7;border-radius:8px;background:#f8faf9;color:#22313a;padding:10px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;text-align:left;cursor:pointer}.integration-card.selected{border-color:#167b87;box-shadow:0 0 0 3px #167b871f}.integration-card span{min-width:0;display:grid;gap:4px}.integration-card small,.connection-actions small{color:#697883;overflow-wrap:anywhere}.integration-card em{grid-column:1 / -1;justify-self:start;border-radius:999px;background:#e9eef1;color:#263741;font-size:.72rem;font-style:normal;line-height:1;padding:5px 8px}.connection-form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.connection-form label{color:#34444d;font-size:.9rem}.connection-form label:nth-of-type(4){grid-column:1 / -1}.connection-form textarea{resize:vertical}.connection-actions{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.ticket-detail,.submit-panel{min-width:0;background:#fff;border:1px solid #dbe3e7;padding:18px;display:grid;gap:18px;box-shadow:0 12px 30px #18252e0f}.detail-header,.section-title,.file-row,.media-controls,.action-row{display:flex;align-items:center;gap:10px}.detail-header{justify-content:space-between;align-items:start}.detail-status{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.detail-header div{min-width:0;display:grid;gap:4px}.section-title{min-width:0}.section-title.compact{justify-content:space-between}.section-title.compact button{border:1px solid #cdd6dc;border-radius:8px;background:#fff;color:#24333d;min-height:32px;padding:0 10px;cursor:pointer}.metadata-grid{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metadata-grid div{min-width:0;border-top:1px solid #e6ecef;padding-top:10px}dt{color:#697883;font-size:.73rem;text-transform:uppercase}dd{margin:4px 0 0;color:#22313a;overflow-wrap:anywhere}.description-panel{border:1px solid #dbe3e7;border-radius:8px;background:#f8faf9;padding:13px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;color:#2f3e47}.description-panel p{white-space:pre-wrap;overflow-wrap:anywhere}.attachment-strip{display:flex;flex-wrap:wrap;gap:8px}.attachment-chip{max-width:100%;min-height:36px;border:1px solid #dbe3e7;border-radius:8px;background:#fff;padding:7px 9px;display:inline-flex;align-items:center;gap:7px}.attachment-chip span{overflow-wrap:anywhere}.attachment-chip small{color:#697883}.conversation{display:grid;gap:10px}.comment{border-left:3px solid #167b87;background:#f8faf9;padding:10px 12px;display:grid;gap:5px}.comment strong{color:#172026}.comment p{color:#2f3e47;overflow-wrap:anywhere}.comment time,.muted{color:#697883;font-size:.82rem}.reply-box{border:1px solid #dbe3e7;padding:12px;display:grid;gap:10px}.operator-note{border:1px solid #d7c9a7;border-radius:8px;background:#fff8ea;color:#49370e;padding:12px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px}.operator-note div{min-width:0;display:grid;gap:4px}.operator-note p{color:#66501d;font-size:.86rem;line-height:1.4;overflow-wrap:anywhere}.reply-box textarea,.submit-panel textarea{resize:vertical}.submit-panel label{color:#34444d;font-size:.9rem}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.file-row{justify-content:space-between;flex-wrap:wrap}.media-controls{flex-wrap:wrap}.file-button,.primary-action,.secondary-action,.icon-button,.action-row button{border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;cursor:pointer}.file-button{position:relative;border:1px dashed #91a0a8;background:#f8faf9;color:#22313a;padding:0 12px;overflow:hidden}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.primary-action{border:0;background:#172026;color:#fff;padding:0 16px}.secondary-action{border:1px solid #cdd6dc;background:#fff;color:#172026;padding:0 14px}.primary-action:disabled{cursor:wait;opacity:.72}.icon-button{width:42px;border:1px solid #cdd6dc;background:#fff;color:#172026;flex:0 0 auto}.action-row{flex-wrap:wrap}.action-row button{border:1px solid #cdd6dc;background:#fff;color:#172026;padding:0 12px}.priority,.status-pill,.internal-pill,.file-kind{justify-self:start;border-radius:999px;font-size:.73rem;line-height:1;text-transform:uppercase;white-space:nowrap}.priority{padding:5px 8px;background:#e9eef1;color:#263741}.internal-pill{padding:5px 8px;background:#fff0d2;color:#7a4a08}.internal-pill.detail{padding:8px 10px;border:1px solid #efd28e}.priority.low{background:#e8f2ec;color:#165a3f}.priority.high{background:#fff0d2;color:#7a4a08}.priority.urgent{background:#ffe1d9;color:#9b3019}.status-pill{padding:8px 10px;border:1px solid #bfdce0;background:#e9f6f7;color:#0b6870}.status-pill.waiting_on_customer,.status-pill.fix_ready_for_review{border-color:#efd28e;background:#fff7e4;color:#80570e}.status-pill.resolved,.status-pill.closed{border-color:#b8dbc5;background:#edf8f1;color:#186041}.file-preview{border:1px solid #dbe3e7;background:#f8faf9;padding:12px;display:grid;gap:10px}.file-preview-grid{display:grid;gap:8px}.file-preview-item{min-width:0;border-top:1px solid #e3eaee;padding-top:9px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 9px}.file-preview-item small{color:#697883;grid-column:2;overflow-wrap:anywhere}.file-kind{padding:5px 7px;background:#e9eef1;color:#263741}.file-kind.image{background:#e9f6f7;color:#0b6870}.file-kind.video{background:#f0e9f7;color:#5e3679}.file-kind.pdf{background:#ffe8df;color:#8a351c}.confirmation,.form-error,.empty-state{border-radius:8px;padding:11px 12px}.confirmation{display:flex;align-items:center;gap:8px;border:1px solid #b8dbc5;background:#edf8f1;color:#186041}.form-error{border:1px solid #f0baa9;background:#fff1ed;color:#932d18}.empty-state{border:1px solid #dbe3e7;background:#f8faf9;color:#56666f}@media(max-width:1180px){.portal-shell{grid-template-columns:1fr}.portal-sidebar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:start}.quick-stats,.filter-bar,.ticket-list{grid-column:1 / -1}.ticket-list{max-height:270px}.portal-grid{grid-template-columns:minmax(0,1fr)}.integrations-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}.connection-form{grid-template-columns:1fr 1fr}}@media(max-width:720px){.portal-sidebar,.portal-main{padding:14px}.portal-sidebar{position:static;display:flex}.portal-grid,.integrations-panel,.ticket-list,.ticket-detail,.submit-panel,.reply-box{width:100%;max-width:100%}.topbar,.detail-header{align-items:start;flex-direction:column}.topbar-actions{width:100%;justify-content:flex-end}.metadata-grid,.integrations-grid,.connection-form,.two-column{grid-template-columns:1fr}.ticket-detail,.submit-panel{padding:14px}.file-row,.media-controls,.action-row{align-items:stretch;flex-direction:column}.file-button,.primary-action,.secondary-action,.action-row button{width:100%}}