:root{--green:#0b9f7b;--green-2:#10b889;--green-dark:#075c50;--mint:#e8f8f2;--mint-2:#d8f3e9;--ink:#102f35;--muted:#70848a;--line:#e4eceb;--bg:#f6f8f9;--card:#fff;--red:#d94c4c;--yellow:#e4aa21;--blue:#4b78c2;--purple:#8b63b8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}a{color:var(--green-dark);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.ico{width:18px;height:18px;display:inline-block;flex:0 0 auto}.topnav{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;gap:28px;position:sticky;top:0;z-index:30}.brand-svea-logo{display:flex;align-items:center;gap:10px;color:var(--ink)}.brand-svea-logo .svea-mark{width:38px!important;height:38px!important;border-radius:11px!important;background:linear-gradient(145deg,#10b98b,#0a9d78)!important;color:#fff!important;display:grid!important;place-items:center!important;font-weight:850!important;font-size:19px!important;letter-spacing:0}.brand-svea-text{display:flex;flex-direction:column;line-height:1}.brand-svea-text strong{font-size:16px;line-height:16px;color:var(--ink);font-weight:700}.brand-svea-text small{display:block;font-size:9px;color:#7d9094;margin-top:2px;letter-spacing:0;text-transform:none}.brand{min-width:135px}.brand-svea-logo + span{display:none}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);min-width:135px}.brandmark{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#10b98b,#0a9d78);color:#fff;display:grid;place-items:center;font-weight:850;font-size:19px}.brand b{display:block;font-size:16px;line-height:16px}.brand small{display:block;font-size:9px;color:#7d9094;margin-top:2px}.mainnav{display:flex;align-items:center;gap:3px;flex:1;height:100%}.nav-link{height:100%;padding:0 13px;border:0;background:none;color:#183c42;display:flex;align-items:center;gap:7px;font-weight:500;position:relative;white-space:nowrap}.mainnav>.nav-link.active{color:var(--green-dark);font-weight:700}.mainnav>.nav-link.active:after{content:"";position:absolute;bottom:0;left:10px;right:10px;height:3px;background:#0ed0a0;border-radius:3px 3px 0 0}.nav-more{height:100%;position:relative}.more-trigger{gap:2px}.more-trigger .ico{width:13px}.dropdown{display:none;position:absolute;top:59px;left:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 45px rgba(16,47,53,.13);min-width:190px;padding:7px}.dropdown.open{display:block}.dropdown a{display:block;padding:10px 12px;border-radius:8px;color:var(--ink)}.dropdown a:hover{background:var(--mint);color:var(--green-dark)}.topright{display:flex;align-items:center;gap:18px;white-space:nowrap}.top-link,.account-link{color:#173d42}.account-link{font-weight:600}.top-icon{width:34px;height:34px;display:grid;place-items:center;color:#173d42;border-radius:9px}.top-icon:hover{background:var(--mint)}.app{min-height:calc(100vh - 68px)}.container{max-width:1510px;margin:auto;padding:0 30px 60px}.subbar{height:94px;display:flex;align-items:center;justify-content:space-between;gap:25px}.search-wrap{display:flex;align-items:center;width:min(520px,50vw);height:46px;border:1px solid #dbe5e4;background:#fff;border-radius:10px;padding:0 12px;color:#789094}.search-wrap form{display:flex;align-items:center;width:100%;gap:10px}.search-wrap input{border:0;outline:0;background:transparent;width:100%;color:var(--ink)}kbd{font-size:11px;border:1px solid #dce5e5;border-radius:6px;padding:4px 7px;color:#718488;background:#fafcfc}.company-head{display:flex;align-items:center;gap:10px}.company-head>div{display:grid}.company-head small{color:#809195;font-size:11px;margin-top:2px}.company-logo-mini{width:42px;height:42px;border-radius:50%;background:var(--mint);color:var(--green-dark);display:grid;place-items:center;font-weight:800}.page-heading{margin:0 0 20px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:#7d9296;font-weight:700}.page-heading h1{font-size:29px;line-height:1.15;margin:5px 0 0;letter-spacing:-.03em}.alert{padding:12px 15px;border-radius:10px;margin:0 0 18px}.alert.success{background:#e8f8f1;color:#08734f}.alert.error{background:#fdeceb;color:#a52d2d}.dashboard-hero{border:1px solid #cfe9df;border-radius:15px;background:linear-gradient(115deg,#eaf9f3,#dff5ec 58%,#edf9f5);padding:27px 32px;display:flex;justify-content:space-between;align-items:center;min-height:185px;margin-bottom:18px;overflow:hidden;position:relative}.dashboard-hero:after{content:"";position:absolute;width:450px;height:450px;border-radius:50%;background:rgba(255,255,255,.32);right:-120px;top:-280px}.dashboard-hero>*{position:relative;z-index:1}.dashboard-hero h2{font-size:31px;margin:5px 0 6px;letter-spacing:-.04em}.dashboard-hero p{color:#48696d;margin:0;font-size:15px}.hero-actions{display:flex;gap:9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid #cfdddc;background:#fff;color:#173c41;border-radius:9px;padding:9px 14px;font-weight:700;font-size:13px;transition:.15s}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(10,65,65,.08)}.btn.primary{background:#075b50;border-color:#075b50;color:#fff}.btn.primary:hover{background:#064f46}.btn.white{background:#fff;border-color:#cbded9;color:#075b50}.btn.danger{background:#fff3f3;border-color:#f0cccc;color:#a52d2d}.btn.small{min-height:34px;padding:7px 10px;font-size:12px}.btn.full{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;display:flex;gap:12px;align-items:center;min-height:100px}.stat-card.simple{display:block}.stat-card>div:last-child{min-width:0}.stat-card span{display:block;color:#73868b;font-size:12px}.stat-card b{display:block;font-size:23px;margin-top:5px;letter-spacing:-.03em}.stat-card small{display:block;color:#8a9a9e;font-size:11px;margin-top:4px}.stat-icon{width:39px;height:39px;border-radius:11px;background:var(--mint);color:var(--green-dark);display:grid;place-items:center}.stat-icon.blue{background:#edf3ff;color:var(--blue)}.stat-icon.warning{background:#fff6de;color:#b27a00}.stat-icon.purple{background:#f3edfa;color:var(--purple)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(310px,1fr);gap:18px}.dashboard-bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 3px rgba(14,55,60,.025);overflow:hidden}.card>h2,.card>h3,.card>p,.card>.card-head{margin-left:21px;margin-right:21px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-top:20px;margin-bottom:15px}.card-head h2{font-size:18px;margin:0;letter-spacing:-.02em}.card-head p{font-size:12px;color:#7a8c90;margin:5px 0 0}.card-head>a{font-size:12px;font-weight:700;display:flex;gap:5px;align-items:center}.open-invoices{min-height:390px}.open-body{display:grid;grid-template-columns:1.15fr .85fr;min-height:245px;padding:4px 28px 25px}.open-list{display:flex;flex-direction:column;justify-content:center;gap:26px}.open-list>div{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px}.open-list>div>span:nth-child(2){color:#24474d}.open-list b{font-size:14px}.round{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:12px}.round.yellow{background:#fff2bd;color:#9b7800}.round.red{background:#fff0f0;color:#c24646}.round.green{background:#e5f8ef;color:#07845d}.donut-wrap{border-left:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.donut{width:145px;height:145px;border-radius:50%;background:conic-gradient(#0cae86 0 34%,#e6f3ef 34% 82%,#f5cccc 82% 100%);display:grid;place-items:center;position:relative}.donut:before{content:"";position:absolute;inset:25px;border-radius:50%;background:#fff}.donut div{position:relative;text-align:center;z-index:1}.donut b{display:block;font-size:21px}.donut span{font-size:10px;color:#849397}.donut-wrap>strong{font-size:16px}.donut-wrap>small{font-size:10px;color:#8a9a9e}.bank-callout{border-top:1px solid var(--line);padding:17px 28px;display:flex;align-items:center;gap:12px;color:var(--ink)}.bank-callout>.ico{width:38px;height:38px;padding:9px;border-radius:50%;background:#e4f8ef;color:var(--green-dark)}.bank-callout span:nth-child(2){display:grid}.bank-callout small{color:#7b8c90;margin-top:3px}.bank-callout .push{margin-left:auto;display:flex;gap:5px;align-items:center;color:#16454a;font-size:12px;font-weight:700}.side-stack{display:grid;gap:18px}.side-stack .card{padding-bottom:18px}.rank-row{margin:13px 21px}.rank-row>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px}.rank-row>div:first-child span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-row b{font-size:12px}.rank-bar{height:9px;background:#eef3f2;border-radius:10px;overflow:hidden;margin-top:7px}.rank-bar i{height:100%;display:block;background:#0eaf87;border-radius:10px}.quick-card>a{display:flex;align-items:center;gap:10px;margin:8px 17px;padding:10px;border:1px solid #e5eceb;border-radius:9px;color:var(--ink)}.quick-card>a:hover{background:#fbfdfc;border-color:#cde5de}.quick-card>a>.ico:first-child{width:34px;height:34px;padding:8px;background:var(--mint);border-radius:50%;color:var(--green-dark)}.quick-card>a span{display:grid;flex:1}.quick-card>a small{color:#8a999d;font-size:10px;margin-top:2px}.quick-card>a>.ico:last-child{width:14px}.sales-total{display:flex;gap:55px;padding:0 21px 12px}.sales-total span{display:block;color:#829296;font-size:11px}.sales-total b{font-size:20px}.bars{height:250px;display:flex;align-items:flex-end;gap:10px;padding:18px 20px 12px;border-bottom:1px solid var(--line)}.bar-col{height:100%;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.bar{width:min(35px,70%);background:#12ae87;border-radius:6px 6px 2px 2px;min-height:3px}.bar-value{font-size:9px;color:#809095;white-space:nowrap;opacity:.8}.bar-col small{font-size:9px;color:#7e9094}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.toolbar-actions{display:flex;align-items:center;gap:8px}.inline-search{display:flex;align-items:center;gap:8px;border:1px solid #d9e4e3;background:#fff;border-radius:9px;padding:0 11px;width:min(430px,50vw);height:42px}.inline-search input{border:0;outline:0;width:100%;background:transparent}.filter-select,.toolbar select{border:1px solid #d5e1df;border-radius:9px;padding:9px 11px;background:#fff;color:var(--ink)}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#819195;white-space:nowrap}.table-wrap td{padding:14px 16px;border-bottom:1px solid #edf2f1;vertical-align:middle;font-size:13px}.table-wrap tr:last-child td{border-bottom:0}.table-wrap tr:hover td{background:#fcfefd}.table-wrap td small{display:block;color:#87979b;font-size:10px;margin-top:3px}.status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap;background:#eef2f2;color:#52676b}.status.paid,.status.approved{background:#e4f8ef;color:#087e59}.status.sent,.status.viewed{background:#edf3ff;color:#376ab0}.status.overdue,.status.rejected,.status.cancelled{background:#ffeded;color:#b03636}.status.credited{background:#f2ebfa;color:#7347a7}.status.draft{background:#f1f3f4;color:#66777b}.actions{display:flex;gap:10px;justify-content:flex-end;align-items:center}.link{border:0;background:none;padding:0;color:var(--green-dark);font-weight:600}.danger-text{color:#b03737}.customer-cell{display:flex;align-items:center;gap:10px;color:var(--ink)}.mini-avatar,.result-avatar{width:34px;height:34px;border-radius:50%;background:var(--mint);color:var(--green-dark);display:grid;place-items:center;font-weight:800;font-size:12px;flex:0 0 auto}.form-card{padding:0 21px 22px}.form-card>.card-head{margin-left:0;margin-right:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid label,.stack-form label,.date-filter label{display:grid;gap:6px;font-size:11px;font-weight:700;color:#50666a}.form-grid label.wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea,.stack-form input,.stack-form select,.date-filter input{width:100%;border:1px solid #cfdddc;border-radius:8px;padding:10px 11px;background:#fff;color:var(--ink);outline:none}.form-grid textarea{min-height:100px;resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.inline-search:focus-within{border-color:#0cad87;box-shadow:0 0 0 3px rgba(12,173,135,.1)}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.sticky-save{border-top:1px solid var(--line);margin-top:7px;padding-top:18px}.section-divider{border-top:1px solid var(--line);padding-top:17px;margin-top:7px}.section-divider h3{margin:0;font-size:14px}.line-items{border:1px solid var(--line);border-radius:10px;padding:14px}.line-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.line-toolbar h3{margin:0;font-size:14px}.line-toolbar p{margin:3px 0 0;color:#849397;font-size:11px}.line-head,.line{display:grid;grid-template-columns:1.15fr 2fr .7fr .9fr .7fr 34px;gap:7px}.line-head{font-size:9px;text-transform:uppercase;color:#87979a;margin-bottom:5px}.line{margin:7px 0}.line select,.line input{min-width:0;border:1px solid #d2dfdd;border-radius:7px;padding:9px;background:#fff;color:var(--ink)}.icon-btn{border:0;background:#fff1f1;color:#a33;border-radius:7px;font-size:18px}.form-footer{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.form-summary{display:grid}.form-summary span{font-size:11px;color:#849397}.form-summary strong{font-size:21px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.info-banner{background:var(--mint);border:1px solid #cce9df;border-radius:11px;padding:14px 17px;display:flex;gap:11px;align-items:center;margin-bottom:18px}.info-banner>.ico{color:var(--green-dark)}.info-banner div{display:grid}.info-banner span{color:#6d8783;font-size:11px;margin-top:2px}.bank-row{display:flex;align-items:center;gap:10px;padding:13px 21px;border-top:1px solid #edf2f1}.bank-icon{width:34px;height:34px;border-radius:50%;background:var(--mint);color:var(--green-dark);display:grid;place-items:center}.bank-icon .ico{width:17px}.stack-form{display:grid;gap:11px;padding:0 21px 21px}.stack-form>input[type=file]{padding:8px}.match-form{display:flex;gap:6px;align-items:center}.match-form select{max-width:210px;border:1px solid #d4dfde;border-radius:7px;padding:7px;background:#fff}.document-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.document-toolbar>div{display:flex;gap:7px;align-items:center}.status-form select{border:1px solid #d4dfde;border-radius:8px;padding:9px;background:#fff}.document-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}.document-paper{background:#fff;border:1px solid var(--line);border-radius:12px;padding:42px;box-shadow:0 7px 25px rgba(15,55,60,.05)}.doc-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #e5ecea;padding-bottom:22px}.doc-brand{font-weight:850;letter-spacing:.05em;font-size:18px}.doc-brand b{font-weight:900}.doc-head small{display:block;color:#829296;margin-top:7px}.doc-title{text-align:right}.doc-title span{display:block;font-size:10px;letter-spacing:.12em;color:#809196}.doc-title b{display:block;font-size:22px;margin-top:4px}.doc-meta{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:24px 0}.doc-meta span{display:block;color:#87969a;font-size:9px;letter-spacing:.1em;font-weight:800;margin-bottom:5px}.doc-meta b{font-size:13px}.doc-meta p{color:#5f7579;line-height:1.55;margin:7px 0 0}.doc-meta>div:nth-child(2){display:grid;gap:12px}.doc-table{width:100%;border-collapse:collapse}.doc-table th{font-size:9px;text-transform:uppercase;color:#819195;text-align:left;background:#f6f9f8;padding:10px}.doc-table td{padding:13px 10px;border-bottom:1px solid var(--line);font-size:12px}.doc-totals{max-width:330px;margin:25px 0 0 auto}.doc-totals div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #edf2f1}.doc-totals .grand{font-size:17px;border-bottom:0;padding-top:13px}.doc-footer{border-top:1px solid var(--line);margin-top:45px;padding-top:14px;display:flex;gap:8px;flex-direction:column;color:#819196;font-size:10px}.doc-footer b{color:#36565b}.document-side{display:grid;gap:12px}.side-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.side-card h3{margin:3px 0 13px;font-size:16px}.side-card>h3:first-of-type{font-size:24px}.side-stat{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf2f1;padding:11px 0;font-size:11px}.action-link{display:flex;align-items:center;gap:9px;width:100%;border:0;border-top:1px solid #edf2f1;background:none;padding:12px 0;text-align:left;color:var(--ink);font-weight:600}.action-link .ico{width:15px}.account-layout,.settings-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start}.account-menu,.settings-menu{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.account-menu a,.settings-menu a{display:block;padding:15px 17px;border-bottom:1px solid #edf2f1;color:#1d4146;font-weight:600;font-size:13px}.account-menu a:last-child,.settings-menu a:last-child{border-bottom:0}.account-menu a:hover,.account-menu a.active,.settings-menu a:hover,.settings-menu a.active{background:var(--mint);color:var(--green-dark)}.account-panel,.settings-panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:27px 40px}.account-title{border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:22px}.account-title h2,.panel-title h2{font-size:19px;margin:4px 0}.account-title p,.panel-title p{color:#7e8e92;margin:5px 0 0;font-size:12px}.placeholder-panel,.empty-state{text-align:center;padding:65px 25px;color:#77898d}.placeholder-icon,.empty-state>div{width:52px;height:52px;border-radius:50%;background:var(--mint);color:var(--green-dark);display:grid;place-items:center;margin:0 auto 12px}.placeholder-panel h3,.empty-state h3{margin:0;color:var(--ink)}.placeholder-panel p,.empty-state p{max-width:460px;margin:8px auto;line-height:1.6}.pill{display:inline-flex;padding:6px 9px;border-radius:999px;background:#f0f3f3;color:#607277;font-size:10px;font-weight:700}.pill.success{background:#e4f8ef;color:#087e59}.setup-box{margin-top:24px;padding:20px;border:1px solid #dce8e5;border-radius:10px;background:#fbfdfc}.setup-box #qrcode{margin:15px 0}.recovery{margin-top:15px;padding:15px;background:#f7faf9;border:1px solid var(--line);border-radius:9px}.recovery code{font-family:ui-monospace,monospace;line-height:2}.mono{font-family:ui-monospace,monospace;background:#f3f7f6;padding:7px;border-radius:7px;display:inline-block}.search-results{display:grid;grid-template-columns:1fr 1fr;gap:18px}.search-results section:first-child{grid-column:1/-1}.result-row{display:flex;align-items:center;gap:10px;padding:11px 21px;border-top:1px solid #edf2f1;color:var(--ink)}.result-row:hover{background:#fbfdfc}.result-row span:nth-child(2){display:grid;flex:1}.result-row small{color:#829296;margin-top:2px}.result-doc{width:34px;height:34px;border-radius:9px;background:#edf7f4;color:var(--green-dark);display:grid;place-items:center;font-weight:800}.result-row>strong{font-size:12px}.detail-header{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;display:flex;align-items:center;gap:15px;margin-bottom:18px}.detail-avatar{width:56px;height:56px;border-radius:15px;background:var(--mint);display:grid;place-items:center;color:var(--green-dark);font-size:22px;font-weight:850}.detail-header h2{margin:4px 0;font-size:22px}.detail-header p{margin:3px 0;color:#7c8e92;font-size:12px}.detail-actions{margin-left:auto;display:flex;gap:8px}.compact-stats{grid-template-columns:repeat(3,1fr)}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin:20px 0 15px}.tabs a{padding:11px 2px;color:#6f8185;font-weight:700;font-size:12px}.tabs a.active{color:var(--green-dark);border-bottom:2px solid #0ab48a}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.info-grid>div{padding:12px;background:#fafcfc;border:1px solid #edf2f1;border-radius:8px}.info-grid span{display:block;color:#829195;font-size:10px;margin-bottom:4px}.info-grid b{font-size:12px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.template-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}.template-card h2{font-size:16px;margin:14px 0 5px}.template-card p{font-size:11px;color:#7b8d91;line-height:1.5}.template-preview{height:180px;border:1px solid #e4ecea;border-radius:9px;background:#fff;padding:22px;position:relative;overflow:hidden}.template-preview span{display:block;font-size:13px;letter-spacing:.08em}.template-preview b{font-size:20px}.template-preview i{display:block;position:absolute;left:22px;right:22px;bottom:28px;height:7px;background:#e8efed;border-radius:4px;box-shadow:0 -25px #f0f4f3,0 -50px #f0f4f3}.template-preview.mint{background:#effaf5}.template-preview.dark{background:#075b50;color:#fff}.template-preview.dark i{background:#5cc4ac;box-shadow:0 -25px rgba(255,255,255,.25),0 -50px rgba(255,255,255,.25)}.report-toolbar{padding:14px 18px;display:flex;justify-content:space-between;align-items:end}.date-filter{display:flex;gap:10px;align-items:end}.date-filter label{min-width:150px}.bars.tall{height:350px}.status-list>div{display:grid;grid-template-columns:1fr 45px 100px;align-items:center;gap:8px;padding:12px 21px;border-top:1px solid #edf2f1}.status-list strong{text-align:right;font-size:12px}.notification-row{display:flex;gap:12px;padding:15px 21px;border-top:1px solid #edf2f1}.notification-dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green-dark);flex:0 0 auto}.notification-dot.read{background:#f0f3f3;color:#8b999c}.notification-row b{font-size:12px}.notification-row p{margin:3px 0;color:#74878b;font-size:11px}.notification-row small{color:#9aa7aa;font-size:9px}.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.help-card{padding:23px}.help-icon{width:42px;height:42px;background:var(--mint);color:var(--green-dark);display:grid;place-items:center;border-radius:12px}.help-card h2{font-size:17px;margin:15px 0 6px}.help-card p{color:#74868a;line-height:1.6;font-size:12px;min-height:58px}.help-card a{font-weight:700;font-size:12px;display:flex;align-items:center;gap:5px}.activity-label{font-size:11px;background:#f1f5f4;padding:5px 8px;border-radius:6px}.auth{min-height:100vh;background:linear-gradient(145deg,#f4f9f7,#e6f3ef);display:grid;place-items:center;padding:20px}.auth-card{width:min(430px,100%);background:#fff;border:1px solid #e0ebe8;border-radius:17px;padding:36px;box-shadow:0 18px 60px rgba(6,65,55,.1)}.auth-logo{display:flex;align-items:center;gap:10px;font-size:18px;margin-bottom:25px}.auth-logo>span{width:38px;height:38px;border-radius:11px;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:850}.auth-logo b{font-weight:850}.auth-card h1{font-size:25px;margin:0 0 7px}.auth-card form{display:grid;gap:13px;margin-top:20px}.auth-card label{display:grid;gap:6px;font-size:11px;font-weight:700}.auth-card input{padding:11px;border:1px solid #cfdddc;border-radius:8px;outline:0}.auth-links{display:flex;justify-content:space-between;margin-top:17px;font-size:12px}.empty{text-align:center;color:#829296;padding:35px!important}.empty.compact{padding:20px!important}.print-only{display:none}@media(max-width:1100px){.topnav{padding:0 18px;gap:12px}.mainnav .nav-link{padding:0 8px}.topright{gap:10px}.dashboard-grid,.document-layout{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr}.side-stack .quick-card{grid-column:1/-1}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-bottom,.two-col{grid-template-columns:1fr}.account-layout,.settings-layout{grid-template-columns:200px 1fr}.search-results{grid-template-columns:1fr}.search-results section:first-child{grid-column:auto}.template-grid{grid-template-columns:1fr 1fr}}@media(max-width:780px){.topnav{height:62px}.brand{min-width:auto}.brand>span:last-child,.top-link{display:none}.mainnav{overflow:auto}.mainnav .nav-link{font-size:12px}.topright{margin-left:auto}.account-link{display:none}.subbar{height:auto;padding:16px 0}.search-wrap{width:100%}.company-head{display:none}.container{padding:0 15px 40px}.page-heading h1{font-size:25px}.dashboard-hero{display:block;padding:22px}.hero-actions{margin-top:16px}.open-body{grid-template-columns:1fr}.donut-wrap{border-left:0;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.side-stack{grid-template-columns:1fr}.account-layout,.settings-layout{grid-template-columns:1fr}.account-menu,.settings-menu{display:flex;overflow:auto}.account-menu a,.settings-menu a{white-space:nowrap;border-bottom:0}.account-panel,.settings-panel{padding:22px}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.line-head{display:none}.line{grid-template-columns:1fr 1fr}.line select,.line input{width:100%}.form-footer{display:block}.form-actions{margin-top:12px}.document-paper{padding:24px}.doc-meta{grid-template-columns:1fr}.detail-header{align-items:flex-start;flex-wrap:wrap}.detail-actions{margin-left:0;width:100%}.detail-actions .btn{flex:1}.compact-stats{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.toolbar-actions{width:100%}.toolbar-actions .btn{flex:1}.inline-search{width:100%}.report-toolbar{display:block}.date-filter{flex-wrap:wrap}.date-filter label{flex:1}.template-grid{grid-template-columns:1fr}.help-grid{grid-template-columns:1fr}}@media(max-width:520px){.mainnav .nav-link:nth-child(6),.mainnav .nav-link:nth-child(7){display:none}.topnav{gap:5px}.stats-grid{grid-template-columns:1fr}.dashboard-hero h2{font-size:25px}.hero-actions{display:grid}.document-toolbar{display:block}.document-toolbar>div{margin-top:10px;flex-wrap:wrap}.document-toolbar .btn{flex:1}.doc-head{display:block}.doc-title{text-align:left;margin-top:15px}.doc-table th:nth-child(3),.doc-table td:nth-child(3),.doc-table th:nth-child(4),.doc-table td:nth-child(4){display:none}.search-results{gap:10px}.info-grid{grid-template-columns:1fr}}@media print{body{background:#fff}.topnav,.subbar,.page-heading,.alert,.document-toolbar,.document-side{display:none!important}.app{min-height:0}.container{padding:0;max-width:none}.document-layout{display:block}.document-paper{border:0;box-shadow:none;border-radius:0;padding:12mm}.print-only{display:block}}
/* Svea Faktura invoice builder v5 */
.invoice-builder{overflow:visible}.invoice-builder .card-head{align-items:center}.builder-hint{font-size:11px;color:#7b8d91;background:#f7fbfa;border:1px solid #e4efec;padding:9px 11px;border-radius:9px}.builder-grid{margin:0 21px}.line-items{border:1px solid #e4eceb;border-radius:10px;padding:15px;background:#fbfdfc}.line-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}.line-toolbar h3{font-size:14px;margin:0}.line-toolbar p{font-size:11px;color:#7d8f93;margin:4px 0 0}.builder-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;border-top:1px solid var(--line);margin-top:22px;padding:18px 21px 21px;background:#fcfefd}.builder-summary{display:flex;align-items:flex-end;gap:26px}.builder-summary>div{display:grid;gap:4px}.builder-summary span{font-size:10px;color:#829397}.builder-summary b{font-size:13px}.builder-summary .grand strong{font-size:22px;letter-spacing:-.03em;color:var(--green-dark)}.payment-form{display:grid;gap:10px}.payment-form label{display:grid;gap:6px}.payment-input{display:flex;align-items:center;border:1px solid #cfdddc;border-radius:8px;background:#fff;overflow:hidden}.payment-input input{border:0;outline:0;width:100%;padding:10px}.payment-input span{padding:0 10px;color:#849397;font-size:12px}.table-sub{display:block;color:#8a999d;font-size:10px;margin-top:3px}.document-side .full{width:100%}.doc-totals .remaining{color:var(--green-dark)}
@media(max-width:780px){.builder-hint{display:none}.builder-bottom{display:block}.builder-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.builder-summary .grand{grid-column:1/-1}.line-toolbar{align-items:flex-start;flex-direction:column}.invoice-toolbar{align-items:flex-start}.invoice-toolbar .toolbar-actions{width:100%;flex-wrap:wrap}.invoice-toolbar .inline-search{flex:1;min-width:220px}}
.side-status-form{border-top:1px solid var(--line);padding-top:13px;margin-top:13px}.side-status-form label{display:grid;gap:6px}.side-status-form label>span{font-size:10px;color:#829397;font-weight:700}.side-status-form select{width:100%;padding:9px;border:1px solid #cfdddc;border-radius:8px;background:#fff;color:var(--ink)}
/* Bank & payment matching v6 */
.hint-box{margin-top:14px;padding:11px 13px;border:1px solid #e4efec;border-radius:10px;background:#f8fbfa;color:#718387;font-size:11px;line-height:1.55}.muted{color:#8b999c;font-size:11px}.match-form{display:grid;grid-template-columns:minmax(180px,1fr) 105px auto;gap:7px;align-items:center;min-width:390px}.match-form select,.match-amount{min-width:0;padding:8px 9px;border:1px solid #cfdddc;border-radius:8px;background:#fff;color:var(--ink);font-size:12px}.match-amount{text-align:right}.match-list{display:grid;gap:5px;margin-top:8px}.match-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;border-radius:7px;background:#f6faf9;border:1px solid #e5efed;font-size:10px}.match-chip form{margin:0}.pill.warning{background:#fff6df;color:#9a6a00;border-color:#f0dfad}.danger-text{color:#c35a5a}.table-wrap{overflow-x:auto}@media(max-width:780px){.match-form{grid-template-columns:1fr 100px auto;min-width:0}.hint-box{font-size:10px}}
/* V11 branding */
.branding-options{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:28px;align-items:stretch}
.branding-preview{--brand:#20B26B;border:1px solid #dfe8e2;border-radius:18px;padding:24px;background:#fff;min-height:220px;box-shadow:0 10px 28px rgba(20,40,30,.05)}
.branding-preview-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.branding-preview-top>div:last-child{display:flex;flex-direction:column;text-align:right;gap:4px}.branding-preview-top strong{font-size:22px;letter-spacing:.03em}.branding-preview-top small{color:#68746e}.branding-logo{width:72px;height:48px;display:flex;align-items:center;justify-content:flex-start}.branding-logo img{max-width:72px;max-height:48px;object-fit:contain}.branding-logo b{font-size:20px;color:var(--brand)}.branding-preview-line{height:4px;background:var(--brand);border-radius:4px;margin:22px 0 34px}.branding-preview-total{display:flex;justify-content:flex-end;align-items:center;gap:18px}.branding-preview-total span{font-size:11px;color:#6d7873;font-weight:700}.branding-preview-total b{background:var(--brand);color:#fff;padding:10px 16px;border-radius:8px}.branding-fields{display:flex;flex-direction:column;gap:16px}.color-input{width:74px;height:44px;padding:3px;border:1px solid #d8e3dc;border-radius:10px;background:#fff}.field-help{display:block;margin-top:5px;color:#7a8580;font-size:12px}
@media(max-width:800px){.branding-options{grid-template-columns:1fr}.branding-preview{min-height:180px}}
.customer-two-col{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.9fr);gap:18px;align-items:start}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;align-items:center;gap:12px;padding:14px 4px;border-bottom:1px solid #edf2ee;color:inherit;text-decoration:none}.timeline-item:last-child{border-bottom:0}.timeline-dot{width:9px;height:9px;border-radius:50%;background:#20B26B;flex:none}.timeline-item span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}.timeline-item small{color:#718078}.timeline-item>svg{margin-left:auto}.customer-note-form textarea{width:100%;margin-bottom:10px}.note-list{margin-top:16px;display:flex;flex-direction:column;gap:10px}.note-item{padding:14px;border:1px solid #e6eee9;border-radius:12px;background:#fbfdfb}.note-item>div{display:flex;justify-content:space-between;gap:10px}.note-item small,.document-row small{display:block;color:#78857f;margin-top:3px}.note-item p{margin:10px 0 0;line-height:1.55}.document-upload{display:flex;flex-direction:column;gap:10px;padding-bottom:16px;border-bottom:1px solid #edf2ee}.document-upload input[type=file]{width:100%}.document-upload small{color:#78857f}.document-list{display:flex;flex-direction:column}.document-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #edf2ee}.document-row:last-child{border-bottom:0}.doc-icon{width:34px;height:34px;border-radius:9px;background:#edf8f1;display:grid;place-items:center;color:#15965a}.doc-actions{display:flex;align-items:center;gap:9px}.doc-actions form{display:inline}.inline-filter select{height:42px;border:1px solid #dfe8e2;border-radius:10px;padding:0 12px;background:#fff}.toolbar-actions{display:flex;align-items:center;gap:10px}.detail-header .eyebrow{display:flex;gap:6px;align-items:center}@media(max-width:900px){.customer-two-col{grid-template-columns:1fr}.toolbar-actions{width:100%;justify-content:flex-end}.document-row{grid-template-columns:auto minmax(0,1fr)}.doc-actions{grid-column:2}.customer-two-col aside{display:contents}}@media(max-width:620px){.toolbar{flex-wrap:wrap}.toolbar-actions{justify-content:stretch}.toolbar-actions>*{flex:1}.inline-filter select{width:100%}.document-row{grid-template-columns:auto 1fr}.doc-actions{grid-column:2;flex-wrap:wrap}.doc-actions .btn{font-size:12px}}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.stat-card{background:#fff;border:1px solid #e7eee9;border-radius:16px;padding:18px}.stat-card span{display:block;color:#68756e;font-size:13px;margin-bottom:7px}.stat-card strong{font-size:22px;letter-spacing:-.02em}.filter-tabs{display:flex;gap:8px;margin-top:14px}.filter-tabs a{display:inline-flex;padding:8px 13px;border-radius:10px;text-decoration:none;color:#65716b;background:#f5f8f6}.filter-tabs a.active{background:#e6f7ed;color:#14814c;font-weight:700}@media(max-width:800px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.stats-grid{grid-template-columns:1fr}}

.password-field{position:relative;width:100%}.password-field input{width:100%;padding-right:43px!important}.password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:transparent;color:#7b8d91;border-radius:7px;display:grid;place-items:center;padding:0}.password-toggle:hover{background:#f1f7f5;color:var(--green-dark)}.password-toggle.active{color:var(--green-dark)}.password-toggle svg{width:18px;height:18px}

.password-field{position:relative!important;display:block!important;width:100%!important}.password-field input{width:100%!important;padding-right:48px!important}.password-toggle{position:absolute!important;right:6px!important;top:50%!important;transform:translateY(-50%)!important;z-index:10!important;width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border:0!important;background:transparent!important;color:#6f858a!important;border-radius:8px!important;padding:0!important;cursor:pointer!important}.password-toggle:hover{background:#eef7f4!important;color:#075b50!important}.password-toggle svg{display:block!important;width:19px!important;height:19px!important;pointer-events:none!important}.password-toggle.active{color:#075b50!important}

/* V16.5 – illustrated green finance pattern for authentication pages */
.auth{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;padding:48px 24px;background:
  radial-gradient(circle at 15% 18%,rgba(32,178,107,.14),transparent 28%),
  radial-gradient(circle at 86% 20%,rgba(96,211,153,.13),transparent 27%),
  radial-gradient(circle at 82% 84%,rgba(32,178,107,.10),transparent 30%),
  linear-gradient(135deg,#f3fbf7 0%,#eaf8f1 50%,#f8fcfa 100%);
}
.auth:before,.auth:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.auth:before{width:520px;height:520px;left:-250px;top:-220px;background:rgba(32,178,107,.055);box-shadow:760px 560px 0 rgba(32,178,107,.045)}
.auth:after{width:420px;height:420px;right:-220px;bottom:-220px;background:rgba(86,201,139,.065);box-shadow:-760px -520px 0 rgba(86,201,139,.04)}
.auth-card{position:relative;z-index:10;box-shadow:0 22px 65px rgba(20,76,55,.12),0 3px 12px rgba(20,76,55,.05);border:1px solid rgba(32,178,107,.10)}
.auth-decor{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.auth-decor .finance-icon{position:absolute;display:grid;place-items:center;width:64px;height:64px;border-radius:18px;color:rgba(19,133,78,.27);background:rgba(255,255,255,.30);border:1px solid rgba(32,178,107,.10);box-shadow:0 10px 28px rgba(20,76,55,.035);transform:rotate(var(--r,0deg));}
.auth-decor .finance-icon .ico{width:35px;height:35px;stroke-width:1.45}
.auth-decor .f1{left:7%;top:10%;--r:-12deg}.auth-decor .f2{left:19%;top:19%;--r:8deg}.auth-decor .f3{left:4%;top:42%;--r:-7deg}.auth-decor .f4{left:18%;top:66%;--r:10deg}.auth-decor .f5{left:7%;bottom:8%;--r:-9deg}
.auth-decor .f6{left:31%;top:8%;--r:6deg}.auth-decor .f7{left:38%;top:21%;--r:-8deg}.auth-decor .f8{left:30%;bottom:13%;--r:9deg}.auth-decor .f9{left:17%;top:34%;--r:-14deg}
.auth-decor .f10{right:7%;top:11%;--r:10deg}.auth-decor .f11{right:19%;top:20%;--r:-8deg}.auth-decor .f12{right:4%;top:43%;--r:7deg}.auth-decor .f13{right:18%;top:67%;--r:-11deg}.auth-decor .f14{right:7%;bottom:8%;--r:8deg}
.auth-decor .f15{right:31%;top:8%;--r:-6deg}.auth-decor .f16{right:38%;top:22%;--r:9deg}.auth-decor .f17{right:30%;bottom:13%;--r:-8deg}.auth-decor .f18{right:17%;top:35%;--r:13deg}
.auth-decor .f19{left:28%;bottom:5%;--r:-6deg}.auth-decor .f20{right:28%;bottom:5%;--r:7deg}
@media(max-width:1000px){.auth-decor .f1{left:3%}.auth-decor .f5{left:3%}.auth-decor .f10{right:3%}.auth-decor .f14{right:3%}.auth-decor .f19,.auth-decor .f20{display:none}}
@media(max-width:800px){.auth{padding:28px 16px}.auth-decor .finance-icon{width:48px;height:48px;border-radius:14px}.auth-decor .finance-icon .ico{width:27px;height:27px}.auth-decor .f2,.auth-decor .f7,.auth-decor .f11,.auth-decor .f16,.auth-decor .f19,.auth-decor .f20{display:none}.auth-decor .f1{left:2%;top:9%}.auth-decor .f3{left:2%;top:45%}.auth-decor .f4{left:3%;top:76%}.auth-decor .f5{left:3%;bottom:3%}.auth-decor .f10{right:2%;top:10%}.auth-decor .f12{right:2%;top:46%}.auth-decor .f13{right:3%;top:77%}.auth-decor .f14{right:3%;bottom:3%}.auth-decor .f6,.auth-decor .f8,.auth-decor .f9,.auth-decor .f15,.auth-decor .f17,.auth-decor .f18{display:none}}
@media(prefers-reduced-motion:reduce){.auth-decor .finance-icon{animation:none}}

/* V17: Svea Ekonomi auth wordmark */
.auth-logo{gap:11px}.auth-logo>div{display:flex;flex-direction:column;line-height:1}.svea-mark{width:40px!important;height:40px!important;border-radius:11px!important;background:#0f9f67!important;color:#fff!important;display:grid!important;place-items:center!important;font-weight:900!important;font-size:21px!important;letter-spacing:-.03em}.svea-wordmark{font-size:18px;letter-spacing:.01em;color:#163d36}.auth-logo small{font-size:9px;color:#7d908f;margin-top:3px;letter-spacing:.08em;text-transform:uppercase}.auth-links a{cursor:pointer}


/* V21: consistent Svea Ekonomi logo in the top navigation */
.topnav .brand{display:flex!important;align-items:center!important;min-width:145px!important;height:100%!important;}
.topnav .brand .brand-svea-logo{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;height:44px!important;white-space:nowrap!important;}
.topnav .brand .brand-svea-logo .svea-mark{display:grid!important;flex:0 0 38px!important;width:38px!important;height:38px!important;margin:0!important;padding:0!important;align-items:center!important;justify-content:center!important;}
.topnav .brand .brand-svea-text{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;flex:0 0 auto!important;line-height:1!important;height:38px!important;}
.topnav .brand .brand-svea-text strong{display:block!important;margin:0!important;padding:0!important;font-size:16px!important;line-height:17px!important;}
.topnav .brand .brand-svea-text small{display:block!important;margin:3px 0 0!important;padding:0!important;font-size:8px!important;line-height:9px!important;}
@media(max-width:780px){.topnav .brand{min-width:45px!important}.topnav .brand .brand-svea-text{display:none!important}.topnav .brand .brand-svea-logo{gap:0!important}.topnav .brand .brand-svea-logo .svea-mark{flex-basis:38px!important;}}

/* V23 – säkerhet / 2FA */
.security-panel{min-width:0}
.security-row{padding-bottom:20px;margin-bottom:4px}
.security-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.disable-2fa-box{margin-top:18px;padding:20px;border:1px solid #ecd8d8;background:#fffafa;border-radius:12px}
.disable-2fa-box h3{margin:0 0 6px;font-size:16px}
.disable-2fa-box p{margin:0;color:#718488;font-size:12px;line-height:1.55}
.disable-2fa-form{margin-top:16px;max-width:470px}
.setup-2fa{padding:24px;margin-top:20px}
.setup-heading{display:flex;align-items:flex-start;gap:12px}
.setup-heading.second{margin-top:26px}
.setup-step-badge{width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:var(--mint);color:var(--green-dark);display:grid;place-items:center;font-weight:800;font-size:13px}
.setup-heading h3{margin:1px 0 4px;font-size:16px}
.setup-heading p{margin:0;color:#718488;font-size:12px;line-height:1.5}
.twofa-setup-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:30px;align-items:start;margin-top:18px}
.twofa-qr-side{display:flex;justify-content:flex-start}
.qr-card{width:250px;height:250px;margin:0;background:#fff;border:1px solid #e2ebe8;border-radius:14px;display:grid;place-items:center;box-shadow:0 4px 18px rgba(15,72,64,.05)}
.qr-card #qrcode{display:grid;place-items:center}
.qr-card img,.qr-card canvas{display:block!important}
.twofa-verify-side{min-width:0;padding:3px 4px 0 0}
.manual-key{width:100%;box-sizing:border-box;margin:0;padding:11px 13px;border:1px solid #e3ebe8;border-radius:9px;background:#fff;font-size:12px;color:#24474d}
.manual-key summary{cursor:pointer;font-weight:700}
.manual-key p{color:#7a8b8f;margin:10px 0 8px;font-size:11px}
.manual-key .mono{word-break:break-all;font-size:11px}
.verify-2fa-form{max-width:430px;margin-top:16px}
.verify-2fa-form label{display:block}
.verify-2fa-form input{max-width:190px}
.verify-2fa-btn{margin-top:12px!important;padding:11px 18px!important;border-radius:9px!important;width:auto!important;min-width:0!important}
.recovery{margin-top:18px;padding:17px;border:1px solid #dcebe5;background:#f7fbf9;border-radius:10px}
.recovery p{color:#718488;font-size:11px;margin:5px 0 10px;line-height:1.5}
.recovery code{display:block;word-break:break-word}
@media(max-width:780px){.security-actions{justify-content:stretch}.security-actions .btn{flex:1}.setup-2fa{padding:18px}.twofa-setup-grid{grid-template-columns:1fr;gap:18px}.twofa-qr-side{justify-content:flex-start}.qr-card{width:240px;height:240px}.twofa-verify-side{padding:0}.verify-2fa-form input{max-width:none}.verify-2fa-btn{width:auto!important}}

/* V25 – 2FA QR och verifieringsfält */
.qr-card #qrcode{width:220px;height:220px;display:block;line-height:0;overflow:hidden}
.qr-card #qrcode img{display:block!important;width:220px!important;height:220px!important;max-width:220px!important;max-height:220px!important;margin:0!important}
.qr-card #qrcode canvas{display:none!important;width:0!important;height:0!important}
.verify-2fa-form label{display:grid!important;grid-template-columns:1fr;gap:7px;max-width:250px}
.verify-2fa-form label>span{font-size:11px;font-weight:700;color:#36585d}
.verify-2fa-form input{width:250px!important;max-width:250px!important;height:48px!important;padding:0 14px!important;border:1px solid #cfdedb!important;border-radius:11px!important;background:#fff!important;color:var(--ink)!important;outline:none!important;font-size:18px!important;font-weight:700!important;letter-spacing:.22em!important;text-align:center!important;box-shadow:0 2px 8px rgba(15,72,64,.04)!important;transition:border-color .15s,box-shadow .15s,background .15s!important}
.verify-2fa-form input:focus{border-color:#0b9f7b!important;box-shadow:0 0 0 3px rgba(11,159,123,.10)!important;background:#fbfffd!important}
.verify-2fa-btn{margin-top:11px!important;height:42px!important;min-height:42px!important;padding:8px 16px!important;font-size:12px!important;border-radius:9px!important}
@media(max-width:780px){.verify-2fa-form input{width:100%!important;max-width:250px!important}.qr-card #qrcode{width:220px;height:220px}}

/* Staff page polish */
.staff-page{display:grid;gap:18px}.staff-create,.staff-list{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.staff-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid var(--line)}.staff-head h2{font-size:19px;margin:0;letter-spacing:-.02em}.staff-head p{font-size:12px;color:#7b8d91;margin:6px 0 0;line-height:1.5}.staff-badge{display:inline-flex;align-items:center;gap:7px;background:var(--mint);color:var(--green-dark);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:700;white-space:nowrap}.staff-form{padding:22px 24px}.staff-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.staff-form-grid label{display:grid;gap:7px}.staff-form-grid label>span{font-size:11px;font-weight:700;color:#36585d}.staff-form-grid .wide{grid-column:1/-1}.staff-form-grid input,.staff-form-grid select{width:100%;box-sizing:border-box;min-height:43px;padding:10px 12px;border:1px solid #d5e1df;border-radius:9px;background:#fff;color:var(--ink);outline:0;font:inherit;font-size:13px}.staff-form-grid input:focus,.staff-form-grid select:focus{border-color:#0ab48a;box-shadow:0 0 0 3px rgba(10,180,138,.10)}.staff-password{position:relative}.staff-password input{padding-right:43px}.staff-password .password-toggle{position:absolute;right:5px;top:5px;width:34px;height:34px;border:0;background:transparent;color:#789095;border-radius:7px;display:grid;place-items:center;cursor:pointer}.staff-password .password-toggle:hover{background:#f0f7f4;color:var(--green-dark)}.staff-password .password-toggle svg{width:18px;height:18px}.staff-form-help{font-size:10px;color:#8a9a9e;margin-top:4px}.staff-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid #edf2f1}.staff-list-head{padding:20px 24px}.staff-list-head h2{font-size:18px;margin:0}.staff-list-head p{font-size:12px;color:#7b8d91;margin:5px 0 0}.staff-empty{padding:42px 24px;text-align:center;color:#7b8d91}.staff-empty-icon{width:46px;height:46px;border-radius:50%;background:var(--mint);color:var(--green-dark);display:grid;place-items:center;margin:0 auto 10px}.staff-empty h3{margin:0;color:var(--ink);font-size:14px}.staff-empty p{margin:5px auto 0;font-size:11px}.staff-list .table-wrap{border-top:1px solid var(--line)}.staff-list .table-wrap th{padding:11px 24px}.staff-list .table-wrap td{padding:14px 24px}.staff-person{display:flex;align-items:center;gap:10px}.staff-avatar{width:34px;height:34px;border-radius:10px;background:#e8f7f2;color:var(--green-dark);display:grid;place-items:center;font-weight:800;font-size:12px;flex:0 0 auto}.staff-person strong{font-size:12px}.staff-person small{display:block;color:#87979b;font-size:10px;margin-top:2px}.staff-role{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f1f5f4;color:#607277;font-size:10px;font-weight:700}@media(max-width:780px){.staff-form-grid{grid-template-columns:1fr}.staff-form-grid .wide{grid-column:auto}.staff-head{display:block}.staff-badge{margin-top:12px}.staff-form-actions{display:block}.staff-form-actions .btn{width:100%}.staff-list .table-wrap th,.staff-list .table-wrap td{padding-left:16px;padding-right:16px}}


/* V28 – polished staff creation form */
.staff-create{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 4px 18px rgba(15,67,73,.035)}
.staff-head{padding:24px 26px 20px;border-bottom:1px solid #edf2f1;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.staff-head h2{font-size:21px;margin:0;letter-spacing:-.025em}
.staff-head p{font-size:12px;color:#789095;margin:7px 0 0;line-height:1.55}
.staff-badge{display:inline-flex;align-items:center;gap:7px;background:#e9f8f3;color:var(--green-dark);border:1px solid #d7eee7;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:700;white-space:nowrap}
.staff-form{padding:24px 26px 26px}
.staff-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.staff-form-grid label{display:flex;flex-direction:column;gap:7px;min-width:0}
.staff-form-grid label>span{font-size:11px;font-weight:700;color:#31565b}
.staff-form-grid .wide{grid-column:auto}
.staff-form-grid input{width:100%;box-sizing:border-box;min-height:46px;padding:11px 13px;border:1px solid #d8e4e1;border-radius:10px;background:#fbfdfc;color:var(--ink);outline:0;font:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s}
.staff-form-grid input::placeholder{color:#a0afb2}
.staff-form-grid input:focus{border-color:#0ab48a;background:#fff;box-shadow:0 0 0 3px rgba(10,180,138,.10)}
.staff-password{position:relative!important;width:100%}
.staff-password input{padding-right:48px!important}
.staff-password .staff-password-toggle{position:absolute!important;right:6px!important;top:50%!important;transform:translateY(-50%)!important;width:34px!important;height:34px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#7b8d91!important;border-radius:8px!important;display:grid!important;place-items:center!important;cursor:pointer!important;z-index:2!important}
.staff-password .staff-password-toggle:hover{background:#eef7f4!important;color:var(--green-dark)!important}
.staff-password .staff-password-toggle svg{width:18px!important;height:18px!important;display:block!important;pointer-events:none!important}
.staff-form-help{font-size:10px;color:#8a9a9e;margin-top:1px;line-height:1.4}
.staff-form-actions{display:flex;justify-content:flex-start;align-items:center;margin-top:20px;padding-top:20px;border-top:1px solid #edf2f1}
.staff-form-actions .btn{min-height:43px;padding:0 18px;border-radius:10px}
@media(max-width:900px){.staff-form-grid{grid-template-columns:1fr 1fr}.staff-form-grid label:last-child{grid-column:1/-1}}
@media(max-width:620px){.staff-head{display:block}.staff-badge{margin-top:12px}.staff-form{padding:20px}.staff-form-grid{grid-template-columns:1fr}.staff-form-grid label:last-child{grid-column:auto}.staff-form-actions .btn{width:100%}}

/* V29 – modern Personal form */
.staff-page{gap:20px!important}
.staff-create{border-radius:18px!important;box-shadow:0 6px 24px rgba(15,67,73,.045)!important}
.staff-head{padding:26px 28px 22px!important;align-items:center!important}
.staff-head:before{content:'\1F465';width:48px;height:48px;border-radius:50%;background:#e8f8f3;color:var(--green-dark);display:grid;place-items:center;font-size:21px;flex:0 0 48px;margin-right:2px}
.staff-head>div{flex:1}
.staff-head h2{font-size:22px!important}
.staff-head p{font-size:13px!important;color:#71868a!important;max-width:700px}
.staff-badge{font-size:12px!important;padding:8px 12px!important}
.staff-form{padding:26px 28px 28px!important}
.staff-form-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:start!important}
.staff-form-grid label,
.staff-form-grid label.wide{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;grid-column:auto!important;min-width:0!important;margin:0!important;padding:0!important}
.staff-form-grid label>span{display:block!important;font-size:12px!important;font-weight:700!important;color:#284e54!important;line-height:1.2!important}
.staff-form-grid input[type="text"],
.staff-form-grid input[type="email"],
.staff-form-grid input[type="password"]{display:block!important;width:100%!important;height:48px!important;min-height:48px!important;box-sizing:border-box!important;padding:0 15px!important;border:1px solid #d6e3e0!important;border-radius:12px!important;background:#fbfdfc!important;color:var(--ink)!important;outline:none!important;font-size:14px!important;line-height:48px!important;box-shadow:0 1px 2px rgba(15,67,73,.02)!important;transition:border-color .16s,box-shadow .16s,background .16s!important}
.staff-form-grid input::placeholder{color:#9aabad!important;opacity:1!important}
.staff-form-grid input:hover{border-color:#c5d8d4!important;background:#fff!important}
.staff-form-grid input:focus{border-color:#0aa982!important;background:#fff!important;box-shadow:0 0 0 4px rgba(10,169,130,.10)!important}
.staff-password{position:relative!important;width:100%!important;height:48px!important;display:block!important}
.staff-password input[type="password"],.staff-password input[type="text"]{padding-right:50px!important}
.staff-password .staff-password-toggle{position:absolute!important;right:7px!important;top:50%!important;transform:translateY(-50%)!important;width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;color:#809296!important;border-radius:9px!important;display:grid!important;place-items:center!important;cursor:pointer!important;z-index:5!important}
.staff-password .staff-password-toggle:hover{background:#eaf7f3!important;color:var(--green-dark)!important}
.staff-password .staff-password-toggle svg{width:18px!important;height:18px!important;display:block!important;pointer-events:none!important}
.staff-form-help{display:block!important;margin:7px 0 0!important;font-size:11px!important;line-height:1.45!important;color:#829397!important}
.staff-form-actions{margin-top:24px!important;padding-top:22px!important;display:flex!important;justify-content:flex-start!important;border-top:1px solid #edf2f1!important}
.staff-form-actions .btn{height:46px!important;min-height:46px!important;padding:0 20px!important;border-radius:11px!important;font-size:13px!important;box-shadow:0 4px 10px rgba(10,126,103,.10)!important}
.staff-list{border-radius:18px!important;box-shadow:0 6px 24px rgba(15,67,73,.035)!important}
.staff-list-head{padding:24px 28px!important}
.staff-list-head h2{font-size:20px!important}
.staff-list-head p{font-size:13px!important;color:#71868a!important}
@media(max-width:950px){.staff-form-grid{grid-template-columns:1fr 1fr!important}.staff-form-grid label:last-child{grid-column:1/-1!important}}
@media(max-width:620px){.staff-head{display:flex!important;flex-wrap:wrap!important;padding:22px!important}.staff-head:before{margin-bottom:4px}.staff-badge{margin-left:50px!important;margin-top:-8px!important}.staff-form{padding:22px!important}.staff-form-grid{grid-template-columns:1fr!important}.staff-form-grid label:last-child{grid-column:auto!important}.staff-form-actions .btn{width:100%!important}}


/* V30 – clean up Personal header icon */
.staff-head:before{display:none!important;content:none!important}
.staff-head>div:first-child{min-width:0!important}

/* V31 – Personal permissions */
.staff-table{border-top:1px solid var(--line)}
.staff-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:17px 24px;border-bottom:1px solid #edf2f1;background:#fff}
.staff-row:last-child{border-bottom:0}
.staff-row .staff-person{min-width:0}
.staff-row .staff-person span:last-child{min-width:0}
.staff-row .staff-person strong,.staff-row .staff-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.staff-row .staff-role{background:#eaf8f4;color:var(--green-dark);border:1px solid #d8eee8}
.btn.small{min-height:36px!important;height:36px!important;padding:0 13px!important;border-radius:9px!important;font-size:11px!important;white-space:nowrap}
.staff-permissions{margin:0;padding:22px 24px 24px;background:#f8fbfa;border-bottom:1px solid #e7efed;box-shadow:inset 0 1px 0 #edf4f2}
.staff-permissions h3{margin:0;font-size:16px;letter-spacing:-.02em;color:var(--ink)}
.staff-permissions>div:first-child p{margin:6px 0 17px;color:#72858a;font-size:12px;line-height:1.55;max-width:760px}
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.permission-item{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid #dce8e5;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}
.permission-item:hover{border-color:#c5ddd7;box-shadow:0 3px 12px rgba(15,67,73,.04)}
.permission-item:has(input:checked){border-color:#a9ddcf;background:#fbfffd;box-shadow:0 0 0 2px rgba(10,180,138,.06)}
.permission-item input{appearance:none;width:19px;height:19px;min-width:19px;margin:1px 0 0;border:1.5px solid #b9ceca;border-radius:6px;background:#fff;display:grid;place-items:center;cursor:pointer}
.permission-item input:checked{background:var(--green);border-color:var(--green)}
.permission-item input:checked:after{content:'✓';color:#fff;font-size:12px;font-weight:800;line-height:1}
.permission-item b{display:block;font-size:12px;color:#244b51;margin-bottom:3px}
.permission-item small{display:block;color:#819397;font-size:10px;line-height:1.4}
.permission-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #e5eeeb}
.access-denied{min-height:100vh;display:grid;place-items:center;padding:30px;background:#f5f8f7}
.access-denied-card{width:min(460px,100%);box-sizing:border-box;background:#fff;border:1px solid #dfeae7;border-radius:20px;padding:42px;text-align:center;box-shadow:0 16px 40px rgba(15,67,73,.07)}
.access-denied-icon{width:48px;height:48px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:#fff2f0;color:#b84d43;font-size:25px;font-weight:500}
.access-denied-card .eyebrow{display:block;margin-bottom:7px}.access-denied-card h1{margin:0 0 9px;font-size:26px}.access-denied-card p{margin:0 auto 22px;color:#75878b;font-size:13px;line-height:1.6;max-width:330px}
@media(max-width:760px){.staff-row{grid-template-columns:1fr auto}.staff-row .staff-role{display:none}.permission-grid{grid-template-columns:1fr}.permission-actions{display:flex;flex-direction:column-reverse}.permission-actions .btn{width:100%}.staff-permissions{padding:20px 16px}}

/* V32 – Ta bort personalkonto */
.staff-row-actions{display:flex;align-items:center;gap:8px}
.staff-delete-form{margin:0;padding:0}
.staff-delete-form .btn.danger{color:#b84d43!important;background:#fff!important;border-color:#ead8d5!important}
.staff-delete-form .btn.danger:hover{color:#a13e35!important;background:#fff5f3!important;border-color:#e8c5c0!important}
@media(max-width:760px){.staff-row-actions{justify-content:flex-end}.staff-row-actions .btn{padding:0 10px!important}}

/* V33 – cleaner Personal action buttons */
.staff-row{grid-template-columns:minmax(0,1fr) auto minmax(205px,auto)!important;gap:20px!important;padding:18px 24px!important}
.staff-row-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;min-width:205px!important}
.staff-row-actions .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;box-sizing:border-box!important}
.staff-permission-btn{background:#fff!important;border-color:#d9e7e3!important;color:#0b6157!important;min-width:112px!important}
.staff-permission-btn:hover{background:#f3faf8!important;border-color:#bddbd3!important}
.staff-delete-form{display:block!important;margin:0!important;padding:0!important}
.staff-delete-btn{background:#fff!important;border:1px solid #ead8d5!important;color:#ad5148!important;min-width:96px!important;box-shadow:none!important}
.staff-delete-btn:hover{background:#fff6f4!important;border-color:#e4c2bd!important;color:#963e37!important}
.staff-delete-icon{display:inline-flex!important;width:16px!important;height:16px!important;align-items:center!important;justify-content:center!important}
.staff-delete-icon .ico{width:15px!important;height:15px!important}
@media(max-width:900px){.staff-row{grid-template-columns:minmax(0,1fr) auto!important}.staff-row-actions{grid-column:1/-1;justify-content:flex-start!important;min-width:0!important;padding-left:0!important}}
@media(max-width:620px){.staff-row{padding:16px!important}.staff-row-actions{width:100%!important}.staff-row-actions .btn{flex:1!important;min-width:0!important}.staff-delete-btn{min-width:0!important}}


/* V34 – expanded staff permissions and compact action buttons */
.staff-row-actions{min-width:0!important;gap:7px!important}
.staff-row-actions .btn{min-width:0!important;width:auto!important;padding:0 11px!important;height:34px!important;min-height:34px!important;border-radius:9px!important;font-size:11px!important}
.staff-permission-btn{min-width:88px!important}
.staff-delete-btn{min-width:78px!important}
.staff-delete-icon{width:14px!important;height:14px!important}
.staff-delete-icon .ico{width:13px!important;height:13px!important}
.permission-grid-expanded{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch}
.permission-group-title{grid-column:1/-1!important;margin:12px 2px 1px!important;padding:4px 0 3px!important;color:#668083!important;font-size:10px!important;font-weight:800!important;letter-spacing:.10em!important;text-transform:uppercase!important}
.permission-group-title:first-child{margin-top:0!important}
.permission-item{min-height:70px!important;box-sizing:border-box}
.staff-permissions{padding:24px 26px 26px!important}
.staff-permissions>div:first-child p{max-width:850px!important}
@media(max-width:900px){.permission-grid-expanded{grid-template-columns:1fr 1fr!important}.staff-row-actions{min-width:0!important}}
@media(max-width:620px){.permission-grid-expanded{grid-template-columns:1fr!important}.permission-group-title{grid-column:1!important}.staff-row-actions .btn{padding:0 10px!important}}

/* V35 – invoice builder preview + actions */
.invoice-form-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;flex-wrap:wrap!important}
.invoice-form-actions .btn{min-height:40px!important;height:40px!important;padding:0 14px!important;border-radius:10px!important;font-size:12px!important}
.invoice-form-actions .btn.primary{padding:0 17px!important}
.invoice-preview-modal[hidden]{display:none!important}
.invoice-preview-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:28px;box-sizing:border-box}
.invoice-preview-backdrop{position:absolute;inset:0;background:rgba(12,37,42,.42);backdrop-filter:blur(3px)}
.invoice-preview-dialog{position:relative;width:min(980px,96vw);max-height:92vh;display:flex;flex-direction:column;background:#f5f8f7;border:1px solid #dce8e5;border-radius:18px;box-shadow:0 28px 70px rgba(15,67,73,.22);overflow:hidden}
.invoice-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;background:#fff;border-bottom:1px solid #e4eeeb}
.invoice-preview-toolbar h3{margin:2px 0 0;font-size:18px;color:var(--ink)}
.invoice-preview-toolbar>div:last-child{display:flex;gap:8px}
.invoice-preview-paper{overflow:auto;margin:20px;padding:42px;background:#fff;border:1px solid #e0e9e6;border-radius:10px;box-shadow:0 8px 24px rgba(15,67,73,.06);color:#173e45}
.preview-brand{font-size:24px;font-weight:850;letter-spacing:-.04em}.preview-brand span{font-size:10px;font-weight:650;letter-spacing:.12em;margin-left:5px;color:#71858a}
.preview-head{display:flex;justify-content:space-between;gap:35px;margin-top:42px}.preview-head>div:first-child{min-width:0}.preview-head span,.preview-dates span{display:block;font-size:10px;color:#809397;font-weight:800;letter-spacing:.08em}.preview-head strong{display:block;font-size:18px;margin:7px 0}.preview-head small{display:block;color:#667d82;line-height:1.65}.preview-title{text-align:right}.preview-title b{display:block;font-size:27px;letter-spacing:-.04em;margin-top:5px}.preview-dates{display:flex;gap:65px;margin-top:30px}.preview-dates b{display:block;margin-top:5px;font-size:13px}.invoice-preview-paper table{width:100%;border-collapse:collapse;margin-top:30px}.invoice-preview-paper th,.invoice-preview-paper td{padding:11px 8px;border-bottom:1px solid #e6eeec;text-align:left;font-size:12px}.invoice-preview-paper th{font-size:10px;color:#789095;text-transform:uppercase;letter-spacing:.06em}.preview-total{width:min(330px,100%);margin:24px 0 0 auto}.preview-total div{display:flex;justify-content:space-between;gap:20px;padding:7px 0;font-size:12px}.preview-total div:last-child{border-top:2px solid #174f56;margin-top:5px;padding-top:13px;font-size:16px}.preview-notes{margin-top:28px;padding-top:20px;border-top:1px solid #e6eeec;font-size:12px}.preview-notes p{margin:7px 0 0;color:#657b80;line-height:1.6}.preview-footer{margin-top:55px;padding-top:14px;border-top:1px solid #e6eeec;color:#71858a;font-size:11px}
body.preview-open{overflow:hidden}
@media(max-width:760px){.invoice-form-actions{justify-content:flex-start}.invoice-form-actions .btn{flex:1;min-width:130px}.invoice-preview-modal{padding:10px}.invoice-preview-paper{margin:10px;padding:24px}.invoice-preview-toolbar{padding:14px}.invoice-preview-toolbar>div:last-child{flex-wrap:wrap}.preview-head{flex-direction:column}.preview-title{text-align:left}.preview-dates{gap:30px}.invoice-preview-paper th,.invoice-preview-paper td{padding:8px 5px;font-size:11px}}