:root{--ink:#132d38;--muted:#60727b;--line:#dce5e7;--accent:#087c72;--bg:#f3f6f7;--nav:#102a35}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:15px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}aside{position:fixed;inset:0 auto 0 0;width:240px;padding:28px 22px;background:var(--nav);color:#fff;display:flex;flex-direction:column;overflow:auto}.brand{display:flex;gap:12px;font-size:28px;font-weight:800;color:#64d6c1}.brand span{font-size:15px;color:#fff;line-height:1.4}.brand small{display:block;color:#a6bfc9;font-size:11px;font-weight:400}nav{margin-top:34px}nav>a{display:block;padding:10px 12px;border-radius:7px;color:#c5d6dc}nav>a:hover{background:#1e424e;color:#fff;text-decoration:none}.nav-label{font-size:10px;letter-spacing:.12em;color:#8ca8b4;margin:25px 12px 8px}nav b{background:#147d71;border-radius:10px;padding:2px 7px;font-size:11px}.profile{margin-top:auto;padding-top:35px;font-size:12px;overflow-wrap:anywhere}.profile strong,.profile small,.profile a{display:block}.profile a{color:#b5d0d5;margin-top:12px}.profile .link{color:#b5d0d5}main{margin-left:240px;padding:0 36px 30px;max-width:1700px}main.public{margin:0 auto;max-width:1100px}header{display:flex;justify-content:space-between;gap:20px;color:var(--muted);border-bottom:1px solid var(--line);padding:22px 0;font-size:12px;margin-bottom:34px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--accent);text-transform:uppercase}h1{font-size:32px;line-height:1.2;letter-spacing:-.035em;margin:10px 0}h2{font-size:19px;letter-spacing:-.02em;margin:0 0 20px}h2 .muted{font-size:12px;font-weight:400;margin-left:12px}h3{font-size:15px;margin-top:25px}.muted,small{color:var(--muted)}small{display:block;font-size:12px}.page-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:28px}.panel{padding:26px;border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:24px;min-width:0}.columns{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.stat{padding:22px;background:white;border:1px solid var(--line);border-radius:12px;color:var(--ink)}.stat span{font-size:12px;color:var(--muted)}.stat strong{display:block;font-size:35px;margin-top:5px}.list-row{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid #edf1f2;padding:15px 0;color:var(--ink)}.list-row:last-child{border:0}.list-row span{font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide{grid-column:1/-1}label{display:block;font-size:12px;font-weight:600;margin-bottom:14px}input,select,textarea{display:block;width:100%;padding:11px 12px;margin-top:6px;border:1px solid #cbd7da;background:white;border-radius:7px;color:var(--ink);font:inherit;font-size:14px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #45ae9c;outline-offset:1px}button,.button{display:inline-block;border:0;border-radius:7px;background:var(--accent);color:white;padding:11px 17px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}button:hover,.button:hover{background:#06675e;text-decoration:none}.secondary{background:#edf4f3;color:#14564e}.secondary:hover{background:#d8eae6}.link{background:none!important;color:var(--accent);padding:0;font-size:12px}.actions,.inline-form{display:flex;align-items:center;gap:12px}.inline-form select{margin:0;min-width:100px}.inline-form label{margin:0;white-space:nowrap}.check{display:flex;align-items:center;gap:7px;font-weight:400}.check input{width:auto;margin:0}.checks{display:flex;gap:12px;flex-wrap:wrap}.filters{display:flex;align-items:center;gap:12px;margin-bottom:22px}.filters input,.filters select{margin:0}.filters .check{margin:0;white-space:nowrap}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0 12px 14px}td{border-top:1px solid var(--line);padding:16px 12px;vertical-align:top;max-width:360px}td pre{max-width:350px;white-space:pre-wrap;overflow-wrap:anywhere}.badge{display:inline-block;font-size:11px;font-weight:700;background:#edf2f4;color:#465c66;padding:5px 10px;border-radius:20px;white-space:nowrap}.badge.approved,.badge.awarded,.badge.completed,.badge.ready{background:#e0f4eb;color:#21684c}.badge.rejected,.badge.no_bid,.badge.cancelled,.badge.disqualified,.badge.blocked{background:#fce9e7;color:#a33c31}.badge.review,.badge.pending,.badge.approval,.badge.changes{background:#fff0ce;color:#896110}.badge.submitted,.badge.evaluation,.badge.in_progress{background:#e1effa;color:#255e84}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px;border-bottom:1px solid var(--line);padding-bottom:12px}.tabs a{color:var(--ink);padding:7px 12px}.tabs a:hover{background:#e3eeec}.notice{padding:15px 20px;background:#dff2e9;color:#1f604a;border-radius:8px;margin-bottom:20px}.error{padding:14px;background:#fce9e7;color:#9d342b;border-radius:8px;margin-bottom:20px}.empty{padding:22px 0;color:var(--muted)}dl{display:grid;grid-template-columns:120px 1fr;gap:12px;font-size:13px}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.timeline{margin-top:24px}.timeline article{padding:16px 0 16px 18px;border-left:2px solid #d5e7e1;border-bottom:1px solid #edf2f3}.document-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin-bottom:24px}.document-card{display:flex;flex-direction:column;gap:9px;padding:20px;border:1px solid var(--line);background:#fff;border-radius:10px;color:var(--ink)}.document-card:hover{border-color:var(--accent);text-decoration:none}.document-card .badge{align-self:flex-start}details{margin-top:18px}summary{cursor:pointer;color:var(--accent);font-size:13px;font-weight:600;margin-bottom:15px}.task{padding:18px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px;border-bottom:1px solid var(--line)}.task form{display:grid;gap:8px}.task p{font-size:12px}.spaced{margin-top:20px}.preview{width:100%;height:650px;border:1px solid var(--line)}.image-preview{max-width:100%;max-height:650px}.text-preview{white-space:pre-wrap;overflow:auto;max-height:650px;font:13px/1.6 monospace}.hash{overflow-wrap:anywhere;margin-top:25px}blockquote{margin:20px 0;padding:16px;border-left:3px solid var(--accent);background:#f0f7f5}.message{border-bottom:1px solid var(--line);padding:20px 0}.message-meta{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.message-meta strong{font-size:13px}.message p{margin:10px 0}.message-tools{display:flex;align-items:flex-start;gap:15px;flex-wrap:wrap}.message-tools details{margin:0}.message-tools summary{font-size:12px;font-weight:400}.message.reply{margin-left:12px;border-left:2px solid #d7e7e3;padding-left:20px}.reply-composer{margin-top:15px}.attachment{display:block;font-size:12px;background:#edf4f3;border-radius:5px;padding:8px;margin:5px 0}.composer details{border-top:1px solid var(--line);padding-top:15px}.login-card{max-width:450px;margin:60px auto;background:white;border:1px solid var(--line);border-radius:16px;padding:38px}.login-card h1{font-size:30px}.login-card button{width:100%;margin-top:10px}.login-card form{margin-top:28px}.mark{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;background:var(--nav);color:#64d6c1;font-size:26px;border-radius:10px;font-weight:700}.narrow{max-width:600px}.pagination{display:flex;gap:25px;justify-content:center;margin:25px}footer{font-size:11px;color:var(--muted);padding:25px 0}progress{width:100%;height:8px;accent-color:var(--accent)}@media(max-width:1050px){aside{width:195px;padding:22px 15px}main{margin-left:195px;padding:0 22px}.columns{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.page-heading{align-items:flex-start}}@media(max-width:700px){aside{position:static;width:100%;padding:15px 18px}.brand small,.profile,header>span:last-child{display:none}aside nav{display:flex;overflow:auto;gap:4px;margin-top:12px}nav>a{white-space:nowrap;padding:7px 10px;font-size:12px}.nav-label{display:none}main{margin:0;padding:0 16px}.page-heading{display:block}.page-heading>.actions{margin-top:14px;flex-wrap:wrap}h1{font-size:27px}.form-grid,.task{grid-template-columns:1fr}.filters{flex-wrap:wrap}.filters input{width:100%}.filters select{width:auto}.panel{padding:18px}.message-meta{display:block}.stats{gap:10px}.stat{padding:15px}.tabs{gap:0}.tabs a{font-size:12px;padding:7px}.login-card{padding:26px}header{margin-bottom:22px}.preview{height:450px}}

.overdue{color:#a33c31;font-size:12px}

/* Email centre */
.email-plan{display:inline-block;vertical-align:middle;font-size:9px;font-weight:800;letter-spacing:.09em;background:#e3f3ec;color:#24735c;padding:7px 10px;border-radius:6px;white-space:nowrap}.page-heading h1 .email-plan{margin-left:10px}.email-connection{display:flex;align-items:center;gap:14px;border:1px solid #c9e9dc;background:#edf8f3;border-radius:10px;padding:16px 20px;margin-bottom:24px;font-size:12px}.email-connection .status-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#179169;box-shadow:0 0 0 5px #d8efe4}.email-connection.pending{background:#fff9e9;border-color:#f0e4bd}.email-connection.pending .status-dot{background:#bd8c28;box-shadow:0 0 0 5px #f9efce}.email-connection small{font-size:11px;margin-top:3px}.email-connection-end{margin-left:auto;color:#527569;font-size:11px}.email-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.email-metric{position:relative;display:block;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 24px}.email-metric:hover{text-decoration:none;border-color:#8cbeb2}.email-metric>span:not(.metric-icon){font-size:12px;font-weight:600}.email-metric>strong{display:block;font-size:38px;line-height:1.3;margin:12px 0 4px;letter-spacing:-.04em}.email-metric small{font-size:10px}.metric-icon{display:block;width:30px;height:30px;background:#edf3f4;border-radius:9px;text-align:center;line-height:30px;margin-bottom:16px;font-size:18px;color:#52717b}.metric-icon.green{background:#e4f4ec;color:#268064}.metric-icon.blue{background:#e8f2fa;color:#3977ab}.metric-icon.violet{background:#f0ebfa;color:#795aa9}.email-overview{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:24px}.email-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.email-section-heading h2{margin-bottom:8px}.email-section-heading p{margin:0;font-size:12px}.chart-legend{display:flex;gap:14px;font-size:10px;white-space:nowrap;color:var(--muted)}.chart-legend span:before{content:'';display:inline-block;width:7px;height:7px;border-radius:2px;background:#12877a;margin-right:5px}.chart-legend .open-key:before{background:#b6d8d0}.email-chart{width:100%;max-height:190px;margin-top:20px}.chart-baseline{stroke:#e4ecea;stroke-width:1}.chart-bar-sent{fill:#12877a}.chart-bar-open{fill:#b6d8d0}.chart-label{font-size:10px;fill:#71858a}.email-chart-empty{font-size:11px;color:var(--muted);text-align:center;margin:0}.email-allowance>p>strong{font-size:32px;letter-spacing:-.03em}.email-allowance>p{font-size:12px}.email-allowance progress{height:9px}.email-mini-stats{display:flex;gap:10px;border-top:1px solid var(--line);margin-top:20px;padding:18px 0}.email-mini-stats>a{flex:1;color:var(--ink);font-size:10px}.email-mini-stats strong{display:block;font-size:21px;margin-bottom:3px}.email-mini-stats span{color:var(--muted)}.email-history h2{margin-bottom:7px}.email-total{font-size:10px;font-weight:600;background:#edf2f1;color:#59766e;padding:4px 8px;border-radius:6px;margin-left:6px;vertical-align:middle}.email-filters{padding:20px 0 8px}.email-filters input{flex:1.5;min-width:150px}.email-filters select{flex:1;max-width:210px;font-size:12px}.email-filters .secondary{padding:10px 16px}.email-table td{vertical-align:middle}.email-subject{font-size:12px;font-weight:700;color:var(--ink);display:block;margin-bottom:3px}.email-table td>small{font-size:10px;margin-top:4px}.email-category{display:inline-block;color:#6a7e83;background:#f0f5f5;border-radius:4px;padding:3px 7px;font-size:9px;margin-top:7px}.email-status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;background:#edf2f4;color:#556c78;border-radius:6px;padding:6px 9px;font-size:10px;font-weight:700}.email-status:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor}.email-status.delivered{background:#e5f4ec;color:#287854}.email-status.accepted,.email-status.sent{background:#e6f0fa;color:#3d709d}.email-status.queued,.email-status.retry,.email-status.sending,.email-status.deferred{background:#fff3d5;color:#97742c}.email-status.failed,.email-status.uncertain,.email-status.hard_bounce,.email-status.blocked,.email-status.error,.email-status.invalid,.email-status.spam{background:#fdebe7;color:#aa5043}.engagement{font-size:11px;display:block;white-space:nowrap}.engagement.detected{color:#23816b}.engagement.proxy{color:#857145}.click-detected{color:#3e798b}.email-date{font-size:10px;color:var(--muted);white-space:nowrap}.email-view{font-size:11px;white-space:nowrap;font-weight:600}.email-empty{padding:45px 18px;text-align:center;color:var(--muted)}.email-empty>span{display:inline-flex;background:#eaf4ef;color:#669b8b;border-radius:14px;align-items:center;justify-content:center;width:56px;height:56px;font-size:27px}.email-empty h3{color:var(--ink);font-size:17px;margin:18px 0 5px}.email-empty p{font-size:12px;max-width:430px;margin:8px auto}.email-tracking-note{font-size:11px;color:#71858a;line-height:1.7;max-width:1100px}.email-preferences-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:24px}.email-toggle{display:flex;align-items:center;gap:8px;white-space:nowrap;margin:0;color:#22745e}.email-toggle input{width:18px;height:18px;accent-color:var(--accent);margin:0}.preference-list{margin-top:25px}.preference-row{display:grid;grid-template-columns:1fr 210px;align-items:center;gap:16px;padding:14px 0;border-top:1px solid #edf1f1}.preference-row label{font-size:12px;margin:0}.preference-row select{margin:0;font-size:12px;background:#f9fbfb}.room-preferences{max-height:300px;overflow:auto}.room-preferences .check{padding:8px 0}.summary-preference{background:#ecf5f0;border-color:#d2e6dc}.summary-preference h2{font-size:22px;margin:18px 0 10px}.summary-preference p{font-size:12px;line-height:1.8}.summary-preference label{margin-top:25px}.email-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:#d9ebdf;color:#377d62;font-size:23px;border-radius:12px}.email-save{width:100%;padding:14px}.email-back{display:block;margin-bottom:22px;font-size:12px}.email-detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:24px}.email-preview{display:block;width:100%;height:600px;border:1px solid #e7eeeb;border-radius:10px;margin-top:18px;background:#f0f5f4}.email-timeline{list-style:none;padding:0 0 0 7px;margin:0}.email-timeline li{display:flex;position:relative;gap:15px;padding:0 0 25px;border-left:1px solid #dce9e3}.timeline-dot{position:relative;display:block;flex:none;width:9px;height:9px;border-radius:50%;background:#9db5b5;margin:4px 0 0 -5px;box-shadow:0 0 0 4px #f1f6f4}.timeline-open .timeline-dot{background:#219476}.email-timeline strong{font-size:12px}.email-timeline small{font-size:10px;margin-top:3px}.email-timeline p{font-size:10px;margin:7px 0;color:var(--muted)}.email-event-link{overflow-wrap:anywhere;word-break:break-all}.engagement-card{padding:15px 0;border-top:1px solid var(--line)}.engagement-card>span{font-size:12px}.engagement-card>strong{float:right;font-size:22px;color:#2a7867}.engagement-card small{font-size:10px;margin-top:6px}button:disabled{opacity:.45;cursor:not-allowed}.email-chart-panel{position:relative}@media(max-width:1150px){.email-overview,.email-detail-grid,.email-preferences-grid{grid-template-columns:1fr}.email-metrics{gap:10px}.email-metric{padding:18px}.email-connection-end{display:none}}@media(max-width:700px){.email-metrics{grid-template-columns:1fr 1fr}.email-section-heading{flex-wrap:wrap}.email-filters{flex-wrap:wrap}.email-filters input{flex-basis:100%}.email-filters select{max-width:none;min-width:120px}.preference-row{grid-template-columns:1fr 160px;gap:10px}.email-preview{height:500px}.email-connection{padding:14px}.email-connection small{font-size:10px}.email-plan{font-size:8px}.page-heading h1 .email-plan{margin-left:0}.email-status{font-size:9px}.email-table td{min-width:140px}.email-history{padding:16px}.chart-legend{margin-top:5px}}
