[hidden]{display:none!important}
body{letter-spacing:0}
.page{padding:18px;max-width:100%}
.topbar{flex-wrap:wrap;gap:0 12px;overflow:visible}
.leftnav{flex-wrap:wrap;min-width:0}
.rightnav{position:static;flex-wrap:wrap;white-space:normal;padding:10px 0;max-width:100%}
.navbutton{min-height:48px;font-size:14px;padding:0 10px}
.dropdown{top:48px;min-width:230px;max-width:calc(100vw - 30px)}
.ap-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:16px}
.ap-heading h1{font-size:21px;line-height:1.5;overflow-wrap:anywhere}
.ap-heading h2,#ap-content h2{font-size:17px;margin:14px 0 10px}
.ap-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:8px;margin:8px 0 12px;min-width:0}
.ap-toolbar label{margin:0;flex:0 1 260px;min-width:160px;max-width:100%}
.ap-toolbar .ap-check{flex:none;min-width:0}
.ap-button,.ap-toolbar>button,.ap-dialog button[type=submit],#ap-content button[type=submit]{width:auto;min-height:36px;padding:7px 12px;border:1px solid #b6c8d8;border-radius:4px;font-size:14px;font-weight:600;line-height:1.4;max-width:100%;overflow-wrap:anywhere}
.ap-button:hover{background:#dcecf8}
#ap-content label,.ap-dialog label{font-size:13px;line-height:1.5;min-width:0}
#ap-content input,#ap-content select,#ap-content textarea,.ap-dialog input,.ap-dialog select{min-height:36px;padding:7px 9px;border-radius:4px;font-size:14px;min-width:0;max-width:100%}
input[readonly],textarea[readonly]{background:#f1f3f5;color:#596574}
input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid #2184c4;outline-offset:2px}
.ap-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.ap-form-grid.single{grid-template-columns:minmax(0,1fr)}
.ap-supplier-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:18px}
fieldset{border:0;border-top:1px solid #b8c8d6;padding:8px 0 16px;margin:0;min-width:0}
legend{font-size:14px;color:var(--primary);padding-right:12px;font-weight:700}
.ap-table-scroll{overflow:auto;width:100%;max-width:100%;background:white;border:1px solid var(--line)}
.ap-table{min-width:680px;font-size:13px}
.ap-table th,.ap-table td{padding:7px 9px;font-size:13px;line-height:1.5;vertical-align:middle;overflow-wrap:anywhere}
.ap-table th{background:#0865a4;color:#fff;font-weight:600;white-space:nowrap}
.ap-table th:first-child{border-left:0}
.ap-table tr:nth-child(even){background:#f5f7f9}
.ap-table tr:hover{background:#edf5fa}
.ap-table td:first-child{white-space:nowrap}
.ap-table td:nth-child(2){min-width:180px}
#page-content:focus{outline:none}
.ap-table input[type=number]{min-width:96px;width:110px;text-align:right;font-variant-numeric:tabular-nums}
.ap-table input[type=search],.ap-table input[list]{min-width:250px}
.ap-table .ap-button{font-size:12px;padding:4px 8px;min-height:30px}
.ap-table button{white-space:nowrap}
.ap-table .empty{padding:28px}
.ap-link{background:none;color:#095f9b;text-decoration:underline;text-underline-offset:3px;padding:2px 0;text-align:left;overflow-wrap:anywhere}
.ap-catalog{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start}
.ap-catalog section{min-width:0}
.ap-categories{background:#e8f0f6;border-right:1px solid #c8d8e4;max-height:calc(100vh - 190px);overflow:auto;padding:0 0 8px}
.ap-categories h2{margin:0!important;background:#0865a4;color:white;padding:13px;font-size:15px!important}
.ap-categories button{display:block;width:100%;text-align:left;border:0;border-radius:0;background:transparent;padding:10px 12px;font-weight:400}
.ap-categories button.active{background:white;color:#085890;border-left:3px solid #0870ad;font-weight:700}
.ap-categories button:hover{background:#d9e7f2}
.ap-check{display:flex;align-items:center;gap:7px;font-weight:400}
input[type=checkbox],input[type=radio]{width:16px!important;height:16px;min-height:0!important;padding:0;accent-color:#116ba8}
.ap-status{display:inline-block;padding:2px 7px;white-space:nowrap;font-size:12px;border-radius:3px;background:#edf1f4;color:#485363}
.ap-status.APPROVED,.ap-status.RECEIVED{background:#e2eff9;color:#155c8a}
.ap-status.PAID,.ap-status.AVAILABLE,.ap-status.CLOSED,.ap-status.VERIFIED{background:#e0f1e7;color:#226744}
.ap-status.DRAFT,.ap-status.PENDING,.ap-status.UNVERIFIED{background:#fff0c7;color:#7a5506}
.ap-status.VOID,.ap-status.CANCELLED{background:#fae8e7;color:#a3322e}
.ap-positive,.ap-profit{color:#147344}.ap-negative,.ap-loss{color:#b52a32}
.ap-document-facts{display:flex;flex-wrap:wrap;gap:10px 24px;padding:0 0 16px;line-height:1.7;font-size:14px}
.ap-categories button[aria-pressed=true]{background:white;color:#085890}
.ap-total{margin:14px 0;text-align:right;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}
.ap-invoice-supplier{display:grid;gap:4px;margin:0 0 18px;line-height:1.7;min-width:0}
.ap-invoice-supplier>span{font-size:13px;color:var(--muted)}
.ap-invoice-supplier strong{font-size:16px;white-space:normal;overflow-wrap:anywhere}
.ap-invoice-totals{width:min(100%,380px);margin:20px 0 20px auto;font-size:15px;font-variant-numeric:tabular-nums}
.ap-invoice-totals>div{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:16px;align-items:baseline;padding:7px 0}
.ap-invoice-totals dt{min-width:0;overflow-wrap:anywhere}
.ap-invoice-totals dd{margin:0;text-align:right;font-weight:600}
.ap-invoice-totals .ap-invoice-grand-total{border-top:1px solid var(--line);margin-top:5px;padding-top:12px;font-weight:700}
.ap-invoice-grand-total dd{font-size:18px}
.ap-summary{display:flex;flex-wrap:wrap;gap:12px 28px;padding:12px 0 18px;line-height:1.7;border-bottom:1px solid var(--line)}
.ap-summary strong{font-variant-numeric:tabular-nums}
.ap-dialog{width:min(820px,calc(100% - 24px));max-height:90vh;border:1px solid var(--line);border-radius:6px;padding:20px;background:white;color:var(--ink)}
.ap-dialog::backdrop{background:rgba(20,30,40,.35)}
.ap-dialog .ap-heading h2{margin:0;font-size:18px}
#ap-message:empty{display:none}
#ap-message:not(:empty){margin-bottom:14px}
.ap-dialog .notice{margin-bottom:12px}
#ap-content p{overflow-wrap:anywhere;line-height:1.6}
@media(max-width:900px){.ap-catalog{grid-template-columns:170px minmax(0,1fr);gap:10px}.ap-supplier-grid{grid-template-columns:minmax(0,1fr)}.rightnav{margin-left:0}.topbar{padding:0 10px}.navbutton{padding:0 8px}}
@media(max-width:600px){.page{padding:12px}.ap-heading h1{font-size:18px}.ap-form-grid{grid-template-columns:minmax(0,1fr)}.ap-catalog{grid-template-columns:minmax(0,1fr)}.ap-categories{max-height:160px}.ap-toolbar label{flex:1 1 180px}.ap-dialog{padding:14px}.rightnav{font-size:12px}.navbutton{font-size:13px}.ap-catalog .ap-toolbar{margin-top:0}.ap-table-scroll{max-height:65vh}}
@media print{.topbar,.ap-toolbar,.ap-categories,#ap-message{display:none!important}.page{padding:0}.ap-table-scroll{overflow:visible;border:0;max-height:none}.ap-catalog{display:block}.ap-table{min-width:0}.ap-table th{color:#222;background:white}.ap-table th,.ap-table td{font-size:10px;padding:4px}}
.ap-supplier-form{max-width:920px;margin:0 auto}
.ap-supplier-form .ap-form-card{background:#171722;border:1px solid #303044;border-radius:8px;padding:18px 20px;margin:0 0 14px;color:#f4f4f8}
.ap-supplier-form .ap-form-card h2{color:#16b8e8;font-size:15px;margin:0 0 16px}
.ap-supplier-form label{color:#9d9db1}
.ap-supplier-form label span{margin-bottom:5px}
.ap-supplier-form input,.ap-supplier-form select,.ap-supplier-form textarea{background:#1e1e2b;border:1px solid #36364b;color:#f7f7fb;border-radius:6px}
.ap-supplier-form input:focus,.ap-supplier-form select:focus,.ap-supplier-form textarea:focus{border-color:#12b8e6;outline:2px solid rgba(18,184,230,.2)}
.ap-supplier-form input[readonly],.ap-supplier-form textarea[readonly]{background:#20202c;color:#a6a6b6}
.ap-supplier-form .ap-toolbar{justify-content:flex-end}
.ap-supplier-form .primary-btn{background:linear-gradient(90deg,#5a5fe9,#0eb9da);border:0;color:white;border-radius:7px;min-width:190px}
.ap-supplier-form label:has(input[name=email_account]),.ap-supplier-form label:has(input[name=bank_name]),.ap-supplier-form label:has(input[name=bank_account_name]),.ap-supplier-form label:has(input[name=bank_account_no]),.ap-supplier-form label:has(input[name=bank_branch]){display:none}
.ap-supplier-form #supplier-documents{display:none!important}
.ap-form-actions{display:flex;justify-content:flex-end;gap:10px;margin:4px 0 18px}
.ap-form-actions button{min-width:140px}
.ap-review-card{background:#101923;border:1px solid #227e69;border-radius:7px;padding:14px 16px;margin:14px 0;color:#e9fff8}
.ap-review-card h2{color:#5ee3b0!important;font-size:14px!important;margin:0 0 10px!important}
.ap-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}
.ap-review-grid>div{display:grid;gap:2px;min-width:0}
.ap-review-grid>div:first-child{grid-column:1/-1}
.ap-review-grid span{color:#8ac4b3;font-size:12px}
.ap-review-grid strong{font-size:13px;overflow-wrap:anywhere}
.ap-supplier-form+.ap-heading{margin-top:0}
.ap-supplier-page{background:#0d0d15;color:#f2f2f7;padding:22px;border-radius:10px}
.ap-supplier-page .ap-heading{border-bottom-color:#29293a}
.ap-supplier-page .ap-heading h1{color:#f5f5fb}
.ap-supplier-page .ap-toolbar{background:#151522;border:1px solid #2b2b3d;border-radius:8px;padding:10px 12px;margin-bottom:14px}
.ap-supplier-page .ap-toolbar label{color:#aaaabd}
.ap-supplier-page .ap-toolbar input,.ap-supplier-page .ap-toolbar select{background:#20202d;border-color:#36364a;color:#f5f5fa}
.ap-supplier-page .ap-table-scroll{border:1px solid #2d2d40;border-radius:9px;background:#14141f;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.ap-supplier-page .ap-table{min-width:920px;background:#14141f;color:#eeeeF5}
.ap-supplier-page .ap-table th{background:#202b48;color:#bfefff;border-bottom:1px solid #3c4e78;padding:11px 12px}
.ap-supplier-page .ap-table td{border-bottom:1px solid #29293b;padding:11px 12px;color:#e8e8f0}
.ap-supplier-page .ap-table tr:nth-child(even){background:#181824}
.ap-supplier-page .ap-table tr:hover{background:#22243a}
.ap-supplier-page .ap-table td:nth-child(7){color:#ff747d;font-weight:700;text-align:right}
.ap-supplier-page .ap-table td:nth-child(8){text-align:center}
.ap-supplier-page .ap-link{color:#37c8ef;font-weight:700;text-decoration:none}
.ap-supplier-page .ap-link:hover{color:#9aeaff}
.ap-supplier-page .ap-status{border-radius:999px;padding:4px 10px}
.ap-supplier-page .ap-status.ACTIVE{background:#123b2d;color:#5ee3a1}
.ap-supplier-page .ap-status.CANCELLED{background:#3c2028;color:#ff9aa4}
.ap-supplier-page .ap-button{background:#202033;border-color:#3b3b55;color:#ededf5}
.ap-supplier-page .ap-button:hover{background:#2c2d47;border-color:#4baed0}
.ap-supplier-page .primary-btn,.ap-supplier-page .secondary-btn{border-radius:7px}
.ap-supplier-form .ap-address-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px;margin-top:4px}
.ap-supplier-form .ap-address-grid label:last-child{grid-column:1/-1;max-width:210px}
.ap-supplier-form .address-preview{margin-top:8px}
.ap-supplier-form .address-preview input{background:#10231f;border-color:#247e69;color:#86edc4}
.ap-supplier-form .auto-fill{color:#5ee3a1;font-size:11px;margin-left:4px}
.ap-supplier-form input:disabled{opacity:.55;cursor:not-allowed}
.ap-supplier-form .ap-form-actions{justify-content:stretch}
.ap-supplier-form .ap-form-actions button{flex:1}
@media(max-width:700px){.ap-supplier-form .ap-address-grid{grid-template-columns:minmax(0,1fr)}.ap-supplier-form .ap-address-grid label:last-child{grid-column:auto;max-width:none}}
.app:has(.ap-supplier-page),.app:has(.ap-supplier-page) .workspace{background:#0a0a0f}
.app:has(.ap-supplier-page) .topbar{background:#0a0a0f;border-bottom-color:#252536;box-shadow:none;color:#e2e8f0}
.app:has(.ap-supplier-page) .navbutton{color:#aeb2c6}
.app:has(.ap-supplier-page) .navbutton:hover,.app:has(.ap-supplier-page) .navitem:focus-within .navbutton{background:#171725;color:#f4f4f8}
.app:has(.ap-supplier-page) .dropdown{background:#171722;border-color:#303044}
.app:has(.ap-supplier-page) .dropitem{background:#171722;color:#e4e5ef;border-bottom-color:#2a2a3c}
.app:has(.ap-supplier-page) .dropitem:hover{background:#24243a}
.app:has(.ap-supplier-page) .branch{color:#39c8ed}.app:has(.ap-supplier-page) .userlabel{color:#9d9db1}
.ap-supplier-page{min-height:calc(100vh - 60px);background:#0a0a0f;border-radius:0;padding:22px 28px 30px}
.ap-supplier-page>.ap-heading{max-width:1180px;margin:0 auto 16px;border-bottom-color:#252536}
.ap-supplier-page>.ap-heading h1{font-size:21px;color:#f5f5fb}
.ap-supplier-page>.ap-heading>.ap-toolbar{background:transparent;border:0;padding:0;margin:0}
.ap-supplier-page>.ap-heading>.ap-toolbar .ap-button{background:#202033;border-color:#3b3b55;color:#ededf5}
.ap-supplier-page>.ap-heading>.ap-toolbar .ap-button:hover{background:#2c2d47;border-color:#4baed0}
.ap-supplier-page #ap-content{max-width:1180px;margin:0 auto}
.ap-supplier-page #ap-content>.supplier-list-toolbar{display:flex;align-items:end;background:transparent;border:0;padding:0;margin:0 0 16px}
.ap-supplier-page #ap-content>.supplier-list-toolbar label:first-child{flex:1 1 500px}
.ap-supplier-page #ap-content>.supplier-list-toolbar label:nth-child(2){flex:0 1 140px;min-width:120px}
.ap-supplier-page #ap-content>.supplier-list-toolbar input,.ap-supplier-page #ap-content>.supplier-list-toolbar select{background:#171722;border-color:#303044;color:#f4f4f8}
.supplier-count{align-self:center;color:#85879b;font-size:13px;white-space:nowrap;padding:0 2px 8px}
.supplier-branch{display:block;color:#777b92;font-size:12px;margin-top:3px}
.ap-supplier-form{max-width:960px;margin:0 auto}
.ap-supplier-form .ap-form-card{background:#111119;border:1px solid #303044;border-radius:10px;padding:18px 20px;margin:0 0 14px;color:#f4f4f8}
.ap-supplier-form .ap-form-card h2{display:flex;align-items:center;gap:7px;color:#16b8e8;font-size:15px;margin:0 0 16px}
.ap-supplier-form .ap-section-icon{color:#f0c54d;font-size:14px;line-height:1}
.ap-supplier-form label{color:#8f91a7;margin:8px 0}
.ap-supplier-form label>span{margin-bottom:5px}
.ap-supplier-form input,.ap-supplier-form select,.ap-supplier-form textarea{background:#1b1b28;border:1px solid #35354a;color:#f7f7fb;border-radius:6px}
.ap-supplier-form input::placeholder,.ap-supplier-form textarea::placeholder{color:#73768a}
.ap-supplier-form input:focus,.ap-supplier-form select:focus,.ap-supplier-form textarea:focus{border-color:#12b8e6;outline:2px solid rgba(18,184,230,.2)}
.ap-supplier-form input[readonly],.ap-supplier-form textarea[readonly]{background:#20202c;color:#a6a6b6}
.supplier-company-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:0 12px}
.supplier-company-grid label{min-width:0}
.supplier-branch-note{margin:-2px 0 7px;color:#71758b;font-size:11px}
.ap-supplier-form .ap-address-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px;margin-top:2px}
.ap-supplier-form .ap-address-grid label:last-child{grid-column:auto;max-width:none}
.ap-supplier-form .ap-address-grid label:last-child input{color:#9ca1b5}
.ap-supplier-form .address-preview{margin-top:4px}
.ap-supplier-form .address-preview input{background:#10231f;border-color:#247e69;color:#86edc4}
.ap-supplier-form .auto-fill{color:#5ee3a1;font-size:11px;margin-left:4px}
.ap-supplier-form input:disabled{opacity:.55;cursor:not-allowed}
.supplier-payment-grid{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,2fr) minmax(90px,.8fr);gap:0 12px}
.supplier-extra-grid{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(130px,.7fr);gap:0 14px;align-items:start}
.supplier-extra-grid textarea{min-height:66px;resize:vertical}
.ap-supplier-form .ap-form-actions{display:flex;justify-content:stretch;gap:10px;margin:4px 0 18px}
.ap-supplier-form .ap-form-actions button{flex:1;min-height:40px;border-radius:7px}
.ap-supplier-form .ap-form-actions .secondary-btn{background:#20202d;border-color:#38384d;color:#b8bbcc}
.ap-supplier-form .ap-form-actions .primary-btn{background:linear-gradient(90deg,#5a5fe9,#0eb9da);border:0;color:white;min-width:0}
@media(max-width:700px){.ap-supplier-page{padding:16px 12px 24px}.supplier-company-grid,.supplier-payment-grid,.supplier-extra-grid,.ap-supplier-form .ap-address-grid{grid-template-columns:minmax(0,1fr)}.ap-supplier-form .ap-address-grid label:last-child{grid-column:auto}.ap-supplier-page #ap-content>.supplier-list-toolbar{align-items:stretch;flex-direction:column}.supplier-count{align-self:flex-start;padding:0}.ap-supplier-form .ap-form-actions{flex-direction:column}}

/* Advice price manager integration. */
.ap-price-page{min-height:calc(100vh - 60px);background:#f5f9fc;color:#1f2a37;padding:22px 24px 32px;border-radius:0}
.ap-price-page>.ap-heading{max-width:1360px;margin:0 auto 14px;border-bottom:1px solid #d7e5ef}
.ap-price-page>.ap-heading h1{color:#102a43;font-weight:800}
.ap-price-page>.ap-heading>.ap-toolbar{margin:0}
.ap-price-page .ap-button,.ap-price-page .secondary-btn{background:#ffffff;border:1px solid #b9d4e8;color:#0d5f94;border-radius:6px;box-shadow:0 1px 2px rgba(15,74,119,.05)}
.ap-price-page .ap-button:hover,.ap-price-page .secondary-btn:hover{background:#e8f4fb;border-color:#75add2;color:#094d7a}
.ap-price-page .primary-btn,.ap-price-page>.ap-heading>.ap-toolbar .ap-button:last-child{background:#0f80c6;border:1px solid #0f80c6;color:#fff;border-radius:6px;box-shadow:0 8px 18px rgba(15,128,198,.16)}
.ap-price-page .primary-btn:hover,.ap-price-page>.ap-heading>.ap-toolbar .ap-button:last-child:hover{background:#0b6fae;border-color:#0b6fae}
.ap-price-page button:disabled{opacity:.55;cursor:not-allowed}
.ap-price-page #ap-content{max-width:1360px;margin:0 auto}
.ap-price-manager{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:start;border:1px solid #d2e1ec;border-radius:8px;overflow:hidden;background:#ffffff;box-shadow:0 12px 30px rgba(25,65,96,.09)}
.ap-price-categories{background:#e7f1f8;border-right:1px solid #c5d9e8;min-height:calc(100vh - 150px)}
.ap-price-category-head{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#0f72b5;color:#fff;padding:13px 14px;font-size:14px}
.ap-price-category-search{display:block;padding:10px 10px 6px;margin:0!important;color:#38546a;font-weight:700}
.ap-price-category-search span{display:block;font-size:12px;margin-bottom:4px}
.ap-price-category-search input{width:100%;min-height:34px;border:1px solid #bdd2e2;border-radius:999px;padding:6px 11px;background:#fff;color:#1f2a37}
#price-category-list{padding:4px 8px 14px;max-height:calc(100vh - 240px);overflow:auto}
.ap-price-category-btn{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;border:0;background:transparent;color:#27536f;text-align:left;padding:9px 10px;border-radius:7px;font-size:13px}
.ap-price-category-btn small{color:#6d8396;font-variant-numeric:tabular-nums}
.ap-price-category-btn:hover{background:#d8ebf6}
.ap-price-category-btn.active{background:#ffffff;color:#0b5e93;font-weight:800;box-shadow:0 1px 4px rgba(15,79,123,.08)}
.ap-price-work{min-width:0;background:#f8fbfd}
.ap-price-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 190px auto auto auto;gap:8px;align-items:end;margin:0!important;padding:11px 12px;background:#fff;border-bottom:1px solid #d7e5ef}
.ap-price-toolbar label{margin:0!important;min-width:0!important;flex:none!important;color:#41566b;font-weight:700;font-size:12px}
.ap-price-toolbar label span{display:block;margin-bottom:4px}
.ap-price-toolbar input{width:100%;min-height:36px;border:1px solid #c8d8e6;color:#1f2a37;background:#fff;border-radius:6px;padding:7px 9px}
.ap-price-toolbar input[readonly]{background:#f1f6fa;color:#64748b}
.ap-price-stats{display:flex;gap:12px 18px;align-items:center;flex-wrap:wrap;padding:9px 12px;background:#eef6fb;border-bottom:1px solid #d7e5ef;color:#5b7083;font-size:12px}
.ap-price-stats b{color:#0b72b8;font-size:14px}
.ap-price-dirty,.ap-price-pill{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;background:#fff3c4;color:#7a5700;font-weight:800}
.ap-price-import,.ap-price-sync{margin:12px;background:#ffffff;border:1px solid #cdddea;border-radius:8px;padding:12px;box-shadow:0 5px 16px rgba(25,65,96,.06)}
.ap-price-import p,.ap-price-sync p{margin:3px 0 0}
.ap-price-import-row,.ap-price-sync-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:9px}
.ap-product-sync-status{margin:0 0 12px;padding:12px;border:1px solid #bcd9ed;border-radius:8px;background:#f8fcff;box-shadow:0 3px 12px rgba(25,65,96,.05)}
.ap-product-sync-status p{margin:3px 0 0}.ap-product-sync-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ap-product-sync-status .ap-price-pill{background:#e0f2fe;color:#075985;border:1px solid #7dd3fc;font-variant-numeric:tabular-nums}.ap-product-sync-status #price-sync-text{font-weight:800;color:#1f4e6c}
.ap-product-sync-status .ap-price-progress{height:10px;margin:9px 0 6px;background:#dbeaf4}.ap-product-sync-status #price-sync-bar{background:#0f80c6}.ap-product-sync-status #price-sync-detail{font-variant-numeric:tabular-nums}
.branch-preview-modal{padding:2px 2px 0}.branch-preview-kicker{margin:0 0 14px;color:#27536f;font-weight:700}.branch-preview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #cdddea;border-radius:7px;overflow:hidden;background:#f8fcff}.branch-preview-stats>div{padding:13px 10px;text-align:center;border-right:1px solid #d9e6ef}.branch-preview-stats>div:last-child{border-right:0}.branch-preview-stats span,.branch-preview-stats small{display:block;color:#587084;font-size:12px}.branch-preview-stats strong{display:block;margin:3px 0;color:#0876b9;font-size:23px;line-height:1.2;font-variant-numeric:tabular-nums}.branch-preview-note{margin:13px 0;color:#405b6e}.branch-preview-modal .ap-toolbar{justify-content:flex-end;margin:0!important}@media(max-width:560px){.branch-preview-stats strong{font-size:19px}.branch-preview-stats>div{padding:11px 6px}.branch-preview-modal .ap-toolbar{justify-content:stretch}.branch-preview-modal .ap-toolbar button{flex:1}}
.ap-price-import-row input[type=file]{flex:1 1 260px;min-height:38px;background:#fff;border:1px solid #c8d8e6;border-radius:6px;padding:6px}
.ap-price-progress{height:9px;background:#e4edf4;border-radius:999px;overflow:hidden;margin-top:8px}
.ap-price-progress>div{height:100%;width:0;background:#18a058;transition:width .18s ease}
.ap-price-sync #price-sync-bar{background:#0f80c6}
.ap-price-page .ap-table-scroll{border:0;border-top:1px solid #d7e5ef;border-radius:0;max-height:calc(100vh - 330px)}
.ap-price-page .ap-table{min-width:1180px;background:#fff;border-collapse:separate;border-spacing:0}
.ap-price-page .ap-table th{background:#0f72b5;color:#fff;border-right:1px solid rgba(255,255,255,.2);padding:9px 8px;text-align:center;font-weight:800}
.ap-price-page .ap-table td{background:#fff;border-bottom:1px solid #e5edf4;border-right:1px solid #eaf1f6;padding:7px 8px;vertical-align:middle}
.ap-price-page .ap-table tr:nth-child(even) td{background:#f7fbfe}
.ap-price-page .ap-table tr:hover td{background:#edf7fd}
.ap-price-page .ap-table td:nth-child(4),.ap-price-page .ap-table td:nth-child(5),.ap-price-page .ap-table td:nth-child(6),.ap-price-page .ap-table td:nth-child(7),.ap-price-page .ap-table td:nth-child(n+10):nth-child(-n+13){text-align:right;font-variant-numeric:tabular-nums}
.ap-price-page .ap-table td:nth-child(8),.ap-price-page .ap-table td:nth-child(9),.ap-price-page .ap-table td:nth-child(14){text-align:center}
.ap-price-page .ap-table td:nth-child(2) strong,.ap-price-page .ap-table td:nth-child(3) strong{display:block;color:#1b3448}
.ap-price-page .ap-table small{display:block;color:#6d8396;font-size:11px;line-height:1.45}
.price-code{font-family:Consolas,'Noto Sans Thai',monospace;color:#075985;font-weight:800}
.ap-price-input{width:104px!important;min-width:92px!important;text-align:right;font-variant-numeric:tabular-nums;border:1px solid #c8d8e6;border-radius:5px;background:#fff;padding:5px 7px;min-height:32px}
.ap-price-input.ap-dirty{border-color:#d6a300;background:#fff9dc;box-shadow:0 0 0 2px rgba(214,163,0,.12)}
.ap-price-page #price-count{padding:9px 12px;margin:0;background:#fff;border-top:1px solid #d7e5ef}
.ap-price-locks{display:flex;gap:14px;flex-wrap:wrap;margin:12px 0}
.ap-price-product-form .ap-check{background:#f3f7fb;border:1px solid #d4e3ee;border-radius:6px;padding:8px 10px}
@media(max-width:980px){.ap-price-manager{grid-template-columns:minmax(0,1fr)}.ap-price-categories{min-height:auto;border-right:0;border-bottom:1px solid #c5d9e8}.ap-price-toolbar{grid-template-columns:minmax(0,1fr) minmax(150px,1fr)}#price-category-list{max-height:180px}.ap-price-page .ap-table-scroll{max-height:65vh}}
@media(max-width:640px){.ap-price-page{padding:14px 10px 24px}.ap-price-toolbar{grid-template-columns:minmax(0,1fr)}.ap-price-import-row,.ap-price-sync-row{align-items:stretch;flex-direction:column}.ap-price-import-row button,.ap-price-sync-row button{width:100%}}
.ap-receiving-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.ap-receiving-grid>section{min-width:0}.ap-pane-title{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#2678ab;color:white;padding:10px 12px}.ap-pane-title h2{font-size:16px;margin:0}.ap-receiving-grid .ap-table-scroll{max-height:65vh}.ap-status.STAGED{background:#fff3cc;color:#735c10}details{margin:16px 0}summary{cursor:pointer;color:#35637d;padding:8px 0}@media(max-width:900px){.ap-receiving-grid{grid-template-columns:1fr}}

/* Modern light supplier theme. */
.app:has(.ap-supplier-page),.app:has(.ap-supplier-page) .workspace{background:#f4f8fc}
.app:has(.ap-supplier-page) .topbar{background:#ffffff;border-bottom:1px solid #d8e5f0;box-shadow:0 1px 0 rgba(16,78,126,.05),0 8px 22px rgba(30,64,95,.05);color:#1f2937}
.app:has(.ap-supplier-page) .navbutton{color:#395064}
.app:has(.ap-supplier-page) .navbutton:hover,.app:has(.ap-supplier-page) .navitem:focus-within .navbutton{background:#eaf4fb;color:#0d5f94}
.app:has(.ap-supplier-page) .dropdown{background:#ffffff;border-color:#d8e5f0;box-shadow:0 14px 28px rgba(36,69,96,.12)}
.app:has(.ap-supplier-page) .dropitem{background:#ffffff;color:#334155;border-bottom-color:#edf4fa}
.app:has(.ap-supplier-page) .dropitem:hover{background:#f0f7fc}
.app:has(.ap-supplier-page) .branch{color:#0b72b8}.app:has(.ap-supplier-page) .userlabel{color:#64748b}
.ap-supplier-page{min-height:calc(100vh - 60px);background:linear-gradient(180deg,#f8fbfe 0,#eef6fb 100%);color:#1f2a37;border-radius:0;padding:24px 28px 32px}
.ap-supplier-page>.ap-heading{max-width:1180px;margin:0 auto 16px;border-bottom:1px solid #d8e5f0;padding-bottom:14px}
.ap-supplier-page>.ap-heading h1{font-size:22px;color:#102a43;font-weight:800}
.ap-supplier-page>.ap-heading>.ap-toolbar{background:transparent;border:0;padding:0;margin:0}
.ap-supplier-page .ap-button,.ap-supplier-page>.ap-heading>.ap-toolbar .ap-button{background:#ffffff;border:1px solid #b9d4e8;color:#0d5f94;border-radius:6px;box-shadow:0 1px 2px rgba(15,74,119,.05)}
.ap-supplier-page .ap-button:hover,.ap-supplier-page>.ap-heading>.ap-toolbar .ap-button:hover{background:#e8f4fb;border-color:#75add2;color:#094d7a}
.ap-supplier-page>.ap-heading>.ap-toolbar .ap-button:last-child{background:#0f80c6;border-color:#0f80c6;color:#ffffff;box-shadow:0 8px 18px rgba(15,128,198,.18)}
.ap-supplier-page>.ap-heading>.ap-toolbar .ap-button:last-child:hover{background:#0b6fae;border-color:#0b6fae;color:#ffffff}
.ap-supplier-page #ap-content{max-width:1180px;margin:0 auto}
.ap-supplier-page #ap-content>.supplier-list-toolbar{display:flex;align-items:end;background:transparent;border:0;padding:0;margin:0 0 16px;gap:10px}
.ap-supplier-page #ap-content>.supplier-list-toolbar label:first-child{flex:1 1 500px}
.ap-supplier-page #ap-content>.supplier-list-toolbar label:nth-child(2){flex:0 1 150px;min-width:130px}
.ap-supplier-page #ap-content>.supplier-list-toolbar label{color:#4b6175;font-weight:700}
.ap-supplier-page #ap-content>.supplier-list-toolbar input,.ap-supplier-page #ap-content>.supplier-list-toolbar select{background:#ffffff;border:1px solid #c8d8e6;color:#1f2a37;border-radius:6px;box-shadow:0 1px 2px rgba(31,42,55,.04)}
.ap-supplier-page #ap-content>.supplier-list-toolbar input:focus,.ap-supplier-page #ap-content>.supplier-list-toolbar select:focus{border-color:#0f80c6;outline:3px solid rgba(15,128,198,.14)}
.supplier-count{align-self:center;color:#6b7d90;font-size:13px;white-space:nowrap;padding:0 2px 8px}
.ap-supplier-page .ap-table-scroll{border:1px solid #d3e2ee;border-radius:8px;background:#ffffff;box-shadow:0 12px 28px rgba(25,65,96,.09);overflow:auto}
.ap-supplier-page .ap-table{min-width:920px;background:#ffffff;color:#1f2a37;border-collapse:separate;border-spacing:0}
.ap-supplier-page .ap-table th{background:#0f72b5;color:#ffffff;border-bottom:1px solid #0a5d95;padding:11px 12px;font-weight:800}
.ap-supplier-page .ap-table td{border-bottom:1px solid #e5edf4;padding:11px 12px;color:#263442;background:#ffffff}
.ap-supplier-page .ap-table tr:nth-child(even) td{background:#f7fbfe}
.ap-supplier-page .ap-table tr:hover td{background:#edf7fd}
.ap-supplier-page .ap-table td:nth-child(7){color:#d53f3f;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}
.ap-supplier-page .ap-table td:nth-child(8){text-align:center}
.ap-supplier-page .ap-link{color:#0875b8;font-weight:800;text-decoration:none}
.ap-supplier-page .ap-link:hover{color:#075985;text-decoration:underline;text-underline-offset:3px}
.supplier-branch{display:block;color:#71839a;font-size:12px;margin-top:3px}
.ap-supplier-page .ap-status{border-radius:999px;padding:4px 10px;font-weight:800}
.ap-supplier-page .ap-status.ACTIVE{background:#dcfce7;color:#166534}
.ap-supplier-page .ap-status.INACTIVE,.ap-supplier-page .ap-status.CANCELLED{background:#fee2e2;color:#991b1b}
.ap-supplier-form{max-width:960px;margin:0 auto}
.ap-supplier-form .ap-form-card{background:#ffffff;border:1px solid #d7e3ee;border-radius:8px;padding:18px 20px;margin:0 0 14px;color:#1f2a37;box-shadow:0 8px 22px rgba(26,61,91,.07)}
.ap-supplier-form .ap-form-card h2{display:flex;align-items:center;gap:7px;color:#0b72b8;font-size:15px;margin:0 0 16px;font-weight:800}
.ap-supplier-form .ap-section-icon{color:#0b72b8;font-size:14px;line-height:1}
.ap-supplier-form label{color:#41566b;margin:8px 0;font-weight:700}
.ap-supplier-form label>span{margin-bottom:5px}
.ap-supplier-form input,.ap-supplier-form select,.ap-supplier-form textarea{background:#ffffff;border:1px solid #c8d8e6;color:#172033;border-radius:6px;box-shadow:0 1px 2px rgba(31,42,55,.04)}
.ap-supplier-form input::placeholder,.ap-supplier-form textarea::placeholder{color:#93a4b7}
.ap-supplier-form input:focus,.ap-supplier-form select:focus,.ap-supplier-form textarea:focus{border-color:#0f80c6;outline:3px solid rgba(15,128,198,.14)}
.ap-supplier-form input[readonly],.ap-supplier-form textarea[readonly]{background:#f1f6fa;color:#64748b}
.supplier-company-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:0 12px}
.supplier-company-grid label{min-width:0}
.supplier-branch-note{margin:-2px 0 7px;color:#6d7f92;font-size:11px}
.ap-supplier-form .ap-address-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px;margin-top:2px}
.ap-supplier-form .ap-address-grid label:last-child{grid-column:auto;max-width:none}
.ap-supplier-form .ap-address-grid label:last-child input{color:#64748b}
.ap-supplier-form .address-preview{margin-top:4px}
.ap-supplier-form .address-preview input{background:#effaf5;border-color:#8bd4ad;color:#17623c;font-weight:700}
.ap-supplier-form .auto-fill{color:#16864f;font-size:11px;margin-left:4px}
.ap-supplier-form input:disabled{background:#edf2f7;color:#8795a6;opacity:1;cursor:not-allowed}
.supplier-payment-grid{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,2fr) minmax(90px,.8fr);gap:0 12px}
.supplier-extra-grid{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(130px,.7fr);gap:0 14px;align-items:start}
.supplier-extra-grid textarea{min-height:66px;resize:vertical}
.ap-supplier-form .ap-form-actions{display:flex;justify-content:stretch;gap:10px;margin:4px 0 18px}
.ap-supplier-form .ap-form-actions button{flex:1;min-height:40px;border-radius:6px}
.ap-supplier-form .ap-form-actions .secondary-btn{background:#eef6fb;border:1px solid #c7dcea;color:#0d5f94}
.ap-supplier-form .ap-form-actions .secondary-btn:hover{background:#dff0fa}
.ap-supplier-form .ap-form-actions .primary-btn{background:#0f80c6;border:1px solid #0f80c6;color:white;min-width:0;box-shadow:0 8px 18px rgba(15,128,198,.18)}
.ap-supplier-form .ap-form-actions .primary-btn:hover{background:#0b6fae;border-color:#0b6fae}
.ap-review-card{background:#effaf5;border:1px solid #9bd9b6;border-radius:8px;padding:14px 16px;margin:14px 0;color:#174e34}
.ap-review-card h2{color:#146c45!important}
.ap-review-grid span{color:#557766}
.ap-review-grid strong{color:#173f2a}
@media(max-width:700px){.ap-supplier-page{padding:16px 12px 24px}.supplier-company-grid,.supplier-payment-grid,.supplier-extra-grid,.ap-supplier-form .ap-address-grid{grid-template-columns:minmax(0,1fr)}.ap-supplier-form .ap-address-grid label:last-child{grid-column:auto}.ap-supplier-page #ap-content>.supplier-list-toolbar{align-items:stretch;flex-direction:column}.supplier-count{align-self:flex-start;padding:0}.ap-supplier-form .ap-form-actions{flex-direction:column}}