﻿/* Snap ERP v3.1 — Invoice Studio 2.0
   Dedicated document workspace for sales, purchasing, returns, quotes and orders. */
.invoice-heading-v3{
  position:relative;overflow:hidden;align-items:center;margin-bottom:14px;padding:18px 20px;
  border:1px solid #18243a;border-radius:20px;background:
    radial-gradient(circle at 8% -10%,rgba(88,197,139,.18),transparent 28%),
    linear-gradient(135deg,#112a22 0%,#13223b 58%,#1d3153 100%);color:#fff;box-shadow:0 22px 50px rgba(15,23,42,.16)
}
.invoice-heading-v3::after{content:"";position:absolute;left:-70px;bottom:-90px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.035);pointer-events:none}
.invoice-heading-v3 .eyebrow{display:none}.invoice-heading-v3 h1{color:#fff!important;font-size:clamp(24px,2.2vw,34px)!important;letter-spacing:-.035em}.invoice-heading-v3 p{max-width:780px;color:#bfcaDB!important;font-size:11px!important;line-height:1.8}
.invoice-heading-v3 .document-title-block{position:relative;z-index:1}.invoice-heading-v3 .actions{position:relative;z-index:1}.invoice-heading-v3 .actions .btn{min-height:42px;border-color:rgba(255,255,255,.17);background:rgba(255,255,255,.08);color:#fff;box-shadow:none}.invoice-heading-v3 .actions .btn:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28)}.invoice-heading-v3 .actions .btn.primary{border-color:#fff;background:#fff;color:#0f172a}
.document-type-pill{display:inline-flex;align-items:center;min-height:26px;margin-bottom:7px;padding:4px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08);color:#e2e8f0;font-size:9px;font-weight:900;letter-spacing:.02em}.document-type-pill::before{content:"";width:6px;height:6px;margin-left:6px;border-radius:50%;background:#58c58b;box-shadow:0 0 0 4px rgba(88,197,139,.1)}.document-type-pill.purchase::before,.document-type-pill.purchase-order::before{background:#34d399}.document-type-pill.return::before{background:#fb7185}.document-type-pill.quote::before{background:#fbbf24}.document-type-pill.order::before{background:#a78bfa}

.invoice-studio-v3{display:grid!important;grid-template-columns:minmax(0,1fr) 328px!important;grid-template-areas:"main summary"!important;gap:14px!important;align-items:start!important}.invoice-studio-v3 .invoice-main{grid-area:main;display:grid;gap:14px!important;min-width:0}.invoice-studio-v3>.invoice-summary{grid-area:summary}.invoice-studio-v3>.invoice-summary{display:block!important;visibility:visible!important;opacity:1!important;content-visibility:visible!important;contain:none!important;min-width:0}.invoice-studio-v3 .panel{border-color:#dfe6ef;border-radius:18px;box-shadow:0 10px 28px rgba(15,23,42,.055)}
.invoice-party-card-v3{overflow:visible!important;border-top:3px solid var(--ui-primary)!important}.invoice-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 17px 8px}.invoice-section-head h2{margin:1px 0 0;font-size:16px}.invoice-section-head .status-chip{background:#f8fafc}
.invoice-studio-v3 .document-meta-grid{display:grid!important;grid-template-columns:minmax(260px,2fr) minmax(160px,1fr) minmax(138px,.8fr) minmax(138px,.8fr)!important;gap:11px!important;padding:10px 17px 14px!important}.invoice-studio-v3 .document-meta-grid>label{display:grid;align-content:start;gap:6px;min-width:0;color:#475569!important;font-size:9.5px!important;font-weight:850!important}.invoice-studio-v3 .document-meta-grid .meta-notes{grid-column:span 2}.invoice-studio-v3 .document-meta-grid input,.invoice-studio-v3 .document-meta-grid select,.invoice-studio-v3 .document-meta-grid textarea,.invoice-studio-v3 .document-meta-grid .smart-lookup-button{width:100%;min-height:44px!important;padding:9px 11px!important;border:1px solid #d7e0eb!important;border-radius:11px!important;background:#fff!important;color:#0f172a;box-shadow:0 1px 2px rgba(15,23,42,.025)!important;outline:none}.invoice-studio-v3 .document-meta-grid .smart-lookup-button{display:flex;align-items:center}.invoice-studio-v3 .document-meta-grid .meta-party .smart-lookup-button{min-height:46px!important;border-color:#bdd0ff!important;background:#f8fbf9!important;font-size:11.5px!important;font-weight:850!important}.invoice-studio-v3 .document-meta-grid input:focus,.invoice-studio-v3 .document-meta-grid select:focus,.invoice-studio-v3 .document-meta-grid textarea:focus,.invoice-studio-v3 .document-meta-grid .smart-lookup-button:focus-visible{border-color:#7aa2ff!important;box-shadow:0 0 0 4px rgba(10,123,78,.10)!important}
.invoice-studio-v3 .party-context-v2,.invoice-studio-v3 .supplier-context{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px!important;margin:0 17px 15px!important;padding:0!important}.invoice-studio-v3 .party-context-v2>div,.invoice-studio-v3 .supplier-context>div{position:relative;min-width:0;padding:10px 11px!important;border:1px solid #e4eaf2!important;border-radius:11px!important;background:#fbfcfe!important;box-shadow:none!important}.invoice-studio-v3 .party-context-v2>div::before,.invoice-studio-v3 .supplier-context>div::before{content:"";position:absolute;right:-1px;top:10px;bottom:10px;width:3px;border-radius:4px;background:#cbd5e1}.invoice-studio-v3 .party-context-v2>div.accent,.invoice-studio-v3 .supplier-context>div.accent{border-color:#cbd9ff!important;background:#f6faf8!important}.invoice-studio-v3 .party-context-v2>div.accent::before,.invoice-studio-v3 .supplier-context>div.accent::before{background:#0a7b4e}.invoice-studio-v3 .party-context-v2 span,.invoice-studio-v3 .supplier-context span{display:block;overflow:hidden;color:#7c8ba1!important;font-size:8.5px!important;text-overflow:ellipsis;white-space:nowrap}.invoice-studio-v3 .party-context-v2 strong,.invoice-studio-v3 .supplier-context strong{display:block;overflow:hidden;margin-top:4px;color:#162033;font-size:11px!important;font-weight:900!important;text-overflow:ellipsis;white-space:nowrap}

.invoice-lines-v3{overflow:visible!important;border-top:3px solid #0f172a!important}.invoice-lines-v3 .invoice-lines-head{position:sticky;z-index:8;top:calc(var(--ui-topbar) + 1px);align-items:center;padding:13px 16px!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(16px);border-radius:15px 15px 0 0}.invoice-lines-v3 .invoice-lines-head h2{font-size:18px!important}.invoice-lines-v3 .invoice-lines-head p{max-width:680px;color:#64748b!important;font-size:9.5px!important}.line-head-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.auto-price-chip{min-height:28px!important;padding:4px 9px!important;border-color:#bbE6d0!important;background:#effcf5!important;color:#047857!important}.invoice-lines-v3 .add-line-btn{min-height:36px;background:#fff!important}
.invoice-lines-v3 .invoice-lines-wrap{overflow:auto!important;border-top:1px solid #e6ebf2!important;background:#fff!important;overscroll-behavior-inline:contain}.invoice-lines-v3 .invoice-lines-table-v2{min-width:920px;border-collapse:separate!important;border-spacing:0!important}.invoice-lines-v3 .invoice-lines-table-v2 thead th{position:sticky;z-index:5;top:0;height:40px;padding:8px 7px!important;border-bottom:1px solid #dfe6ef!important;background:#f6f8fb!important;color:#536177!important;font-size:8.5px!important;font-weight:900!important;letter-spacing:.02em}.invoice-lines-v3 .invoice-lines-table-v2 tbody tr{transition:background .14s ease,box-shadow .14s ease}.invoice-lines-v3 .invoice-lines-table-v2 tbody tr:hover{background:#f9fbff!important;box-shadow:inset -3px 0 #0a7b4e}.invoice-lines-v3 .invoice-lines-table-v2 td{height:68px;padding:7px 6px!important;border-bottom:1px solid #edf1f5!important;vertical-align:middle}.invoice-lines-v3 .invoice-lines-table-v2 input,.invoice-lines-v3 .invoice-lines-table-v2 select,.invoice-lines-v3 .invoice-lines-table-v2 .smart-lookup-button{width:100%;min-height:42px!important;border:1px solid #d8e1ec!important;border-radius:10px!important;background:#fff!important;font-size:10.5px!important;box-shadow:0 1px 2px rgba(15,23,42,.02)!important}.invoice-lines-v3 .product-cell .smart-lookup-button{border-color:#c6d5e8!important;background:#fbfdfc!important;font-weight:850!important}.invoice-lines-v3 .unit-cell select{background:#f8fafc!important;font-weight:850!important}.invoice-lines-v3 .invoice-lines-table-v2 input:focus,.invoice-lines-v3 .invoice-lines-table-v2 select:focus,.invoice-lines-v3 .invoice-lines-table-v2 .smart-lookup-button:focus-visible{border-color:#7aa2ff!important;box-shadow:0 0 0 3px rgba(10,123,78,.10)!important}.invoice-lines-v3 .stock-badge{display:inline-flex;align-items:center;justify-content:center;min-width:58px;min-height:31px;padding:4px 7px;border-radius:9px;background:#f1f5f9;color:#475569;font-size:8px;font-weight:900}.invoice-lines-v3 tr.unit-price-ready .price-input-shell input{border-color:#85cfaa!important;background:#f3fbf6!important;color:#065f46;font-weight:900}.invoice-lines-v3 tr[data-price-source="manual"] .price-input-shell input{border-color:#f1c56e!important;background:#fff9eb!important;color:#92400e}.price-input-shell small{min-height:12px;color:#8b98aa!important;font-size:7.5px!important}.price-input-shell input[data-price]{font-variant-numeric:tabular-nums;text-align:end;direction:ltr;font-weight:900!important}.invoice-lines-v3 .line-net-cell{background:#f6faf8!important;border-inline:1px solid #e0e8fb!important;text-align:center}.invoice-lines-v3 .line-net-cell strong{display:block;color:#09603d!important;font-size:12px!important;font-weight:950}.invoice-lines-v3 .line-net-cell small{color:#94a3b8;font-size:7px}.invoice-lines-v3 .line-actions-cell .icon-btn{margin-inline:auto;border-color:#fecaca!important;background:#fff7f7!important;color:#b91c1c!important}.invoice-lines-v3 .lines-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 15px!important;background:#fafbfd!important}.invoice-lines-v3 .lines-footer span{color:#7c8ba1!important;font-size:8.5px!important}

.invoice-summary-v3{position:sticky!important;top:calc(var(--ui-topbar) + 14px)!important;overflow:hidden;padding:13px!important;border-top:3px solid #0a7b4e!important;border-radius:18px!important;background:#fff!important;box-shadow:0 14px 36px rgba(15,23,42,.09)!important}.invoice-summary-v3 .summary-title-v3{display:flex;align-items:center;justify-content:space-between;padding:2px 1px 11px!important;margin:0 0 10px!important;border-bottom:1px solid #e8edf4!important}.invoice-summary-v3 .summary-title-v3>div>span{display:block;color:#111827!important;font-size:13px!important;font-weight:900!important}.invoice-summary-v3 .summary-title-v3 small{color:#94a3b8!important;font-size:8px!important}.live-dot{width:9px;height:9px;border-radius:50%;background:#10b981;box-shadow:0 0 0 5px #ecfdf5}.summary-total-hero{padding:15px!important;border:1px solid rgba(255,255,255,.06);border-radius:14px!important;background:linear-gradient(135deg,#0f172a,#1e3a8a)!important;box-shadow:0 12px 28px rgba(30,58,138,.16)!important}.summary-total-hero strong{font-size:28px!important;font-weight:950!important}.summary-breakdown-v3{gap:4px!important}.summary-breakdown-v3>div{min-height:34px;padding:7px 9px!important;border-radius:9px!important;background:#fafbfd!important}.invoice-summary-v3 .party-balance-summary{display:grid;gap:5px;padding:8px 0!important}.invoice-summary-v3 .party-balance-summary>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;border-radius:9px}.invoice-summary-v3 .party-balance-summary .after{background:#f3f6ff!important}.invoice-summary-v3 .auto-global-controls{padding:10px!important;border-radius:12px!important;background:#f8fafc!important}.invoice-summary-v3 .auto-global-controls label{font-size:9px!important}.invoice-summary-v3 .auto-global-controls input{min-height:38px!important;border-radius:9px!important}.invoice-summary-v3 .summary-note{padding:9px!important;border-radius:10px!important;font-size:8px!important;line-height:1.65!important}

/* Tablet — keep document context and totals readable without squeezing line inputs. */
@media(max-width:1280px){.invoice-studio-v3{grid-template-columns:minmax(0,1fr) 292px!important}.invoice-studio-v3 .document-meta-grid{grid-template-columns:minmax(240px,2fr) repeat(2,minmax(130px,1fr))!important}.invoice-studio-v3 .document-meta-grid .meta-notes{grid-column:auto}.invoice-studio-v3 .party-context-v2,.invoice-studio-v3 .supplier-context{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1024px){.invoice-studio-v3{grid-template-columns:1fr!important;grid-template-areas:"main" "summary"!important}.invoice-summary-v3{position:static!important}.invoice-lines-v3 .invoice-lines-head{top:66px}.invoice-studio-v3 .party-context-v2,.invoice-studio-v3 .supplier-context{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){
  .invoice-heading-v3{margin-inline:-3px;padding:15px;border-radius:16px}.invoice-heading-v3 h1{font-size:23px!important}.invoice-heading-v3 .actions{display:grid;width:100%;grid-template-columns:1fr 1fr}.invoice-heading-v3 .actions .btn{width:100%}
  .invoice-studio-v3{gap:10px!important}.invoice-party-card-v3{border-radius:15px!important}.invoice-section-head{padding:12px 13px 7px}.invoice-studio-v3 .document-meta-grid{grid-template-columns:1fr 1fr!important;gap:9px!important;padding:9px 12px 12px!important}.invoice-studio-v3 .document-meta-grid .meta-party,.invoice-studio-v3 .document-meta-grid .meta-notes,.invoice-studio-v3 .document-meta-grid .meta-original{grid-column:1/-1!important}.invoice-studio-v3 .party-context-v2,.invoice-studio-v3 .supplier-context{grid-template-columns:1fr 1fr!important;margin:0 12px 12px!important}
  .invoice-lines-v3 .invoice-lines-head{position:static;padding:12px!important}.invoice-lines-v3 .invoice-lines-head>div:first-child p{display:none}.line-head-actions{width:100%;justify-content:space-between}.auto-price-chip{display:inline-flex!important}.invoice-lines-v3 .invoice-lines-wrap{overflow:visible!important;padding:8px!important;background:#f5f7fb!important}.invoice-lines-v3 .invoice-lines-table-v2{display:block!important;min-width:0!important;background:transparent!important}.invoice-lines-v3 .invoice-lines-table-v2 colgroup,.invoice-lines-v3 .invoice-lines-table-v2 thead{display:none!important}.invoice-lines-v3 .invoice-lines-table-v2 tbody{display:grid!important;gap:9px!important}.invoice-lines-v3 .invoice-lines-table-v2 tr[data-line]{display:grid!important;grid-template-columns:48px minmax(0,1fr) minmax(0,1fr)!important;gap:7px!important;padding:10px!important;border:1px solid #dfe6ef!important;border-radius:14px!important;background:#fff!important;box-shadow:0 6px 18px rgba(15,23,42,.05)!important}.invoice-lines-v3 .invoice-lines-table-v2 td{display:grid!important;gap:4px;height:auto!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;white-space:normal!important}.invoice-lines-v3 .invoice-lines-table-v2 td::before{content:attr(data-label);display:block;color:#94a3b8;font-size:7.5px;font-weight:900}.invoice-lines-v3 .invoice-lines-table-v2 .line-no{grid-column:1;grid-row:1;place-items:center;align-content:center;border-radius:9px!important;background:#f0f8f3!important;color:#09603d!important;font-weight:900}.invoice-lines-v3 .invoice-lines-table-v2 .line-no::before{display:none}.invoice-lines-v3 .invoice-lines-table-v2 .product-cell{grid-column:2/4;grid-row:1}.invoice-lines-v3 .invoice-lines-table-v2 .unit-cell{grid-column:1/3}.invoice-lines-v3 .invoice-lines-table-v2 .stock-cell{grid-column:3}.invoice-lines-v3 .invoice-lines-table-v2 .price-cell{grid-column:2/4}.invoice-lines-v3 .invoice-lines-table-v2 .line-net-cell{grid-column:1/3;padding:8px!important;border:1px solid #dbe5ff!important;border-radius:10px!important;background:#f6faf8!important}.invoice-lines-v3 .invoice-lines-table-v2 .line-actions-cell{grid-column:3;place-items:end;align-content:end}.invoice-lines-v3 .invoice-lines-table-v2 .calc-only{display:none!important}.invoice-lines-v3 .invoice-lines-table-v2 input,.invoice-lines-v3 .invoice-lines-table-v2 select,.invoice-lines-v3 .invoice-lines-table-v2 .smart-lookup-button{min-height:43px!important}.invoice-lines-v3 .lines-footer{display:grid;grid-template-columns:1fr;padding:10px!important}.invoice-lines-v3 .lines-footer .btn{width:100%}.invoice-lines-v3 .lines-footer span{text-align:center}
  .invoice-summary-v3{border-radius:15px!important}.summary-total-hero strong{font-size:27px!important}
}
@media(max-width:480px){.invoice-studio-v3 .document-meta-grid,.invoice-studio-v3 .party-context-v2,.invoice-studio-v3 .supplier-context{grid-template-columns:1fr!important}.invoice-studio-v3 .document-meta-grid .meta-party,.invoice-studio-v3 .document-meta-grid .meta-notes,.invoice-studio-v3 .document-meta-grid .meta-original{grid-column:auto!important}.invoice-heading-v3 .actions{grid-template-columns:1fr}.invoice-lines-v3 .invoice-lines-table-v2 tr[data-line]{grid-template-columns:44px minmax(0,1fr)!important}.invoice-lines-v3 .invoice-lines-table-v2 .product-cell{grid-column:2}.invoice-lines-v3 .invoice-lines-table-v2 .unit-cell,.invoice-lines-v3 .invoice-lines-table-v2 .stock-cell,.invoice-lines-v3 .invoice-lines-table-v2 .price-cell,.invoice-lines-v3 .invoice-lines-table-v2 .line-net-cell{grid-column:1/3}.invoice-lines-v3 .invoice-lines-table-v2 .line-actions-cell{grid-column:2}.auto-price-chip{display:none!important}}
