*{box-sizing:border-box} :root{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#213b33;background:#f5f7f8;font-size:16px;font-synthesis:none}body{margin:0}button,input,select,textarea{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #77cdb2;outline-offset:3px}aside{width:228px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid #e4eae7;padding:35px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:750;letter-spacing:2px}.logo{width:42px;height:46px;background:#17644f;color:white;display:grid;place-items:center;border-radius:12px 3px 12px 3px;font-size:25px}.brand small,.aside-bottom small{display:block;font-size:12px;font-weight:400;color:#7c8983;letter-spacing:1px;margin-top:5px}.nav-label{font-size:12px;color:#8d9893;margin:52px 14px 17px;letter-spacing:2px}nav{display:grid;gap:9px}nav a{display:flex;gap:14px;align-items:center;font-size:15px;padding:14px;border-radius:8px;color:#64736d}nav a.active{color:#17644f;background:#eaf4ef;font-weight:650}nav svg,.quick svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.aside-bottom{margin-top:auto;display:flex;gap:10px;align-items:center;border-top:1px solid #e7ece9;padding-top:22px;font-size:14px}.avatar{border-radius:50%;background:#e6efea;color:#3d725b;display:inline-grid;place-items:center;width:37px;height:37px;flex:none}.shell{margin-left:228px}header{min-height:81px;background:#fff;border-bottom:1px solid #e4eae7;display:flex;align-items:center;justify-content:space-between;padding:18px 38px;gap:20px}.breadcrumb{font-size:14px;color:#718178}.breadcrumb b{font-weight:400;margin:0 14px;color:#c3cbc7}#crumb{color:#30483e}.header-right{display:flex;align-items:center;gap:20px}.demo{font-size:12px;color:#718178}select{border:1px solid #dce5df;border-radius:7px;padding:9px;background:#fff;color:#41584c;font-size:14px}main{max-width:1420px;margin:auto;padding:36px 38px 24px}.page-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:27px}h1{font-size:28px;margin:0 0 9px;font-weight:650;letter-spacing:-.5px}p{line-height:1.65;margin:0;color:#7a8880;font-size:14px}button.primary{border:0;background:#17644f;color:white;border-radius:7px;padding:12px 19px;font-size:14px}button.secondary{border:1px solid #dfe7e2;background:#fff;color:#345447;border-radius:7px;padding:9px 14px;font-size:14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.stat{background:#fff;border:1px solid #e5eae7;border-radius:10px;padding:21px 23px}.stat-label{display:flex;justify-content:space-between;color:#687d71;font-size:14px}.stat strong{display:block;font-size:33px;font-weight:620;margin:15px 0 10px;font-variant-numeric:tabular-nums}.stat small{font-size:12px;color:#8b978f}.stat:first-child{background:#17644f;color:white;border-color:#17644f}.stat:first-child .stat-label,.stat:first-child small{color:#c2ddd1}.stat .mini{font-size:12px;background:#f3f6f4;padding:3px 7px;border-radius:4px}.stat:first-child .mini{background:#ffffff1c;color:#fff}.grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);gap:24px}.panel{background:white;border:1px solid #e4eae6;border-radius:10px;overflow:hidden;margin-bottom:24px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px 23px 18px}.panel-head h2{font-size:17px;font-weight:650;margin:0}.link{border:0;background:none;padding:5px;color:#17644f;font-size:14px}.tabs{display:flex;gap:24px;padding:0 23px;border-bottom:1px solid #e9eeeb;overflow:auto}.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 0;color:#7c8b82;font-size:14px;white-space:nowrap}.tabs button.active{color:#17644f;border-color:#17644f;font-weight:600}.task{padding:20px 23px;border-bottom:1px solid #eef1ef;display:flex;align-items:center;gap:13px}.task:last-child{border:0}.task-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#f1f5f3;color:#578772;font-size:18px;flex:none}.task-text{min-width:0;flex:1}.task-title{font-size:15px;font-weight:550;line-height:1.5;margin-bottom:5px}.meta{font-size:12px;color:#8a978f;line-height:1.6}.tag{display:inline-block;font-size:12px;border-radius:4px;padding:5px 8px;white-space:nowrap;color:#2f7b61;background:#edf6f1}.tag.orange{color:#ae782c;background:#fff5e5}.tag.gray{color:#78887e;background:#f0f3f1}.tag.red{color:#b76363;background:#fff0ef}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:2px 15px 23px;gap:22px 8px}.quick{border:0;background:none;font-size:13px;color:#51665a;display:flex;align-items:center;flex-direction:column;gap:10px}.quick i{display:grid;place-items:center;width:45px;height:45px;background:#f1f6f3;border-radius:12px;color:#31795d}.flow{padding:4px 23px 26px}.flow-row{display:flex;align-items:center;gap:13px;margin:18px 0;font-size:14px}.bar{flex:1;background:#f0f4f1;height:7px;border-radius:6px;overflow:hidden}.bar span{display:block;height:100%;background:#83b29c;border-radius:6px}.flow-row b{width:28px;font-size:13px;font-weight:500;text-align:right}.note{padding:22px;background:#eaf0ed;border-radius:10px;font-size:14px;line-height:1.8;color:#536d5d}.note strong{display:block;color:#2c5742;margin-bottom:8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{font-weight:400;color:#839187;background:#fafcfb;padding:15px 23px;white-space:nowrap}td{padding:18px 23px;border-top:1px solid #edf1ee;line-height:1.65}td:first-child{min-width:185px}.money{font-variant-numeric:tabular-nums;white-space:nowrap}.empty{text-align:center;padding:44px;color:#849389;font-size:14px}.salary-total{padding:25px;background:#17644f;color:white;border-radius:9px;margin-bottom:24px;display:flex;justify-content:space-between;gap:20px;align-items:center}.salary-total p{color:#d0e4d9}.salary-total strong{font-size:30px;display:block;margin-top:9px}.salary-total .secondary{color:#17644f}footer{max-width:1420px;margin:auto;padding:10px 38px 26px;display:flex;justify-content:space-between;color:#97a198;font-size:12px}dialog{border:0;border-radius:14px;box-shadow:0 25px 100px #122f3340;width:min(510px,calc(100% - 32px));padding:25px;color:#254536}dialog::backdrop{background:#15372b60;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-head h2{font-size:20px;margin:0}.icon-button{border:0;background:#f3f6f4;border-radius:50%;width:32px;height:32px;font-size:24px;color:#607769}form{display:grid;gap:17px}label{display:grid;gap:8px;font-size:14px;color:#526b5b}input,textarea,form select{width:100%;padding:11px;border:1px solid #d9e3dc;border-radius:6px;background:white;color:#284a37}textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:7px}.detail-row{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid #edf1ee;font-size:14px}.detail-row span{color:#7f9085}.detail-row b{text-align:right;font-weight:500;overflow-wrap:anywhere}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:13px 22px;color:white;background:#244c3e;box-shadow:0 8px 28px #183c3325;border-radius:8px;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s;font-size:14px;max-width:90%}#toast.show{opacity:1}.mobile-only{display:none}@media(min-width:1500px){main{padding-top:46px}.task{padding-top:24px;padding-bottom:24px}}@media(max-width:1050px){aside{width:190px;padding:28px 15px}.shell{margin-left:190px}main{padding:28px 24px}.grid{grid-template-columns:1.6fr 1fr;gap:16px}.stats{gap:12px}.stat{padding:18px 15px}.task{padding:18px 16px}.task .secondary{padding:8px}.header-right .demo{display:none}header{padding:18px 24px}}@media(max-width:760px){aside{z-index:5;inset:auto 0 0;width:100%;height:74px;padding:0 5px max(5px,env(safe-area-inset-bottom));border-top:1px solid #e1e9e3;border-right:0}.brand,.nav-label,.aside-bottom{display:none}nav{display:grid;grid-template-columns:repeat(7,1fr);gap:0;height:100%}nav a{flex-direction:column;gap:6px;justify-content:center;font-size:12px;padding:10px 0;border-radius:0}nav a.active{background:transparent}nav svg{width:21px;height:21px}.shell{margin:0;padding-bottom:78px}header{min-height:65px;padding:12px 18px}.breadcrumb{font-size:13px}.breadcrumb b{margin:0 8px}.header-right select{font-size:12px;padding:8px}main{padding:25px 18px 0}h1{font-size:25px}.page-top{align-items:flex-start;margin-bottom:22px}.page-top p{font-size:13px;max-width:230px}.page-top .primary{padding:11px 13px;white-space:nowrap}.stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.stat{padding:17px}.stat strong{font-size:28px;margin:12px 0 8px}.stat-label{font-size:13px}.grid{display:flex;flex-direction:column;gap:0}.panel{margin-bottom:18px}.panel-head{padding:19px 17px 15px}.panel-head h2{font-size:16px}.tabs{padding:0 17px;gap:20px}.task{padding:17px 14px;gap:9px}.task-title{font-size:14px}.task-icon{width:33px;height:36px;font-size:15px}.task .secondary{font-size:12px;padding:8px}.task .meta{font-size:12px}.quick-grid{grid-template-columns:repeat(3,1fr)}.note{display:none}footer{padding:15px 18px 22px;gap:20px;font-size:12px}footer>span{max-width:220px;text-align:right}td,th{padding:14px 16px}.salary-total{padding:22px}.salary-total strong{font-size:25px}.salary-total p{font-size:12px}#toast{bottom:95px}.form-row{grid-template-columns:1fr 1fr}}
.purchase-stats .stat strong{font-size:28px}.purchase-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:22px}.purchase-list>.empty{grid-column:1/-1}.purchase-card{border:1px solid #e3ebe5;border-radius:9px;padding:20px;min-width:0}.purchase-card-top,.purchase-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.purchase-card-top{align-items:flex-start}.purchase-card-top .task-title{font-size:16px}.purchase-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px 14px;margin:20px 0}.purchase-fields dt{font-size:12px;color:#809086;margin-bottom:5px}.purchase-fields dd{margin:0;font-size:14px;overflow-wrap:anywhere}.purchase-card-bottom{border-top:1px solid #edf1ee;padding-top:16px}.purchase-card-bottom strong{font-size:21px;font-weight:600}.purchase-history{margin-top:22px}.purchase-history h3{font-size:14px;margin:0 0 12px}.purchase-history p{font-size:13px;padding:8px 0;color:#506d5d;overflow-wrap:anywhere}.purchase-history p span{display:inline-block;margin-right:14px;color:#8c9a90}dialog{max-height:calc(100dvh - 32px);overflow:auto}.purchase-stats .stat strong{overflow-wrap:anywhere}@media(max-width:760px){.purchase-list{grid-template-columns:1fr;padding:15px;gap:14px}.purchase-card{padding:17px}.purchase-stats .stat strong{font-size:23px}.purchase-history p span{display:block;margin:0 0 3px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.order-dialog{width:min(1120px,calc(100% - 32px))}.order-section-title{font-size:17px;margin:18px 0 13px}.order-header-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 22px}.order-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.order-item-editor{border:1px solid #dce6df;border-radius:9px;margin:0 0 18px;padding:16px 20px;min-width:0}.order-item-editor legend{padding:0 8px;font-size:15px;font-weight:600}.line-number{color:#1b7052;margin-left:6px}.item-editor-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.order-item-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.order-header-fields input,.order-item-fields input{min-width:0}.order-item-fields label:last-child{grid-column:span 3}.line-total{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:18px;font-size:14px;color:#69806f}.line-total strong{font-size:19px;color:#234c39}.order-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;background:#edf5f0;border-radius:8px;margin:17px 0;color:#355a44;font-size:14px}.order-summary strong{font-size:25px}.required-mark{color:#ab653e}.order-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin-bottom:22px}.order-lines-table{border:1px solid #e2eae4;border-radius:8px}.order-lines-table td,.order-lines-table th{padding:13px 14px;min-width:95px}.order-lines-table td:first-child,.order-lines-table th:first-child{min-width:55px}.order-lines-table td{max-width:260px;overflow-wrap:anywhere}.order-lines-mobile{display:none}.order-dialog .form-actions{flex-wrap:wrap}@media(max-width:760px){.order-dialog{padding:20px 16px;width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.order-header-fields,.order-item-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.order-item-editor{padding:12px}.order-item-fields label:last-child{grid-column:span 2}.order-item-fields label:nth-child(2),.order-item-fields label:nth-child(3){grid-column:span 2}.order-section-head{align-items:flex-start;flex-wrap:wrap}.order-info-grid{grid-template-columns:1fr}.order-lines-table{display:none}.order-lines-mobile{display:grid;gap:15px}.order-lines-mobile article{padding:16px;border:1px solid #e2ebe5;border-radius:8px}.order-lines-mobile .purchase-card-top{font-size:15px}.order-lines-mobile .purchase-card-top strong{overflow-wrap:anywhere}.order-lines-mobile .purchase-card-top>span{white-space:nowrap}.order-lines-mobile .purchase-fields{margin-bottom:0}.order-lines-mobile .purchase-fields>div:last-child{grid-column:span 2}.order-summary{padding:15px 12px}.order-summary strong{font-size:21px}.order-dialog .detail-row b{max-width:65%}}
.page-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#orderPrintArea{display:none}@media(max-width:760px){.page-actions{justify-content:flex-end;gap:8px}.page-actions .secondary{padding:9px 10px}.page-actions>button{white-space:nowrap}.page-top:has(.page-actions){flex-wrap:wrap}.page-top:has(.page-actions) .page-actions{width:100%;justify-content:flex-start}}@media print{@page{size:A4 landscape;margin:12mm}html,body{height:auto!important;background:white!important;color:#000!important;font-size:10pt!important}body>*{display:none!important}body>#orderPrintArea{display:block!important;color:#000;font-family:"PingFang SC","Microsoft YaHei",sans-serif}dialog,dialog::backdrop{display:none!important}#orderPrintArea h1{text-align:center;font-size:20pt;margin:0 0 5mm}#orderPrintArea .print-subtitle{text-align:center;font-size:12pt;margin-bottom:6mm}#orderPrintArea .print-info{display:grid;grid-template-columns:repeat(3,1fr);gap:3mm 6mm;margin-bottom:6mm;font-size:10pt;overflow-wrap:anywhere}#orderPrintArea table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:8pt}#orderPrintArea thead{display:table-header-group}#orderPrintArea tr{break-inside:avoid}#orderPrintArea th,#orderPrintArea td{min-width:0!important;padding:2.5mm 1.5mm;border:1px solid #888;color:#000;background:#fff;white-space:normal;overflow-wrap:anywhere;vertical-align:top;line-height:1.45}#orderPrintArea th:first-child{width:4%}#orderPrintArea th:nth-child(3){width:13%}#orderPrintArea th:nth-child(5){width:5%}#orderPrintArea th:nth-child(12){width:13%}#orderPrintArea .print-total{font-size:12pt;text-align:right;font-weight:600;margin:5mm 0;break-inside:avoid}#orderPrintArea .print-note{line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}#orderPrintArea .print-footer{margin-top:8mm;font-size:8pt;color:#555}}
.order-dialog{width:min(1600px,calc(100% - 32px))}.horizontal-hint{font-size:13px;margin:0 0 9px;color:#71877a}.horizontal-order-scroll{max-width:100%;overflow:auto;border:1px solid #dce6df;border-radius:8px;overscroll-behavior-x:contain}.horizontal-order-editor{width:100%;min-width:1850px;table-layout:fixed}.horizontal-order-editor th,.horizontal-order-editor td{padding:12px 9px;vertical-align:middle;min-width:0}.horizontal-order-editor thead th{font-size:14px;color:#3c6550;background:#edf5ef}.horizontal-order-editor th:first-child{width:56px;position:sticky;left:0;z-index:1;background:#edf5ef;text-align:center}.horizontal-order-editor th:last-child{width:70px}.horizontal-order-editor th:nth-child(3){width:200px}.horizontal-order-editor th:nth-child(4){width:185px}.horizontal-order-editor th:nth-child(5){width:100px}.horizontal-order-editor th:nth-child(6){width:120px}.horizontal-order-editor th:nth-child(7){width:135px}.horizontal-order-editor th:nth-child(12){width:240px}.horizontal-order-editor input{padding:10px 8px;font-size:14px;min-width:0;width:100%}.horizontal-order-editor tbody th{font-weight:500}.horizontal-order-editor input:focus{outline:2px solid #6bb997;outline-offset:1px}.order-lines-table{display:block;overscroll-behavior-x:contain}.order-lines-table table{min-width:1450px}.order-lines-table td:first-child,.order-lines-table th:first-child{position:sticky;left:0;z-index:1;background:#f2f7f3}.order-lines-table:focus-visible,.horizontal-order-scroll:focus-visible{outline:2px solid #6bb997;outline-offset:2px}@media(max-width:760px){.order-dialog{width:calc(100% - 20px)}.order-lines-table{display:block}.order-lines-mobile{display:none}.horizontal-order-editor input{font-size:16px}.horizontal-hint{font-size:13px}}
/* Compact product lines, with extra space only for product names. */
.horizontal-order-editor{min-width:1234px;font-size:12px}.horizontal-order-editor th,.horizontal-order-editor td{padding:6px 5px;font-size:12px}.horizontal-order-editor thead th{font-size:12px}.horizontal-order-editor th:nth-child(1){width:38px}.horizontal-order-editor th:nth-child(2){width:82px}.horizontal-order-editor th:nth-child(3){width:240px}.horizontal-order-editor th:nth-child(4){width:90px}.horizontal-order-editor th:nth-child(5){width:68px}.horizontal-order-editor th:nth-child(6){width:82px}.horizontal-order-editor th:nth-child(7){width:96px}.horizontal-order-editor th:nth-child(8),.horizontal-order-editor th:nth-child(9),.horizontal-order-editor th:nth-child(10),.horizontal-order-editor th:nth-child(11){width:72px}.horizontal-order-editor th:nth-child(12){width:100px}.horizontal-order-editor th:nth-child(13){width:50px}.horizontal-order-editor input,.horizontal-order-editor textarea{font-size:12px;line-height:1.5;padding:6px 5px;border-radius:5px;width:100%;min-width:0}.horizontal-order-editor input{height:32px}.horizontal-order-editor .product-name-input{min-height:48px;height:48px;resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere}.horizontal-order-editor .product-name-input:focus{outline:2px solid #6bb997;outline-offset:1px}.horizontal-order-editor .link{font-size:12px;padding:6px 2px}.order-lines-table table{min-width:1140px;table-layout:fixed;font-size:12px}.order-lines-table th,.order-lines-table td{min-width:0!important;padding:8px 6px;font-size:12px;line-height:1.5;max-width:none}.order-lines-table th:nth-child(1){width:38px}.order-lines-table th:nth-child(2){width:75px}.order-lines-table th:nth-child(3){width:240px}.order-lines-table th:nth-child(4){width:85px}.order-lines-table th:nth-child(5){width:60px}.order-lines-table th:nth-child(6){width:80px}.order-lines-table th:nth-child(7){width:95px}.order-lines-table th:nth-child(8),.order-lines-table th:nth-child(9),.order-lines-table th:nth-child(10),.order-lines-table th:nth-child(11){width:65px}.order-lines-table th:nth-child(12){width:107px}.order-lines-table td:nth-child(3){white-space:pre-wrap;overflow-wrap:anywhere}@media print{#orderPrintArea td:nth-child(3){white-space:pre-wrap}}
.order-header-fields .order-number-help{grid-column:1/-1;grid-row:1;font-size:12px;color:#7a8c80;margin:0}.order-header-fields input[readonly]{background:#eff5f1;color:#245b41;font-variant-numeric:tabular-nums;letter-spacing:.6px;cursor:default}
/* Half-width line items with editable specification and explicit unit. */
.horizontal-order-editor{min-width:600px}.horizontal-order-editor th,.horizontal-order-editor td{padding:5px 2px;line-height:1.3}.horizontal-order-editor th{white-space:normal;overflow-wrap:anywhere}.horizontal-order-editor th:nth-child(1){width:24px}.horizontal-order-editor th:nth-child(2){width:40px}.horizontal-order-editor th:nth-child(3){width:114px}.horizontal-order-editor th:nth-child(4){width:56px}.horizontal-order-editor th:nth-child(5){width:40px}.horizontal-order-editor th:nth-child(6){width:38px}.horizontal-order-editor th:nth-child(7){width:44px}.horizontal-order-editor th:nth-child(8){width:54px}.horizontal-order-editor th:nth-child(9),.horizontal-order-editor th:nth-child(10),.horizontal-order-editor th:nth-child(11),.horizontal-order-editor th:nth-child(12){width:30px}.horizontal-order-editor th:nth-child(13){width:44px}.horizontal-order-editor th:nth-child(14){width:26px}.horizontal-order-editor input,.horizontal-order-editor textarea,.horizontal-order-editor select{font-size:12px;min-width:0;width:100%;padding:5px 2px;line-height:1.35}.horizontal-order-editor select{height:30px;padding:3px 0;border-radius:4px}.horizontal-order-editor input{height:30px}.horizontal-order-editor .product-name-input{height:44px;min-height:44px}.horizontal-order-editor .money{white-space:normal;overflow-wrap:anywhere;font-size:11px}.horizontal-order-editor input[type=number]{appearance:textfield;-moz-appearance:textfield}.horizontal-order-editor input::-webkit-inner-spin-button,.horizontal-order-editor input::-webkit-outer-spin-button{appearance:none;margin:0}.order-lines-table table{min-width:570px}.order-lines-table th,.order-lines-table td{padding:6px 2px;white-space:normal;overflow-wrap:anywhere;line-height:1.4}.order-lines-table th:nth-child(1){width:22px}.order-lines-table th:nth-child(2){width:36px}.order-lines-table th:nth-child(3){width:114px}.order-lines-table th:nth-child(4){width:56px}.order-lines-table th:nth-child(5){width:28px}.order-lines-table th:nth-child(6){width:34px}.order-lines-table th:nth-child(7){width:44px}.order-lines-table th:nth-child(8){width:54px}.order-lines-table th:nth-child(9),.order-lines-table th:nth-child(10),.order-lines-table th:nth-child(11),.order-lines-table th:nth-child(12){width:30px}.order-lines-table th:nth-child(13){width:62px}@media print{#orderPrintArea th:nth-child(5){width:4%}#orderPrintArea th:nth-child(6){width:5%}#orderPrintArea th:nth-child(12){width:6%}#orderPrintArea th:nth-child(13){width:10%}}
/* Desktop fits every column; smaller screens keep comfortable widths and scroll. */
.order-dialog{width:calc(100vw - 32px);max-width:none}.horizontal-order-scroll,.order-lines-table{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}.horizontal-order-editor,.order-lines-table table{width:100%;min-width:1280px;table-layout:fixed}.horizontal-order-editor th,.horizontal-order-editor td,.order-lines-table th,.order-lines-table td{padding:9px 5px;font-size:14px;line-height:1.5;vertical-align:middle}.horizontal-order-editor thead th{font-size:14px}.horizontal-order-editor input,.horizontal-order-editor textarea,.horizontal-order-editor select{font-size:16px;padding:8px 5px;line-height:1.45}.horizontal-order-editor input,.horizontal-order-editor select{height:40px}.horizontal-order-editor .product-name-input{height:62px;min-height:62px}.horizontal-order-editor .money{font-size:14px}.horizontal-order-editor .link{font-size:14px;min-height:40px}.horizontal-order-editor th:nth-child(1),.order-lines-table th:nth-child(1){width:3%}.horizontal-order-editor th:nth-child(2),.order-lines-table th:nth-child(2){width:6%}.horizontal-order-editor th:nth-child(3),.order-lines-table th:nth-child(3){width:18%}.horizontal-order-editor th:nth-child(4),.order-lines-table th:nth-child(4){width:8%}.horizontal-order-editor th:nth-child(5),.order-lines-table th:nth-child(5){width:5%}.horizontal-order-editor th:nth-child(6),.order-lines-table th:nth-child(6){width:5%}.horizontal-order-editor th:nth-child(7),.order-lines-table th:nth-child(7){width:7%}.horizontal-order-editor th:nth-child(8),.order-lines-table th:nth-child(8){width:8%}.horizontal-order-editor th:nth-child(9),.horizontal-order-editor th:nth-child(10),.horizontal-order-editor th:nth-child(11),.horizontal-order-editor th:nth-child(12),.order-lines-table th:nth-child(9),.order-lines-table th:nth-child(10),.order-lines-table th:nth-child(11),.order-lines-table th:nth-child(12){width:6%}.horizontal-order-editor th:nth-child(13){width:10%}.horizontal-order-editor th:nth-child(14){width:6%}.order-lines-table th:nth-child(13){width:16%}.desktop-table-hint{display:none}@media screen and (min-width:1100px){.order-dialog{padding:24px;max-height:calc(100dvh - 24px)}.horizontal-order-editor,.order-lines-table table{min-width:0}.horizontal-order-editor th,.horizontal-order-editor td,.order-lines-table th,.order-lines-table td{font-size:13px;padding:8px 4px}.horizontal-order-editor thead th{font-size:13px}.horizontal-order-editor input,.horizontal-order-editor textarea,.horizontal-order-editor select{font-size:13px;padding:7px 3px}.horizontal-order-editor .money,.horizontal-order-editor .link{font-size:13px}.horizontal-order-editor .product-name-input{min-height:54px;height:54px}.desktop-table-hint{display:inline}.swipe-table-hint{display:none}.order-header-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px 20px}.order-info-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 22px}}@media screen and (max-width:760px){.order-dialog{width:calc(100vw - 16px);padding:20px 14px}.horizontal-order-scroll,.order-lines-table{touch-action:pan-x pan-y}}
.spec-picker{display:flex;align-items:stretch;width:100%;min-width:0}.spec-picker input{flex:1;min-width:0!important;width:0;border-radius:5px 0 0 5px!important}.spec-picker .spec-preset{flex:0 0 28px;width:28px!important;min-width:28px;max-width:28px;padding:0!important;border-left:0;border-radius:0 5px 5px 0;appearance:none;-webkit-appearance:none;text-align:center;background:#e9f3ed;color:#246346;cursor:pointer;font-size:15px!important}.spec-picker .spec-preset option{color:#213b33;background:white;font-size:16px}.spec-picker .spec-preset:focus-visible{outline:2px solid #6bb997;outline-offset:1px}
button.danger{background:#fff3f1;color:#a43830;border:1px solid #ebc5bf;border-radius:7px;padding:10px 14px;font-size:14px}.order-storage-bar{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:13px;color:#708576}.order-storage-bar>div{display:flex;gap:8px;flex-wrap:wrap}.storage-warning{padding:14px;border:1px solid #d9a48d;background:#fff4eb;color:#943f29;border-radius:8px;margin-bottom:20px}@media(max-width:760px){.order-storage-bar{align-items:flex-start;flex-direction:column}}
.order-ai-panel{border:1px solid #cfe1d6;border-radius:9px;background:#f5faf7;margin-bottom:8px}.order-ai-panel summary{padding:14px 17px;cursor:pointer;list-style:none;display:flex;align-items:center;gap:18px;color:#17644f;font-weight:600}.order-ai-panel summary::-webkit-details-marker{display:none}.ai-service-state{font-weight:400;font-size:12px;color:#897750}.order-ai-content{padding:0 17px 17px;display:grid;gap:13px}.order-ai-content p{font-size:13px}.ai-image-preview{display:flex;align-items:center;gap:13px;flex-wrap:wrap;font-size:13px}.ai-image-preview img{max-width:180px;max-height:130px;object-fit:contain;border:1px solid #dce6df;border-radius:6px}.order-ai-content button:disabled{opacity:.6;cursor:not-allowed}#orderAIError{color:#a44335}.order-ai-content input[type=file]{background:#fff}

.ai-image-drop{border:2px dashed #b9cec5;border-radius:8px;padding:16px;background:#f7fbf9;transition:background .15s,border-color .15s}.ai-image-drop.drag-active{border-color:#176b56;background:#e0f1e8}.ai-image-drop label{margin:0}

#orderListResults th:has(> #selectAllOrders),#orderListResults td:has(> input[data-order-select]){width:40px;min-width:40px;max-width:40px;padding-left:12px;padding-right:12px;text-align:center}
.order-filter-controls{grid-template-columns:repeat(3,minmax(0,1fr))}
.order-filter-controls>label{min-width:0}
@media(max-width:760px){.order-filter-controls{grid-template-columns:1fr}}

#specialPriceRows>.form-row{grid-template-columns:minmax(100px,1fr) minmax(180px,2fr) minmax(100px,1fr);align-items:end}
#specialPriceRows label{min-width:0}
#specialPriceRows{overflow-x:auto}
@media(max-width:600px){#specialPriceRows>.form-row{min-width:460px}}
#specialPriceRows>.form-row{grid-template-columns:110px minmax(180px,360px) 120px 48px;gap:8px;margin-bottom:6px!important}
#specialPriceRows label{font-size:12px;gap:3px;margin-bottom:0}
#specialPriceRows input,#specialPriceRows select{padding:5px 8px;height:32px;font-size:13px}
#specialPriceRows button{height:32px;padding:4px}
@media(max-width:600px){#specialPriceRows>.form-row{min-width:500px}}

#specialPriceRows>.form-row{grid-template-columns:80px minmax(150px,240px) 75px repeat(4,minmax(75px,1fr)) 40px;min-width:780px;gap:6px}

.purchase-row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:250px}.purchase-row-actions button{height:36px;padding:0 12px;border:1px solid #d8e4de;border-radius:7px;background:#fff;color:#28594d;font:inherit;font-size:13px;white-space:nowrap;cursor:pointer}.purchase-row-actions button:hover{background:#edf5f1;border-color:#91b4a7}#purchaseRows td{padding-top:20px;padding-bottom:20px}

.purchase-drop{border:2px dashed #b8cec3;border-radius:10px;padding:24px 16px;text-align:center;background:#f6faf8}.purchase-drop.dragging{border-color:#176650;background:#e5f3ec}.purchase-drop .selected-files{overflow-wrap:anywhere;font-size:13px;color:#356453}
#purchaseRows td{padding:10px 12px;line-height:1.45}#purchaseRows th{padding:10px 12px}#purchaseRows .purchase-row-actions{gap:6px;flex-wrap:nowrap;min-width:238px}#purchaseRows .purchase-row-actions button{height:30px;padding:0 8px;font-size:12px}#purchaseRows td:first-child{min-width:190px}#purchaseRows table{min-width:880px}

#purchaseRows td:first-child,#purchaseRows th:first-child{min-width:36px;width:36px;padding:8px}#purchaseRows input[type=checkbox]{width:15px;height:15px}#purchaseRows td:nth-child(2){min-width:170px}

.purchase-paid{border:1px solid transparent;border-radius:6px;padding:6px 9px;font-size:12px;cursor:pointer}.purchase-paid.is-paid{color:#176650;background:#e6f3ec;border-color:#b6d8c6}.purchase-paid.is-unpaid{color:#995e12;background:#fff3df;border-color:#efd4a4}

/* Finance workspace: fixed selection column and flexible record content. */
.finance-panel input[type=checkbox]{width:16px;height:16px;min-width:16px;min-height:16px;flex:0 0 16px;padding:0;margin:0;accent-color:#17644f;cursor:pointer}
.finance-filters{display:grid;grid-template-columns:minmax(240px,1fr) repeat(3,minmax(125px,auto));gap:12px;padding:20px}
.finance-filters input,.finance-filters select{min-width:0!important;width:100%;height:42px;font-size:14px}
.finance-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 20px;background:#f6f9f7;border-top:1px solid #e5ece7;border-bottom:1px solid #e5ece7;font-size:13px;color:#5c7367}
.finance-toolbar label{display:flex;align-items:center;gap:8px;white-space:nowrap;margin:0}
.finance-toolbar span{margin-right:auto;font-variant-numeric:tabular-nums}
.finance-panel button{border:1px solid #d9e5de;border-radius:7px;padding:8px 12px;background:#fff;color:#28594d;font-size:13px;white-space:nowrap;min-height:34px}
.finance-panel button.primary{background:#17644f;border-color:#17644f;color:#fff}
.finance-panel button:hover{background:#edf5f0}
.finance-panel button.primary:hover{background:#12533f}
.finance-panel button[onclick*="'trash'"]{color:#a4473b;border-color:#edd7d2;background:#fffaf9}
.finance-panel .task{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:18px;padding:18px 20px;align-items:center}
.finance-panel .task-text{min-width:0}
.finance-panel .task-text strong{display:block;font-size:15px;line-height:1.6;overflow-wrap:break-word}
.finance-panel .task-text p{font-size:13px;line-height:1.65;margin-top:3px;overflow-wrap:anywhere}
.finance-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:350px}
@media(max-width:1050px){.finance-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.finance-filters input{grid-column:1/-1}.finance-panel .task{grid-template-columns:16px minmax(0,1fr)}.finance-actions{grid-column:2;justify-content:flex-start;max-width:none}}
@media(max-width:600px){.finance-filters{padding:14px;gap:8px;grid-template-columns:1fr}.finance-filters input{grid-column:auto}.finance-panel .task{padding:16px 14px;gap:12px}.finance-toolbar{padding:12px 14px}.finance-toolbar span{width:calc(100% - 75px);margin:0}}

.approval-cards .stat{color:white;border:0;transition:filter .15s}.approval-cards .stat p{color:#fff;opacity:.85}.approval-cards .approval-purchase{background:#17644f}.approval-cards .approval-leave{background:#326eaa}.approval-cards .approval-material{background:#9a681e}.approval-cards .approval-expense{background:#7655a0}.approval-cards .stat:hover{filter:brightness(1.1)}
.expense-row{flex-wrap:wrap}.expense-row .task-text{flex:1 1 280px}.expense-actions{display:flex;gap:8px;flex-wrap:wrap;flex:1 1 100%;padding-top:8px}.expense-actions button{white-space:nowrap}
.finance-nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.finance-nav button{border:2px solid transparent;border-radius:8px;padding:12px 20px;color:white;font-size:14px}.finance-nav-purchase{background:#17644f}.finance-nav-expense{background:#326eaa}.finance-nav-salary{background:#7655a0}.finance-nav-analysis{background:#98651b}.finance-nav button.selected{outline:2px solid currentColor;outline-offset:3px;box-shadow:0 3px 8px #0002;border-color:#ffffffa0}.finance-nav button:hover{filter:brightness(1.1)}
.finance-nav-social{background:#a44f65}
.warehouse-categories{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.warehouse-categories button{padding:18px 24px;border:1px solid #cddfd4;background:#eef6f1;color:#17644f;border-radius:8px}.warehouse-categories button[aria-pressed=true]{outline:2px solid currentColor;outline-offset:2px}.warehouse-alert{background:#fff0ed!important;color:#b32f25!important}
button.primary:disabled{background:#e5e9e7;color:#8a9690;cursor:not-allowed;box-shadow:none;opacity:1}

/* Keep every workspace module reachable on short screens. */
@media(min-width:761px){
 aside{height:100vh;height:100dvh;overflow:hidden;padding-top:24px;padding-bottom:18px}
 aside .brand,aside .nav-label,aside .aside-bottom{flex-shrink:0}
 aside .nav-label{margin:0 14px 12px}
 aside #nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;align-content:start;gap:4px;padding:3px 5px 10px 0;scrollbar-width:thin;scrollbar-color:#a8beb5 transparent;overscroll-behavior:contain}
 aside #nav a{padding:11px 12px;min-height:44px}
 aside .aside-bottom{margin-top:10px;padding-top:14px}
 aside #nav::-webkit-scrollbar{width:6px}
 aside #nav::-webkit-scrollbar-thumb{background:#a8beb5;border-radius:6px}
}
@media(max-width:760px){
 aside #nav{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:0;min-width:0;scrollbar-width:thin;overscroll-behavior:contain}
 aside #nav a{flex:0 0 82px;min-width:82px;white-space:nowrap}
 aside #nav a.active{background:#eaf4ef}
}
.receipt-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;padding:10px 16px}.receipt-compact{min-width:900px;table-layout:fixed;width:100%}.receipt-compact th,.receipt-compact td{padding:10px 12px;line-height:1.4;vertical-align:middle;overflow-wrap:anywhere}.receipt-compact th:nth-child(1){width:14%}.receipt-compact th:nth-child(2){width:20%}.receipt-compact th:nth-child(3){width:19%}.receipt-compact th:nth-child(4){width:20%}.receipt-compact th:nth-child(5){width:12%}.receipt-compact th:nth-child(6){width:15%}.receipt-actions{display:flex;align-items:center;gap:6px}.receipt-actions input[type=checkbox]{width:17px;height:17px;margin:0;flex:none}.receipt-compact .link{padding:3px 0}.receipt-note{white-space:pre-wrap;max-height:70px;overflow:auto;font-size:14px}

button.back-navigation,a.back-navigation{background:#2563b8;color:#fff;border:1px solid #2563b8;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 5px #2563b830}button.back-navigation:hover,a.back-navigation:hover{background:#1d4e94;color:#fff;border-color:#1d4e94}button.back-navigation:focus-visible,a.back-navigation:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}
body:has(#nav a[href="#dispatch"].active) main,body:has(#nav a[href="#dispatch"].active) footer{max-width:none;margin-left:0;margin-right:0;width:100%;box-sizing:border-box}

body:has(#nav a[href="#orders"].active) #orderListResults th,body:has(#nav a[href="#orders"].active) #orderListResults td{padding-left:10px;padding-right:10px}body:has(#nav a[href="#orders"].active) #orderListResults th:last-child{min-width:76px;white-space:nowrap}

body:has(#nav a[href="#dispatch"].active) main{padding-top:20px}body:has(#nav a[href="#dispatch"].active) main th,body:has(#nav a[href="#dispatch"].active) main td{padding:10px 12px}body:has(#nav a[href="#dispatch"].active) footer{padding-top:18px}

tr.delivery-alarm>td{background:#fee2e2!important;color:#991b1b}tr.delivery-alarm .meta{color:#b91c1c}tr.delivery-alarm:hover>td{background:#fecaca!important}

.production-batch-toolbar button{background:#2563b8;color:white;border:0;border-radius:7px;padding:9px 14px;font-weight:600}.production-batch-toolbar button:nth-child(2){background:#586b78}.production-batch-toolbar button:nth-child(3){background:#196653}.production-batch-toolbar button:nth-child(4){background:#76549f}.production-batch-toolbar button:nth-child(5){background:#98661f}.production-batch-toolbar button:hover{filter:brightness(.9)}
body:has(#nav a[href="#dispatch"].active) main table th:first-child,body:has(#nav a[href="#dispatch"].active) main table td:first-child{width:42px;min-width:42px;max-width:42px}body:has(#nav a[href="#dispatch"].active) main table td:last-child{white-space:nowrap;width:210px}body:has(#nav a[href="#dispatch"].active) main table td:last-child>*{display:inline-block;margin:3px 4px;vertical-align:middle}button[onclick^="archiveProductionOrder"]{background:#76549f;color:#fff;border:0;border-radius:7px;padding:9px 12px;font-weight:600}button[onclick^="archiveProductionOrder"]:hover{background:#604187}
body:has(#nav a[href="#orders"].active) #orderListResults td:nth-last-child(2){white-space:nowrap;min-width:184px}body:has(#nav a[href="#orders"].active) #orderListResults td:nth-last-child(2)>button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 10px;margin:3px;border-radius:7px;font-size:14px;vertical-align:middle}button[onclick^="archiveOrderRecord"],button[onclick^="archiveOrderBatch"]{background:#76549f;color:#fff;border:1px solid #76549f;border-radius:7px;padding:9px 12px;font-weight:600}button[onclick^="archiveOrderRecord"]:hover,button[onclick^="archiveOrderBatch"]:hover{background:#604187;border-color:#604187}
body:has(#nav a[href="#orders"].active) .page-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
body:has(#nav a[href="#orders"].active) .page-actions>button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:120px;height:42px;min-height:42px;margin:0;padding:0 12px;border-radius:8px;border-width:1px;border-style:solid;font:600 14px/1.2 inherit;white-space:nowrap}
body:has(#nav a[href="#orders"].active) .page-actions>button{font-family:inherit;font-size:14px;font-weight:600;line-height:1.2}
button[onclick="archiveOrderBatch(true)"]{background:#a16b20;color:#fff;border-color:#a16b20}
button[onclick="archiveOrderBatch(true)"]:hover{background:#845619;border-color:#845619}
.production-analysis{margin-top:18px;padding:18px}.production-analysis h3{margin:0 0 14px}.production-analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.production-analysis-grid>div{padding:16px;background:#f7faf9;border:1px solid #e0e9e5;border-radius:9px}.production-analysis h4{margin:0 0 14px}.production-analysis small{font-size:12px;font-weight:400;color:#64776e;margin-left:8px}.production-analysis-counts{display:flex;gap:14px;flex-wrap:wrap}.production-analysis-counts span{padding:10px 14px;border-radius:7px}.production-analysis-counts b{font-size:24px;margin:0 8px}.analysis-done{background:#dcf7e8;color:#166534}.analysis-pending{background:#fde4e4;color:#b91c1c}.production-analysis>p{margin:14px 0 0}
.production-pie{width:160px;height:160px;border-radius:50%;margin:18px auto;display:flex;align-items:center;justify-content:center;color:#64776e}.production-analysis-counts{justify-content:center}
.production-summary{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch}.production-summary>div{min-width:150px;border-radius:9px;padding:12px 18px;display:flex;align-items:center;gap:18px}.production-summary span{font-size:14px}.production-summary strong{font-size:26px;white-space:nowrap}.production-summary small{font-size:12px;font-weight:400}.summary-total{background:#e4eefb;color:#245d9c}@media(max-width:800px){body:has(#nav a[href="#dispatch"].active) .page-top{flex-wrap:wrap;gap:14px}.production-summary{width:100%}.production-summary>div{flex:1;min-width:120px}}
body:has(#nav a[href="#dispatch"].active) .page-top{justify-content:flex-start;gap:40px;flex-wrap:wrap}body:has(#nav a[href="#dispatch"].active) .production-summary{margin-left:0;margin-right:0}@media(max-width:800px){body:has(#nav a[href="#dispatch"].active) .page-top{gap:14px}}
body:has(#nav a[href="#dispatch"].active) .table-wrap table{table-layout:fixed;min-width:980px;width:100%}
body:has(#nav a[href="#dispatch"].active) .table-wrap th:first-child{width:40px}
body:has(#nav a[href="#dispatch"].active) .table-wrap th:nth-child(2){width:21%}
body:has(#nav a[href="#dispatch"].active) .table-wrap th:nth-child(3){width:15%}
body:has(#nav a[href="#dispatch"].active) .table-wrap th:nth-child(5){width:116px}
body:has(#nav a[href="#dispatch"].active) .table-wrap th:last-child{width:254px}
body:has(#nav a[href="#dispatch"].active) .table-wrap td{overflow-wrap:anywhere}
body:has(#nav a[href="#dispatch"].active) .table-wrap td:last-child{width:254px;white-space:nowrap}
body:has(#nav a[href="#dispatch"].active) .table-wrap td:last-child>button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:36px;min-height:36px;padding:0 10px;margin:0 4px 0 0;border-radius:7px;font-size:13px;line-height:1.2;vertical-align:middle;min-width:66px}
body:has(#nav a[href="#dispatch"].active) .table-wrap td:last-child>button.link{min-width:48px;background:#eef5f2;border:1px solid #dbe7e1}
body:has(#nav a[href="#dispatch"].active) .table-wrap td:last-child>button:last-child{margin-right:0}
body:has(#nav a[href="#salary"].active) .task{justify-content:flex-start;gap:16px;flex-wrap:wrap}body:has(#nav a[href="#salary"].active) .task-text{flex:0 1 420px}button[onclick^="viewReceivedPayslip"]{background:#326eac;color:white;border:1px solid #326eac;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600}button[onclick^="viewReceivedPayslip"]:hover{background:#255988}button[onclick^="archiveReceivedPayslip"]{background:#76549f;color:white;border:1px solid #76549f;border-radius:8px;padding:10px 16px}
button[onclick="refreshPayslips()"]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 18px;background:#326eac;color:#fff;border:1px solid #326eac;border-radius:8px;font-family:inherit;font-size:14px;font-weight:600;box-shadow:0 2px 5px #244e7814;cursor:pointer;transition:background .15s,box-shadow .15s}button[onclick="refreshPayslips()"]::before{content:'↻';font-size:21px;line-height:1}button[onclick="refreshPayslips()"]:hover{background:#255988;border-color:#255988;box-shadow:0 3px 8px #244e7826}button[onclick="refreshPayslips()"]:focus-visible{outline:3px solid #aacded;outline-offset:3px}
body:has(#nav a[href="#leave"].active) .page-actions{display:flex;gap:10px;flex-wrap:wrap}body:has(#nav a[href="#leave"].active) .page-actions>button{box-sizing:border-box;min-width:112px;height:42px;padding:0 16px;border:1px solid transparent;border-radius:8px;color:#fff;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:filter .15s}body:has(#nav a[href="#leave"].active) .page-actions>button[onclick="setApprovalSection('leave')"]{background:#196c58}body:has(#nav a[href="#leave"].active) .page-actions>button[onclick="setApprovalSection('purchase')"]{background:#97641e}body:has(#nav a[href="#leave"].active) .page-actions>button[onclick="setApprovalSection('expense')"]{background:#76549f}body:has(#nav a[href="#leave"].active) .page-actions>button.primary{outline:3px solid #c6d8d1;outline-offset:2px}body:has(#nav a[href="#leave"].active) .page-actions>button:hover{filter:brightness(.9)}
#modalBody [data-action="close"],#modalBody button[onclick="closeModal()"]{display:none!important}
.approval-cards .approval-salary{background:#97641e;color:white}body:has(#nav a[href="#leave"].active) .page-actions>button[onclick="setApprovalSection('salary')"]{background:#97641e}
button[onclick^="batchFinanceSalary"],button[onclick*=".salary-record-select"],button[onclick^="editFinanceSalary"],button[onclick^="sendSalarySlip"],button[onclick^="archiveFinanceSalary"]{min-height:38px;padding:8px 13px;border:1px solid transparent;border-radius:7px;font-family:inherit;font-size:14px;font-weight:600;color:white;cursor:pointer}button[onclick*=".salary-record-select"]{background:#326eac}button[onclick*=".salary-record-select"][onclick*="false"]{background:#596d78}button[onclick^="editFinanceSalary"]{background:#326eac}button[onclick^="sendSalarySlip"]{background:#196c58}button[onclick^="archiveFinanceSalary"],button[onclick="batchFinanceSalary('archive')"]{background:#76549f}button[onclick="batchFinanceSalary('restore')"]{background:#97641e}button[onclick="batchFinanceSalary('delete')"]{background:#b91c1c;color:white}button[onclick^="batchFinanceSalary"]:hover,button[onclick^="editFinanceSalary"]:hover,button[onclick^="sendSalarySlip"]:hover,button[onclick^="archiveFinanceSalary"]:hover{filter:brightness(.9)}

.contract-heading .page-top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.contract-heading .page-top>div:first-child{flex:1 1 240px}
.contract-heading-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.contract-heading-actions button{height:38px;min-height:38px;padding:0 14px;white-space:nowrap;flex-shrink:0;border-radius:7px;font-size:13px;line-height:1;font-weight:600;box-shadow:none}
.contract-heading-actions .seal-action{background:#eaf2fc;color:#2d65a2;border:1px solid #cfdef0}
.contract-heading-actions .delivery-seal-action{background:#f0ebf8;color:#71519c;border:1px solid #dfd3ee}
.contract-heading-actions .secondary{background:#fff;color:#667872;border:1px solid #dce4e1}
.contract-heading-actions .seal-action:hover{background:#dceafb}
.contract-heading-actions .delivery-seal-action:hover{background:#e6dcf3}
@media(max-width:1100px){.contract-heading-actions{width:100%;justify-content:flex-start}}
.purchase-batch-actions{padding:12px 16px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-top:1px solid #eef2f0}
.purchase-batch-actions button{height:36px;padding:0 12px;border-radius:6px;border:1px solid transparent;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}
.purchase-batch-actions .purchase-paid{background:#eaf2fc;color:#2d65a2;border-color:#cfdef0}
.purchase-batch-actions .purchase-unpaid{background:#fff3df;color:#97611d;border-color:#efdabb}
.purchase-batch-actions .purchase-clear{background:#f0f3f5;color:#5d6b76;border-color:#dbe2e7}
.purchase-batch-actions .secondary{background:#f0ebf8;color:#71519c;border-color:#dfd3ee}
.purchase-batch-actions button:hover{filter:brightness(.96)}
.purchase-batch-actions #purchaseSelectedCount{font-size:13px;color:#71827b;margin-right:4px}