:root{--navy:#173b63;--navy2:#0e2b4b;--gold:#f4b400;--bg:#f4f7fb;--surface:#fff;--text:#172033;--muted:#64748b;--border:#dbe3ee;--success:#087443;--danger:#b42318;--warning:#8a6100;--shadow:0 12px 34px rgba(23,59,99,.10);--radius:18px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--navy),var(--navy2));color:#fff;padding:22px 15px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 22px}.brand img{width:48px;height:48px;border-radius:14px}.brand strong{display:block;font-size:16px}.brand small{display:block;color:#c8d7e8;margin-top:3px}.nav-section{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#91a9c3;margin:20px 12px 8px}.nav-link{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:12px;color:#dbe8f5;margin:3px 0;font-size:14px}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.12);color:#fff}.nav-icon{width:23px;text-align:center}.main{min-width:0}.topbar{height:70px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:20}.topbar-left{display:flex;align-items:center;gap:12px}.menu-toggle{display:none;border:0;background:#edf2f8;color:var(--navy);width:42px;height:42px;border-radius:12px;font-size:20px}.page-title{font-size:19px;font-weight:800;color:var(--navy)}.user-chip{display:flex;align-items:center;gap:10px;background:#f1f5f9;border-radius:999px;padding:7px 12px 7px 7px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--navy);font-weight:900}.user-chip small{color:var(--muted);display:block}.content{padding:24px;max-width:1500px;margin:0 auto}.page-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}.page-head h1{font-size:25px;color:var(--navy);margin:0 0 5px}.page-head p{margin:0;color:var(--muted)}.card{background:var(--surface);border:1px solid rgba(219,227,238,.8);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:18px}.card-title{font-size:17px;color:var(--navy);margin:0 0 16px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat{background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:0 7px 20px rgba(23,59,99,.06)}.stat-label{font-size:13px;color:var(--muted);margin-bottom:8px}.stat-value{font-size:25px;font-weight:900;color:var(--navy)}.stat-note{font-size:12px;color:var(--muted);margin-top:5px}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.quick-card{display:block;border:1px solid var(--border);border-radius:17px;padding:18px;background:linear-gradient(145deg,#fff,#f7faff);transition:.15s}.quick-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.quick-icon{font-size:29px;margin-bottom:11px}.quick-card strong{color:var(--navy);display:block}.quick-card small{color:var(--muted);display:block;margin-top:5px;line-height:1.45}.simple-welcome{background:linear-gradient(135deg,var(--navy),#285f91);color:#fff;border-radius:24px;padding:26px;margin-bottom:20px}.simple-welcome h1{margin:0 0 7px;font-size:27px}.simple-welcome p{margin:0;color:#d7e8f8}.simple-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.simple-action{background:#fff;border-radius:22px;padding:24px;min-height:150px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:2px solid transparent}.simple-action:hover{border-color:var(--gold)}.simple-action .big-icon{font-size:45px}.simple-action strong{font-size:20px;color:var(--navy);margin-top:10px}.simple-action span{font-size:17px;color:var(--muted);margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:11px 16px;font-weight:800;cursor:pointer;background:var(--navy);color:#fff;min-height:42px}.btn:hover{filter:brightness(1.07)}.btn-secondary{background:#eaf0f6;color:var(--navy)}.btn-gold{background:var(--gold);color:var(--navy)}.btn-danger{background:#feeceb;color:var(--danger)}.btn-sm{padding:8px 11px;min-height:34px;font-size:13px}.btn-block{width:100%}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-group.full{grid-column:1/-1}.form-group label{display:block;font-weight:750;font-size:13px;margin-bottom:7px;color:#344258}.required:after{content:' *';color:var(--danger)}.input,.select,.textarea{width:100%;border:1px solid var(--border);background:#fff;border-radius:12px;padding:12px 13px;outline:none;min-height:45px}.textarea{min-height:90px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:#6b93ba;box-shadow:0 0 0 3px rgba(23,59,99,.09)}.hint{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.45}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap}.search-box{display:flex;gap:8px;min-width:min(100%,420px);flex:1}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px}.table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}.table th{background:#f3f7fb;color:#536176;font-size:12px;text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:12px;border-bottom:1px solid var(--border)}.table td{padding:13px 12px;border-bottom:1px solid #edf1f5;vertical-align:top}.table tr:last-child td{border-bottom:0}.table tr:hover td{background:#fbfdff}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;background:#eaf0f6;color:var(--navy)}.badge-success{background:#e7f7ee;color:var(--success)}.badge-danger{background:#feeceb;color:var(--danger)}.badge-warning{background:#fff4cc;color:var(--warning)}.money-positive{color:var(--success);font-weight:800}.money-negative{color:var(--danger);font-weight:800}.flash{border-radius:13px;padding:13px 15px;margin-bottom:17px;font-weight:650}.flash-success{background:#e7f7ee;color:#075e38;border:1px solid #b9e5cc}.flash-error{background:#feeceb;color:var(--danger);border:1px solid #f8c5c1}.flash-info{background:#eaf2ff;color:#184b85;border:1px solid #c7dcfb}.empty{text-align:center;padding:35px;color:var(--muted)}.section-divider{height:1px;background:var(--border);margin:20px 0}.conversion-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;padding:11px;background:#f8fafc;border-radius:13px;margin-bottom:9px}.muted{color:var(--muted)}.text-right{text-align:right}.nowrap{white-space:nowrap}.mobile-bottom{display:none}.install-banner{display:none;background:#fff7d6;border:1px solid #f5d96c;border-radius:14px;padding:12px 14px;margin-bottom:16px;align-items:center;justify-content:space-between;gap:12px}.install-banner.show{display:flex}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:linear-gradient(140deg,#edf4fb,#fff7dc)}.login-art{display:flex;align-items:center;justify-content:center;padding:50px;background:linear-gradient(145deg,var(--navy),#285f91);color:#fff}.login-art-inner{max-width:520px}.login-art img{width:105px;border-radius:26px;box-shadow:0 20px 50px rgba(0,0,0,.2)}.login-art h1{font-size:40px;margin:22px 0 10px}.login-art p{color:#d6e7f7;font-size:18px;line-height:1.6}.login-box-wrap{display:grid;place-items:center;padding:30px}.login-box{width:min(430px,100%);background:#fff;border-radius:26px;padding:30px;box-shadow:0 25px 70px rgba(23,59,99,.16)}.login-box h2{margin:0 0 6px;color:var(--navy);font-size:26px}.login-box .sub{color:var(--muted);margin-bottom:22px}.password-wrap{position:relative}.password-toggle{position:absolute;right:8px;top:8px;border:0;background:#edf2f8;border-radius:9px;height:30px;padding:0 10px;color:var(--navy);font-weight:700}.footer-note{text-align:center;color:var(--muted);font-size:12px;margin-top:20px}.coming{border:1px dashed #c7d4e2;background:#f8fbff;color:var(--muted);padding:13px;border-radius:13px}.logo-preview{max-width:140px;max-height:90px;border:1px solid var(--border);border-radius:12px;padding:5px;background:#fff}
@media(max-width:1100px){.stats,.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.form-grid{grid-template-columns:1fr!important}.app-shell{display:block}.sidebar{position:fixed;left:-280px;z-index:80;width:260px;transition:.2s}.sidebar.open{left:0;box-shadow:20px 0 50px rgba(0,0,0,.25)}.menu-toggle{display:block}.topbar{padding:0 15px}.content{padding:18px 14px 92px}.user-chip .user-details{display:none}.mobile-bottom{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:60;left:0;right:0;bottom:0;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:7px 5px calc(7px + env(safe-area-inset-bottom))}.mobile-bottom a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;color:var(--muted);padding:4px}.mobile-bottom a.active{color:var(--navy);font-weight:800}.mobile-bottom i{font-style:normal;font-size:20px}.login-page{grid-template-columns:1fr}.login-art{display:none}.page-head{align-items:stretch;flex-direction:column}.page-head .btn{width:100%}.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}
@media(max-width:560px){.stats,.quick-grid,.simple-actions{grid-template-columns:1fr}.stat-value{font-size:23px}.card{padding:16px}.conversion-row{grid-template-columns:1fr}.login-box{padding:24px}.page-title{font-size:16px}.simple-action{min-height:135px}.install-banner{align-items:stretch;flex-direction:column}}

