/* YUHOME CoreHub Operations v12 — functional enterprise workspace */
:root{
  --ops-bg:#f6f8fc;--ops-surface:#fff;--ops-soft:#f8fafd;--ops-line:#e1e7f0;--ops-line-strong:#d3dce9;
  --ops-text:#101c37;--ops-muted:#6c7890;--ops-blue:#1463f3;--ops-blue-dark:#0b4fd1;--ops-green:#17a765;
  --ops-orange:#f59e0b;--ops-purple:#7657e8;--ops-red:#e64755;--ops-cyan:#0ea5b3;--ops-radius:12px;
  --ops-shadow:0 1px 3px rgba(15,29,58,.035);
}
.ops-page{width:100%;max-width:1510px;margin:0 auto;color:var(--ops-text)}
.ops-page *{box-sizing:border-box}.ops-page button,.ops-page input,.ops-page select,.ops-page textarea{font:inherit}
.ops-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:20px}
.ops-page-head h1{margin:0;font-size:30px;line-height:1.15;letter-spacing:-.65px;color:var(--ops-text)}
.ops-page-head p{margin:7px 0 0;color:var(--ops-muted);font-size:14px}.ops-page-head-actions{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}
.ops-location-select{display:flex;flex-direction:column;gap:5px;min-width:270px}.ops-location-select>span,.ops-field>span,.ops-filter>span{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#74819a}
.ops-location-select select,.ops-input,.ops-select,.ops-textarea{width:100%;min-height:42px;border:1px solid var(--ops-line-strong);border-radius:9px;background:#fff;color:var(--ops-text);padding:9px 12px;outline:0;box-shadow:none}
.ops-textarea{min-height:92px;resize:vertical;line-height:1.5}.ops-input:focus,.ops-select:focus,.ops-textarea:focus,.ops-location-select select:focus{border-color:#7aa4fa;box-shadow:0 0 0 3px rgba(20,99,243,.1)}
.ops-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid var(--ops-line-strong);border-radius:9px;background:#fff;color:#33415b;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap}
.ops-btn:hover{background:#f8fafc;border-color:#b9c5d6}.ops-btn.primary{background:var(--ops-blue);border-color:var(--ops-blue);color:#fff}.ops-btn.primary:hover{background:var(--ops-blue-dark);border-color:var(--ops-blue-dark)}
.ops-btn.danger{border-color:#f2c2c7;color:#c73242}.ops-btn.small{min-height:32px;padding:0 11px;font-size:12px;border-radius:7px}.ops-btn.icon{width:38px;padding:0}.ops-btn:disabled{opacity:.45;cursor:not-allowed}
.ops-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;flex:0 0 auto}.ops-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ops-icon.blue{background:#eaf1ff;color:var(--ops-blue)}.ops-icon.green{background:#e9f8f0;color:var(--ops-green)}.ops-icon.orange{background:#fff4df;color:var(--ops-orange)}.ops-icon.purple{background:#f0ebff;color:var(--ops-purple)}.ops-icon.red{background:#feebed;color:var(--ops-red)}.ops-icon.cyan{background:#e8f8f9;color:var(--ops-cyan)}
.ops-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.ops-summary-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.ops-summary-card{display:flex;align-items:center;gap:15px;min-height:112px;padding:18px;border:1px solid var(--ops-line);border-radius:var(--ops-radius);background:#fff;box-shadow:var(--ops-shadow)}
.ops-summary-card small{display:block;color:#7a879d;font-size:12px}.ops-summary-card strong{display:block;margin:2px 0;font-size:27px;line-height:1.08;color:var(--ops-text)}.ops-summary-card p{margin:0;color:var(--ops-muted);font-size:12px}
.ops-panel{border:1px solid var(--ops-line);border-radius:var(--ops-radius);background:#fff;box-shadow:var(--ops-shadow);overflow:hidden}.ops-panel+.ops-panel{margin-top:14px}
.ops-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 17px;border-bottom:1px solid var(--ops-line)}.ops-panel-head h2,.ops-panel-head h3{margin:0;font-size:16px}.ops-panel-head p{margin:3px 0 0;color:var(--ops-muted);font-size:12px}.ops-panel-body{padding:17px}
.ops-toolbar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:13px;border:1px solid var(--ops-line);border-radius:var(--ops-radius);background:#fff;margin-bottom:14px}.ops-toolbar .ops-filter{min-width:160px;display:flex;flex-direction:column;gap:5px}.ops-toolbar .ops-filter.grow{flex:1;min-width:250px}.ops-toolbar-actions{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ops-toggle{display:inline-flex;align-items:center;gap:8px;min-height:42px;color:#56647c;font-size:12px;font-weight:700}.ops-toggle input{appearance:none;width:38px;height:22px;border-radius:999px;background:#dbe2ec;position:relative;cursor:pointer;transition:.15s}.ops-toggle input::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18);transition:.15s}.ops-toggle input:checked{background:var(--ops-blue)}.ops-toggle input:checked::after{transform:translateX(16px)}
.ops-main-side{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:14px;align-items:start}.ops-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ops-form-side{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:14px;align-items:start}.ops-sticky{position:sticky;top:84px}
.ops-table-wrap{overflow:auto}.ops-table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px}.ops-table th{padding:12px 13px;border-bottom:1px solid var(--ops-line);background:#f8fafd;color:#68758c;font-size:10px;font-weight:800;letter-spacing:.045em;text-align:left;text-transform:uppercase;white-space:nowrap}.ops-table td{padding:12px 13px;border-bottom:1px solid #edf1f6;color:#33415a;font-size:12.5px;vertical-align:middle}.ops-table tbody tr:last-child td{border-bottom:0}.ops-table tbody tr:hover td{background:#fbfcfe}.ops-table strong{color:#17243f}.ops-table small{display:block;color:#8994a7;margin-top:2px}.ops-table .ops-input,.ops-table .ops-select{min-height:36px;padding:7px 9px;font-size:12px}
.ops-badge{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:800;text-transform:capitalize;white-space:nowrap}.ops-badge.normal,.ops-badge.completed,.ops-badge.approved,.ops-badge.matched{background:#e9f8ef;color:#138151}.ops-badge.low_stock,.ops-badge.pending_review,.ops-badge.pending_approval,.ops-badge.approved-pickup{background:#fff3d9;color:#aa6800}.ops-badge.out_of_stock,.ops-badge.rejected,.ops-badge.cancelled,.ops-badge.variance{background:#fdebed;color:#c93445}.ops-badge.draft,.ops-badge.submitted{background:#eef2f8;color:#60708b}.ops-badge.picked_up,.ops-badge.in_transit{background:#eaf1ff;color:#1459ce}
.ops-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-top:1px solid var(--ops-line);font-size:11px;color:#7b879b}.ops-pages{display:flex;gap:5px}.ops-pages button{width:34px;height:34px;border:1px solid var(--ops-line);border-radius:7px;background:#fff;color:#536079;cursor:pointer}.ops-pages button.active{background:var(--ops-blue);border-color:var(--ops-blue);color:#fff}
.ops-empty{display:flex;min-height:190px;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;color:#7a879b}.ops-empty strong{color:#2a3852;font-size:14px}.ops-empty p{margin:5px 0 0;max-width:420px;font-size:12px}
.ops-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.ops-entry-grid.one{grid-template-columns:1fr}.ops-entry-card{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid var(--ops-line);border-radius:var(--ops-radius);background:#fff;min-height:160px}.ops-entry-card>span{display:grid;place-items:center;width:102px;height:102px;border-radius:22px}.ops-entry-card>span svg{width:58px;height:58px;fill:none;stroke:currentColor;stroke-width:1.5}.ops-entry-card h2{margin:0;font-size:20px}.ops-entry-card p{margin:7px 0 15px;color:var(--ops-muted);line-height:1.5}.ops-entry-card.blue>span{background:linear-gradient(145deg,#4a86fa,#2460db);color:#fff}.ops-entry-card.green>span{background:linear-gradient(145deg,#2fc67d,#15995a);color:#fff}.ops-entry-card.cyan>span{background:#e6f8fa;color:#1697a3}
.ops-field{display:flex;flex-direction:column;gap:6px}.ops-field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:13px}.ops-field-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-field-row.four{grid-template-columns:repeat(4,minmax(0,1fr))}.ops-field .required::after{content:" *";color:var(--ops-red)}
.ops-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding-top:15px;margin-top:15px;border-top:1px solid var(--ops-line)}
.ops-line-items{border:1px solid var(--ops-line);border-radius:10px;overflow:hidden}.ops-line-head,.ops-line-row{display:grid;grid-template-columns:1.4fr .65fr .65fr 1.2fr 38px;gap:10px;align-items:center;padding:10px 12px}.ops-line-head{background:#f8fafd;color:#69768d;font-size:10px;font-weight:800;text-transform:uppercase}.ops-line-row{border-top:1px solid var(--ops-line)}.ops-line-row:first-child{border-top:0}
.ops-insight-list{display:flex;flex-direction:column}.ops-insight{display:flex;gap:11px;padding:14px;border-bottom:1px solid var(--ops-line)}.ops-insight:last-child{border-bottom:0}.ops-insight strong,.ops-insight span{display:block}.ops-insight span{margin-top:3px;color:var(--ops-muted);font-size:11px;line-height:1.45}.ops-insight b{margin-left:auto;color:var(--ops-blue);font-size:11px;white-space:nowrap}
.ops-activity-list{display:flex;flex-direction:column}.ops-activity-row{display:grid;grid-template-columns:9px 1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid var(--ops-line)}.ops-activity-row:last-child{border-bottom:0}.ops-activity-dot{width:8px;height:8px;border-radius:50%;background:var(--ops-blue);margin-top:5px}.ops-activity-row strong,.ops-activity-row small{display:block}.ops-activity-row small{color:var(--ops-muted);margin-top:3px}.ops-activity-row time{font-size:10px;color:#8a95a8;white-space:nowrap}
.ops-progress{display:flex;align-items:center;gap:16px}.ops-progress-ring{--progress:0;display:grid;place-items:center;width:90px;height:90px;border-radius:50%;background:conic-gradient(var(--ops-blue) calc(var(--progress)*1%),#edf1f6 0);position:relative}.ops-progress-ring::after{content:"";position:absolute;inset:11px;border-radius:50%;background:#fff}.ops-progress-ring strong{position:relative;z-index:1;font-size:18px}.ops-progress-legend{display:grid;gap:7px;font-size:11px}.ops-progress-legend span{display:flex;align-items:center;gap:7px}.ops-progress-legend i{width:7px;height:7px;border-radius:50%;background:var(--ops-blue)}
.ops-tabs{display:flex;gap:7px;border-bottom:1px solid var(--ops-line);margin-bottom:14px}.ops-tabs button{min-height:42px;padding:0 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:#69768c;font-weight:700;cursor:pointer}.ops-tabs button.active{color:var(--ops-blue);border-bottom-color:var(--ops-blue)}
.ops-category-section td{padding:10px 14px!important;border-top:1px solid #f0d5cf!important;border-bottom:1px solid #f0d5cf!important;background:#fff7f4!important;color:#bf4f3b!important}.ops-category-section:first-child td{border-top:0!important}.ops-category-section:hover td{background:#fff7f4!important}.ops-category-section strong{font-size:12px!important;font-weight:850!important;letter-spacing:.055em;text-transform:uppercase}.ops-category-section span{margin-left:9px;color:#8a6d67;font-size:11px;font-weight:650}.ops-bulk-bar{display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;border-bottom:1px solid var(--ops-line);background:#fff8f5}.ops-bulk-bar.active{display:flex}.ops-bulk-bar>div{display:flex;gap:8px;flex-wrap:wrap}.ops-select-cell{width:42px!important;padding-left:14px!important;padding-right:4px!important}.ops-select-cell input{width:17px;height:17px;accent-color:#f46f56;cursor:pointer}
.ops-report-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin-bottom:14px}.ops-report-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:190px;padding:16px;border:1px solid var(--ops-line);border-radius:var(--ops-radius);background:#fff;cursor:pointer}.ops-report-card:hover{border-color:#b8c6db;box-shadow:0 5px 18px rgba(15,29,58,.06)}.ops-report-card strong{margin:12px 0 5px}.ops-report-card p{margin:0;color:var(--ops-muted);font-size:11px;line-height:1.5}.ops-report-card b{margin-top:auto;color:var(--ops-blue)}
.ops-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(15,29,58,.42);backdrop-filter:blur(2px)}.ops-modal.hidden{display:none}.ops-modal-card{position:relative;width:min(860px,calc(100vw - 30px));max-height:92vh;overflow:auto;padding:24px;border:1px solid var(--ops-line);border-radius:14px;background:#fff;box-shadow:0 26px 70px rgba(10,22,44,.24)}.ops-modal-card.narrow{width:min(560px,calc(100vw - 30px))}.ops-modal-card h2{margin:0 0 5px}.ops-modal-card>p{margin:0 0 18px;color:var(--ops-muted)}.ops-modal-close{position:absolute;right:16px;top:16px;width:36px;height:36px;border:1px solid var(--ops-line);border-radius:8px;background:#fff;cursor:pointer}
.ops-toast{position:fixed;right:24px;bottom:24px;z-index:1200;max-width:420px;padding:13px 16px;border-radius:10px;background:#17243f;color:#fff;box-shadow:0 14px 40px rgba(15,29,58,.25);font-size:13px}.ops-toast.error{background:#b92f3e}
.ops-page *{box-sizing:border-box}.ops-page h1,.ops-page h2,.ops-page h3{line-height:1.2}.ops-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;line-height:1;white-space:nowrap}.ops-btn svg{width:16px;height:16px}.ops-alert-strip{display:grid;grid-template-columns:auto repeat(4,minmax(0,1fr));align-items:stretch;gap:8px;margin-bottom:14px;padding:10px;border:1px solid #fed7aa;border-radius:12px;background:#fffaf0}.ops-alert-strip>strong{display:flex;align-items:center;padding:0 9px;color:#9a4e06;font-size:12px}.ops-alert-strip>div{min-width:0;padding:7px 10px;border-left:1px solid #f4d6ad}.ops-alert-strip b,.ops-alert-strip span{display:block}.ops-alert-strip b{font-size:11px;color:#7c3b05}.ops-alert-strip span{margin-top:2px;color:#8a5a25;font-size:10px;line-height:1.35}
.ops-schedule-note{margin:0;padding:11px 18px;border-bottom:1px solid var(--ops-line);background:#f8fbff;color:#52647e;font-size:12px;line-height:1.45}
.ops-kpi-change.positive{color:var(--ops-green)}.ops-kpi-change.negative{color:var(--ops-red)}.ops-difference{font-weight:800}.ops-difference.positive{color:var(--ops-green)}.ops-difference.negative{color:var(--ops-red)}
.ops-muted{color:var(--ops-muted)}.ops-link{border:0;background:transparent;color:var(--ops-blue);font-weight:700;cursor:pointer;padding:0}.ops-right{margin-left:auto}.ops-nowrap{white-space:nowrap}
@media(max-width:1280px){.ops-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-report-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-main-side,.ops-form-side{grid-template-columns:1fr}.ops-sticky{position:static}.ops-entry-card>span{width:78px;height:78px}.ops-entry-card>span svg{width:44px;height:44px}}
@media(max-width:820px){.ops-page-head{flex-direction:column}.ops-page-head-actions,.ops-location-select{width:100%}.ops-summary-grid,.ops-summary-grid.three,.ops-entry-grid,.ops-two-col,.ops-field-row,.ops-field-row.three,.ops-field-row.four{grid-template-columns:1fr}.ops-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-toolbar{align-items:stretch}.ops-toolbar .ops-filter,.ops-toolbar .ops-filter.grow{width:100%;min-width:0}.ops-toolbar-actions{width:100%;margin-left:0}.ops-toolbar-actions .ops-btn{flex:1}.ops-entry-card{align-items:flex-start}.ops-line-head{display:none}.ops-line-row{grid-template-columns:1fr 1fr}.ops-line-row>*:first-child{grid-column:1/-1}.ops-main-side{display:block}.ops-main-side>aside{margin-top:14px}.ops-pagination{align-items:flex-start;flex-direction:column}.ops-alert-strip{grid-template-columns:1fr}.ops-alert-strip>div{border-left:0;border-top:1px solid #f4d6ad}.ops-bulk-bar{align-items:flex-start;flex-direction:column}.ops-bulk-bar>div{width:100%}.ops-bulk-bar .ops-btn{flex:1}}
@media(max-width:520px){.ops-summary-grid,.ops-report-grid{grid-template-columns:1fr}.ops-page-head h1{font-size:26px}.ops-entry-card{flex-direction:column}.ops-entry-card>span{width:64px;height:64px;border-radius:16px}.ops-entry-card>span svg{width:36px;height:36px}}
.ops-item-reason.is-hidden{display:none!important}
.ops-warehouse-review-line,.ops-receipt-confirm-line{display:grid;grid-template-columns:minmax(180px,1fr)150px minmax(180px,1fr)auto;gap:12px;align-items:end;padding:13px;border:1px solid var(--ops-line);border-radius:10px;background:#fff}.ops-warehouse-review-line+.ops-warehouse-review-line,.ops-receipt-confirm-line+.ops-receipt-confirm-line{margin-top:10px}.ops-warehouse-review-line>div,.ops-receipt-confirm-line>div{align-self:center}.ops-warehouse-review-line small,.ops-receipt-confirm-line small{display:block;margin-top:3px;color:var(--ops-muted)}.ops-warehouse-review-line.is-unavailable,.ops-receipt-confirm-line.is-unavailable{background:#fff8f8;border-color:#f4c7cb}.ops-warehouse-review-line.is-unavailable s,.ops-receipt-confirm-line.is-unavailable s{color:#9b4c56}.ops-receipt-confirm-lines{display:grid;gap:10px}.ops-transfer-assignee{padding:10px 12px!important;border:1px solid #dbe7fb;border-radius:9px;background:#f7faff;color:#465975!important}.ops-transfer-notes .ops-panel-body p{margin:0;line-height:1.55}.ops-delivery-evidence-list{display:flex;flex-wrap:wrap;gap:12px;padding:14px}.ops-delivery-evidence-list>p{margin:0;color:var(--ops-muted);font-size:12px}.ops-delivery-evidence{width:min(220px,100%);margin:0;border:1px solid var(--ops-line);border-radius:9px;overflow:hidden;background:#fff}.ops-delivery-evidence img{display:block;width:100%;height:132px;object-fit:cover;background:#f4f7fb}.ops-delivery-evidence figcaption{padding:8px 9px;color:var(--ops-muted);font-size:10px;line-height:1.35}
@media(max-width:820px){.ops-warehouse-review-line,.ops-receipt-confirm-line{grid-template-columns:1fr}.ops-warehouse-review-line>div,.ops-receipt-confirm-line>div{align-self:auto}}