.ow-page{--ow-accent:#19826b;--ow-line:#e3e9e6;--ow-muted:#7a8c84;color:#293d35}.ow-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.ow-stats article{display:flex;flex-direction:column;gap:12px;padding:22px;border:1px solid var(--ow-line);border-radius:10px;background:#fff}.ow-stats article>span{color:var(--ow-muted);font-size:12px}.ow-stats article>strong{font-size:30px;line-height:1.2}.ow-panel{background:#fff;border:1px solid var(--ow-line);border-radius:10px;overflow:hidden}.ow-tabs{display:flex;gap:8px;margin:22px 0 16px;flex-wrap:wrap}.ow-tabs .btn[aria-pressed="true"]{border-color:#19826b;background:#edf8f3;color:#147657}.ow-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:18px 20px;flex-wrap:wrap}.ow-toolbar>input{min-width:260px;width:400px;max-width:100%;padding:10px 12px;border:1px solid #dce6e0;border-radius:6px;font:inherit;font-size:12px}.ow-toolbar>select{padding:9px 12px;border:1px solid #dce6e0;border-radius:6px;font:inherit;font-size:12px;background:#fff}.ow-notice{padding:12px 15px;margin:14px 0;border:1px solid #dce9e1;border-radius:6px;background:#f5faf7;color:#5a7567;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.ow-panel>.ow-notice{margin:18px 20px}.ow-notice.warning{border-color:#ead8b3;background:#fffbf1;color:#92712d}.ow-notice.error{border-color:#eac5c3;background:#fff6f5;color:#bd4f47}.ow-notice.success{border-color:#b9ddc5;background:#effaf2;color:#267746}.ow-muted{display:block;color:#819188;font-size:11px;line-height:1.8;overflow-wrap:anywhere;margin-top:5px}.ow-mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;overflow-wrap:anywhere}.ow-badge{display:inline-block;padding:4px 8px;border-radius:5px;background:#f0f3f1;color:#75867c;font-size:11px;line-height:1.4;white-space:normal}.ow-badge.success{background:#eaf6ed;color:#2d8155}.ow-badge.warning{background:#fff4df;color:#a07824}.ow-badge.error{background:#fff0ef;color:#ba554b}.ow-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ow-actions .btn{font-size:11px;white-space:normal}.ow-pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid #edf1ee;gap:15px}.ow-pagination>div{display:flex;gap:10px;align-items:center;font-size:12px;color:#7a8b81}.ow-page td{vertical-align:middle;font-size:12px}.ow-blockers{max-width:340px;min-width:160px}.ow-section-head{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #edf1ee}.ow-section-head h2{font-size:15px;margin:0}.ow-catalog-section+.ow-catalog-section{border-top:1px solid #dfe8e2}.ow-field{display:flex;flex-direction:column;gap:8px;min-width:0;margin-bottom:18px}.ow-field>span{color:#61766a;font-size:12px}.ow-field input,.ow-field select,.ow-field textarea{width:100%;box-sizing:border-box;border:1px solid #dce5df;border-radius:6px;padding:10px 11px;background:#fff;color:#314e3c;font:inherit;font-size:12px;min-width:0}.ow-field input[readonly]{background:#f1f7f3;color:#307355;font-weight:600}.ow-field select:disabled,.ow-field input:disabled,.ow-field textarea:disabled{background:#f5f7f5;color:#718078;cursor:default}.ow-field textarea{resize:vertical;min-height:80px}.ow-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.ow-field-grid>.ow-field:last-child:nth-child(odd){grid-column:1/-1}.ow-field>.ow-muted{margin:0}.ow-field input[type="search"]{margin-bottom:0}.ow-field input[type="search"]+select{margin-top:0}.ow-pack-detail,.ow-card{padding:18px 20px;border:1px solid #e2eae5;background:#fcfdfc;border-radius:8px;margin:18px 0}.ow-card h3{font-size:14px;margin:0 0 12px;color:#375d49}.ow-sync-row,.ow-mapping-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid #e7eee9}.ow-sync-row:last-child,.ow-mapping-row:last-child{border-bottom:0;padding-bottom:0}.ow-sync-row>div:first-child,.ow-mapping-row>div:first-child{min-width:0;flex:1}.ow-sync-row>div>.ow-muted{max-width:480px}.ow-sync-row strong{font-size:13px}.ow-feedback{font-size:12px;line-height:1.8;color:#6d8375;overflow-wrap:anywhere}.ow-feedback.error{padding:12px 14px;border:1px solid #ebc7c3;background:#fff5f4;border-radius:6px;color:#bd4d43}.ow-modal .modal-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.ow-modal .modal-footer>.ow-muted{margin:0;flex:1}.ow-modal .modal-footer>.ow-actions{justify-content:flex-end}.ow-modal .modal-head small{overflow-wrap:anywhere}.ow-modal .modal-body{position:relative}.ow-modal .btn:disabled,.ow-page .btn:disabled{opacity:.48;cursor:not-allowed}.ow-release-record{padding:14px 0;border-bottom:1px solid #e2ebe5}.ow-release-record:last-child{border-bottom:0}.ow-task-detail{display:grid;gap:8px}.ow-task-detail .ow-field{margin-bottom:12px}.ow-task-detail .ow-field>strong{padding:10px 0}.ow-leave{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:120;background:rgba(20,39,31,.38);padding:20px}.ow-leave-dialog{width:min(520px,100%);box-sizing:border-box;padding:24px;background:#fff;border:1px solid #dce5df;border-radius:10px;box-shadow:0 20px 70px #17362533}.ow-leave-dialog h3{margin:0 0 14px;font-size:17px;color:#2c4838}.ow-leave-dialog p{font-size:13px;line-height:1.9;color:#6e8175;margin:0 0 22px}.ow-leave-dialog>.ow-actions{justify-content:flex-end}.ow-modal .ow-field input:focus,.ow-modal .ow-field select:focus,.ow-modal .ow-field textarea:focus,.ow-toolbar>input:focus{outline:2px solid #a9d5be;outline-offset:1px}.ow-page .data-table th{font-size:12px}
@media(max-width:900px){.ow-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ow-stats article{padding:18px}.ow-sync-row{align-items:flex-start;flex-direction:column}.ow-sync-row>.ow-actions{width:100%;justify-content:flex-end}}
@media(max-width:640px){.ow-stats article>strong{font-size:26px}.ow-toolbar{padding:14px}.ow-toolbar>input{min-width:0;width:100%}.ow-toolbar>select{width:100%}.ow-field-grid{grid-template-columns:1fr;gap:0}.ow-field-grid>.ow-field:last-child:nth-child(odd){grid-column:auto}.ow-pagination{align-items:flex-start;flex-direction:column}.ow-pagination>div{width:100%;justify-content:space-between}.ow-pack-detail,.ow-card{padding:15px}.ow-modal .modal-footer>.ow-muted{flex-basis:100%;font-size:10px}.ow-modal .modal-footer>.ow-actions{width:100%}.ow-mapping-row{align-items:flex-start;flex-direction:column}.ow-panel>.ow-notice{margin:14px}.ow-leave-dialog{padding:20px}.ow-section-head{padding:16px}}
/* Overseas workbench follows the procurement two-tab panel. */
.ow-wb-tabs{margin:0;padding:0 22px;gap:24px;border-bottom:1px solid #e3e9e6}.ow-wb-tabs .btn{border:0;border-radius:0;background:white;padding:17px 3px;color:#76897e}.ow-wb-tabs .btn[aria-pressed=true]{background:white;border-bottom:3px solid #19826b;color:#19826b;font-weight:600}.ow-wb-stats{margin:18px 20px 0}.ow-wb-stats>button{display:flex;flex-direction:column;gap:10px;text-align:left;padding:18px;border:1px solid #e3e9e6;border-radius:8px;background:#fcfdfc;color:#3c6952;cursor:pointer}.ow-wb-stats>button>span{font-size:12px;color:#73877a}.ow-wb-stats>button>strong{font-size:27px}.ow-destination-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:350px;overflow:auto;margin:16px 0}.ow-destination{display:flex;align-items:center;gap:10px;border:1px solid #dee8e1;border-radius:6px;padding:12px;cursor:pointer}.ow-destination:has(input:checked){background:#edf8f2;border-color:#83bca0}.ow-destination input{width:16px;height:16px;accent-color:#19826b}.ow-destination strong{font-size:12px}.ow-modal h3{font-size:14px;color:#365943}.ow-modal .ow-card>.ow-field{margin-bottom:12px}
.ow-group-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.ow-group-section-head h3{margin:0}.ow-group-destination{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,1fr) auto;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid #e2eae5}.ow-group-destination:last-child{border-bottom:0}.ow-group-destination .btn{font-size:12px}.ow-pack-separator{border:0;border-top:1px solid #e3e9e6;margin:14px 0}@media(max-width:640px){.ow-group-destination{grid-template-columns:1fr}.ow-group-destination .btn{justify-self:start}}

.ow-destination-selection{margin:14px 0;padding:12px;background:#f7faf8;border:1px solid #dee8e1;border-radius:6px}.ow-destination-tags{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.ow-destination-tag{display:inline-flex;align-items:center;gap:8px;padding:4px 8px;border:1px solid #cde3d7;border-radius:5px;background:#fff;font-size:12px}.ow-destination-tag .btn{padding:2px 5px;font-size:12px}.ow-destination:has(input:disabled):not(:has(input:checked)){opacity:.55;cursor:default}
