@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500&family=Montserrat:wght@600;700&family=Source+Sans+3:wght@400;500;600&display=swap";:root{--wcco-blue:#1b3a87;--wcco-ink:#17213a;--wcco-white:#fff;--wcco-mist:#f5f7fb;--wcco-line:#d8dfec;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px}*{box-sizing:border-box}body{background:var(--wcco-mist);color:var(--wcco-ink);margin:0;font-family:"Source Sans 3",sans-serif;font-size:15px;line-height:22px}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}a{color:var(--wcco-blue)}h1,h2,h3{margin-top:0;font-family:Montserrat,sans-serif}h1{margin-bottom:var(--space-2);font-size:30px;line-height:36px}h2{font-size:20px;line-height:28px}h3{font-size:15px;line-height:22px}.shell{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}.top-bar{z-index:15;justify-content:space-between;align-items:center;gap:var(--space-2);height:56px;padding:0 var(--space-4);background:var(--wcco-white);border-bottom:1px solid var(--wcco-line);display:flex;position:sticky;top:0}.top-bar-title{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font:600 15px/22px Montserrat,sans-serif;overflow:hidden}.top-bar-spacer{width:44px;height:44px}.icon-button{width:44px;height:44px;color:var(--wcco-ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{border-color:var(--wcco-line)}.icon-button:focus-visible{border-color:var(--wcco-line)}.offline-banner{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--wcco-white);border-bottom:1px solid var(--wcco-line);color:var(--wcco-ink);font-size:13px;display:flex}.offline-banner svg{color:var(--wcco-blue);flex:none}.scrim{z-index:20;background:#17213aa6;border:0;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.account-popover{top:56px;right:var(--space-4);z-index:25;background:var(--wcco-white);border:1px solid var(--wcco-line);width:min(260px,100% - 32px);padding:var(--space-2);gap:var(--space-1);flex-direction:column;display:flex;position:fixed}.account-popover-name{padding:var(--space-2) var(--space-3);margin-bottom:var(--space-1);border-bottom:1px solid var(--wcco-line);font:500 12px/18px IBM Plex Mono}.account-popover a,.account-popover .nav-button{align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:var(--space-2) var(--space-3);color:var(--wcco-ink);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;font-weight:500;text-decoration:none;display:flex}.account-popover a:hover,.account-popover .nav-button:hover{background:var(--wcco-mist)}.account-popover svg{flex:none;width:20px}.content{width:100%;min-width:0;max-width:640px;padding:var(--space-6) var(--space-4) calc(72px + var(--space-6));flex:1;margin:0 auto}.tab-bar{z-index:15;background:var(--wcco-white);border-top:1px solid var(--wcco-line);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.tab-link{min-height:56px;padding:var(--space-1);color:var(--wcco-ink);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:500;text-decoration:none;display:flex}.tab-link svg{width:22px;height:22px}.tab-link.active{color:var(--wcco-blue)}.page-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:start;display:flex}.page-header p{margin:0}.summary{background:var(--wcco-white);border:1px solid var(--wcco-line);margin-bottom:var(--space-12);grid-template-columns:repeat(4,1fr);display:grid}.summary div{padding:var(--space-6);border-right:1px solid var(--wcco-line)}.summary div:last-child{border:0}.summary span{font-weight:500;display:block}.summary strong{font:500 24px/32px IBM Plex Mono}.section-heading,.record,.project-row,.row-actions,.settings-section{align-items:center;display:flex}.section-heading{justify-content:space-between}.record-list{background:var(--wcco-white);border:1px solid var(--wcco-line)}.record,.project-row,.announcement{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--wcco-line)}.record:last-child,.project-row:last-child,.announcement:last-child{border:0}.record,.project-row{justify-content:space-between;gap:var(--space-6)}.record h2,.record h3,.project-row h2,.announcement h2{margin-bottom:var(--space-1)}.record p,.project-row p,.announcement p{margin:0}.row-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end}.meta{font:500 12px/18px IBM Plex Mono}.status{align-items:center;gap:var(--space-1);letter-spacing:.08em;white-space:nowrap;font-size:11px;font-weight:500;line-height:14px;display:inline-flex}.status span{color:var(--wcco-blue);font-size:16px}.counter{min-width:20px;height:20px;padding:0 var(--space-1);border:1px solid var(--wcco-line);color:var(--wcco-ink);border-radius:2px;justify-content:center;align-items:center;font:500 11px/1 IBM Plex Mono;display:inline-flex}.primary,.secondary-button{min-height:44px;padding:var(--space-2) var(--space-4);cursor:pointer;border-radius:4px}.primary{background:var(--wcco-blue);border:1px solid var(--wcco-blue);color:var(--wcco-white);font-weight:600}.secondary-button{background:var(--wcco-white);border:1px solid var(--wcco-line)}button:disabled{cursor:not-allowed}.filter{justify-content:space-between;align-items:end;gap:var(--space-4);background:var(--wcco-white);border:1px solid var(--wcco-line);padding:var(--space-4);margin-bottom:var(--space-4);display:flex}label{gap:var(--space-1);flex-direction:column;font-weight:500;display:flex}input,select,textarea{background:var(--wcco-white);border:1px solid var(--wcco-line);min-height:44px;padding:var(--space-2) var(--space-3);border-radius:4px}textarea{resize:vertical;min-height:88px}:focus-visible{outline:2px solid var(--wcco-blue);outline-offset:2px}.feedback,.empty{background:var(--wcco-white);border:1px solid var(--wcco-blue);padding:var(--space-4);margin-bottom:var(--space-6)}.feedback{flex-direction:column;display:flex}.empty{border-color:var(--wcco-line)}.empty h2{margin-bottom:var(--space-1)}.empty p{margin:0}.auth{min-height:100vh;padding:var(--space-4);place-items:center;display:grid}.auth-panel{background:var(--wcco-white);border:1px solid var(--wcco-line);width:min(100%,480px);padding:var(--space-8)}.auth-panel form{gap:var(--space-4);margin:var(--space-6) 0;display:grid}.eyebrow{letter-spacing:.08em;font-size:11px}.help{font-size:13px}.dialog{border:1px solid var(--wcco-line);width:min(600px,100% - 32px);padding:var(--space-8);background:var(--wcco-white);position:fixed;top:0;bottom:0;left:0;right:0}.dialog::backdrop{background:#17213aa6}dl{grid-template-columns:120px 1fr;display:grid}dt{font-weight:600}.messages{border:1px solid var(--wcco-line);background:var(--wcco-white);grid-template-columns:minmax(240px,1fr) 2fr;display:grid}.messages>section{min-width:0;padding:var(--space-4)}.messages>section:first-child{border-right:1px solid var(--wcco-line)}.conversation{text-align:left;background:var(--wcco-white);border:0;border-bottom:1px solid var(--wcco-line);width:100%;min-height:72px;padding:var(--space-3);flex-direction:column;display:flex}.message{border-bottom:1px solid var(--wcco-line);padding:var(--space-3) 0}.message p{margin:var(--space-1) 0}.composer{gap:var(--space-3);margin-top:var(--space-6);display:grid}.settings-section{align-items:flex-start;gap:var(--space-4);background:var(--wcco-white);border:1px solid var(--wcco-line);padding:var(--space-6);margin-bottom:var(--space-6)}.settings-section h2{margin-bottom:var(--space-1)}.settings-section p{margin-top:0}.settings-section--column{flex-direction:column}.faq-list{background:var(--wcco-white);border:1px solid var(--wcco-line);margin:var(--space-4) 0 var(--space-8)}.faq-item{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--wcco-line)}.faq-item:last-child{border-bottom:0}.faq-item summary{cursor:pointer;font-weight:600}.faq-item p{margin:var(--space-2) 0 0}.faq-empty{padding:var(--space-4)}.ticket-form{gap:var(--space-4);width:100%;display:grid}.center{place-items:center;min-height:100vh;display:grid}@media (max-width:991px){h1{font-size:26px;line-height:32px}.content{padding:var(--space-4) var(--space-4) calc(72px + var(--space-4))}.summary{grid-template-columns:repeat(2,1fr)}.summary div:nth-child(2){border-right:0}.summary div:nth-child(-n+2){border-bottom:1px solid var(--wcco-line)}}@media (max-width:575px){.page-header{margin-bottom:var(--space-6)}.summary{grid-template-columns:1fr}.summary div{border-right:0;border-bottom:1px solid var(--wcco-line)!important}.record,.project-row{flex-direction:column;align-items:flex-start}.row-actions{justify-content:flex-start}.project-row .primary{width:100%}.filter{flex-direction:column;align-items:stretch}.messages{grid-template-columns:1fr}.messages>section:first-child{border-right:0;border-bottom:1px solid var(--wcco-line)}.auth-panel{padding:var(--space-6)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.install-section{align-items:flex-start;gap:var(--space-4);background:var(--wcco-white);border:1px solid var(--wcco-line);padding:var(--space-6);margin-bottom:var(--space-8);display:flex}.install-section>svg{color:var(--wcco-blue);flex:none}.install-copy{max-width:720px}.install-copy h2,.install-copy .eyebrow{margin-bottom:var(--space-1)}.install-copy p{margin-top:0}.install-copy ol{margin:var(--space-3) 0 0;padding-left:var(--space-6)}.install-copy li+li{margin-top:var(--space-1)}