#ordersPage{--po-ink:#393c35;--po-muted:#838679;--po-line:#e7e8de;--po-soft:#f5f6ef;--po-accent:#657b5c;--po-warn:#b67946;color:var(--po-ink)}
.po-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 0 20px}.po-header h1{font-size:25px;letter-spacing:.02em;margin:0}.po-header-actions{display:flex;gap:8px;flex-wrap:wrap}.po-tabs{display:flex;gap:5px;padding:5px;border:1px solid var(--po-line);background:#eeefe7;border-radius:13px;max-width:650px;margin-bottom:18px}.po-tabs button{flex:1;min-height:43px;padding:8px 12px;border:0;border-radius:9px;background:transparent;color:var(--po-muted);font:600 12px 'Noto Sans JP',sans-serif;cursor:pointer}.po-tabs button.active{background:#fffefa;color:var(--po-ink);box-shadow:0 2px 8px #3331}.po-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.po-toolbar input[type=search]{flex:1;min-width:190px;max-width:420px}.po-toolbar select{min-width:140px}.po-toolbar input,.po-toolbar select,.po-field input,.po-field select,.po-field textarea,.po-table input,.po-table select{height:42px;border:1px solid var(--po-line,#e7e8de);border-radius:9px;padding:0 11px;background:#fffefa;color:var(--po-ink,#393c35);font:13px 'Noto Sans JP',sans-serif;max-width:100%;outline:none}.po-toolbar input:focus,.po-toolbar select:focus,.po-field input:focus,.po-field select:focus,.po-field textarea:focus,.po-table input:focus,.po-table select:focus{border-color:#8d9f7e;box-shadow:0 0 0 3px #8d9f7e20}.po-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid var(--po-line,#e7e8de);border-radius:9px;padding:9px 14px;background:#fffefa;color:var(--po-ink,#393c35);font:600 12px 'Noto Sans JP',sans-serif;cursor:pointer;text-decoration:none;line-height:1.5}.po-button:hover:not(:disabled){background:#f0f3e9;border-color:#c5cdb8}.po-button.primary{background:#657b5c;color:#fff;border-color:#657b5c}.po-button.primary:hover:not(:disabled){background:#526749}.po-button.danger{color:#af5e44;background:#fff8f4}.po-button:disabled{opacity:.45;cursor:default}.po-button.small{min-height:34px;font-size:11px;padding:6px 10px}.po-button.link{border-color:transparent;background:transparent;color:#657b5c}.po-card{background:#fffefa;border:1px solid var(--po-line);border-radius:14px;margin-bottom:14px;overflow:hidden;box-shadow:0 4px 22px #30392105}.po-card-head{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--po-line)}.po-card-head h2{font-size:15px;margin:0}.po-card-head .po-meta{margin-top:4px}.po-meta{color:var(--po-muted,#838679);font-size:11px;line-height:1.7}.po-card-body{padding:18px}.po-empty{padding:46px 20px;text-align:center;color:var(--po-muted);font-size:13px;line-height:2}.po-empty strong{display:block;color:var(--po-ink);font-size:15px;font-weight:600;margin-bottom:6px}.po-group-row{display:grid;grid-template-columns:26px minmax(150px,1fr) minmax(100px,.65fr) minmax(112px,.65fr) auto;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid #eeefe8}.po-group-row:last-child{border-bottom:0}.po-group-row input[type=checkbox],.po-card-head input[type=checkbox]{width:20px;height:20px;accent-color:#657b5c;cursor:pointer}.po-product-name{font-weight:700;font-size:13px;overflow-wrap:anywhere}.po-product-unit{font-size:11px;color:var(--po-muted);margin-left:3px}.po-stock-value{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.4}.po-suggest{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.po-suggest strong{font-size:19px;font-weight:700;color:#657b5c}.po-caption{font-size:10px;color:var(--po-muted);display:block;margin-top:4px}.po-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:20px;background:#f1f3eb;color:#6b7b60;font-size:10px;font-weight:600;white-space:nowrap}.po-chip.warning{background:#fbf0e4;color:#b67946}.po-chip.ordered{background:#edf0fa;color:#6271a0}.po-chip.received{background:#eaf3e8;color:#657b5c}.po-chip.cancelled{background:#f1f0ed;color:#89867c}.po-list-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.po-order-items{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 15px}.po-order-items span{padding:6px 9px;border-radius:7px;background:#f7f7f1;font-size:11px;color:#666c5e}.po-order-actions{display:flex;gap:7px;flex-wrap:wrap}.po-bulk{position:sticky;bottom:15px;z-index:2;background:#fffefaeF;backdrop-filter:blur(10px);border:1px solid #d5ddca;border-radius:13px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 8px 28px #3f482016;margin-top:18px}.po-bulk span{font-size:12px;color:#657b5c}.po-notice{padding:12px 15px;background:#f2f5ed;color:#737d67;border-radius:10px;font-size:11px;line-height:1.8;margin-bottom:15px}.po-notice.warning{background:#fff4e8;color:#a17242}.po-table-scroll{overflow-x:auto}.po-table{width:100%;border-collapse:collapse;white-space:normal;min-width:710px}.po-table th{font-size:10px;padding:12px 16px;background:#fafaf5;text-align:left;color:var(--po-muted);font-weight:500;border-top:0}.po-table td{font-size:12px;padding:12px 16px;border-bottom:1px solid #eeefe8;vertical-align:middle}.po-table input[type=number]{width:100px;text-align:center;font-variant-numeric:tabular-nums}.po-table select{width:155px}.po-table tbody tr:last-child td{border-bottom:0}.po-settings-description{padding:14px 18px;color:var(--po-muted);font-size:11px;border-top:1px solid var(--po-line);line-height:1.9}.po-setting-save{display:flex;justify-content:flex-end;padding:14px 18px;gap:10px;align-items:center;border-top:1px solid var(--po-line)}.po-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.po-calendar-head h2{margin:0;font-size:17px;font-variant-numeric:tabular-nums}.po-calendar-head>div{display:flex;gap:7px}.po-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.po-calendar-weekday{text-align:center;padding:8px 0;font-size:11px;color:var(--po-muted)}.po-calendar-day{min-height:84px;border:1px solid #eeefe6;border-radius:9px;background:#fffefa;padding:8px;text-align:left;color:var(--po-ink);font:12px 'Noto Sans JP',sans-serif;cursor:pointer}.po-calendar-day.blank{border:0;background:#f7f8f2;cursor:default}.po-calendar-day.today{border-color:#b3c29d}.po-calendar-day.selected{background:#edf3e5;border-color:#8da474}.po-calendar-day b{display:block;font-size:12px;font-weight:600}.po-calendar-day .po-calendar-dot{display:block;background:#edf0fa;border-radius:5px;margin-top:5px;padding:3px 5px;color:#63729d;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.po-calendar-day .po-calendar-dot.overdue{background:#fbefe2;color:#b67946}.po-calendar-detail{margin-top:21px}.po-calendar-detail h3{margin:0 0 13px;font-size:14px}.po-dialog-backdrop{position:fixed;inset:0;background:#25282085;backdrop-filter:blur(3px);z-index:80;padding:24px;display:flex;align-items:center;justify-content:center}.po-dialog{width:min(840px,100%);max-height:calc(100dvh - 48px);overflow:auto;background:#fffefa;border:1px solid #e5e8dc;border-radius:17px;box-shadow:0 30px 100px #151b2840;color:#393c35;--po-line:#e7e8de;--po-muted:#838679;--po-ink:#393c35}.po-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;border-bottom:1px solid var(--po-line);position:sticky;top:0;background:#fffefa;z-index:2}.po-dialog-head h2{font-size:17px;margin:0}.po-dialog-close{width:36px;height:36px;border:0;background:#f3f4ec;border-radius:50%;font-size:22px;cursor:pointer;color:#777e6f}.po-dialog-body{padding:20px 22px}.po-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.po-field{display:flex;flex-direction:column;gap:6px;min-width:0}.po-field.full{grid-column:1/-1}.po-field label{font-size:11px;color:#7a816e}.po-field textarea{height:75px;padding:10px;resize:vertical;line-height:1.7}.po-dialog-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;padding:16px 22px;border-top:1px solid var(--po-line);position:sticky;bottom:0;background:#fffefa;z-index:2}.po-dialog-table{min-width:500px}.po-dialog-table td:first-child{min-width:170px}.po-dialog-table input{width:108px}.po-quantity{display:inline-flex;align-items:center;gap:5px}.po-quantity button{width:32px;height:34px;border:1px solid var(--po-line);border-radius:7px;background:#f8f9f2;color:#68745c;font-size:15px;cursor:pointer}.po-quantity input[type=number]{width:85px;text-align:center;height:38px}.po-order-product-picker{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:15px}.po-order-product-picker select{flex:1;min-width:190px;max-width:500px;height:42px;border:1px solid var(--po-line);border-radius:9px;padding:0 10px;background:#fffefa;color:#393c35;font:12px 'Noto Sans JP',sans-serif}.po-receipt-history{margin-top:20px;border-top:1px solid var(--po-line);padding-top:16px}.po-receipt-history h3{font-size:13px;margin:0 0 12px}.po-receipt-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #eeefe8;font-size:11px}.po-receipt-row:last-child{border:0}.po-receipt-row small{display:block;color:var(--po-muted);margin-top:3px}.po-manual-copy{height:230px!important;width:100%;font-size:13px!important}.po-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:750px){.po-header{align-items:flex-start}.po-header h1{font-size:22px}.po-tabs{max-width:none}.po-tabs button{padding:8px 5px;font-size:11px;min-height:45px}.po-group-row{grid-template-columns:24px minmax(100px,1fr) 78px 95px;gap:8px;padding:13px 14px}.po-group-row>.po-product-actions{grid-column:2/-1;display:flex;justify-content:flex-end}.po-group-row .po-product-name{font-size:12px}.po-card-head{padding:14px}.po-calendar{gap:4px}.po-calendar-day{min-height:72px;padding:6px 4px}.po-calendar-day .po-calendar-dot{padding:3px 2px;font-size:8px}.po-dialog-backdrop{padding:12px}.po-dialog{max-height:calc(100dvh - 24px)}.po-dialog-head,.po-dialog-body{padding:16px}.po-dialog-actions{padding:14px 16px}.po-form-grid{gap:12px}.po-order-actions{gap:6px}.po-button{padding:9px 11px}.po-bulk{bottom:9px;padding:10px 12px}.po-bulk span{font-size:11px}.po-settings-description{font-size:10px}}
@media(max-width:480px){.po-header{flex-direction:column;gap:12px}.po-header-actions{width:100%}.po-header-actions>.po-button{flex:1}.po-group-row{grid-template-columns:22px minmax(88px,1fr) 64px 78px;gap:6px}.po-stock-value,.po-suggest strong{font-size:16px}.po-product-unit{font-size:10px}.po-caption{font-size:9px}.po-calendar-day{min-height:63px}.po-calendar-day .po-calendar-dot{font-size:0;height:7px;padding:0;margin-top:5px}.po-calendar-head h2{font-size:15px}.po-form-grid{grid-template-columns:1fr}.po-field.full{grid-column:auto}.po-toolbar select{flex:1;min-width:125px}.po-order-actions .po-button{font-size:10px;padding:7px 9px;min-height:35px}.po-receipt-row{align-items:flex-start}.po-dialog-actions>.po-button{flex:1}}
.po-receipt-table{min-width:0;table-layout:fixed}.po-receipt-table th:first-child{width:44%}.po-receipt-table th:nth-child(2){width:22%}.po-receipt-table th:nth-child(3){width:34%}.po-receipt-table td:first-child{min-width:0}.po-receipt-table input[type=number]{width:100%;max-width:120px}.po-quantity button{width:40px;height:40px}
@media(max-width:480px){.po-receipt-table td,.po-receipt-table th{padding:11px 7px}.po-receipt-table input[type=number]{height:42px;padding:0 5px}.po-receipt-table .po-product-name{font-size:12px}.po-editor-table{min-width:0}.po-editor-table thead{display:none}.po-editor-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:10px 0;border-bottom:1px solid #eeefe8}.po-editor-table td{border:0;padding:6px}.po-editor-table td:first-child{grid-column:1/-1;min-width:0}.po-editor-table .po-quantity{gap:4px}.po-editor-table .po-quantity input{width:85px}.po-editor-table td:last-child{display:flex;align-items:center;justify-content:flex-end}}
@media(prefers-reduced-motion:reduce){.po-dialog-backdrop{backdrop-filter:none}.po-bulk{backdrop-filter:none}}
