/* 09-oct (Mathew, ESQUELETO_FACTURA_PANTALLAS rev 17): Work › Invoices — tiles, three views, fixed header and legend,
   cards rows with a colour only when they ask for something, hover on everything that can be clicked. */
.iv2{--iv-soft:#8a939e;--iv-amb-ink:#8a5c00;--iv-amb-edge:#edc46e;--iv-hov:#e9ecf0}
.iv2-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}
.iv2-fact{text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;font:inherit;color:inherit;transition:background-color .14s,border-color .14s,color .14s}
.iv2-fact small{display:block;color:var(--muted-soft);font:800 10.5px Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.iv2-fact b{display:block;font:600 26px/1.15 Oswald,sans-serif;color:var(--ink)}.iv2-fact b.iv2-red{color:var(--red)}
.iv2-fact span{display:block;color:var(--muted-soft);font-size:12px;white-space:nowrap;overflow:hidden}
.iv2-fact:hover{background:#eef0f3;border-color:#aeb6c1}
.iv2-fact.iv2-on{background:#dde2e8;border-color:#5b6470;box-shadow:inset 0 0 0 1px #5b6470}.iv2-fact.iv2-on:hover{background:#d3d9e0}

.iv2-fact:focus-visible,.iv2-btn:focus-visible,.iv2-tr:focus-visible{outline:2px solid var(--amber);outline-offset:2px}

.iv2-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.iv2-srch{flex:1;min-width:220px;height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--iv-soft)}
.iv2-srch input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 14px Inter,system-ui,sans-serif;color:var(--ink)}
.iv2-views{flex:none}.iv2-views span{display:inline-flex;align-items:center;gap:7px;padding-left:16px;padding-right:16px}.iv2-views svg{flex:none}
.iv2-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 16px;border:1px solid var(--line);border-radius:10px;background:#fff;font:700 14px Inter,system-ui,sans-serif;color:var(--ink);cursor:pointer;white-space:nowrap;transition:background-color .14s,border-color .14s}
.iv2-btn:hover{background:#e6e9ee;border-color:#b9c1cb}
.iv2-btn.iv2-p{background:var(--amber);border-color:var(--amber)}.iv2-btn.iv2-p:hover{background:#d99400;border-color:#d99400}
.iv2-btn.iv2-sm{height:34px;padding:0 12px;font-size:12.5px}
.iv2-btn.iv2-off{opacity:.55;cursor:not-allowed}
.iv2-sel{height:44px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font:600 13px Inter,system-ui,sans-serif;background:#fff}

/* fixed header + legend: same slots in every view */
.iv2-vhead{display:flex;align-items:center;gap:14px;min-height:64px;margin:4px 0 10px}
.iv2-vt{flex:1;min-width:0}.iv2-vt b{display:block;font:600 19px Oswald,sans-serif}.iv2-vt span{display:block;min-height:19px;color:var(--muted-soft);font-size:12.5px}
.iv2-vslot{width:440px;min-height:44px;display:flex;justify-content:flex-end;align-items:center;gap:8px}
.iv2-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-height:44px;align-items:center;margin:0 0 10px;padding:9px 12px;background:#fff;border:1px solid var(--line);border-radius:10px;font-size:12.5px;color:var(--muted-soft)}
.iv2-legend span{display:inline-flex;align-items:center;gap:7px;min-width:0;white-space:nowrap;overflow:hidden}.iv2-legend b{color:var(--ink);font-weight:700}
.iv2-lg{width:4px;height:16px;border-radius:2px;flex:none}.iv2-lg.red{background:var(--red)}.iv2-lg.amb{background:var(--amber)}.iv2-lg.none{background:#fff;border:1px dashed #c9d0d9;width:6px}
.iv2-lg.pulse{width:9px;height:9px;border-radius:50%;background:var(--red);animation:iv2Pr 1.6s ease-out infinite}

/* rows: one card each */
.iv2-tbl{display:flex;flex-direction:column;gap:6px}
.iv2-tr{display:grid;grid-template-columns:100px 1.1fr 1.3fr 1fr 150px 110px 110px 150px;gap:10px;align-items:center;padding:10px 16px;font-size:13.5px;background:#fff;border:1px solid var(--line);border-radius:12px;transition:background-color .14s,border-color .14s}
.iv2-tr.iv2-ni{grid-template-columns:1.1fr 1.1fr 1.4fr 90px 130px 110px 150px}
.iv2-tr small{display:block;color:var(--iv-soft);font-size:11.5px}.iv2-tr .n{text-align:right}
.iv2-tr:not(.iv2-h){cursor:pointer}.iv2-tr:not(.iv2-h):hover{background:var(--iv-hov)}
.iv2-tr.iv2-h{background:transparent;border:0;padding-top:4px;padding-bottom:4px;font:800 10.5px Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-soft)}
.iv2-s{cursor:pointer;border-radius:6px}.iv2-s i{font-style:normal;color:var(--iv-soft)}.iv2-s:hover{color:var(--ink)}.iv2-son,.iv2-son i{color:var(--ink)}
.iv2-tr.iv2-amb{border-color:var(--iv-amb-edge);animation:iv2Dn 2.4s ease-in-out infinite}.iv2-tr.iv2-amb:hover{background:#fdf0d2}
.iv2-tr.iv2-red{border-color:#e6b3ac;animation:iv2Al 2.4s ease-in-out infinite}.iv2-tr.iv2-red:hover{background:#fbe3e0}
.iv2-stt{font:800 13px Inter,system-ui,sans-serif;display:inline-flex;align-items:center;gap:6px}.iv2-stt::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}
.iv2-stt.late{color:var(--red)}.iv2-stt.late::before{animation:iv2Pr 1.6s ease-out infinite}
.iv2-stt.old,.iv2-stt.owe{color:var(--iv-amb-ink)}.iv2-stt.old::before{animation:iv2Pa 1.6s ease-out infinite}
.iv2-stt.paid{color:var(--green)}.iv2-stt.draft{color:var(--muted-soft)}.iv2-stt.void{color:var(--red)}
.iv2-why{padding-left:13px}.iv2-due{color:var(--red)}.iv2-redt{color:var(--red)!important;font-weight:700}
.iv2-more{display:flex;justify-content:center;padding:10px}
.iv2-empty{display:grid;gap:4px;place-items:center;padding:34px 12px;color:var(--muted-soft);font-size:13px;background:#fff;border:1px solid var(--line);border-radius:12px}.iv2-empty b{font:600 18px Oswald,sans-serif;color:var(--ink)}
@keyframes iv2Dn{0%,100%{box-shadow:inset 3px 0 0 var(--amber)}50%{box-shadow:inset 3px 0 0 var(--amber),0 0 0 4px rgba(240,165,0,.45)}}
@keyframes iv2Al{0%,100%{box-shadow:inset 3px 0 0 var(--red)}50%{box-shadow:inset 3px 0 0 var(--red),0 0 0 4px rgba(192,69,58,.28)}}
@keyframes iv2Pa{0%{box-shadow:0 0 0 0 rgba(240,165,0,.55)}70%,100%{box-shadow:0 0 0 7px rgba(240,165,0,0)}}
@keyframes iv2Pr{0%{box-shadow:0 0 0 0 rgba(192,69,58,.5)}70%,100%{box-shadow:0 0 0 7px rgba(192,69,58,0)}}
/* switching views: header, then the legend slots one after another, then the rows — opacity only, nothing moves */
.iv2-swap .iv2-vt,.iv2-swap .iv2-legend span,.iv2-swap .iv2-tbl{animation:iv2In .26s ease both}
.iv2-swap .iv2-legend span:nth-child(2){animation-delay:.03s}.iv2-swap .iv2-legend span:nth-child(3){animation-delay:.06s}.iv2-swap .iv2-legend span:nth-child(4){animation-delay:.09s}.iv2-swap .iv2-tbl{animation-delay:.05s}
@keyframes iv2In{from{opacity:0}to{opacity:1}}

/* Collected this month pop-up */
.iv2-pop{position:fixed;inset:0;background:rgba(25,29,35,.45);display:grid;place-items:center;z-index:1200;animation:iv2In .18s ease both}
.iv2-pcard{width:min(620px,92vw);max-height:calc(86vh / var(--z, 1));overflow:auto;background:#fff;border-radius:16px;padding:18px 20px;box-shadow:0 30px 80px -20px rgba(0,0,0,.55)}
.iv2-ph{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px}.iv2-ph b{font:600 20px Oswald,sans-serif}
.iv2-cap{margin:0 0 8px;color:var(--muted-soft);font-size:12.5px}
.iv2-prow{display:grid;grid-template-columns:70px 1fr 80px 110px;gap:10px;padding:8px 6px;border-top:1px solid var(--line-soft);font-size:13.5px;border-radius:6px}.iv2-prow b{text-align:right}.iv2-prow:hover{background:var(--iv-hov)}
.iv2-prow.iv2-due b{color:var(--red)}
.iv2-psub{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.iv2-psub b{display:block;font:600 16px Oswald,sans-serif}.iv2-psub span{color:var(--muted-soft);font-size:12.5px}

@media (max-width:1100px){.iv2-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.iv2-tr{grid-template-columns:90px 1fr 1fr 140px 100px 150px}.iv2-tr>:nth-child(4),.iv2-tr>:nth-child(6){display:none}.iv2-tr.iv2-ni{grid-template-columns:1fr 1fr 1.2fr 100px 150px}.iv2-tr.iv2-ni>:nth-child(4),.iv2-tr.iv2-ni>:nth-child(5){display:none}}
@media (max-width:900px){.iv2-facts{grid-template-columns:1fr 1fr}.iv2-vslot{width:auto}.iv2-legend{grid-template-columns:1fr 1fr}.iv2-tr,.iv2-tr.iv2-ni{grid-template-columns:1fr 1fr}.iv2-tr>*{display:block!important}.iv2-tr.iv2-h{display:none}.iv2-bar{flex-direction:column;align-items:stretch}.iv2-vhead{flex-wrap:wrap}}
@media (max-width:900px){.iv2-srch{flex:none;min-height:44px}.iv2-views{display:flex}.iv2-views span{flex:1 1 auto;justify-content:center}}
@media (max-width:600px){.iv2-legend{grid-template-columns:1fr}.iv2-legend span{white-space:normal}}
@media (max-width:1250px){.iv2-legend{grid-template-columns:1fr 1fr;row-gap:6px}}
@media (max-width:1100px) and (min-width:901px){.iv2-srch{order:1}.iv2-bar>.iv2-btn{order:2}.iv2-views{order:3;flex:1 1 100%;display:flex}.iv2-views span{flex:1 1 0;justify-content:center}}
/* 09-oct (Mathew): tiles never leave one alone on a row — 3 + 2 on a tablet, 2 + 2 + 1 full width on a phone */
@media (max-width:1100px){.iv2-facts{grid-template-columns:repeat(6,minmax(0,1fr))}.iv2-fact{grid-column:span 2}.iv2-fact:nth-child(n+4){grid-column:span 3}}
@media (max-width:900px){.iv2-facts{grid-template-columns:1fr 1fr}.iv2-fact,.iv2-fact:nth-child(n+4){grid-column:auto}.iv2-fact:last-child{grid-column:1 / -1}}
@media (prefers-reduced-motion:reduce){.iv2-tr,.iv2-stt::before,.iv2-lg.pulse,.iv2-swap *{animation:none!important}}

/* 09-oct (ESQUELETO_FACTURA_PANTALLAS screen 2): the invoice page */
.ip-head{display:flex;align-items:center;gap:14px;margin-bottom:14px;flex-wrap:wrap}
.ip-back{padding:0 18px 0 12px;font-size:14.5px;gap:4px;border-color:#cfd5dd}
.ip-title h1{margin:0;font:600 30px/1.05 Oswald,sans-serif;display:flex;align-items:center;gap:8px}.ip-title small{display:block;color:var(--muted-soft);font-size:13px}
.ip-edit{width:34px;padding:0}
.ip-chip{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;font:800 12px Inter,system-ui,sans-serif}.ip-chip.old{background:var(--amber);color:#1b1500}.ip-chip.late{background:var(--red-bg);color:var(--red)}.ip-chip.owe{background:#fff7e6;color:var(--iv-amb-ink)}.ip-chip.paid{background:var(--green-bg);color:var(--green)}.ip-chip.draft{background:#eef1f4;color:#48505a}.ip-chip.void{background:var(--red-bg);color:var(--red)}.ip-sp{flex:1}.ip-acts{display:flex;gap:8px;flex-wrap:wrap}
.iv2-btn.iv2-r{color:var(--red);border-color:#e6b3ac}.iv2-btn.iv2-r:hover{background:#fbe3e0;border-color:#d98b80}
.ip-note{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 14px;padding:12px 16px;border-radius:12px;background:#fff7e6;border:1px solid var(--iv-amb-edge);border-left:5px solid var(--amber)}
.ip-note div{flex:1;min-width:260px}.ip-note b{display:block}.ip-note span{color:var(--iv-amb-ink);font-size:13px}
.ip-note.ip-red{background:#fbeaea;border-color:#e6b3ac;border-left-color:var(--red)}.ip-note.ip-red span{color:var(--red)}
.ip-note.ip-grn{background:var(--green-bg);border-color:#b9d8c3;border-left-color:var(--green)}.ip-note.ip-grn span{color:var(--green)}
.ip-lay{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
.ip-paper{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px 32px;box-shadow:0 1px 2px rgba(25,29,35,.06),0 8px 24px -16px rgba(25,29,35,.35)}
.ip-dtop{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}
.ip-shop b{font:600 21px Oswald,sans-serif}.ip-shop p,.ip-did p{margin:2px 0 0;color:var(--muted-soft);font-size:12.5px}
.ip-did{text-align:right}.ip-did h2{margin:0;font:600 30px Oswald,sans-serif}
.ip-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}
.ip-meta small,.ip-work small,.ip-prev small{display:block;color:var(--muted-soft);font:800 10.5px Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}
.ip-work{margin:0 0 12px;font-size:14px}.ip-mono{font-family:ui-monospace,monospace;font-size:12px;color:var(--muted-soft)}
.ip-tbl{width:100%;border-collapse:collapse;font-size:13.5px}.ip-tbl th{text-align:left;font:800 10.5px Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-soft);padding:8px 6px;border-bottom:1px solid var(--line)}
.ip-tbl td{padding:9px 6px;border-bottom:1px solid var(--line-soft)}.ip-tbl .n{text-align:right;white-space:nowrap}
.ip-sum{margin-left:auto;width:330px;max-width:100%;margin-top:12px;font-size:14px}.ip-sum div{display:flex;justify-content:space-between;gap:12px;padding:5px 0}
.ip-sum .t{font-weight:800;font-size:15px;border-top:1px solid var(--line);margin-top:4px;padding-top:8px}.ip-sum .due{font-weight:800;font-size:18px;border-top:2px solid var(--ink);margin-top:6px;padding-top:8px}.ip-sum .due span:last-child{color:var(--red)}
.ip-prev{margin-top:18px;padding-top:12px;border-top:1px dashed var(--line)}.ip-prev div{display:flex;justify-content:space-between;color:var(--muted-soft);font-size:13px;padding:2px 0}
.ip-side{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:12px;box-shadow:0 1px 2px rgba(25,29,35,.06),0 8px 24px -16px rgba(25,29,35,.35)}
.ip-side h3{margin:0 0 8px;font:600 17px Oswald,sans-serif}
.ip-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:5px 0;border-top:1px solid var(--line-soft);font-size:13px}.ip-side h3+.ip-row{border-top:0}
.ip-mut{color:var(--muted-soft)}.ip-redt{color:var(--red)}
.ip-link{border:0;background:none;padding:0;color:#2b4d8c;font:600 13px Inter,system-ui,sans-serif;cursor:pointer;text-decoration:underline}
.ip-jinv{display:grid;gap:6px}
.ip-ji{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;font:500 13px Inter,system-ui,sans-serif;color:inherit;cursor:pointer;text-align:left;transition:background-color .14s}
.ip-ji:hover{background:var(--iv-hov)}.ip-ji.ip-cur{border-color:var(--amber);background:#fff7e6;font-weight:700}.ip-ji.ip-ni{border-style:dashed;color:var(--iv-amb-ink)}
.ip-full{width:100%;margin-top:10px}
@media (max-width:1100px){.ip-lay{grid-template-columns:1fr}}
@media (max-width:700px){.ip-note .iv2-btn{flex:1 1 100%}.ip-paper{padding:16px}.ip-meta{grid-template-columns:1fr}.ip-did{text-align:left}.ip-sp{display:none}.ip-acts{width:100%}.ip-acts .iv2-btn{flex:1 1 auto}.ip-title h1{font-size:24px}.ip-tbl th:first-child,.ip-tbl td:first-child{display:none}}

/* 09-oct (ESQUELETO_FACTURA_PANTALLAS create flow): New invoice — joined step bar, pick list, What to bill in two
   columns that scroll on their own, Issue and Send as pages. */
.ic-steps{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:14px}
.ic-steps b{display:flex;align-items:center;justify-content:center;height:38px;background:#e3e7ec;color:var(--muted-soft);font:700 13px Inter,system-ui,sans-serif;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,14px 50%);margin-right:-10px}
.ic-steps b:first-child{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%);border-radius:10px 0 0 10px}
.ic-steps b:last-child{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,14px 50%);border-radius:0 10px 10px 0;margin-right:0}
.ic-steps b.ic-on{background:var(--amber);color:#1b1500}.ic-steps b.ic-done{background:#e4f0e7;color:var(--green)}
.ic-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.ic-srch{margin-bottom:12px;width:100%;box-sizing:border-box}
.ic-picks{display:grid;gap:8px}
.ic-pick{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;color:inherit;cursor:pointer;transition:background-color .14s,border-color .14s}
.ic-pick b{display:block;font-size:14px}.ic-pick small{display:block;color:var(--muted-soft);font-size:12px}
.ic-pick:hover:not(.ic-off){background:var(--iv-hov);border-color:#c3cad3}
.ic-pick.ic-on{border:2px solid var(--amber);background:#fff7e6;padding:11px 13px}.ic-pick.ic-on:hover{background:#fbe9bd}
.ic-pick.ic-off{opacity:.55;cursor:not-allowed}
.ic-tag{flex:none;display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:#eef1f4;color:#48505a;font:800 11.5px Inter,system-ui,sans-serif}
.ic-tag.ic-amb{background:#fff7e6;color:var(--iv-amb-ink);border:1px solid var(--iv-amb-edge)}.ic-tag.ic-mute{background:#f4f6f8;color:var(--iv-soft)}
.ic-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;flex-wrap:wrap}
.iv2-btn[disabled]{opacity:.5;cursor:not-allowed}
.ic-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;height:calc(100vh / var(--z, 1) - 250px);min-height:480px}
.ic-col{overflow-y:auto;min-height:0;padding-right:6px;scrollbar-width:thin;overscroll-behavior:contain}
.ic-paper{min-height:100%;box-sizing:border-box}
.ic-sec h3 .ic-h-note{font:500 12px Inter,system-ui,sans-serif;color:var(--muted-soft)}
.ic-ln{display:grid;grid-template-columns:minmax(0,1fr) auto 92px;align-items:center;column-gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;margin-bottom:8px;transition:background-color .14s}
.ic-ln>span:first-child{min-width:0}.ic-ln.ic-wait{grid-template-columns:minmax(0,1fr) 92px}.ic-ln b{font-size:14px}.ic-ln small{display:block;color:var(--muted-soft);font-size:12px}.ic-ln em{font-style:normal;font-weight:800;min-width:84px;text-align:right}
.ic-ln:hover{background:#f6f7f9}.ic-ln.ic-now{border-color:var(--iv-amb-edge);background:#fffbf1}.ic-ln.ic-now:hover{background:#fdf0d2}.ic-ln.ic-later{opacity:.75}.ic-ln.ic-free em{color:var(--green)}
.ic-ln.ic-wait{opacity:.6;border-style:dashed}
.ic-src{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:6px;background:#e8eef9;color:#2b4d8c;font:800 10.5px Inter,system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase}
.ic-opt,.ic-why{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:8px;padding:2px;gap:2px;flex:none}
.ic-opt button,.ic-why button{border:0;background:none;border-radius:6px;padding:6px 10px;font:600 12.5px Inter,system-ui,sans-serif;color:var(--muted-soft);cursor:pointer;white-space:nowrap}
.ic-opt button:hover:not(.ic-on),.ic-why button:hover:not(.ic-on){background:#e6e9ee;color:var(--ink)}
.ic-opt button.ic-on,.ic-why button.ic-on{background:#191d23;color:#fff}
.ic-why{margin-top:6px}.ic-extra{grid-column:1 / -1;min-width:0}
.ic-sees{display:block!important;width:100%;margin-top:6px}.ic-sees span{display:block;font:800 10.5px Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-soft);margin-bottom:3px}
.ic-sees input{width:100%!important;max-width:none;height:36px;border:1px solid var(--line);border-radius:8px;padding:0 10px;font:500 13px Inter,system-ui,sans-serif;box-sizing:border-box}
.ic-ta{display:block;width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:500 14px/1.45 Inter,system-ui,sans-serif;resize:vertical;min-height:90px;background:#fff}
.ic-ta.ic-ro{min-height:0;white-space:pre-wrap;margin-top:8px}
.ic-tot{font-weight:800}
.ic-live{font:800 10.5px Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--iv-amb-ink);margin-bottom:10px}
.ic-free{font-style:normal;font-size:11px;color:var(--green);font-weight:700}
.ic-lbl{margin-top:12px;font:800 10.5px Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-soft)}
.ic-stepc{padding:18px 20px}.ic-stepc h3{font-size:20px;margin-bottom:10px}.ic-stepc .ip-row{padding:9px 0;font-size:13.5px}
.ic-ch{margin:4px 0 12px;display:inline-flex}.ic-ch button{border:0;background:none;border-radius:8px;padding:8px 14px;font:700 13px Inter,system-ui,sans-serif;cursor:pointer}.ic-ch button:hover:not(.w1-on){background:#e6e9ee}.ic-ch button.w1-on{background:#191d23;color:#fff}
@media (max-width:1100px){.ic-split{grid-template-columns:1fr;height:auto}.ic-col{overflow:visible;padding-right:0}}
@media (max-width:1300px) and (min-width:1101px){.ic-ln{grid-template-columns:minmax(0,1fr) 92px}.ic-ln .ic-opt{grid-column:1;grid-row:2;justify-self:start;margin-top:8px}}
@media (max-width:700px){.ic-steps b{font-size:11.5px;padding-left:12px}.ic-steps b:not(.ic-on) .ic-sn{display:none}.ic-ln{grid-template-columns:minmax(0,1fr) 84px}.ic-ln .ic-opt{grid-column:1 / -1;grid-row:2;justify-self:start;margin-top:8px}.ic-pick{flex-wrap:wrap}}

/* 09-oct (skeleton screen 3): the customer's Invoices tab, grouped by job */
.iv2-facts.iv2-f3{grid-template-columns:repeat(3,minmax(0,1fr))}
.iv2-fact.iv2-static{cursor:default}.iv2-fact.iv2-static:hover{background:#fff;border-color:var(--line)}
.iv2-fact.iv2-ambf{background:#fff7e6;border-color:var(--iv-amb-edge)}.iv2-fact.iv2-ambf:hover{background:#fff7e6;border-color:var(--iv-amb-edge)}
.iv2-job{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:12px}
.iv2-job.iv2-done{background:#fafbfc}
.iv2-jh{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.iv2-jh h3{margin:0;font:600 19px Oswald,sans-serif}.iv2-meta{color:var(--muted-soft);font-size:12.5px}
.iv2-jm{display:flex;gap:18px;flex-wrap:wrap;margin:8px 0 10px;font-size:13px;color:var(--muted-soft)}.iv2-jm b{color:var(--ink)}
.iv2-red{color:var(--red)!important}.iv2-grn{color:var(--green)}.iv2-ambt{color:var(--iv-amb-ink)!important}
.iv2-tr.iv2-jtr{grid-template-columns:100px 1fr 170px 110px 110px 150px}
@media (max-width:900px){.iv2-facts.iv2-f3{grid-template-columns:1fr 1fr}.iv2-facts.iv2-f3 .iv2-fact:last-child{grid-column:1 / -1}.iv2-tr.iv2-jtr{grid-template-columns:1fr 1fr}}
/* 12-oct (Mathew): "+ Add hours" inside Create invoice — work not on the clock, hours × rate */
.ic-addh{margin:8px 0 4px;width:100%;justify-content:center;border-style:dashed}
.ic-addf{margin:8px 0;padding:12px;border:1px solid #f3d69a;background:#fffbf0;border-radius:12px;display:grid;gap:8px}
.ic-addf>b{font:600 16px Oswald,sans-serif}.ic-addf>small{color:#5a636e;margin-top:-6px}
.ic-hg{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}
.ic-hf{display:grid;gap:4px;font:700 11px Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#5a636e}
.ic-hf input,.ic-hf select{height:38px;border:1px solid #d8dde3;border-radius:9px;padding:0 10px;font:500 14px Inter,sans-serif;color:#171a1f;background:#fff;text-transform:none;letter-spacing:0}
.ic-hb{display:flex;justify-content:flex-end;gap:8px}
@media (max-width:640px){.ic-hg{grid-template-columns:1fr 1fr}.ic-hg .ic-hf:first-child{grid-column:1/-1}}