:root{--ink:#16213a;--ink-2:#243354;--bg:#f7f7f5;--white:#fff;--zap:#ffd43b;--zap-shadow:#e8b90f;--green:#2f9e62;--red:#e04f3f;--gray:#6b7080;--line:#e3dfd4;--text-2:#4a5266;--mono:ui-monospace, "Cascadia Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans:"Avenir Next", "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--ink);font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--zap-shadow);outline-offset:2px}.card{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:20px}.badge{font-family:var(--mono);white-space:nowrap;border-radius:5px;padding:.25em .6em;font-size:.68rem;font-weight:700}.badge-urgent{color:#a33325;background:#fbe3df}.badge-a_repondre{color:#1f6b43;background:#e2f3e9}.badge-info{color:#6b7080;background:#edeae0}.badge-perte_de_temps{color:#7a6f4e;background:#e4dfce}.badge-spam{color:#8a6d00;background:#f3efe2}.badge-phishing{color:#9c2b52;background:#f1dce3}.login-wrap{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{flex-direction:column;gap:14px;width:100%;max-width:360px;padding:32px;display:flex}.logo{color:var(--ink);font-size:1.6rem;font-weight:700}.zap{color:var(--zap);text-shadow:0 1px 0 var(--zap-shadow)}.muted{color:var(--gray);margin-top:-8px;font-size:.9rem}.login-card label{color:var(--text-2);flex-direction:column;gap:4px;font-size:.85rem;font-weight:600;display:flex}.login-card input{font-family:var(--sans);border:1px solid var(--line);color:var(--ink);background:var(--white);border-radius:8px;padding:.55em .7em;font-size:1rem}.login-card input:focus-visible{outline:3px solid var(--zap-shadow);outline-offset:1px}.login-card button{font-family:var(--sans);background:var(--zap);color:var(--ink);cursor:pointer;border:none;border-radius:8px;padding:.65em 1em;font-size:1rem;font-weight:700}.login-card button:hover:not(:disabled){background:var(--zap-shadow)}.login-card button:disabled{opacity:.6;cursor:default}.error{color:var(--red);font-size:.85rem}.linklike{color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.trial-banner{border:1px solid var(--zap-shadow);background:#fff7db;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:.92rem}.trial-banner.expired{border-color:var(--red);background:#fdecea}.layout-loading{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.layout{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--ink);color:var(--white);align-items:center;gap:16px;padding:.8em 1.2em;display:flex}.app-header .logo{color:var(--white);font-size:1.2rem}.app-header-tenant{color:var(--white);opacity:.85;margin-left:auto;font-size:.9rem}.btn-logout{font-family:var(--sans);color:var(--white);cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:8px;padding:.5em .9em;font-size:.85rem;font-weight:600}.btn-logout:hover{background:#ffffff1a}.app-nav{background:var(--white);border-bottom:1px solid var(--line);align-items:center;gap:4px;padding:0 1.2em;display:flex}.app-nav a{color:var(--text-2);border-bottom:2px solid #0000;padding:.8em .9em;font-size:.9rem;font-weight:600}.app-nav a:hover{color:var(--ink)}.app-nav a.active{color:var(--ink);border-bottom-color:var(--zap)}.nav-soon{color:var(--gray);opacity:.55;cursor:default;pointer-events:none;padding:.8em .9em;font-size:.9rem;font-weight:600}.nav-soon em{font-size:.75rem;font-style:normal}.app-main{flex:1;padding:1.5em}.home{flex-direction:column;gap:1.2em;max-width:960px;margin:0 auto;display:flex}.home-greeting{font-size:1.4rem;font-weight:700}.stats-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1em;display:flex}.stats-counts{flex-wrap:wrap;gap:1.4em;display:flex}.stat-item{flex-direction:column;align-items:center;gap:2px;min-width:3.2em;display:flex}.stat-value{font-family:var(--mono);color:var(--ink);font-size:1.2rem;font-weight:700}.stat-total .stat-value{color:var(--zap-shadow)}.stat-label{color:var(--gray);font-size:.72rem}.hours-select{gap:4px;display:flex}.hours-select button{font-family:var(--sans);border:1px solid var(--line);background:var(--white);color:var(--text-2);cursor:pointer;border-radius:8px;padding:.4em .8em;font-size:.8rem;font-weight:600}.hours-select button.active{background:var(--zap);border-color:var(--zap-shadow);color:var(--ink)}.filter-bar{flex-wrap:wrap;gap:8px;display:flex}.filter-bar button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:0}.filter-bar button.active{outline:2px solid var(--zap-shadow);outline-offset:2px;border-radius:8px}.filter-bar button.filter-all{font-family:var(--sans);border:1px solid var(--line);background:var(--white);color:var(--text-2);padding:.4em .9em;font-size:.8rem;font-weight:600}.filter-bar button.filter-all.active{background:var(--zap);border-color:var(--zap-shadow);color:var(--ink);outline:none}.messages-table-wrap{padding:0;overflow-x:auto}.messages-table{border-collapse:collapse;width:100%}.messages-table th,.messages-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.8em 1em;font-size:.88rem}.messages-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--gray);font-size:.72rem}.messages-table tbody tr:last-child td{border-bottom:none}.message-summary{color:var(--gray);margin-top:4px;font-size:.78rem}.pagination{justify-content:center;gap:10px;display:flex}.pagination button{font-family:var(--sans);border:1px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;border-radius:8px;padding:.55em 1.1em;font-size:.85rem;font-weight:600}.pagination button:disabled{opacity:.5;cursor:default}.empty-state{text-align:center;color:var(--text-2);flex-direction:column;align-items:center;gap:10px;padding:3em 1.5em;display:flex}.empty-state a{color:var(--ink);font-weight:700;text-decoration:underline}.mailboxes{flex-direction:column;gap:1.2em;max-width:640px;margin:0 auto;display:flex}.mailbox-list{flex-direction:column;gap:10px;display:flex}.mailbox-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1em;display:flex}.mailbox-card-info{flex-direction:column;gap:2px;display:flex}.mailbox-card-label{font-weight:700}.mailbox-card-detail{color:var(--gray);font-size:.82rem}.mailbox-card-actions{align-items:center;gap:12px;display:flex}.state-badge{font-family:var(--mono);white-space:nowrap;border-radius:5px;padding:.3em .7em;font-size:.68rem;font-weight:700}.state-active{color:var(--green);background:#e2f3e9}.state-quarantine{color:#a3670f;background:#fbead3}.btn-delete{font-family:var(--sans);border:1px solid var(--line);background:var(--white);color:var(--red);cursor:pointer;border-radius:8px;padding:.45em .8em;font-size:.82rem;font-weight:600}.btn-delete:hover{background:#fbe3df}.mailbox-form{flex-direction:column;gap:14px;display:flex}.mailbox-form-title{font-size:1.1rem;font-weight:700}.mailbox-form label{color:var(--text-2);flex-direction:column;gap:4px;font-size:.85rem;font-weight:600;display:flex}.mailbox-form input[type=text],.mailbox-form input[type=password],.mailbox-form input[type=number]{font-family:var(--sans);border:1px solid var(--line);color:var(--ink);background:var(--white);border-radius:8px;padding:.55em .7em;font-size:1rem}.mailbox-form input:focus-visible{outline:3px solid var(--zap-shadow);outline-offset:1px}.mailbox-form-checkbox{align-items:center;flex-direction:row!important;gap:8px!important}.mailbox-form-actions{gap:10px;display:flex}.mailbox-form-actions button{font-family:var(--sans);border:1px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;border-radius:8px;padding:.6em 1em;font-size:.95rem;font-weight:700}.mailbox-form-actions button[type=submit]{background:var(--zap);border-color:var(--zap-shadow)}.mailbox-form-actions button[type=submit]:hover:not(:disabled){background:var(--zap-shadow)}.mailbox-form-actions button:disabled{opacity:.55;cursor:default}.test-result{font-size:.88rem;font-weight:600}.test-result-ok{color:var(--green)}.test-result-error{color:var(--red)}.soon-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1em;display:grid}.soon-card{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.soon-card-title{font-size:1rem;font-weight:700}.soon-card-desc{color:var(--text-2);font-size:.85rem}.soon-card-tag{font-family:var(--mono);background:var(--zap);color:var(--ink);border-radius:5px;padding:.3em .7em;font-size:.68rem;font-weight:700}.offers{flex-direction:column;gap:1.2em;max-width:960px;margin:0 auto;display:flex}.offers-notice{border:1px solid var(--zap-shadow);background:#fff7db}.offers-current h2{margin-bottom:8px;font-size:1.1rem}.offers-current .btn-delete{margin-top:10px}.offers-plans{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1em;display:grid}.offers-plan{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.offers-plan-label{font-size:1.1rem;font-weight:700}.offers-plan-price{font-family:var(--mono);color:var(--zap-shadow);font-size:1.2rem;font-weight:700}.offers-plan-features{color:var(--text-2);flex-direction:column;gap:6px;font-size:.85rem;list-style:none;display:flex}.offers-plan-features li:before{content:"✓ ";color:var(--green);font-weight:700}.offers-plan button{font-family:var(--sans);border:1px solid var(--zap-shadow);background:var(--zap);color:var(--ink);cursor:pointer;border-radius:8px;align-self:stretch;padding:.6em 1em;font-size:.95rem;font-weight:700}.offers-plan button:hover{background:var(--zap-shadow)}.offers-form{flex-direction:column;gap:14px;max-width:480px;display:flex}.offers-form-title{font-size:1.1rem;font-weight:700}.offers-form label{color:var(--text-2);flex-direction:column;gap:4px;font-size:.85rem;font-weight:600;display:flex}.offers-form input[type=text],.offers-form input[type=email],.offers-form textarea{font-family:var(--sans);border:1px solid var(--line);color:var(--ink);background:var(--white);resize:vertical;border-radius:8px;padding:.55em .7em;font-size:1rem}.offers-form input:focus-visible,.offers-form textarea:focus-visible{outline:3px solid var(--zap-shadow);outline-offset:1px}.offers-form-radios{gap:1.2em;display:flex}.offers-form-radio{align-items:center;flex-direction:row!important;gap:6px!important}.offers-form button[type=submit]{font-family:var(--sans);background:var(--zap);color:var(--ink);cursor:pointer;border:none;border-radius:8px;padding:.65em 1em;font-size:1rem;font-weight:700}.offers-form button[type=submit]:hover:not(:disabled){background:var(--zap-shadow)}.offers-form button[type=submit]:disabled{opacity:.6;cursor:default}@media (width<=480px){.app-header{flex-wrap:wrap;gap:8px;padding:.6em .8em}.app-header-tenant{flex-basis:100%;order:3;margin-left:0}.app-nav{-webkit-overflow-scrolling:touch;padding:0 .8em;overflow-x:auto}.app-nav a,.nav-soon{white-space:nowrap}.app-main{padding:1em .8em}.home,.mailboxes,.offers{gap:1em}.home-greeting{font-size:1.2rem}.stats-bar{flex-direction:column;align-items:flex-start}.stats-counts{gap:1em}.messages-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.messages-table th,.messages-table td{padding:.6em .7em}.soon-cards,.offers-plans{grid-template-columns:1fr}.mailbox-card{flex-direction:column;align-items:flex-start}}
