:root{--af:#07152d;--muted:#61708a;--line:#dfe6f0;--bg:#f4f7fb;--accent:#1557ff}.af-shell{font-family:Inter,Arial,sans-serif;background:var(--bg);min-height:80vh;display:grid;grid-template-columns:240px 1fr;color:var(--af)}.af-shell *{box-sizing:border-box}.af-shell aside{background:#031936;color:#fff;padding:32px 22px;display:flex;flex-direction:column;gap:36px;min-height:80vh}.af-logo{font-weight:800;letter-spacing:-1px;font-size:20px}.af-logo span{color:var(--accent)}.af-shell nav{display:grid;gap:6px}.af-shell nav a,.af-shell aside>a{color:#aaa;text-decoration:none;padding:12px;border-radius:8px}.af-shell nav a.active,.af-shell nav a:hover{background:#1557ff;color:#fff}.af-shell main{padding:42px;max-width:1200px;width:100%;margin:auto}.af-shell header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.af-shell h1{font-size:38px;letter-spacing:-1.5px;margin:4px 0}.af-btn,.af-shell button{background:#031936;color:#fff;border:0;padding:13px 18px;border-radius:8px;text-decoration:none;font-weight:700;cursor:pointer}.af-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.af-stats article,.af-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.af-stats span{display:block;color:var(--muted);font-size:13px}.af-stats strong{font-size:28px;display:block;margin-top:12px}.af-card table,.af-paper table{width:100%;border-collapse:collapse}.af-card th,.af-card td,.af-paper th,.af-paper td{padding:14px 10px;text-align:left;border-bottom:1px solid var(--line)}.af-status{font-size:12px;padding:5px 9px;border-radius:20px;background:#eee}.af-status.paid{background:#dff8d9}.af-status.sent{background:#e1ecff}.af-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.af-form label{display:grid;gap:7px;font-weight:600;font-size:13px}.af-form .wide{grid-column:1/-1}.af-form input,.af-form textarea,.af-form select,.af-line input,.af-line select{width:100%;border:1px solid #d8d8d2;border-radius:7px;padding:12px;background:#fff}.af-form textarea{min-height:90px}.af-form button{width:max-content}.af-line{display:grid;grid-template-columns:3fr .7fr 1fr .7fr;gap:10px;margin-bottom:10px}.af-link{background:transparent!important;color:#1557ff!important;padding-left:0!important}.af-paper{background:#fff;padding:55px;box-shadow:0 10px 40px #0000000c}.af-paper-head{display:flex;justify-content:space-between}.af-paper-head>div:last-child{text-align:right}.af-totals{width:340px;margin:25px 0 25px auto}.af-totals p{display:flex;justify-content:space-between}.af-totals .grand{font-size:20px;border-top:2px solid #031936;padding-top:14px}.af-actions{display:flex;align-items:center;gap:14px}.af-actions a{color:#111}.af-auth{grid-template-columns:1.2fr 1fr;padding:70px;gap:70px;align-items:center}.af-auth form{background:#fff;padding:35px;border-radius:16px;display:grid;gap:15px}.af-auth label{display:grid;gap:6px}.af-auth input{padding:12px;border:1px solid #ddd;border-radius:7px}.af-notice{background:#e6ffd9;padding:12px;border-radius:8px;margin-bottom:15px}@media(max-width:800px){.af-shell{grid-template-columns:1fr}.af-shell aside{min-height:auto}.af-shell main{padding:22px}.af-stats{grid-template-columns:1fr}.af-form{grid-template-columns:1fr}.af-line{grid-template-columns:1fr 1fr}.af-auth{padding:25px}.af-shell header{align-items:flex-start;gap:15px;flex-direction:column}.af-actions{flex-wrap:wrap}.af-paper{padding:25px;overflow:auto}}
.af-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px}.af-mini-form{display:grid;gap:12px}.af-mini-form label{display:grid;gap:6px;font-size:13px;font-weight:650}.af-inline-actions{margin-top:18px}.af-btn.secondary{background:#eef1f5!important;color:#121722!important}.af-card form{margin:0}.af-card input[type=file]{padding:14px;background:#f7f8fa;border:1px dashed #bbc2cc}.af-paper footer{display:block}.af-status.overdue{background:#fff0e8;color:#a83a00}.af-status.paid{background:#e6f7ef;color:#11613c}.af-status.sent{background:#e9f1ff;color:#1b4d96}.af-status.draft{background:#f0f1f3;color:#555}.af-line{grid-template-columns:minmax(220px,1fr) 100px 130px 100px}@media(max-width:800px){.af-grid-2{grid-template-columns:1fr}.af-line{grid-template-columns:1fr 1fr}.af-actions{display:flex;flex-wrap:wrap;gap:10px}}

.af-logo{font-size:0;background:#fff url("../../../themes/invois-theme/assets/invois-logo.png") center/112px auto no-repeat;height:48px;border-radius:7px}.af-logo span{display:none}.af-shell aside>a{color:#bfd0e8}.af-shell aside{background:linear-gradient(180deg,#031936,#021229)}

/* Invois 4.0 authentication */
.af-auth-page{min-height:calc(100vh - 82px);padding:72px max(5vw,28px);background:linear-gradient(135deg,#f5f8fc 0%,#eef3f9 100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,560px);gap:80px;align-items:center;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#07152d}.af-auth-intro{max-width:660px}.af-auth-kicker{display:inline-flex;color:#1557ff;font-size:12px;font-weight:850;letter-spacing:.14em;margin-bottom:20px}.af-auth-intro h1{font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-.055em;margin:0 0 26px}.af-auth-intro>p{font-size:20px;line-height:1.7;color:#506079;max-width:610px}.af-auth-intro ul{list-style:none;padding:0;margin:34px 0 0;display:grid;gap:13px;color:#263750}.af-auth-intro li:before{content:'✓';display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;margin-right:11px;background:#1557ff;color:#fff;font-size:12px;font-weight:900}.af-auth-card{background:#fff;border:1px solid #dfe6f0;border-radius:22px;padding:18px;box-shadow:0 28px 80px rgba(3,25,54,.12)}.af-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#f0f4f9;border-radius:12px;padding:5px}.af-auth-tabs button{border:0;background:transparent;color:#66758b;padding:12px;border-radius:9px;font-weight:800;cursor:pointer}.af-auth-tabs button.active{background:#fff;color:#07152d;box-shadow:0 3px 12px rgba(3,25,54,.08)}.af-auth-panel{display:none;padding:28px 22px 20px}.af-auth-panel.active{display:grid;gap:15px}.af-auth-panel h2{font-size:28px;letter-spacing:-.03em;margin:0}.af-auth-panel>p{color:#61708a;margin:0 0 8px}.af-auth-panel label,.af-auth-panel .login-username,.af-auth-panel .login-password{display:grid;gap:7px;margin:0;font-size:13px;font-weight:750}.af-auth-panel input[type=text],.af-auth-panel input[type=email],.af-auth-panel input[type=password]{width:100%;padding:14px 15px;border:1px solid #cad4e1;border-radius:9px;background:#fff;font:inherit;outline:none}.af-auth-panel input:focus{border-color:#1557ff;box-shadow:0 0 0 3px rgba(21,87,255,.12)}.af-auth-panel .login-remember{font-size:13px;color:#526079}.af-auth-panel .login-submit{margin:3px 0 0}.af-auth-panel .button-primary,.af-auth-submit{width:100%;border:0!important;border-radius:9px!important;padding:14px 18px!important;background:#031936!important;color:#fff!important;font:inherit!important;font-weight:800!important;cursor:pointer}.af-auth-panel .button-primary:hover,.af-auth-submit:hover{background:#1557ff!important}.af-forgot{font-size:13px;color:#1557ff;text-decoration:none;font-weight:700}.af-auth-panel small{color:#758297;line-height:1.5}.af-auth-panel #loginform{display:grid;gap:15px}.af-auth-panel #loginform p{margin:0}@media(max-width:900px){.af-auth-page{grid-template-columns:1fr;gap:42px;padding:50px 24px}.af-auth-intro{text-align:center;margin:auto}.af-auth-intro ul{display:none}.af-auth-card{width:100%;max-width:560px;margin:auto}}@media(max-width:560px){.af-auth-page{padding:28px 14px}.af-auth-intro h1{font-size:46px}.af-auth-intro>p{font-size:17px}.af-auth-card{padding:10px;border-radius:16px}.af-auth-panel{padding:23px 14px 16px}}
