:root{--brand: #1565c0;--ink: #1f2933;--sub: #5a6672;--line: #e3e8ee;--bg-muted: #f6f9fc;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 22px;--brand-strong: #0f4c86;--surface: #ffffff;--shadow-sm: 0 1px 2px rgba(16, 42, 67, .06), 0 1px 3px rgba(16, 42, 67, .1);--shadow-md: 0 4px 12px rgba(16, 42, 67, .1);--focus-ring: 0 0 0 3px rgba(21, 90, 158, .35);--dur-fast: .12s;--dur-base: .2s;--ease: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,Hiragino Sans,Noto Sans JP,Yu Gothic UI,sans-serif;line-height:1.6;color:var(--ink)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.on-brand :focus-visible,.appbar :focus-visible,.cartbar :focus-visible{outline-color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font:inherit;font-weight:700;cursor:pointer;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-strong)}.btn-ghost{background:#fff;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{background:var(--bg-muted)}.btn-danger{background:#fff;color:#c62828;border-color:#f0b4ae}.btn-danger:hover{background:#fdecea}.btn:not(:disabled):active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}@media (prefers-reduced-motion: reduce){.btn{transition:none}.btn:active{transform:none}}.appbar-stack{position:sticky;top:0;z-index:10}.appbar{position:relative;display:flex;align-items:center;gap:var(--space-2);background:var(--brand);color:#fff;padding:10px var(--space-4)}.appbar .who{font-size:var(--fs-sm)}.appbar-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.appbar-toggle{display:none}.appbar button{background:#fff3;color:#fff;border:0;border-radius:var(--radius-sm);padding:8px 12px;min-height:40px}.tabs{display:flex;border-bottom:1px solid var(--line);background:#fff}.tabs button{border:0;background:none;padding:var(--space-3) 18px;font-weight:600;color:var(--sub);border-bottom:2px solid transparent;min-height:44px}.tabs button[aria-selected=true]{color:var(--brand);border-bottom-color:var(--brand)}@media (max-width: 900px){.appbar-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;font-size:20px;line-height:1;padding:6px 12px}.appbar-actions{display:none;position:absolute;top:100%;right:var(--space-3);margin-left:0;flex-direction:column;align-items:stretch;gap:var(--space-2);background:var(--brand);padding:var(--space-3);min-width:180px;max-width:calc(100vw - 2 * var(--space-3));border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:0 8px 20px #00000040}.appbar-actions.open{display:flex}.appbar-actions .who{margin-left:0;white-space:normal}}.brand-logo{display:inline-block;background:url(/assets/logo-DCCGkMjk.png) center/contain no-repeat;flex:none}.brand-logo-lg{width:76px;height:76px;margin:0 auto var(--space-3)}.appbar .brand-logo{width:30px;height:30px;margin-right:10px;border-radius:50%;background-color:#fff;background-size:78%}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--brand);padding:var(--space-5)}.login-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-5);width:100%;max-width:340px;display:flex;flex-direction:column}.login-card h1{font-size:var(--fs-xl);margin:0 0 var(--space-2);text-align:center}.login-card label{font-size:var(--fs-sm);color:var(--sub);margin:var(--space-3) 0 var(--space-1)}.login-card input{padding:11px;border:1px solid var(--line);border-radius:var(--radius-md);min-height:44px}.login-card button{margin-top:18px;background:var(--brand);color:#fff;border:0;border-radius:var(--radius-md);padding:13px;font-weight:700;min-height:44px}.error{color:#c62828;font-size:var(--fs-sm)}.notice{color:#1b5e20;background:#e8f5e9;border:1px solid #a5d6a7;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--fs-sm);margin:0 0 var(--space-3)}.badge{display:inline-block;padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:600;line-height:1.6;white-space:nowrap;background:#eceff1;color:#546e7a;border:1px solid #cfd8dc}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th,.data-table td{padding:var(--space-2) 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.data-table thead th{background:#f7f9fb;color:var(--sub);font-size:var(--fs-xs);font-weight:600;white-space:nowrap}.data-table tbody tr:nth-child(2n){background:#fafbfc}.data-table tbody tr:hover{background:#f2f6f9}.data-table td.num,.data-table th.num{text-align:right;font-variant-numeric:tabular-nums}.data-table .code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.data-table td select,.data-table td input,.data-table td textarea{width:100%;min-width:0;padding:6px;border:1px solid var(--line);border-radius:var(--radius-sm)}.data-table td textarea{resize:vertical;min-height:2.4em;font:inherit}.data-table .rowbtn{border:1px solid var(--line);background:#f6f8fb;border-radius:var(--radius-sm);padding:5px 10px;margin:0 2px;white-space:nowrap}.data-table .rowbtn.danger{color:#c62828;border-color:#f0b4ae;background:#fff}.data-table .rowbtn:disabled{opacity:.55;cursor:not-allowed}.data-table .ops{display:inline-flex;flex-wrap:wrap;gap:var(--space-1)}.data-table .empty td{color:var(--sub);text-align:center;padding:18px}.table-wrap{overflow-x:auto}@font-face{font-family:Noto Sans JP;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/notosansjp-jp-400-Cy9Yahyj.woff2) format("woff2")}@font-face{font-family:Noto Sans JP;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/notosansjp-jp-700-Cy7xyTMA.woff2) format("woff2")}@font-face{font-family:Noto Sans JP;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/notosansjp-latin-400-CiI97xlr.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans JP;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/notosansjp-latin-700-B5WF5-M-.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--brand: #155a9e;--brand-strong: #0f4c86;--fs-xs: 13px;--fs-sm: 14px;--fs-md: 16px;--fs-lg: 20px}body{font-family:Noto Sans JP,system-ui,Hiragino Sans,Yu Gothic UI,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.55}main{max-width:920px;margin:0 auto;padding:12px 12px 96px;overflow-x:clip}.form-stack{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field>label{font-size:var(--fs-sm);font-weight:500;color:var(--sub)}.note{color:var(--sub);font-size:var(--fs-sm)}.notice-warn{color:#7a5b00;background:#fff8e1;border-color:#ffe082}.btn-soft{background:#eef5fd;color:var(--brand);border-color:#cfe1f5}.btn-soft:hover{background:#dcebfb}.email-row-input{display:flex;gap:var(--space-2);align-items:center}.email-row-input .filter{flex:1;min-width:0}.settings{display:flex;flex-direction:column;gap:var(--space-4);max-width:520px;margin:var(--space-4) auto;font-size:var(--fs-md);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.settings h2{margin:0}.settings>p{margin:0}.settings label{font-size:var(--fs-md)}.settings .btn-ghost{align-self:flex-start}.settings .btn-primary{align-self:center;min-width:240px;min-height:48px;font-weight:700}.icon-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #f0b4ae;border-radius:var(--radius-md);background:#fff;color:#c62828;cursor:pointer}.icon-btn:hover{background:#fdecea}.filter{width:100%;padding:11px 12px;min-height:44px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font:inherit;margin-bottom:0}.filter:focus{border-color:var(--brand);box-shadow:var(--focus-ring);outline:none}.filter::placeholder{color:var(--sub)}.date-box{position:relative;display:inline-flex;align-items:center;gap:2px;max-width:100%;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding-right:10px}.date-box:focus-within{border-color:var(--brand);box-shadow:var(--focus-ring)}.date-input{font-variant-numeric:tabular-nums;width:auto;min-width:0;max-width:100%;border:0;background:transparent;box-shadow:none;min-height:42px;padding:6px 4px 6px 12px;font:inherit}.date-input:focus{outline:none;box-shadow:none}.date-box .date-dow{flex:0 0 auto;color:var(--sub);font-weight:700;white-space:nowrap}.date-input::-webkit-calendar-picker-indicator{margin-left:auto;cursor:pointer;opacity:.6;padding:4px}.date-input::-webkit-calendar-picker-indicator:hover{opacity:1}.date-field{position:relative;display:flex;align-items:center;gap:8px;max-width:100%}.date-field .date-ph{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--sub);pointer-events:none;font-variant-numeric:tabular-nums}.date-input.is-empty::-webkit-datetime-edit{color:transparent}.date-clear{flex:0 0 auto;width:34px;height:34px;border:1px solid #f5b8b1;border-radius:var(--radius-pill);background:#fdecea;color:#c62828;font-size:18px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.date-clear:hover{background:#f9d7d2}.cal-trigger{cursor:pointer;text-align:left;color:var(--ink);display:inline-flex;align-items:center;gap:6px}.cal-trigger.is-empty{color:var(--sub)}.cal-trigger .cal-icon{margin-left:6px;color:var(--brand);opacity:.7;flex:0 0 auto}.cal-trigger:hover .cal-icon{opacity:1}.date-ph-inline{color:var(--sub);font-variant-numeric:tabular-nums}.cal-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:10px;width:300px;max-width:92vw}.cal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000073;display:flex;align-items:center;justify-content:center;padding:16px}.cal-backdrop .cal-pop{position:static;width:min(92vw,360px);max-width:none}.cal-backdrop .cal-day{height:46px}.cal-backdrop .cal-dow{padding:6px 0}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.cal-title{font-weight:700;color:var(--ink)}.cal-nav{width:40px;height:40px;border:1px solid var(--line);border-radius:var(--radius-md);background:#eef5fd;color:var(--brand);font-size:20px;line-height:1;cursor:pointer}.cal-nav:hover{background:#dcebfb}.cal-note{margin:0 0 6px;font-size:var(--fs-xs);color:var(--sub)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal-dow{text-align:center;font-size:var(--fs-xs);font-weight:700;color:var(--sub);padding:4px 0}.cal-dow.is-sun{color:#c62828}.cal-dow.is-sat{color:var(--brand)}.cal-day{height:40px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--ink);font:inherit;cursor:pointer;font-variant-numeric:tabular-nums}.cal-day:hover:not(:disabled){background:#eef5fd}.cal-day.is-outside:not(:disabled){color:var(--sub)}.cal-day.is-selected{background:var(--brand);color:#fff;font-weight:700}.cal-day:disabled{color:#cfd6de;cursor:default;background:transparent}.item{border:1px solid var(--line);padding:14px;margin-bottom:8px;display:grid;grid-template-columns:1fr auto;gap:10px 12px;align-items:center;grid-template-areas:"name name" "meta stepper";border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);transition:background-color .15s,border-color .15s,box-shadow .15s}.item:hover{box-shadow:var(--shadow-md)}.item.has-qty{background:#eef5fd;border-color:var(--brand);box-shadow:inset 3px 0 0 var(--brand),var(--shadow-sm)}.item .name{grid-area:name;font-weight:700;font-size:var(--fs-md);color:var(--ink)}.item .meta{grid-area:meta;justify-self:start;display:flex;flex-wrap:wrap;gap:6px;color:var(--sub);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.item .name .seq-no{display:inline-block;min-width:1.7em;text-align:center;padding:1px 6px;margin-right:8px;border:1px solid var(--line);border-radius:4px;background:#f1f5f9;color:#475569;font-weight:700;font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.badge-price{background:transparent;color:#92700a;border:1px solid #fde68a;font-variant-numeric:tabular-nums}.badge-irisu{background:transparent;color:#2e7d32;border:1px solid #a5d6a7;font-weight:700;font-variant-numeric:tabular-nums}.last-ordered{color:var(--sub);font-size:var(--fs-xs);white-space:nowrap}.history-section{margin-top:0}.history-band{margin:var(--space-5) calc(-1 * var(--space-3)) var(--space-4);padding:var(--space-3);background:var(--bg-muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.history-title{margin:0;font-size:var(--fs-md);font-weight:700;color:var(--ink)}.history-note{margin:4px 0 0;font-size:var(--fs-sm);color:var(--sub)}.il-irisu{margin:0 6px}.il-qty{font-variant-numeric:tabular-nums;white-space:nowrap}.item .stepper{grid-area:stepper;justify-self:end}.stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.stepper button{width:44px;height:44px;border:0;background:#eef5fd;color:var(--brand);font-size:20px;font-weight:700;transition:background-color .12s}.stepper button:hover{background:#dcebfb}.stepper button:active{background:#cfe3f8}.stepper input{width:52px;height:44px;border:0;text-align:center;font-size:var(--fs-md);font-weight:600;font-variant-numeric:tabular-nums;background:var(--surface)}.stepper input:focus{outline:none;box-shadow:var(--focus-ring)}.cartbar{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:stretch;gap:6px;box-shadow:0 -2px 12px #102a4314;padding:8px 16px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.cartbar b{font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}.cartbar span{color:var(--sub)}.cartbar-total{min-width:0;line-height:1.4}.cartbar .pending-note{display:inline;margin-left:8px}.cartbar-action{display:flex;align-items:center;gap:8px}.cartbar-action .btn-primary{flex:1 1 auto;min-height:50px;font-size:var(--fs-md);font-weight:700}.cartbar-tool{flex:0 0 auto;width:50px;height:50px;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid #cfe1f5;border-radius:var(--radius-md);background:#fff;color:var(--brand);cursor:pointer}.cartbar-tool:hover{background:#eef5fd}.cart-tool.is-on{background:#dcebfb;border-color:var(--brand)}.cartbar-tool:disabled{cursor:default;color:var(--sub);border-color:var(--line);opacity:.7}.cartbar-tool:disabled:hover{background:#fff}.cartbar-tool:disabled .cart-fab-badge{background:var(--sub)}.qty-warn-row{background:#fff8e1}.qty-warn-mark{color:#a1720a;font-weight:700}.review-table .pending-row{background:#fffbeb}.review-table .num .badge-price{display:inline-block}.loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px 12px;color:var(--sub)}.spinner{width:22px;height:22px;border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:1.6s}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#102a4373;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fade-in var(--dur-fast) var(--ease)}.modal-card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-5);max-width:420px;width:100%;box-shadow:0 20px 50px #102a434d;animation:modal-in var(--dur-base) var(--ease)}.modal-msg{margin:0 0 var(--space-4);color:var(--ink);font-size:var(--fs-md);line-height:1.6}.modal-card .field{margin-bottom:var(--space-4)}.modal-card .field input{padding:11px 12px;min-height:44px;border:1px solid var(--line);border-radius:var(--radius-md);font:inherit}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;flex-wrap:wrap}@media (prefers-reduced-motion: reduce){.modal-backdrop,.modal-card{animation:none}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,10px)}}.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:40;background:#102a43eb;color:#fff;padding:10px 18px;border-radius:var(--radius-pill);font-size:var(--fs-sm);box-shadow:0 6px 20px #102a4347;max-width:90%;text-align:center;animation:toast-in .2s ease-out}.toast.leaving{animation:toast-out .4s ease-in forwards}@keyframes toast-in-top{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@keyframes toast-out-top{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}@media (min-width: 720px){.toast{top:108px;bottom:auto;animation:toast-in-top .2s ease-out}.toast.leaving{animation:toast-out-top .4s ease-in forwards}}@media (prefers-reduced-motion: reduce){.toast,.toast.leaving{animation:none}}.history-search{align-items:flex-start;gap:var(--space-3)}.history-search .field{flex:0 0 auto;align-items:flex-start}.history-search select.filter{min-height:44px}.month-picker{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.month-picker select.filter{min-height:44px;width:auto}.view-tabs{display:flex;gap:var(--space-2);margin:var(--space-3) 0}.view-tab{flex:1;min-height:40px;border:1px solid var(--line);background:#fff;color:var(--sub);border-radius:var(--radius-md);font:inherit;font-weight:700;cursor:pointer;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.view-tab.is-active{background:#eef5fd;color:var(--brand);border-color:#cfe1f5}.stock-summary{background:var(--bg-muted);border:1px solid var(--line);border-radius:var(--radius-md);padding:10px 14px;margin-bottom:var(--space-3);font-size:var(--fs-sm);color:var(--sub)}.stock-summary b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:var(--fs-md)}.stock-summary .note{display:block;margin-top:4px}.stock-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.stock-table th,.stock-table td{border-bottom:1px solid var(--line);padding:8px;text-align:left}.stock-table th{color:var(--sub);font-weight:600;font-size:var(--fs-xs)}.stock-table .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.stock-row{cursor:pointer;transition:background-color var(--dur-fast) var(--ease)}.stock-row:hover{background:var(--bg-muted)}.stock-row:focus-visible{outline:2px solid var(--brand);outline-offset:-2px;background:var(--bg-muted)}.stock-detail td{background:var(--bg-muted)}.stock-orders{list-style:none;margin:0;padding:4px 0 4px 20px;display:flex;flex-direction:column;gap:4px;font-size:var(--fs-sm);color:var(--sub);font-variant-numeric:tabular-nums}.stock-table .badge{margin-left:6px}.fab-stack{position:fixed;right:16px;z-index:30;display:flex;flex-direction:column;gap:12px;align-items:flex-end}.fab-stack--cart{bottom:calc(var(--cartbar-h, 76px) + 12px + env(safe-area-inset-bottom))}.fab-stack--plain{bottom:calc(20px + env(safe-area-inset-bottom))}.help-fab{width:52px;height:52px;border-radius:var(--radius-pill);border:1px solid #cfe1f5;background:#fff;color:var(--brand);line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #102a4329,0 2px 6px #102a431f}.help-fab:hover{background:#eef5fd}.cartbar .cart-fab-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 4px;border-radius:var(--radius-pill);background:var(--brand);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 1px 3px #102a434d}.selected-mode-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:4px 0 10px;padding:8px 12px;border-radius:var(--radius-md);scroll-margin-top:120px;background:#eef5fd;border:1px solid #cfe1f5;color:var(--brand);font-weight:700;font-size:var(--fs-sm)}.load-more{display:flex;justify-content:center;margin:var(--space-3) 0 var(--space-4)}.load-more-sentinel{height:1px}.export-bar{display:flex;justify-content:flex-end;gap:var(--space-2);margin:0 0 var(--space-3);flex-wrap:wrap}.status-legend-list{list-style:none;margin:0 0 var(--space-4);padding:0;display:flex;flex-direction:column;gap:8px}.status-legend-list li{font-size:var(--fs-sm);color:var(--sub);display:flex;align-items:center;gap:8px;flex-wrap:wrap}@keyframes fab-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.scroll-top-fab{width:52px;height:52px;border-radius:var(--radius-pill);border:1px solid #cfe1f5;background:#fff;color:var(--brand);line-height:1;cursor:pointer;box-shadow:0 10px 24px #102a432e,0 3px 8px #102a431f;display:flex;align-items:center;justify-content:center;animation:fab-rise .55s cubic-bezier(.2,.8,.2,1) both}.scroll-top-fab:hover{background:#eef5fd;box-shadow:0 14px 30px #102a4338,0 5px 12px #102a4324}.scroll-top-fab:active{transform:translateY(2px)}@media (prefers-reduced-motion: reduce){.scroll-top-fab{animation:none}}.order-row{border:1px solid var(--line);padding:12px;margin-bottom:8px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:var(--surface)}.order-row:hover{box-shadow:var(--shadow-md)}.order-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:var(--fs-sm);color:var(--sub)}.order-head .amt{margin-left:auto;color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}.order-head .ordno{font-weight:700;color:var(--ink)}.order-dates{display:flex;flex-direction:column;gap:2px;margin:6px 0;font-size:var(--fs-sm);color:var(--sub);font-variant-numeric:tabular-nums}.edit-banner{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.row-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center;margin-top:var(--space-2)}.order-items{list-style:disc;margin:6px 0;padding:10px 12px 10px 28px;font-size:var(--fs-sm);color:var(--ink);background:var(--bg-muted);border:1px solid var(--line);border-radius:var(--radius-md)}.order-items li{margin:2px 0}.badge[data-status=確定]{background:#e3f2fd;color:#1565c0;border-color:#90caf9}.badge[data-status=締め済]{background:#fff8e1;color:#a1720a;border-color:#ffe082}.badge[data-status=連携済]{background:#e8f5e9;color:#2e7d32;border-color:#a5d6a7}.badge[data-status=エラー]{background:#fdecea;color:#c62828;border-color:#f5b8b1}.badge[data-status=取消]{background:#eceff1;color:#546e7a;border-color:#cfd8dc}.confirmed{padding:var(--space-6) var(--space-5);text-align:center}.confirmed-check{width:56px;height:56px;margin:0 auto var(--space-3);border-radius:999px;background:#e8f5e9;color:#2e7d32;font-size:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #2e7d322e}.confirmed-msg{font-size:var(--fs-lg);font-weight:700;margin:0 0 var(--space-2)}.confirmed-thanks{color:var(--ink);margin:0 0 var(--space-2);font-size:var(--fs-md);font-weight:400}.confirmed-no{font-size:var(--fs-md);margin:0 0 var(--space-3)}.confirmed-no b{font-size:var(--fs-xl);color:var(--brand);font-variant-numeric:tabular-nums}.confirmed-meta{color:var(--sub);font-size:var(--fs-sm);margin:2px 0}.confirmed-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-4)}.confirmed-actions .btn{margin-top:0}.review{padding:16px}.review h2{font-size:18px;margin:0 0 4px}.review-note{color:var(--sub);font-size:var(--fs-sm);margin:0 0 12px}.review-desired{display:flex;align-items:center;gap:8px;margin:0 0 12px}.review-desired-label{color:var(--sub);font-size:var(--fs-sm)}.review-desired-badge{background:#eef5fd;color:var(--brand);border:1px solid #cfe1f5;font-size:var(--fs-md);font-weight:700;padding:4px 12px;font-variant-numeric:tabular-nums}.review-table{width:100%;border-collapse:collapse;font-size:var(--fs-md)}.review-table th,.review-table td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left}.review-table th{color:var(--sub);font-weight:600;font-size:var(--fs-xs)}.review-table .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.review-total{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:14px 4px;border-top:2px solid var(--line);padding-top:12px;text-align:left}.review-total-main{display:flex;align-items:baseline;gap:6px;white-space:nowrap;color:var(--sub)}.review-total b{font-size:22px;font-variant-numeric:tabular-nums;color:var(--ink)}.review-total small{color:var(--sub);display:block}.review-actions{display:flex;gap:var(--space-3)}.review-actions .btn{flex:1}.item .item-note{grid-column:1 / -1;margin:2px 0 0;white-space:pre-wrap;font-size:var(--fs-sm);font-style:italic;color:var(--sub);line-height:1.5}.tabs button{flex:1}.appbar{box-shadow:0 1px #00000014,0 2px 8px #102a431f}.appbar .logo{font-weight:700;letter-spacing:.01em}.appbar button{background:#ffffff2e}.appbar button:hover{background:#ffffff47}.tabs button{font-size:var(--fs-md);letter-spacing:.01em}.tabs button[aria-selected=true]{border-bottom-width:3px}.tabs button:hover{color:var(--ink);background:var(--bg-muted)}@media (min-width: 720px){.item{grid-template-columns:1fr auto auto;grid-template-areas:"name meta stepper"}.form-stack{flex-direction:row;align-items:flex-end}.form-stack .field{width:220px}.form-stack .field--date{width:auto;flex:0 0 auto}.form-stack .field--grow{flex:1 1 auto;width:auto;max-width:520px}.form-stack .field--grow .filter,.form-stack .field--grow .filter-field{width:100%}.form-stack .field .date-input{width:auto}.cartbar{flex-direction:row;align-items:center;gap:var(--space-3)}.cartbar-total{flex:1 1 auto}.cartbar-action{flex:0 0 auto}.cartbar-action .btn-primary{flex:0 0 auto;min-width:240px;padding-left:var(--space-5);padding-right:var(--space-5)}}.quick-actions{margin-bottom:var(--space-4)}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.motion-rich .order,.motion-rich .history,.motion-rich .settings,.motion-rich .confirmed,.motion-rich .review{animation:page-in var(--dur-base) var(--ease)}.motion-rich .item{transition:box-shadow var(--dur-base) var(--ease),transform var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.motion-rich .item:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.motion-rich .stepper button{transition:background-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.motion-rich .stepper button:active{transform:scale(.9)}@media (prefers-reduced-motion: reduce){.motion-rich .order,.motion-rich .history,.motion-rich .settings,.motion-rich .confirmed,.motion-rich .review{animation:none}.motion-rich .item:hover,.motion-rich .stepper button:active{transform:none}}@keyframes panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.qa-panel-card{animation:none}}.qa-panel-card{margin-top:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-muted);animation:panel-in var(--dur-base) var(--ease)}.qa-panel-header{background:#eef5fd;color:var(--brand);display:flex;align-items:stretch;border-bottom:1px solid #cfe1f5}.qa-header-btn{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;background:transparent;border:0;color:var(--brand);font:inherit;font-weight:700;font-size:var(--fs-md);text-align:left;padding:10px 14px;cursor:pointer}.qa-header-btn:hover{background:#dcebfb}.qa-header-btn>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qa-caret{font-size:.8em;flex:0 0 auto}.qa-header-trash{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:46px;background:transparent;border:0;border-left:1px solid #cfe1f5;color:var(--brand);cursor:pointer}.qa-header-trash:hover{background:#dcebfb}.qa-panel-body{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.qa-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:10px 12px}.qa-items{list-style:disc;margin:0;padding-left:20px;font-size:var(--fs-sm);color:var(--ink)}.qa-items li{margin:2px 0}.btn-apply{background:#eef5fd;color:var(--brand);border-color:#cfe1f5;width:100%;font-weight:700}.btn-apply:hover{background:#dcebfb}.filter-field{position:relative;display:flex;align-items:center}.filter-field .filter{flex:1;padding-right:44px}.filter-field .filter-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%)}.badge[data-status=特価]{background:#fff1f0;color:#c62828;border-color:#f5b8b1}.price-original{text-decoration:line-through;color:var(--sub)}.price-special{color:#c62828;font-weight:700}.only-special{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);white-space:nowrap}.only-special input{width:20px;height:20px}.browser-warn{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#fff7ed;border-bottom:1px solid #f59e0b;color:#7c2d12;font-size:var(--fs-md)}.browser-warn__text{flex:1 1 16rem;line-height:1.5}.browser-warn__close{flex:0 0 auto}.terms-gate{max-width:720px;margin:0 auto;padding:var(--space-4)}.terms-docs{display:flex;flex-direction:column;gap:var(--space-5)}.terms-doc h2{font-size:var(--fs-lg);margin:0 0 var(--space-2)}.terms-body{white-space:pre-wrap;line-height:1.7;max-height:40vh;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3);background:var(--surface)}.terms-agree-check{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-4) 0}.app-footer{padding:var(--space-4);text-align:center}.app-footer--cartbar{padding-bottom:calc(var(--cartbar-h, 76px) + 24px + env(safe-area-inset-bottom))}.app-footer .linklike{display:inline-block;padding:var(--space-2) var(--space-3)}.linklike{background:none;border:none;color:var(--brand);text-decoration:underline;cursor:pointer;font-size:var(--fs-sm);padding:var(--space-2)}.terms-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-4);overflow-y:auto;z-index:50}.terms-overlay__panel{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-4);max-width:720px;width:100%}.terms-overlay__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.proxy-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;background:#fff7ed;border-bottom:1px solid #f59e0b;color:#7c2d12;padding:var(--space-2) var(--space-4);font-size:var(--fs-sm)}.proxy-bar .linklike{color:#7c2d12}.demo-bar{background:var(--accent);border-bottom:1px solid var(--brand);color:var(--brand-d);padding:var(--space-2) var(--space-4);font-size:var(--fs-sm);font-weight:700;text-align:center}.demo-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--sub);font-size:var(--fs-md)}.picker-list{list-style:none;margin:var(--space-3) 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.picker-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3);min-height:44px;cursor:pointer;font:inherit;text-align:left}.picker-row:hover{background:var(--bg-muted)}.picker-code{color:var(--sub);font-variant-numeric:tabular-nums}.off-sheet{margin-bottom:var(--space-3)}.candidate-list{list-style:none;margin:var(--space-2) 0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.badge[data-status=単価未定]{background:#fff7ed;color:#7c2d12;border-color:#f59e0b}.pending-note{display:block;color:#7c2d12}.proxy-note{margin:var(--space-1) 0}.badge[data-status=代行入力]{background:#eef2ff;color:#3730a3;border-color:#c7d2fe}.cutoff-notice{margin:4px 0 10px;padding:8px 10px;border-left:3px solid var(--brand);background:#f6f9fd;border-radius:4px;color:#35414d}.notice-card{margin:4px 0 12px;padding:10px 12px;border-left:3px solid var(--brand);background:#f6f9fd;border-radius:4px;color:#35414d;font-size:var(--fs-sm);line-height:1.6}.notice-card b{color:var(--ink)}
