/* RIKA Invoicer V1.0.15 product experience layer. Loaded after app.css. */
.nav-group{display:grid;gap:3px;margin:0 0 10px}.nav-group-label{display:block;padding:7px 10px 4px;color:#6f89aa;font-size:9px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.nav-group+.nav-group{padding-top:7px;border-top:1px solid rgba(151,199,255,.07)}.sidebar nav{scrollbar-width:thin;scrollbar-color:rgba(130,190,255,.24) transparent}.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-thumb{background:rgba(130,190,255,.22);border-radius:99px}.mobile-bottom-nav{display:none}.section-subtitle{display:block;color:var(--muted);font-size:11px;line-height:1.45;margin-top:-6px}.inline-form{display:inline-flex;margin:0}.quick-create-panel,.attention-panel,.filter-bar,.contract-impact{margin-bottom:14px}.quick-card{transition:transform .16s ease,border-color .16s ease,background .16s ease}.quick-card:hover{transform:translateY(-1px);border-color:rgba(128,210,255,.44);background:rgba(104,171,255,.07)}.quick-card.primary-quick{background:linear-gradient(135deg,rgba(75,169,255,.16),rgba(113,91,255,.12));border-color:rgba(108,198,255,.3)}
.attention-list{display:grid;gap:8px}.attention-row{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 12px;border:1px solid rgba(151,199,255,.1);background:rgba(255,255,255,.018);border-radius:14px}.attention-row:hover{border-color:rgba(130,199,255,.3);background:rgba(104,171,255,.045)}.attention-signal{width:8px;height:8px;border-radius:50%;background:#7fa4cf;box-shadow:0 0 14px rgba(127,164,207,.25)}.attention-row.urgent .attention-signal{background:var(--danger);box-shadow:0 0 14px rgba(255,143,163,.35)}.attention-row.soon .attention-signal{background:var(--warn);box-shadow:0 0 14px rgba(255,209,124,.3)}.attention-row.draft .attention-signal{background:var(--blue)}.attention-row.change .attention-signal{background:var(--violet)}.attention-copy{min-width:0}.attention-copy strong,.attention-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attention-copy strong{font-size:13px}.attention-copy small{font-size:11px;color:var(--muted);margin-top:2px}.attention-value{font-size:13px;font-variant-numeric:tabular-nums}.attention-clear{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px dashed rgba(99,230,190,.2);border-radius:14px;color:#c8f5e5}.attention-clear span{color:var(--muted);font-size:11px}.due-chip{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:3px 7px;margin-left:5px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.due-chip.overdue{background:rgba(255,109,135,.1);border:1px solid rgba(255,109,135,.24);color:#ffc0ca}.due-chip.soon{background:rgba(255,209,124,.1);border:1px solid rgba(255,209,124,.23);color:#ffe1a7}.invoice-row.overdue td{background:rgba(255,109,135,.025)}.invoice-row.due_soon td{background:rgba(255,209,124,.018)}.balance-cell{font-weight:800}
.filter-bar{display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(4,minmax(130px,.72fr)) auto;gap:10px;align-items:end;padding:14px}.filter-search,.filter-control{display:grid;gap:5px;min-width:0}.filter-search label,.filter-control label{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#8fa7c4;font-weight:800}.filter-bar input,.filter-bar select{width:100%;min-width:0;border:1px solid rgba(151,199,255,.19);background:rgba(3,14,32,.48);color:#f2f7ff;border-radius:11px;padding:9px 10px;outline:none}.filter-bar input:focus,.filter-bar select:focus{border-color:#6ebfff;box-shadow:0 0 0 3px rgba(74,169,255,.11)}.filter-actions{display:flex;gap:7px}.result-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px;color:var(--muted);font-size:11px}.result-bar strong{color:var(--text);font-size:13px}
.quick-invoice-form{padding:0;overflow:hidden}.quick-flow{display:grid}.quick-step{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;padding:20px;border-bottom:1px solid var(--line)}.quick-step:last-child{border-bottom:0}.step-number{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,rgba(111,204,255,.3),rgba(116,92,255,.26));border:1px solid rgba(124,199,255,.28);font-weight:900}.step-body{min-width:0}.step-body>h2{font-size:17px;margin:3px 0 14px}.optional{color:#7f95b1;font-size:10px;font-weight:600}.quick-service{margin-bottom:12px}.compact-help{padding:10px 12px;margin-bottom:12px;border:1px dashed var(--line2);border-radius:12px;color:var(--muted);font-size:11px}.compact-help a{color:var(--cyan)}.add-line-btn{margin-top:9px}.live-totals{margin:0;max-width:480px}.advanced-options{margin-top:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018);overflow:hidden}.advanced-options summary{cursor:pointer;padding:12px 13px;font-weight:800;font-size:12px}.advanced-options summary span{font-weight:500;color:var(--muted);margin-left:5px}.advanced-grid{padding:2px 13px 14px}.quick-submit{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.quick-submit span{color:var(--muted);font-size:11px}.btn-large{min-height:46px;padding:11px 18px}
.document-status-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-7px 2px 14px;color:var(--muted);font-size:11px}.document-status-strip>span:not(.badge):not(.due-chip){padding-right:8px;border-right:1px solid var(--line)}.invoice-detail-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr)}.invoice-actions-panel,.change-actions-panel{align-self:start;position:sticky;top:90px}.balance-hero{display:grid;gap:5px;padding:15px;border-radius:16px;background:linear-gradient(135deg,rgba(74,169,255,.12),rgba(113,91,255,.09));border:1px solid rgba(124,199,255,.18);margin-bottom:14px}.balance-hero small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.balance-hero>strong{font-size:28px;font-variant-numeric:tabular-nums}.balance-hero>span:not(.due-chip){color:var(--muted);font-size:10px}.balance-hero .due-chip{justify-self:start;margin-left:0}.action-section{padding:15px 0;border-top:1px solid var(--line)}.action-heading{display:flex;gap:9px;align-items:flex-start;margin-bottom:11px}.action-heading h3{margin:0;font-size:14px}.action-heading small{display:block;color:var(--muted);font-size:10px;margin-top:2px;line-height:1.4}.action-icon{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;border:1px solid var(--line);background:rgba(104,171,255,.07);color:var(--cyan)}.action-full{width:100%;margin-top:9px}.compact-form{gap:8px}.admin-actions{border-top:1px solid var(--line);padding-top:13px;margin-top:3px}.admin-actions summary{cursor:pointer;color:#9fb3cc;font-size:11px;font-weight:750;margin-bottom:11px}.admin-actions[open] summary{color:#e5efff}.balance-row{border-top:1px solid var(--line);margin-top:5px;padding-top:8px;color:#fff;font-weight:800}.payment-history{margin-top:22px}.payment-history .panel-head span{color:var(--muted);font-size:10px}
.contract-impact{padding:17px}.impact-flow{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr) auto minmax(150px,1fr) auto minmax(170px,1.1fr);align-items:stretch;gap:8px}.impact-flow article{display:grid;gap:6px;padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}.impact-flow article small{color:var(--muted);font-size:10px}.impact-flow article strong{font-size:18px;font-variant-numeric:tabular-nums}.impact-op{display:grid;place-items:center;color:#6f87a8;font-weight:900}.impact-current{border-color:rgba(112,217,255,.22)!important;background:rgba(112,217,255,.055)!important}.impact-revised{border-color:rgba(99,230,190,.22)!important;background:rgba(99,230,190,.055)!important}.document-description{color:#b5c5d9;line-height:1.65}.field.has-error input,.field.has-error select,.field.has-error textarea,.mobile-line-field.has-error input,.mobile-line-field.has-error select{border-color:rgba(255,143,163,.7)!important;box-shadow:0 0 0 3px rgba(255,143,163,.08)!important}.field-error{color:#ffb4c1!important;font-size:10px!important}.mobile-line-field{display:contents}.mobile-line-label{display:none}
@media(max-width:1180px){.filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-search{grid-column:span 2}.filter-actions{align-self:end}.impact-flow{grid-template-columns:1fr auto 1fr}.impact-flow .impact-op:nth-of-type(2),.impact-flow .impact-op:nth-of-type(3){display:none}.impact-current,.impact-revised{grid-column:auto}.invoice-detail-grid{grid-template-columns:1fr}.invoice-actions-panel,.change-actions-panel{position:static}}
@media(max-width:760px){
  body.app-body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.app-shell{min-height:calc(100vh - 70px)}main{padding:8px 9px 24px}.sidebar{top:10px;bottom:calc(78px + env(safe-area-inset-bottom));left:-340px;height:auto;width:min(310px,calc(100vw - 24px));margin:0;border-radius:22px;box-shadow:0 26px 70px rgba(0,0,0,.48)}.sidebar.open{left:10px}.sidebar nav{padding-bottom:8px}.nav-group-label{padding-top:6px}.topbar{padding:0 12px}.top-actions .btn.primary{display:none}.mobile-bottom-nav{display:grid;position:fixed;z-index:70;left:8px;right:8px;bottom:calc(7px + env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr);align-items:end;min-height:62px;padding:6px;border:1px solid rgba(151,199,255,.2);border-radius:19px;background:rgba(6,20,43,.94);box-shadow:0 18px 50px rgba(0,0,0,.48);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.mobile-bottom-nav a,.mobile-bottom-nav button{min-width:0;border:0;background:transparent;color:#9db0c8;display:grid;place-items:center;gap:2px;padding:5px 2px;font:inherit;font-size:9px;font-weight:750}.mobile-bottom-nav .mobile-nav-icon{font-size:17px;line-height:1}.mobile-bottom-nav .mobile-create{width:47px;height:47px;margin:-13px auto 0;border-radius:50%;background:linear-gradient(145deg,#82e3ff,#7896ff 58%,#9f77ff);color:#06142b;box-shadow:0 10px 30px rgba(72,155,255,.3);font-size:23px;font-weight:900}.mobile-bottom-nav .mobile-create-label{font-size:8px;color:#b9c9dc;margin-top:1px}.page-head{gap:10px;margin-bottom:14px}.page-head h1{font-size:27px}.page-head p{font-size:12px}.page-head .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-create-panel{padding:13px}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-card{padding:13px}.attention-row{grid-template-columns:8px minmax(0,1fr);padding:11px}.attention-value{grid-column:2;justify-self:start;color:#dce9ff;font-size:11px}.attention-clear{display:grid}.filter-bar{grid-template-columns:1fr;padding:12px}.filter-search{grid-column:auto}.filter-actions{display:grid;grid-template-columns:1fr 1fr}.result-bar{display:grid;gap:2px}.invoice-table{min-width:0!important;border-collapse:separate;border-spacing:0}.invoice-table thead{display:none}.invoice-table tbody,.invoice-table tr,.invoice-table td{display:block;width:100%}.invoice-table tbody{display:grid;gap:9px}.invoice-table tr{padding:10px 11px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)}.invoice-table td{display:grid;grid-template-columns:92px minmax(0,1fr);gap:9px;align-items:start;border:0!important;padding:4px 0!important;text-align:left!important;background:transparent!important}.invoice-table td::before{color:#7890ad;font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.invoice-table td:nth-child(1)::before{content:'Invoice'}.invoice-table td:nth-child(2)::before{content:'Customer / job'}.invoice-table td:nth-child(3)::before{content:'Status'}.invoice-table td:nth-child(4)::before{content:'Due'}.invoice-table td:nth-child(5)::before{content:'Total'}.invoice-table td:nth-child(6)::before{content:'Open balance'}.invoice-table td.num{font-variant-numeric:tabular-nums}.invoice-table .due-chip{margin-left:0;margin-top:3px;justify-self:start}.quick-invoice-form{border-radius:18px}.quick-step{grid-template-columns:35px minmax(0,1fr);gap:9px;padding:15px 13px}.step-number{width:29px;height:29px;font-size:12px}.step-body>h2{font-size:15px}.quick-step .form-grid{gap:10px}.advanced-options summary span{display:block;margin:3px 0 0;font-size:9px}.quick-submit{display:grid}.quick-submit .btn{width:100%}.live-totals{max-width:none}.line-row,.line-row.co{grid-template-columns:1fr 1fr!important;gap:9px!important;padding:11px;border:1px solid var(--line);border-radius:14px;background:rgba(3,14,32,.28)}.mobile-line-field{display:grid;gap:5px;min-width:0}.mobile-line-field.description,.mobile-line-field.category{grid-column:1/-1}.mobile-line-label{display:block;color:#8da4c0;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.mobile-line-field input,.mobile-line-field select{display:block!important;width:100%!important;min-width:0!important}.line-row .unit,.line-row .category{display:block!important}.line-row .remove-line{grid-column:2;justify-self:end;width:100%;max-width:100px;height:36px}.document-status-strip{margin-top:-3px}.invoice-actions-panel,.change-actions-panel{padding:13px}.balance-hero>strong{font-size:24px}.action-section{padding:13px 0}.compact-form{grid-template-columns:1fr 1fr}.contract-impact{padding:13px}.contract-impact .panel-head{align-items:flex-start}.contract-impact .kicker{display:none}.impact-flow{grid-template-columns:1fr 1fr;gap:8px}.impact-flow article{padding:11px}.impact-flow article strong{font-size:16px}.impact-op{display:none!important}.impact-current,.impact-revised{grid-column:auto}.detail-grid{gap:10px}.table-wrap{max-width:100%}
}
@media(max-width:390px){.mobile-bottom-nav{left:5px;right:5px}.mobile-bottom-nav a,.mobile-bottom-nav button{font-size:8px}.quick-actions{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.compact-form{grid-template-columns:1fr}.impact-flow{grid-template-columns:1fr}.page-head .actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.quick-card{transition:none}.sidebar{transition:none}}