:root{color:#18202a;background:#f5f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.7}.eyebrow{color:#557086;font-size:.78rem;font-weight:700;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;margin-bottom:0}h2{font-size:1.1rem;line-height:1.25;margin-bottom:0}h3{font-size:1rem;margin-bottom:12px}.field{display:grid;gap:6px}.field span,.message-block span,.detail-item span{color:#5d6f80;font-size:.78rem;font-weight:700}input,select,textarea{background:#fff;border:1px solid #cdd9e2;border-radius:6px;color:#18202a;min-height:42px;padding:10px 12px;width:100%}textarea{min-height:120px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#2563eb;outline:3px solid rgba(37,99,235,.16)}.primary-button,.secondary-button,.danger-button,.text-button,.page-back-button,.brand-button,.expand-button,.tab-button{border-radius:6px;min-height:40px;padding:9px 14px}.primary-button{background:#2563eb;border:1px solid #2563eb;color:#fff;font-weight:700}.secondary-button{background:#fff;border:1px solid #cbd6df;color:#1d2a36;font-weight:700}.danger-button{background:#fff5f5;border:1px solid #f4b7b7;color:#b42318;font-weight:700;white-space:nowrap}.text-button{background:transparent;border:0;color:#2563eb;font-weight:700;padding-left:0}.page-back-button{align-items:center;background:transparent;border:0;color:#2563eb;display:inline-flex;font-weight:800;gap:8px;margin-bottom:14px;padding-left:0}.page-back-button span{font-size:1.15rem;line-height:1}.brand-button{background:transparent;border:0;color:#162230;font-size:1rem;font-weight:800;padding-left:0}.expand-button{background:#eef6ff;border:1px solid #c9ddf4;color:#1d4f8f;font-weight:700;white-space:nowrap}.status-action-button{border-radius:6px;font-weight:800;min-height:42px;padding:9px 12px}.open-action{background:#fff5f5;border:1px solid #f4b7b7;color:#b42318}.snoozed-action{background:#fffbeb;border:1px solid #f6d58d;color:#8a4b00}.solved-action{background:#ecfdf3;border:1px solid #a9ddb8;color:#137044}.app-shell{min-height:100vh}.topbar{align-items:center;background:#fff;border-bottom:1px solid #dbe3ea;display:flex;justify-content:space-between;padding:14px clamp(16px,4vw,40px);position:sticky;top:0;z-index:10}.page-section{margin:0 auto;max-width:1180px;padding:32px clamp(16px,4vw,40px) 56px}.section-heading{align-items:end;display:flex;justify-content:space-between;margin-bottom:24px}.section-heading.with-actions{gap:16px}.tabs{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tab-button{background:#fff;border:1px solid #d4dee7;color:#405366;font-weight:700}.tab-button.active{background:#1d2a36;border-color:#1d2a36;color:#fff}.login-page{align-items:center;background:#eef3f6;display:flex;min-height:100vh;padding:24px}.login-panel{background:#fff;border:1px solid #dbe3ea;border-radius:8px;box-shadow:0 18px 50px #121f2d14;display:grid;gap:20px;margin:0 auto;max-width:440px;padding:32px;width:100%}.company-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.sort-control{background:#eef3f6;border:1px solid #d4dee7;border-radius:8px;display:flex;gap:4px;padding:4px}.sort-control button{background:transparent;border:0;border-radius:6px;color:#405366;font-weight:800;min-height:34px;padding:6px 12px;white-space:nowrap}.sort-control button.active{background:#fff;box-shadow:0 1px 4px #121f2d14;color:#162230}.company-card{background:#fff;border:1px solid #dbe3ea;border-radius:8px;color:inherit;display:grid;gap:18px;padding:20px;text-align:left;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.company-card:hover{border-color:#9db5c7;box-shadow:0 14px 36px #121f2d14;transform:translateY(-1px)}.company-card p,.issue-main p,.muted{color:#5d6f80;margin-bottom:0}.metric-row{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(82px,1fr));overflow-x:auto}.metric{background:#f7fafc;border:1px solid #e0e7ee;border-radius:6px;display:grid;min-width:0;padding:10px}.metric strong{font-size:1.45rem;line-height:1}.metric span{color:#637486;font-size:.78rem;white-space:nowrap}.metric.open strong,.status-badge.open{color:#b42318}.metric.snoozed strong,.status-badge.snoozed{color:#9a5b00}.metric.solved strong,.status-badge.solved{color:#137044}.company-meta{color:#637486;display:flex;flex-wrap:wrap;font-size:.82rem;gap:10px}.company-meta-block{color:#637486;display:grid;font-size:.82rem;gap:4px}.issue-list{display:grid;gap:12px}.issue-row{background:#fff;border:1px solid #dbe3ea;border-radius:8px;overflow:hidden}.issue-summary{align-items:start;display:grid;gap:16px;grid-template-columns:auto minmax(0,1fr) auto;padding:18px}.issue-main{display:grid;gap:12px;min-width:0}.issue-title-line{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.status-badge{background:#f5f7f9;border:1px solid #d9e2eb;border-radius:999px;color:#53687a;font-size:.72rem;font-weight:800;padding:4px 9px;text-transform:uppercase}.group-pill,.count-pill{border-radius:999px;font-size:.72rem;font-weight:800;padding:4px 9px}.group-pill{background:#ecfdf3;border:1px solid #b7e5c7;color:#137044;text-transform:uppercase}.count-pill{background:#f0f4f8;border:1px solid #d5e0ea;color:#405366}.group-summary{color:#405366;font-weight:700}.detail-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.detail-grid.compact{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.detail-item{display:grid;gap:2px;min-width:0}.detail-item strong{color:#22313f;font-size:.9rem;overflow-wrap:anywhere}.issue-expanded{border-top:1px solid #e3eaf0;display:grid;gap:16px;padding:18px}.details-panel{background:#f8fafc;border:1px solid #e1e8ef;border-radius:8px;padding:16px}.details-title{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.details-title h3{margin-bottom:0}.details-title span{background:#fff;border:1px solid #d5e0ea;border-radius:999px;color:#22313f;font-size:.82rem;font-weight:800;padding:4px 10px}.group-details{background:#fff;border:1px solid #dbe8de;border-radius:8px;display:grid;gap:12px;margin-bottom:16px;padding:14px}.group-details-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.group-details-header>div{display:grid;gap:2px;min-width:0}.section-label{color:#5d6f80;font-size:.76rem;font-weight:800;text-transform:uppercase}.group-entry-list{display:grid;gap:8px}.group-entry-row{align-items:center;background:#f8fafc;border:1px solid #e0e7ee;border-radius:6px;display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr);padding:10px}.group-entry-index{align-items:center;background:#ecfdf3;border:1px solid #b7e5c7;border-radius:999px;color:#137044;display:flex;font-size:.78rem;font-weight:800;height:28px;justify-content:center;width:28px}.group-entry-main{display:grid;gap:2px;min-width:0}.group-entry-main strong,.group-entry-main span{overflow-wrap:anywhere}.group-entry-main span{color:#5d6f80;font-size:.86rem}.message-block{display:grid;gap:6px;margin-top:16px}.message-block p{margin-bottom:0;white-space:pre-wrap}.thread-panel,.reply-form{background:#f8fafc;border:1px solid #e1e8ef;border-radius:8px;padding:16px}.reply{background:#fff;border:1px solid #e0e7ee;border-radius:6px;display:grid;gap:8px;margin-top:10px;padding:12px}.reply p{margin-bottom:0;white-space:pre-wrap}.reply-meta{align-items:center;color:#5d6f80;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.reply-meta strong{color:#22313f}.reply-form{display:grid;gap:12px}.reply-actions{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.state-box,.error-banner{border-radius:8px;margin-bottom:16px;padding:14px 16px}.state-box{background:#fff;border:1px solid #dbe3ea;color:#526579}.error-banner{background:#fff5f5;border:1px solid #f4b7b7;color:#9f1c12}.state-box.compact,.error-banner.compact{margin-bottom:0;padding:10px 12px}@media(max-width:760px){.login-panel{padding:24px}.section-heading,.section-heading.with-actions,.issue-summary{align-items:stretch;grid-template-columns:1fr}.section-heading{display:grid}.danger-button,.expand-button{width:100%}.metric-row{grid-template-columns:1fr}.sort-control{width:100%}.sort-control button{flex:1}.reply-actions{grid-template-columns:1fr}.group-details-header,.group-entry-row{align-items:stretch;grid-template-columns:1fr}.group-entry-index{height:24px;width:24px}}
