:root{--ink:#202331;--muted:#85899a;--line:#ececf1;--paper:#fff;--bg:#f7f7fa;--purple:#6856d8;--plight:#f0edff;--green:#25a779;--orange:#df8b32;--red:#d45e66;--shadow:0 3px 18px #25243b08}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.demo-banner{min-height:36px;background:#24213c;color:#e9e6ff;text-align:center;font-size:12px;line-height:1.5;letter-spacing:.01em;padding:7px 12px}.demo-banner>span{font-size:10px;font-weight:800;letter-spacing:.11em;background:#8c79ff;color:white;border-radius:4px;padding:3px 7px;margin-right:9px}.text-button{border:0;background:none;color:#cabfff;text-decoration:underline;cursor:pointer;font:inherit;margin-left:4px}.shell{display:flex;min-height:calc(100vh - 36px)}.rail{width:66px;background:#25233e;display:flex;align-items:center;flex-direction:column;padding:20px 0;gap:14px;color:#c8c5dc}.brand-mark{font-size:21px;font-weight:800;color:white;margin-bottom:20px}.brand-mark span{color:#a693ff}.rail-button{border:0;background:none;color:#a7a4c0;font-size:22px;width:42px;height:42px;border-radius:12px;cursor:pointer}.rail-button.active,.rail-button:hover{background:#3a365d;color:white}.rail-bottom{margin-top:auto}.avatar{width:30px;height:30px;border-radius:50%;background:#e9e4ff;color:#594ab4;display:inline-grid;place-items:center;font-size:10px;font-weight:800;flex:none}.avatar-dark{background:#454164;color:white}.main{flex:1;min-width:0}.topbar{height:68px;padding:0 34px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between}.topbar strong{font-size:15px}.eyebrow{font-size:10px;color:#9b9cad;font-weight:750;letter-spacing:.13em}.topbar .eyebrow{font-size:9px}.top-right{display:flex;align-items:center;gap:9px;color:#777b8b;font-size:12px}.online-dot{display:inline-block;width:7px;height:7px;background:#38ba85;border-radius:50%}.view{max-width:1440px;margin:0 auto;padding:30px 34px 0}.hidden{display:none!important}.welcome{display:flex;justify-content:space-between;align-items:center;margin:5px 0 24px}.welcome h1,.support-heading h1{font-size:27px;letter-spacing:-.04em;margin:5px 0 2px}.welcome p,.support-heading p{margin:0;color:var(--muted)}.button{border:1px solid #e5e4ed;background:white;padding:10px 15px;border-radius:8px;color:#4c4d5d;font-weight:650;cursor:pointer;font:inherit}.button.primary{color:white;background:var(--purple);border-color:var(--purple);box-shadow:0 4px 9px #6856d82b}.button span{margin-left:9px}.dash-grid{display:grid;grid-template-columns:1.2fr 1fr 1.05fr;grid-template-rows:190px auto;gap:16px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.clock-panel,.calendar-panel,.apps-panel,.activity-panel{padding:19px}.clock-panel{background:linear-gradient(130deg,#fff 0%,#fcfbff 100%)}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel h2{margin:4px 0 0;font-size:16px;letter-spacing:-.02em}.clock-panel h2{font-size:37px;letter-spacing:-.06em;margin:10px 0 0}.muted{color:var(--muted);font-size:12px}.clock-foot{border-top:1px solid var(--line);margin-top:14px;padding-top:11px;font-size:10px;color:#697080;display:flex;align-items:center;gap:6px}.clock-foot .muted{font-size:10px}.icon-chip{width:31px;height:31px;border-radius:9px;background:#f4f2fb;color:#7768c8;display:grid;place-items:center;font-size:16px}.cal-controls{display:flex;gap:6px}.cal-controls button{border:1px solid var(--line);background:white;border-radius:6px;width:26px;height:26px;color:#747487;font-size:18px;line-height:1;cursor:pointer}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:4px;margin-top:14px}.calendar-grid div{font-size:10px;color:#868998;padding:4px 0}.calendar-grid .day-name{font-weight:700;color:#b2b3be;font-size:9px}.calendar-grid .today{background:var(--purple);color:white;border-radius:50%;width:22px;height:22px;margin:auto;padding:3px}.apps-panel{grid-column:span 2}.subtle{border:0;background:none;color:#77798b;font:inherit;font-size:12px;cursor:pointer}.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.app-card{width:100%;text-align:left;text-decoration:none;font:inherit;color:inherit;border:1px solid var(--line);border-radius:9px;padding:12px;display:flex;gap:10px;align-items:center;cursor:pointer;transition:.15s;background:white}.app-card:hover,.app-card:focus-visible{border-color:#d3cdf8;background:#fcfbff;outline:2px solid #d3cdf8;outline-offset:1px}.app-card>span:last-child{min-width:0}.directory-note{font-size:10px;color:var(--muted);margin:12px 0 0;line-height:1.5}.app-icon{height:34px;width:34px;border-radius:9px;display:grid;place-items:center;font-weight:800;color:#5749b7;background:#f0edff}.app-icon.green{background:#e7f7f0;color:#278a68}.app-icon.orange{background:#fff2e7;color:#b77636}.app-card b{display:block;font-size:12px}.app-card small{color:var(--muted);font-size:10px}.activity-panel{grid-row:span 2}.pill{border-radius:20px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-block}.pill.neutral{background:#f0f0f4;color:#797b89}.pill.green{background:#e9f7f0;color:#29916b}.metric-row{display:flex;gap:34px;border-bottom:1px solid var(--line);padding:20px 0}.metric-row strong{font-size:27px;letter-spacing:-.04em;display:block}.metric-row span{display:block;color:var(--muted);font-size:11px}.activity-link{display:flex;align-items:center;gap:10px;padding:17px 0;border-bottom:1px solid var(--line);cursor:pointer}.mini-icon{height:28px;width:28px;border-radius:8px;display:grid;place-items:center}.purple{color:var(--purple);background:var(--plight)}.activity-link b{display:block;font-size:11px}.activity-link small{font-size:10px;color:var(--muted)}.arrow{margin-left:auto;color:#9c9daa}.tiny{font-size:10px;margin:15px 0 8px}.dept-list{display:grid;gap:7px}.dept-row{display:flex;align-items:center;gap:9px;color:#626575;font-size:11px}.dept-bullet{width:7px;height:7px;border-radius:50%;background:#d0cce2}.dept-row em{margin-left:auto;color:#b0b1bc;font-style:normal;font-size:9px}.dash-grid footer,footer{font-size:9px;letter-spacing:.1em;color:#a2a3af;padding:20px 0;display:flex;justify-content:space-between}.support-heading{display:flex;justify-content:space-between;align-items:end;margin:1px 0 20px}.support-heading h1{margin:7px 0 3px}.support-heading p{font-size:12px}.support-heading p .pill{margin-left:7px}.back-link{display:block;border:0;background:transparent;padding:0 0 12px;color:#858696;font-size:11px;cursor:pointer}.support-layout{display:grid;grid-template-columns:205px minmax(360px,1fr) 295px;gap:14px;height:min(650px,calc(100vh - 240px));min-height:450px}.space-list,.conversation,.issue-panel{overflow:hidden}.space-list{padding:14px 9px;position:relative}.space-title{display:flex;align-items:center;gap:9px;padding:2px 6px 17px;border-bottom:1px solid var(--line)}.space-title b{display:block;font-size:11px}.space-title small{display:block;color:var(--muted);font-size:9px}.dots{margin-left:auto;border:0;background:transparent;color:#9b9cab;font-size:20px;cursor:pointer}.space-item{margin-top:10px;padding:9px 8px;border-radius:7px;display:flex;gap:9px;align-items:center;font-size:11px;color:#55576a}.space-item.selected{background:#f2efff;color:#5648ba;font-weight:700}.space-symbol{font-weight:800;font-size:15px}.count{margin-left:auto;background:#fff;padding:1px 6px;border-radius:9px;font-size:9px}.section-label{font-size:9px;color:#a5a6b2;font-weight:750;letter-spacing:.1em;margin:24px 7px 8px}.space-link{display:flex;gap:8px;align-items:center;padding:7px 8px;font-size:10px;color:#707284;cursor:pointer;border-radius:6px}.space-link:hover{background:#f7f6fb}.space-link span:first-child{font-size:14px;color:#9b9caf}.space-note{position:absolute;bottom:14px;left:14px;right:14px;background:#faf9fd;border:1px solid var(--line);padding:9px;border-radius:7px;font-size:9px;color:#8b8c99}.conversation{display:flex;flex-direction:column}.conversation-head{height:61px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 16px;gap:10px;flex:none}.space-avatar{width:31px;height:31px;border-radius:9px;background:#f0edff;display:grid;place-items:center;color:#6352c7;font-size:10px;font-weight:800}.conversation-head b{font-size:12px;display:block}.conversation-head small{font-size:9px;color:var(--muted)}.conversation-head .subtle{margin-left:auto}.pinned{display:flex;align-items:flex-start;gap:9px;margin:11px 12px 0;padding:9px;background:#fbfaff;border:1px solid #eeebfa;border-radius:7px}.pinned>span{font-size:12px}.pinned b{display:block;font-size:10px}.pinned small{display:block;color:#858798;font-size:9px;margin-top:2px}.dismiss{border:0;background:transparent;color:#9d9eaa;font-size:19px;cursor:pointer;margin-left:auto}.messages{flex:1;overflow:auto;padding:17px 15px}.message{display:flex;gap:9px;margin-bottom:17px}.message .avatar{width:26px;height:26px}.message-body{min-width:0}.message-meta{display:flex;align-items:center;gap:8px;font-size:10px}.message-meta b{font-size:10px}.message-meta time{color:#a5a6b1;font-size:9px}.message-text{font-size:11px;color:#555766;margin-top:4px;line-height:1.55}.message-actions{display:flex;gap:7px;margin-top:6px}.mini-action{border:1px solid #e7e7ed;background:#fff;border-radius:5px;font-size:9px;color:#77798a;padding:4px 7px;cursor:pointer}.mini-action:hover{border-color:#c9c2f3;color:#5c4ec2}.system-note{font-size:9px;color:#9b9ca9;text-align:center;margin:9px 0 14px}.composer{border-top:1px solid var(--line);margin:0 12px 12px;padding:9px 10px 6px;border:1px solid #e5e4ed;border-radius:9px;position:relative;display:flex;align-items:center;gap:8px;flex:none}.composer input{border:0;outline:0;flex:1;font:inherit;font-size:11px}.attach,.send{border:0;background:#f2f1f7;border-radius:6px;width:26px;height:26px;color:#77798b;font-size:17px;cursor:pointer}.send{color:white;background:var(--purple);font-size:15px}.composer-hint{position:absolute;bottom:-17px;left:3px;color:#b1b2bd;font-size:8px}.issue-panel{display:flex;flex-direction:column}.issue-panel-head{display:flex;align-items:start;padding:16px 15px 10px}.issue-panel-head h2{font-size:15px}.issue-panel-head .pill{margin-left:5px;vertical-align:2px}.issue-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 14px;gap:17px}.issue-tabs button{border:0;background:transparent;padding:9px 1px;color:#8c8e9d;font:inherit;font-size:10px;border-bottom:2px solid transparent;cursor:pointer}.issue-tabs button.active{color:var(--purple);font-weight:700;border-color:var(--purple)}.issue-tabs span{font-size:9px;background:#f1f0f6;border-radius:8px;padding:2px 5px;margin-left:3px}.issue-list{flex:1;overflow:auto;padding:8px}.issue-card{border:1px solid var(--line);border-radius:8px;padding:10px;margin-bottom:7px;cursor:pointer}.issue-card.selected{border-color:#c9c2f1;background:#fdfcff}.issue-top{display:flex;align-items:center;gap:5px;font-size:9px;color:#898b9a}.issue-id{color:#85869a;font-weight:700}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--orange)}.issue-card h3{font-size:11px;margin:6px 0 5px;line-height:1.4}.issue-meta{font-size:9px;color:#8e909f;display:flex;justify-content:space-between}.elapsed{margin-top:9px;padding:7px;background:#faf9fc;border-radius:5px;font-size:9px;color:#77798a}.elapsed strong{color:#484a5a;font-variant-numeric:tabular-nums}.empty-state{text-align:center;color:#a1a2ad;font-size:10px;padding:30px 10px}.timing-note{margin:8px;padding:9px;background:#f8f7fc;color:#858696;font-size:9px;line-height:1.5;border-radius:7px}.timing-note b{color:#585a6a}.detail{border-top:1px solid var(--line);padding:10px 13px;max-height:230px;overflow:auto}.detail h3{font-size:12px;margin:2px 0 7px}.detail p{font-size:10px;color:#737585;margin:4px 0}.detail-line{display:flex;justify-content:space-between;align-items:center;margin:7px 0;font-size:9px;color:#828493}.detail select{border:1px solid var(--line);border-radius:5px;padding:5px;background:white;color:#555;font-size:9px}.detail .button{width:100%;font-size:10px;padding:7px;margin-top:3px}.history-title{font-size:9px;color:#999aa6;font-weight:700;margin:10px 0 4px}.history-event{border-left:1px solid #dcd8f4;padding:2px 0 4px 8px;margin-left:2px;font-size:9px;color:#737585}.history-event b{color:#535566}.history-event small{display:block;color:#aaaab5;font-size:8px}dialog{border:0;border-radius:13px;padding:0;width:min(460px,calc(100vw - 30px));box-shadow:0 20px 90px #1d1a3d40;color:var(--ink)}dialog::backdrop{background:#1c1b2d66;backdrop-filter:blur(2px)}#issueForm{padding:23px}.dialog-head{display:flex;align-items:flex-start;margin-bottom:17px}.dialog-head h2{margin:4px 0;font-size:20px}.dialog-head .dismiss{font-size:23px}label{display:block;font-size:10px;color:#707283;font-weight:650;margin:12px 0}input,textarea,select{font:inherit}label input,label textarea,label select{display:block;width:100%;margin-top:6px;border:1px solid #e5e4ec;border-radius:7px;padding:9px;color:#444653;font-size:11px;outline:none;background:#fff}label textarea{resize:vertical}label input:focus,label textarea:focus,label select:focus{border-color:#9a8fe5}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:19px}.dialog-actions .button{font-size:11px}
@media(max-width:1050px){.support-layout{grid-template-columns:175px minmax(330px,1fr);height:auto}.issue-panel{grid-column:2;min-height:320px}.space-list{grid-row:span 2}.dash-grid{grid-template-columns:1fr 1fr}.activity-panel{grid-row:auto;grid-column:span 2}.apps-panel{grid-column:span 2}}@media(max-width:700px){.rail{width:52px}.topbar{padding:0 17px}.view{padding:22px 15px 0}.welcome{align-items:flex-start;gap:15px;flex-direction:column}.welcome h1,.support-heading h1{font-size:23px}.dash-grid{display:flex;flex-direction:column}.calendar-panel,.clock-panel{min-height:175px}.apps-panel,.activity-panel{min-height:220px}.app-grid{grid-template-columns:1fr 1fr}.support-heading{align-items:flex-start;gap:10px;flex-direction:column}.support-layout{display:flex;flex-direction:column;height:auto}.space-list{min-height:190px}.space-note{position:static;margin:10px 6px 0}.conversation{min-height:560px}.issue-panel{min-height:440px}.top-right{font-size:0}.top-right .avatar{font-size:10px}.calendar-panel{min-height:180px}}

.support-mobile-tabs{display:none}
@media(min-width:701px) and (max-width:1050px){
  .support-layout{grid-template-columns:170px minmax(0,1fr) 270px;height:calc(100dvh - 220px);min-height:500px;gap:10px}
  .issue-panel{grid-column:auto;min-height:0}
  .space-list{grid-row:auto}
  .dash-grid{grid-template-rows:190px auto}
  .topbar{padding:0 24px}
  .view{padding-left:24px;padding-right:24px}
}
@media(max-width:700px){
  .shell{padding-bottom:68px;min-height:100dvh}
  .main{min-width:0;width:100%}
  .rail{position:fixed;z-index:20;left:0;right:0;bottom:0;width:100%;height:68px;flex-direction:row;justify-content:space-around;padding:6px max(20px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom));gap:12px;box-shadow:0 -5px 20px #25243b12}
  .brand-mark{display:none}
  .rail-button{height:48px;width:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:19px}
  .rail-button small{font-size:9px;line-height:1.2;font-weight:650}
  .rail-bottom{margin:0}
  .topbar{height:58px;padding:0 15px}
  .view{padding:18px 13px 0}
  .support-mobile-tabs{display:flex;order:3;width:100%;gap:5px;padding:4px;border:1px solid var(--line);border-radius:9px;background:#f0eff5;margin-top:4px}
  .support-mobile-tabs button{flex:1;min-height:38px;border:0;border-radius:6px;background:transparent;color:#747687;font:inherit;font-size:12px;font-weight:650;cursor:pointer}
  .support-mobile-tabs button.active{background:#fff;color:var(--purple);box-shadow:0 1px 4px #25243b12}
  .support-heading{position:relative;margin-bottom:12px;padding-right:0}
  .support-heading .button{position:static;align-self:flex-end;padding:8px 10px;font-size:11px}
  .support-heading>div{padding-right:0}
  .support-heading p{font-size:11px;line-height:1.5}
  .support-heading p .pill{margin-left:0;margin-top:4px}
  .support-layout{display:flex;flex-direction:column;height:auto;gap:0}
  .space-list{display:none}
  #supportView[data-mobile-panel="conversation"] .issue-panel{display:none}
  #supportView[data-mobile-panel="issues"] .conversation{display:none}
  .conversation{height:calc(100dvh - 260px);min-height:390px;max-height:680px;border-radius:10px}
  .issue-panel{height:calc(100dvh - 260px);min-height:390px;max-height:680px;border-radius:10px}
  .conversation-head{padding:0 11px}
  .conversation-head small{max-width:190px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pinned{margin-left:8px;margin-right:8px}
  .messages{padding:14px 10px}
  .message{gap:7px}
  .message-meta{flex-wrap:wrap;gap:4px 7px}
  .message-actions{flex-wrap:wrap}
  .composer{margin-left:8px;margin-right:8px;margin-bottom:16px}
  .detail{max-height:190px}
  .dash-grid{gap:11px}
  footer{padding:16px 1px;font-size:8px}
}
@media(max-width:380px){
  .view{padding-left:10px;padding-right:10px}
  .support-heading h1{font-size:21px}
  .top-right{gap:5px}
  .top-right .online-dot{display:none}
  .issue-top{flex-wrap:wrap}
}
.message-filter-label{margin:0 0 0 auto;color:#77798b;font-size:10px;font-weight:650;white-space:nowrap}.message-filter{max-width:205px;border:1px solid var(--line);border-radius:6px;background:white;color:#555766;padding:6px 8px;font-size:10px}.message-empty{margin:auto;max-width:290px;line-height:1.6}
@media(max-width:700px){.message-filter-label{margin-left:auto}.message-filter{max-width:175px;padding:6px 5px;font-size:9px}.conversation-head{gap:6px}}