.neto-figma{font-family:Inter,sans-serif;color:var(--color-slate-900, #0f172a);min-width:0}.neto-figma .figma-title{font-size:20px;font-weight:700;line-height:1.3;letter-spacing:-.4px}.neto-figma .figma-subtitle{font-size:13px;color:var(--color-slate-400, #94a3b8);margin-top:5px}.neto-figma .figma-surface{border:1px solid var(--color-slate-100, #f1f5f9);border-radius:32px;background:var(--color-white, #fff);box-shadow:0 1px 4px #0f172a08;overflow:hidden}.neto-figma .figma-tabs{display:flex;gap:4px;padding:6px;border:1px solid var(--color-slate-100, #f1f5f9);border-radius:999px;background:var(--color-white, #fff);width:fit-content;max-width:100%;overflow-x:auto;box-shadow:0 1px 4px #0f172a06}.neto-figma .figma-pill{border-radius:999px;padding:10px 18px;font-size:12px;font-weight:600;white-space:nowrap;transition:background .15s;color:var(--color-slate-400, #94a3b8)}.neto-figma .figma-pill[aria-pressed=true]{background:var(--color-slate-900, #101828);color:var(--color-white, #fff)}.neto-figma .figma-control{border:1px solid var(--color-line, #e8edf2);border-radius:999px;background:var(--color-white, #fff);padding:9px 14px;font-size:12px;color:var(--color-slate-600, #475569);min-width:0}.neto-figma button:focus-visible,.neto-figma input:focus-visible,.neto-figma select:focus-visible,.neto-figma summary:focus-visible{outline:2px solid var(--color-slate-500, #64748b);outline-offset:3px}.neto-figma .figma-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.neto-figma .figma-stat{padding:18px 20px;min-width:0}.neto-figma .figma-stat+.figma-stat{border-left:1px solid var(--color-slate-100, #f1f5f9)}.neto-figma .figma-stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.35px;color:var(--color-slate-400, #94a3b8);font-weight:500}.neto-figma .figma-stat-value{font-size:24px;line-height:1.4;font-weight:700;letter-spacing:-.5px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.neto-figma .figma-stat-note{font-size:10px;color:var(--color-slate-400, #94a3b8);margin-top:1px}.neto-figma .figma-invoice-row{display:grid;grid-template-columns:24px 55px minmax(130px,1fr) 90px 75px 115px 36px;gap:12px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-slate-50, #f8fafc)}.neto-figma .figma-invoice-row:last-child{border-bottom:0}.neto-figma .figma-table-heading{font-size:10px;text-transform:uppercase;color:var(--color-slate-400, #94a3b8);font-weight:500;letter-spacing:.4px}.neto-figma .figma-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;flex-shrink:0;font-size:10px;font-weight:700}.neto-figma .figma-category{display:inline-block;border-radius:999px;background:var(--color-slate-100, #f1f5f9);padding:3px 8px;color:var(--color-slate-500, #64748b);font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.neto-figma .figma-article-table{width:100%;border-collapse:collapse}.neto-figma .figma-article-table th{text-align:left;padding:13px 20px;font-size:10px;text-transform:uppercase;font-weight:500;letter-spacing:.4px;color:var(--color-slate-400, #94a3b8);border-bottom:1px solid var(--color-slate-50, #f8fafc)}.neto-figma .figma-article-table td{padding:18px 20px;font-size:12px;border-bottom:1px solid var(--color-slate-50, #f8fafc)}.neto-figma .figma-article-table tbody tr:last-child td{border-bottom:0}.neto-figma .figma-article-table th.number,.neto-figma .figma-article-table td.number{text-align:right;font-variant-numeric:tabular-nums}.neto-figma .figma-mobile-only{display:none}@media(max-width:767px){.neto-figma .figma-invoice-row{grid-template-columns:22px minmax(0,1fr) 86px 28px;gap:9px;padding:14px}.neto-figma .figma-invoice-row .figma-desktop-only{display:none}.neto-figma .figma-mobile-only{display:block}.neto-figma .figma-avatar{width:28px;height:28px;font-size:9px}.neto-figma .figma-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.neto-figma .figma-stat{padding:15px}.neto-figma .figma-stat:nth-child(3){border-left:0}.neto-figma .figma-stat:nth-child(n+3){border-top:1px solid var(--color-slate-100, #f1f5f9)}.neto-figma .figma-stat-value{font-size:21px}.neto-figma .figma-surface{border-radius:26px}.neto-figma .figma-pill{padding:9px 12px;font-size:11px}.neto-figma .figma-article-table th,.neto-figma .figma-article-table td{padding:14px 10px}.neto-figma .figma-article-table .figma-desktop-only{display:none}}.neto-figma .figma-basket-row{display:grid;grid-template-columns:64px minmax(150px,1fr) minmax(80px,1.2fr) minmax(30px,140px);gap:16px;align-items:center;padding:16px 0}.neto-figma .figma-basket-label{grid-column:2;grid-row:1}.neto-figma .figma-basket-percent{grid-column:1;grid-row:1;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;font-size:15px;font-weight:700}.neto-figma .figma-basket-comparison{text-align:right}@media(max-width:767px){.neto-figma .figma-basket-row{grid-template-columns:52px minmax(0,1fr) 16px;gap:10px;padding:14px 0}.neto-figma .figma-basket-percent{width:48px;height:48px;font-size:12px;grid-row:1 / span 2}.neto-figma .figma-basket-row>span:nth-child(3){grid-column:2;grid-row:2}.neto-figma .figma-basket-comparison{grid-column:2 / span 2;grid-row:3;text-align:left}}.neto-figma .invoice-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.neto-figma .invoice-meta{display:none}@media(max-width:767px){.neto-figma .invoice-overview .figma-stat{padding:9px 10px}.neto-figma .invoice-overview .figma-stat-label{font-size:9px}.neto-figma .invoice-overview .figma-stat-value{font-size:15px;line-height:1.3;letter-spacing:-.3px}.neto-figma .invoice-overview .figma-stat-note{font-size:9.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.neto-figma .invoice-stats .figma-stat:nth-child(3){border-left:1px solid var(--color-slate-100, #f1f5f9)}.neto-figma .invoice-stats .figma-stat:nth-child(n+3){border-top:0}.neto-figma .invoice-overview .figma-tabs{gap:2px;padding:4px}.neto-figma .invoice-overview .figma-pill{padding:7px 12px}.neto-figma .invoice-overview .figma-control{min-height:40px}.neto-figma .invoice-overview .invoice-table-heading{display:none}.neto-figma .invoice-overview .figma-invoice-row{grid-template-columns:32px minmax(0,1fr) auto auto;grid-template-areas:"status supplier amount action";gap:0 8px;padding:9px 8px 9px 6px}.neto-figma .invoice-meta{display:inline;min-width:0}.neto-figma .invoice-overview .figma-avatar{display:none}.neto-figma .invoice-status{grid-area:status;justify-self:center}.neto-figma .invoice-supplier{grid-area:supplier}.neto-figma .invoice-supplier>div{flex:1}.neto-figma .invoice-amount{grid-area:amount}.neto-figma .invoice-action{grid-area:action}.neto-figma .invoice-action button:disabled,.neto-figma .invoice-action>span{display:none}.neto-figma .invoice-status button{min-width:36px;min-height:36px}.neto-figma .invoice-action button{min-width:34px;min-height:36px}}@media(max-width:767px){.neto-figma .invoice-status button{position:relative;border:0;background:transparent}.neto-figma .invoice-status button:before{content:"";position:absolute;width:20px;height:20px;border:2px solid var(--color-slate-300, #cbd5e1);border-radius:50%;background:var(--color-white, #fff)}.neto-figma .invoice-status button[aria-pressed=true]:before{border-color:var(--color-emerald-500, #10b981);background:var(--color-emerald-500, #10b981)}.neto-figma .invoice-status button svg{position:relative}}