:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f7f4;--panel:#fff;--text:#1f2933;--muted:#667085;--line:#d9dee3;--accent:#176b87;--accent-dark:#0f5268;--danger:#a33a3a;--ok:#28775a}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}.shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.topbar-start{align-items:center;gap:28px;display:flex}.navbar{flex-wrap:wrap;gap:4px;display:flex}.nav-link{color:var(--muted);border-radius:6px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none}.nav-link:hover,.nav-link.active{color:var(--accent-dark);background:#eef4f6}.session-tools,.filters,.pagination{align-items:center;gap:10px;display:flex}.link-button{color:var(--accent-dark);background:0 0;padding:4px}.link-button.danger{color:var(--danger)}.inline-form{display:inline}.row-actions{white-space:nowrap;gap:12px;display:flex}.filters{flex-wrap:wrap;align-items:stretch;margin-bottom:12px}.filters input{flex:190px}.filters select{flex:150px}.filters button{flex:none}.pagination{justify-content:space-between;margin-top:16px}.brand{font-size:18px;font-weight:700}.page{grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:20px;max-width:1280px;margin:0 auto;padding:24px;display:grid}.home-page,.settings-page{flex-direction:column;gap:24px;max-width:1100px;margin:0 auto;padding:24px;display:flex}.settings-section-nav{flex-wrap:wrap;gap:8px;display:flex}.settings-section-nav a{color:var(--accent-dark);background:#eef4f6;border-radius:6px;padding:10px 14px;font-size:14px;font-weight:700;text-decoration:none}.settings-section-nav a:hover{background:#dcecf0}.settings-sections{gap:20px;display:grid}.settings-section{scroll-margin-top:24px}.settings-section-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.settings-section-header h2{margin-bottom:8px}.settings-subsection{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.settings-subsection h3{margin:0 0 14px;font-size:14px}.home-compose,.requests-section{width:100%}.table-wrap{overflow-x:auto}.requests-table{border-collapse:collapse;width:100%;font-size:14px}.requests-table th,.requests-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:12px 14px}.requests-table th{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:700}.requests-table tbody tr:hover{background:#fafbfc}.requests-table tr.active-row{background:#eef4f6}.badge{text-transform:capitalize;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-draft{color:var(--accent-dark);background:#eef4f6}.badge-sent,.badge-replied{color:#1d4ed8;background:#e7f0ff}.badge-permission_granted{color:var(--ok);background:#e7f5ee}.badge-permission_denied{color:var(--danger);background:#fdeaea}.badge-needs_follow_up{color:#8a5200;background:#fff2df}.badge-suppressed{color:var(--danger);white-space:nowrap;background:#fdeaea;margin-left:8px}.suppressed-email{color:var(--danger)}.status-select-form{display:inline-block}.status-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667085' d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:0;width:auto;min-width:140px;padding-right:28px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px}.panel h2{margin:0 0 16px;font-size:17px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field{gap:6px;display:grid}.field.full{grid-column:1/-1}label{color:#344054;font-size:13px;font-weight:600}input,select,textarea{border:1px solid #cbd5df;border-radius:6px;width:100%;min-width:0;padding:10px 11px}textarea{resize:vertical;min-height:180px}.actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:10px 14px;font-weight:700}button.secondary{color:var(--accent-dark);background:#eef4f6}.stack{gap:20px;display:grid}.status{border-radius:6px;padding:10px}.status.ok{color:var(--ok);background:#e7f5ee}.status.warn{color:#8a5200;background:#fff2df}.status.danger{color:var(--danger);background:#fdeaea}.muted{color:var(--muted);font-size:13px}.list{gap:10px;margin:0;padding:0;display:grid}.item{border:1px solid var(--line);border-radius:6px;padding:12px;list-style:none}.email-preview{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;min-height:520px;margin-bottom:16px;display:block;overflow:hidden}@media (max-width:900px){.topbar{flex-direction:column;align-items:flex-start;gap:12px;padding:14px}.topbar-start{flex-direction:column;align-items:flex-start;gap:12px;width:100%}.session-tools{flex-direction:column;align-items:flex-end;width:100%}.page,.home-page,.settings-page{padding:14px}.page,.grid{grid-template-columns:1fr}.settings-section-header{flex-direction:column;gap:12px}.field.full{grid-column:auto}.panel{padding:16px}.actions button,.filters button{min-height:44px}}