.monthly-board { color:#263349; font:16px/1.5 system-ui,sans-serif; }
.monthly-board-toolbar { display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:16px 0; }
.monthly-alert { color:#a83025;font-weight:700; }
.monthly-picture-button { padding:4px;border:0;background:transparent;cursor:zoom-in;max-width:100%; }
.monthly-picture-button img { width:150px;height:195px;object-fit:contain; }
.monthly-board .monthly-products-table { border-collapse:collapse;width:max-content;min-width:100%;table-layout:fixed; }
.monthly-board .monthly-products-table caption { padding:18px;font-size:22px;font-weight:700;text-align:center; }
.monthly-board .monthly-products-table caption { text-align:left; }
.monthly-quantity-confirm { display:block;margin:16px 0;font-size:14px; }
.monthly-board-dialog .monthly-quantity-confirm input { width:auto;margin-right:8px; }
.monthly-board .monthly-products-table td,.monthly-board .monthly-products-table th { border:1px solid #cbd1d7;min-width:158px;width:158px;padding:10px;text-align:center;vertical-align:top;overflow-wrap:anywhere; }
.monthly-board .monthly-products-table th { position:sticky;left:0;background:#f5f3ee;z-index:1; }
.monthly-board .monthly-table-scroll { max-width:100%;overflow-x:auto;border:1px solid #cbd1d7; }
.monthly-board small { display:block;font-size:14px; }
.monthly-table-heading { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid #cbd1d7;border-bottom:0;background:white; }
.monthly-table-heading h3 { margin:0;font-size:20px; }
.monthly-scroll-controls { display:flex;gap:8px;flex-shrink:0; }
.monthly-scroll-controls button { width:44px;height:40px;border:1px solid #cbd1d7;border-radius:8px;background:white;color:#263349;font-size:24px; }
.monthly-scroll-controls button:hover { background:#edf1f6; }
.monthly-update-slot { min-height:36px;margin-bottom:6px;display:flex;align-items:center;justify-content:center; }
.monthly-update-badge { display:inline-flex;align-items:center;gap:6px;border:1px solid #e2b3ae;border-radius:18px;padding:4px 10px;background:#fff;color:#a83025;font:600 14px/1.4 system-ui,sans-serif; }
.monthly-update-badge span { display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#a83025;color:white;font-weight:800; }
.monthly-update-badge:hover { background:#fff3f1; }
.monthly-update-badge:focus-visible,.monthly-scroll-controls button:focus-visible { outline:2px solid #263349;outline-offset:3px; }
.monthly-read-label { font-size:14px;color:#78818c; }
.monthly-color-switch { display:flex;gap:4px;justify-content:center;flex-wrap:wrap; }
.monthly-color-switch button { padding:5px 8px;border:1px solid #cbd1d7;background:white;font:inherit;font-size:14px; }
.monthly-color-switch button[aria-pressed=true] { border-color:#9c6927;background:#fff3dc; }
.monthly-board-dialog { width:min(900px,94vw);max-height:90vh;border:1px solid #cbd1d7;border-radius:12px;padding:20px;overflow:auto;color:#263349;background:white;font:16px/1.5 system-ui,sans-serif; }
.monthly-board-dialog::backdrop { background:#18212dc9; }
.monthly-board-dialog table { border-collapse:collapse;width:100%;margin:15px 0; }
.monthly-board-dialog td,.monthly-board-dialog th { border:1px solid #cbd1d7;padding:8px; }
.monthly-board-dialog input { max-width:140px;width:100%;padding:8px;font:inherit; }
.monthly-enlarged { display:block;max-width:100%;max-height:72vh;object-fit:contain;margin:12px auto; }
.monthly-change-note { font-size:14px;border-bottom:1px solid #ddd;padding:8px 0; }
.monthly-extra-images { display:flex;flex-wrap:wrap;gap:6px;padding:6px; }
.monthly-extra-images img { width:64px;height:80px;object-fit:contain; }
.monthly-outfit-collapse summary { cursor:pointer;padding:8px 4px;font-weight:600; }
.monthly-outfit-collapse summary:focus-visible { outline:2px solid #263349;outline-offset:2px; }
.monthly-outfit-collapse[open] summary { margin-bottom:8px; }
.monthly-board button { cursor:pointer; }
.monthly-board button:disabled { cursor:not-allowed;opacity:.5; }
.monthly-board .button { font:inherit;font-size:14px;padding:9px 12px;border-radius:7px;border:1px solid #cbd1d7;background:white; }
.monthly-board .button.primary { background:#263349;color:white; }
.monthly-board .monthly-month-tabs { display:flex;gap:6px;flex-wrap:wrap; }
.monthly-board .monthly-month-tabs button { padding:8px 12px;border:1px solid #cbd1d7;background:white;font:inherit; }
.monthly-board .monthly-month-tabs button[aria-pressed=true] { background:#263349;color:white; }

/* 商品部壳内横滚，不扩大页面宽度；不修改产品配色。 */
#monthly-board-root{min-width:0;max-width:100%}.monthly-board{min-width:0;max-width:100%}.monthly-board input[type=month]{max-width:180px}.monthly-board-dialog{box-sizing:border-box}.monthly-board .monthly-message{padding:12px;background:#fff2df;color:#794900}