.card-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.card-head-row .card-title{margin-bottom:0}.action-group{display:flex;gap:8px;flex-wrap:wrap}.stack-list{display:flex;flex-direction:column;gap:9px}.stack-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid var(--border);border-radius:14px;background:#fff}.stack-item strong,.stack-item small{display:block}.stack-item small{color:var(--muted);margin-top:4px}.filter-grid{display:grid;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(130px,1fr)) auto;gap:12px;align-items:end}.filter-button .btn{width:100%}.row-cancelled{opacity:.58;text-decoration:none}.row-cancelled td{background:#fff7f6!important}.purchase-lines{display:flex;flex-direction:column;gap:12px}.purchase-line{display:grid;grid-template-columns:40px minmax(220px,2fr) minmax(140px,1fr) minmax(110px,.8fr) minmax(140px,1fr) minmax(100px,.7fr) minmax(130px,.9fr) 38px;gap:10px;align-items:end;border:1px solid var(--border);border-radius:16px;padding:14px;background:#f9fbfd}.line-number{width:32px;height:32px;border-radius:10px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900;align-self:center}.line-amount{align-self:end;min-height:70px;border-radius:12px;background:#edf4fb;padding:10px 12px;display:flex;flex-direction:column;justify-content:center}.line-amount small,.line-amount span{color:var(--muted);font-size:11px}.line-amount strong{color:var(--navy);font-size:16px;margin:3px 0}.remove-line{width:36px;height:36px;border:0;border-radius:10px;background:#feeceb;color:var(--danger);font-size:24px;cursor:pointer;margin-bottom:5px}.purchase-summary-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:18px}.total-card{align-self:start;position:sticky;top:88px}.total-row{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #edf1f5}.total-row:last-child{border-bottom:0}.total-row.grand{font-size:18px;color:var(--navy);border-top:2px solid var(--navy);margin-top:5px}.total-row.outstanding{font-size:17px;color:var(--danger)}.sticky-save{position:sticky;bottom:82px;z-index:15;display:flex;justify-content:flex-end;gap:10px;padding:13px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:0 12px 35px rgba(23,59,99,.16);margin-bottom:20px}.payment-page-grid{grid-template-columns:minmax(320px,1fr) minmax(300px,.8fr)}.supplier-balance-box{margin-top:10px;padding:12px 13px;border-radius:12px;background:#edf4fb;color:var(--navy)}.supplier-balance-box strong,.supplier-balance-box span{display:block}.supplier-balance-box span{font-size:12px;color:var(--muted);margin-top:3px}.explain-box{display:flex;flex-direction:column;gap:12px}.explain-step{display:flex;align-items:flex-start;gap:12px}.explain-step span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--navy);font-weight:900;flex:none}.explain-step p{margin:4px 0;color:#344258;line-height:1.45}.document-sheet{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:28px;margin-bottom:18px}.document-cancelled{position:relative}.document-cancelled:after{content:'CANCELLED';position:absolute;top:42%;left:50%;transform:translate(-50%,-50%) rotate(-20deg);font-size:70px;font-weight:900;color:rgba(180,35,24,.12);pointer-events:none}.document-header{display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:2px solid var(--navy)}.document-brand{font-size:24px;font-weight:900;color:var(--navy)}.document-title{text-align:right}.document-title strong,.document-title span{display:block}.document-title strong{font-size:24px;color:var(--navy)}.document-title span{color:var(--muted);margin-top:5px}.document-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 0}.document-info-grid>div{display:flex;flex-direction:column;gap:5px}.document-info-grid small{color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.document-info-grid strong{font-size:17px}.document-table{min-width:700px}.document-bottom{display:grid;grid-template-columns:1fr minmax(310px,.55fr);gap:30px;margin-top:20px}.document-notes small{color:var(--muted);text-transform:uppercase}.document-notes p{line-height:1.6}.document-totals>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid #edf1f5}.document-totals .grand{font-size:18px;border-top:2px solid var(--navy);color:var(--navy)}.document-totals .outstanding{color:var(--danger);font-size:17px}.danger-zone{border-color:#f6c5c1;background:#fffafa}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.58);z-index:200;display:grid;place-items:center;padding:18px}.modal-backdrop[hidden]{display:none}.modal-card{width:min(520px,100%);background:#fff;border-radius:22px;padding:24px;box-shadow:0 35px 90px rgba(0,0,0,.25);position:relative}.modal-card h2{margin:0 0 8px;color:var(--navy)}.modal-close{position:absolute;right:13px;top:13px;width:36px;height:36px;border:0;border-radius:10px;background:#edf2f8;color:var(--navy);font-size:23px}.modal-open{overflow:hidden}
@media(max-width:1200px){.purchase-line{grid-template-columns:36px minmax(210px,2fr) minmax(130px,1fr) minmax(100px,.8fr) minmax(130px,1fr) minmax(90px,.7fr) minmax(120px,.9fr) 36px;overflow-x:auto}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-search{grid-column:1/-1}}
@media(max-width:820px){.card-head-row{align-items:stretch;flex-direction:column}.card-head-row .btn{width:100%}.action-group{flex-direction:column}.action-group .btn{width:100%}.purchase-line{display:grid;grid-template-columns:42px 1fr 38px;gap:10px;align-items:start;padding:13px}.purchase-line .line-number{grid-column:1}.purchase-line .line-product{grid-column:2}.purchase-line .remove-line{grid-column:3;grid-row:1}.purchase-line>.form-group:not(.line-product),.purchase-line>.line-amount{grid-column:1/-1}.purchase-line>.line-amount{min-height:auto}.purchase-summary-grid,.payment-page-grid,.document-bottom{grid-template-columns:1fr}.total-card{position:static}.sticky-save{bottom:78px;flex-direction:column-reverse}.sticky-save .btn{width:100%}.filter-grid{grid-template-columns:1fr}.filter-search{grid-column:auto}.document-sheet{padding:17px}.document-header,.document-info-grid{grid-template-columns:1fr;display:grid}.document-title{text-align:left}.document-brand{font-size:20px}.document-cancelled:after{font-size:42px}.stack-item{align-items:flex-start}.no-print{}}
@media print{body{background:#fff}.sidebar,.topbar,.mobile-bottom,.no-print,.install-banner{display:none!important}.app-shell{display:block}.content{padding:0}.document-sheet{box-shadow:none;border:0;border-radius:0;padding:0}.document-cancelled:after{color:rgba(180,35,24,.17)}.table-wrap{overflow:visible;border:0}.document-table{min-width:0}.document-sheet{margin:0}}

/* Phase 3: sales, invoice preview and persistent login */
.login-stay-note{margin-top:14px;padding:11px 12px;border-radius:11px;background:#f1f5f9;color:#526175;font-size:12px;line-height:1.45}
.dashboard-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}
.filter-grid{display:grid;grid-template-columns:2fr repeat(4,minmax(120px,1fr)) auto;gap:12px;align-items:end}.filter-actions{display:flex;gap:8px;padding-bottom:1px}
.head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.invoice-sheet{background:#fff;border-radius:18px;padding:28px;box-shadow:0 12px 40px rgba(23,59,99,.10);position:relative;overflow:hidden}
.invoice-header{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #173b63;padding-bottom:18px}.invoice-business{display:flex;gap:16px;align-items:flex-start}.invoice-business img{width:70px;height:70px;object-fit:contain;border-radius:12px}.invoice-business h1{font-size:24px;color:#173b63;margin:0 0 7px}.invoice-business p{margin:3px 0;color:#556276;font-size:13px}.invoice-title{text-align:right;display:flex;flex-direction:column;gap:10px;align-items:flex-end}.invoice-title>strong{font-size:22px;letter-spacing:.06em;color:#173b63}
.invoice-meta-grid{display:grid;grid-template-columns:1fr 260px;gap:24px;padding:20px 0}.invoice-meta-grid>div{display:flex;flex-direction:column;gap:5px}.invoice-meta-grid small{color:#64748b;text-transform:uppercase;font-size:10px;letter-spacing:.08em;margin-top:4px}.invoice-meta-grid strong{font-size:15px}.invoice-meta-grid span{font-size:13px;color:#4c596c}
.customer-invoice-head{display:flex;gap:28px;justify-content:space-between;padding:12px 0 20px}.customer-invoice-head>div{display:flex;flex-direction:column;gap:4px}.customer-invoice-head small{font-size:11px;color:var(--muted);text-transform:uppercase}.customer-invoice-head strong{font-size:16px}.customer-invoice-items{min-width:0}.customer-invoice-totals{margin:20px 0 0 auto;max-width:390px}.customer-invoice-totals>div{display:flex;justify-content:space-between;gap:18px;padding:9px 0;border-bottom:1px solid #e8edf4}.customer-invoice-totals .grand{font-size:19px;color:var(--navy);border-top:2px solid var(--navy);border-bottom:2px solid var(--navy);font-weight:900}
.invoice-items{min-width:720px}.invoice-bottom{display:grid;grid-template-columns:1fr minmax(300px,420px);gap:30px;margin-top:20px}.invoice-notes p{line-height:1.55}.invoice-totals>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid #e8edf4}.invoice-totals .grand{font-size:18px;color:#173b63;border-top:2px solid #173b63;border-bottom:2px solid #173b63;margin:5px 0;padding:11px 0}.cancelled-box{position:absolute;inset:0;display:grid;place-content:center;background:rgba(255,255,255,.78);transform:rotate(-12deg);pointer-events:none}.cancelled-box strong{font-size:64px;color:#b42318;border:8px solid #b42318;padding:12px 24px}.cancelled-box span{text-align:center;color:#7a271a;font-weight:800;margin-top:10px}
@media(max-width:900px){.dashboard-columns{grid-template-columns:1fr}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-actions{grid-column:1/-1}.invoice-meta-grid,.invoice-bottom{grid-template-columns:1fr}.invoice-header{flex-direction:column}.invoice-title{align-items:flex-start;text-align:left}}
@media(max-width:600px){.filter-grid{grid-template-columns:1fr}.invoice-sheet{padding:18px;border-radius:14px}.invoice-business h1{font-size:19px}.invoice-business img{width:52px;height:52px}.cancelled-box strong{font-size:34px;border-width:5px}}
@media(max-width:600px){.customer-invoice-head{display:grid;grid-template-columns:1fr 1fr;gap:14px}.customer-invoice-totals{max-width:none}.customer-invoice-items{font-size:13px}}
@media print{body{background:#fff!important}.sidebar,.topbar,.no-print,.install-banner{display:none!important}.app-shell,.main,.content{display:block!important;margin:0!important;padding:0!important;width:100%!important}.invoice-sheet{box-shadow:none;border-radius:0;padding:0;overflow:visible}.table-wrap{overflow:visible}.invoice-items{min-width:0}.invoice-sheet a{color:inherit;text-decoration:none}@page{size:A4;margin:12mm}}

/* Purchase module usability enhancements. */
.search-select{position:relative}.search-select-native{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}.select-search{margin-bottom:0}.search-select-list{position:absolute;z-index:120;left:0;right:0;top:calc(100% + 5px);max-height:255px;overflow:auto;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 35px rgba(15,23,42,.16);padding:5px}.search-select-option{display:block;width:100%;border:0;background:#fff;text-align:left;padding:11px 12px;border-radius:8px;color:var(--text);cursor:pointer}.search-select-option:hover,.search-select-option:focus{background:#edf4fb;color:var(--navy)}.purchase-mobile-list,.sales-mobile-list{display:none}
.line-error{grid-column:1/-1;color:var(--danger);font-size:12px;font-weight:700;margin-top:-2px}.sale-line:has(.line-error:not([hidden])){border-color:#e9a8a2;background:#fffafa}.btn:disabled{cursor:not-allowed;opacity:.65;filter:none}
@media(max-width:700px){.purchase-history-table,.sales-history-table{display:none}.purchase-mobile-list,.sales-mobile-list{display:flex;flex-direction:column;gap:10px}.purchase-history-card,.sales-history-card{display:block;border:1px solid var(--border);border-radius:14px;padding:14px;background:#fff}.purchase-history-card.cancelled,.sales-history-card.cancelled{opacity:.62;background:#fff7f6}.purchase-history-card .purchase-history-top,.purchase-history-card .purchase-history-bottom,.sales-history-card .sales-history-top,.sales-history-card .sales-history-bottom{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.purchase-history-card small,.sales-history-card small{display:block;color:var(--muted);margin-top:4px}.purchase-history-card .purchase-history-bottom,.sales-history-card .sales-history-bottom{border-top:1px solid var(--border);margin-top:12px;padding-top:11px}.purchase-history-card .purchase-history-bottom strong,.sales-history-card .sales-history-bottom strong{display:block;text-align:right}}