/* Soda ZW modern interface theme. Loaded after app.css so business logic remains independent. */
body.modern-v2{
  --navy:#082f56;--navy2:#061f3a;--orange:#ff5a0a;--orange2:#ff7a32;
  --green:#16a365;--ice:#f5f7fa;--line:#e4e9ef;--text:#102a43;--muted:#6b7f91;
  --shadow:0 1px 2px rgba(12,35,57,.03),0 10px 30px rgba(12,35,57,.055);
  background:#f5f7fa;color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:14px;letter-spacing:-.005em;
}
.modern-v2 .sidebar{
  width:256px;padding:22px 16px 18px;background:#fff;color:var(--navy);
  border-right:1px solid #e5eaf0;box-shadow:4px 0 24px rgba(16,42,67,.025);
}
.modern-v2 .brand{margin:0 8px 24px;gap:12px;color:var(--navy);font-size:19px;letter-spacing:-.025em}
.modern-v2 .brand img{width:74px;height:52px;padding:2px;border-radius:10px;background:#fff;box-shadow:none}
.modern-v2 .brand span{color:var(--navy);padding-left:11px;border-left:1px solid #e2e8ee}
.modern-v2 .sidebar nav{gap:2px;padding:0 3px 14px}
.modern-v2 .nav-section{margin:17px 11px 6px;color:#9aa9b6;font-size:8px;letter-spacing:.16em}
.modern-v2 .nav-section:first-child{margin-top:3px}
.modern-v2 .sidebar nav a{position:relative;min-height:42px;padding:9px 11px;border-radius:10px;color:#526b7f;font-size:12px;font-weight:700;transition:background .16s,color .16s,transform .16s}
.modern-v2 .sidebar nav a b{width:27px;height:27px;border-radius:8px;background:#f1f4f7;color:#6e8496;font-size:10px;transition:.16s}
.modern-v2 .sidebar nav a:hover{background:#f6f8fa;color:var(--navy);transform:translateX(2px)}
.modern-v2 .sidebar nav a.active{background:#fff1e9;color:#bd450d;box-shadow:inset 0 0 0 1px #ffe0cf}
.modern-v2 .sidebar nav a.active:before{content:"";position:absolute;left:-3px;width:3px;height:20px;border-radius:0 4px 4px 0;background:var(--orange)}
.modern-v2 .sidebar nav a.active b{background:var(--orange);color:#fff}
.modern-v2 .sidebar-user{margin-top:auto;padding:15px 12px 2px;border-top:1px solid #e9edf1;color:var(--navy)}
.modern-v2 .sidebar-user small{color:#8b9aa7}.modern-v2 .sidebar-user a{color:var(--orange);font-weight:800;text-decoration:none}
.modern-v2 .main{margin-left:256px;padding:0 34px 30px;max-width:none}
.modern-v2 .topbar{position:sticky;top:0;height:88px;margin:0 -34px 24px;padding:0 34px;background:rgba(245,247,250,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(226,232,238,.85);z-index:12}
.modern-v2 .topbar span{font-size:8px;letter-spacing:.18em}.modern-v2 .topbar h1{margin-top:5px;font-size:25px;letter-spacing:-.035em;color:var(--navy)}
.modern-v2 .quick-create,.modern-v2 .button{min-height:39px;border-radius:10px;padding:10px 15px;font-size:11px;letter-spacing:0;transition:transform .15s,box-shadow .15s,filter .15s}
.modern-v2 .quick-create,.modern-v2 .button.primary{background:linear-gradient(135deg,var(--orange),var(--orange2));box-shadow:0 7px 18px rgba(255,90,10,.19);color:#fff}
.modern-v2 .button.green{background:linear-gradient(135deg,#159a60,#25b675);box-shadow:0 7px 18px rgba(22,163,101,.16)}
.modern-v2 .button.secondary{background:#fff;color:var(--navy);border:1px solid #dbe3ea;box-shadow:0 1px 2px rgba(16,42,67,.035)}
.modern-v2 .button:hover,.modern-v2 .quick-create:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(16,42,67,.12)}
.modern-v2 .panel,.modern-v2 .stat,.modern-v2 .import-card,.modern-v2 .document-card{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}
.modern-v2 .panel{padding:22px;margin-bottom:22px}.modern-v2 .panel-head{margin-bottom:20px}.modern-v2 .panel-head h2,.modern-v2 .panel h2{font-size:17px;letter-spacing:-.025em;color:var(--navy)}
.modern-v2 .panel-head p{margin-top:5px;font-size:11px;line-height:1.5}
.modern-v2 .stats{gap:14px;margin-bottom:24px}.modern-v2 .stat{position:relative;overflow:hidden;padding:20px 21px;transition:transform .16s,box-shadow .16s}
.modern-v2 .stat:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(16,42,67,.09)}
.modern-v2 .stat:after{content:"";position:absolute;right:-22px;bottom:-25px;width:74px;height:74px;border-radius:50%;background:#f4f7fa}
.modern-v2 .stat span{font-size:9px;letter-spacing:.1em}.modern-v2 .stat strong{position:relative;z-index:1;margin-top:11px;font-size:24px;letter-spacing:-.035em;color:var(--navy)}
.modern-v2 .stat small{position:relative;z-index:1;margin-top:7px;font-size:9px}.modern-v2 .payable-stat,.modern-v2 .stock-alert-stat{border-top:1px solid var(--line)}
.modern-v2 .payable-stat:before,.modern-v2 .stock-alert-stat:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--orange)}
.modern-v2 .quick-strip{gap:10px;margin-bottom:22px}.modern-v2 .quick-strip a{min-height:50px;border-radius:12px;border:1px solid #e3e9ee;background:#fff!important;color:var(--navy);box-shadow:0 1px 2px rgba(16,42,67,.03);transition:.16s}
.modern-v2 .quick-strip a:hover{border-color:#ffd7c1;box-shadow:0 9px 22px rgba(16,42,67,.07)}
.modern-v2 .quick-strip a b{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#fff0e8;color:var(--orange);font-size:11px}
.modern-v2 input,.modern-v2 select,.modern-v2 textarea{min-height:40px;border:1px solid #d7e0e8;border-radius:10px;padding:10px 12px;background:#fff;color:var(--text);box-shadow:inset 0 1px 1px rgba(16,42,67,.018)}
.modern-v2 input:hover,.modern-v2 select:hover,.modern-v2 textarea:hover{border-color:#bccbd7}.modern-v2 input:focus,.modern-v2 select:focus,.modern-v2 textarea:focus{border-color:#6f9fc5;box-shadow:0 0 0 3px rgba(74,132,180,.12)}
.modern-v2 label{gap:7px;color:#435b70;font-size:9px;letter-spacing:.025em}
.modern-v2 .table-wrap{border-radius:11px}.modern-v2 table{border-collapse:separate;border-spacing:0}.modern-v2 th{padding:11px 12px;background:#f8fafb;border-bottom:1px solid #dfe6ec;color:#718598;font-size:8px;letter-spacing:.1em;white-space:nowrap}
.modern-v2 td{padding:13px 12px;border-bottom:1px solid #edf1f4;font-size:11px}.modern-v2 tbody tr{transition:background .12s}.modern-v2 tbody tr:hover{background:#fbfcfd}.modern-v2 tbody tr:last-child td{border-bottom:0}
.modern-v2 .status{padding:6px 9px;font-size:7px;letter-spacing:.08em}.modern-v2 .alert{border-radius:12px;padding:13px 15px;border:1px solid transparent}
.modern-v2 .alert.success{border-color:#cfe9dc}.modern-v2 .alert.error{border-color:#f1d0d0}.modern-v2 .alert.info{border-color:#d6e5f3}
.modern-v2 .page-actions{margin-bottom:21px}.modern-v2 .register-title{font-size:27px;letter-spacing:-.04em;color:var(--navy)}
.modern-v2 .invoice-summary,.modern-v2 .payable-strip{border-radius:16px;box-shadow:var(--shadow)}
.modern-v2 .invoice-tabs a{border-radius:10px 10px 0 0}.modern-v2 .invoice-tabs a.active{background:#fff0e8;color:#b64410}
.modern-v2 .category-pill{background:#edf3f7;color:#3f6079}.modern-v2 .paid-clear{background:#e9f7ef}
.modern-v2 .invoice-send-centre{border-top:3px solid var(--green)}
.modern-v2 .invoice-send-centre .panel-head{align-items:center}.modern-v2 .invoice-send-centre td{vertical-align:middle}
.modern-v2 .send-invoice-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.modern-v2 .send-invoice-actions form{margin:0}
.modern-v2 .share-link-status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:100px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.modern-v2 .share-link-status:before{content:"";width:6px;height:6px;border-radius:50%}.modern-v2 .share-link-status.enabled{background:#e8f7ef;color:#167c50}.modern-v2 .share-link-status.enabled:before{background:#20aa70}.modern-v2 .share-link-status.disabled{background:#f1f3f5;color:#7d8994}.modern-v2 .share-link-status.disabled:before{background:#9aa6af}
.modern-v2 .copy-invoice-link{display:inline-block;margin-left:8px;color:#276a9b;font-size:10px;font-weight:800;text-decoration:none}.modern-v2 .copy-invoice-link:hover{text-decoration:underline}
.modern-v2 .button.link-button{min-height:auto;padding:5px 3px;border:0;background:transparent;color:#7d8994;box-shadow:none}.modern-v2 .button.link-button:hover{transform:none;color:#b04416;box-shadow:none}
.modern-v2 .invoice-view-status{display:inline-flex;align-items:center;padding:8px 11px;border-radius:100px;font-size:9px;font-weight:800}.modern-v2 .invoice-view-status.viewed{background:#e8f7ef;color:#167c50}.modern-v2 .invoice-view-status.not-viewed{background:#eef2f5;color:#748695}
.modern-v2 .invoice-operation-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;padding:15px;border-radius:12px;background:#f7f9fb}.modern-v2 .invoice-operation-summary div{min-width:0}.modern-v2 .invoice-operation-summary strong{display:block;margin-bottom:5px;color:#718598;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.modern-v2 .invoice-operation-summary span{display:block;color:var(--navy);font-size:11px;font-weight:700;overflow-wrap:anywhere}
.modern-v2 .app-footer{padding:26px 10px 8px;color:#97a6b2}.modern-v2 .mobile-backdrop{display:none}
@media(max-width:1050px){.modern-v2 .main{padding-left:24px;padding-right:24px}.modern-v2 .topbar{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}}
@media(max-width:760px){
  body.modern-v2.nav-open{overflow:hidden}.modern-v2 .sidebar{width:min(290px,86vw);box-shadow:18px 0 50px rgba(6,31,58,.19)}
  .modern-v2 .sidebar.open{transform:translateX(0)}.modern-v2 .mobile-backdrop{display:block;position:fixed;inset:0;border:0;background:rgba(6,31,58,.38);opacity:0;pointer-events:none;z-index:19;transition:.2s}
  .modern-v2.nav-open .mobile-backdrop{opacity:1;pointer-events:auto}.modern-v2 .main{margin-left:0;padding:0 15px 24px}.modern-v2 .topbar{height:76px;margin:0 -15px 20px;padding:0 15px;background:rgba(245,247,250,.94)}
  .modern-v2 .menu-toggle{display:grid;place-items:center;width:39px;height:39px;border:1px solid #dbe3ea;border-radius:10px;background:#fff;color:var(--navy)}
  .modern-v2 .panel{padding:16px;border-radius:14px}.modern-v2 .stat{padding:17px}.modern-v2 .topbar h1{font-size:21px}
  .modern-v2 .invoice-send-centre .panel-head{align-items:flex-start}.modern-v2 .send-invoice-actions{min-width:210px}
  .modern-v2 .invoice-operation-summary{grid-template-columns:1fr 1fr}
}
@media(max-width:430px){.modern-v2 .quick-create{width:40px;height:40px;padding:0}.modern-v2 .stats{gap:10px}.modern-v2 .stat strong{font-size:21px}.modern-v2 .page-actions{align-items:flex-start;flex-direction:column}}
@media print{body.modern-v2{background:#fff}.modern-v2 .mobile-backdrop{display:none!important}}
