:root{--accent:#156082;--accent-dark:#0f4a65;--bg:#f4f6f9;--border:#d8dee6;--text:#1f2933;--muted:#637083;--error:#b00020;--error-bg:#fdecee;--info-bg:#e8f2f7;--card-w:148px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font-family:Meiryo UI,Hiragino Sans,Yu Gothic UI,sans-serif;font-size:13px;line-height:1.45}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--border);background:#fff;border-radius:4px;padding:4px 10px}button:disabled{cursor:default;opacity:.55}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-dark)}.btn-plain{background:0 0}.btn-danger{border-color:var(--error);color:var(--error)}.btn-danger:hover:not(:disabled){background:var(--error-bg)}.btn-danger-solid{background:var(--error);border-color:var(--error);color:#fff}.modal-actions .is-start{margin-right:auto}input,select{border:1px solid var(--border);background:#fff;border-radius:4px;min-width:0;padding:4px 6px}input:focus,select:focus,button:focus-visible,.card:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.muted{color:var(--muted)}.center-screen{justify-content:center;align-items:center;min-height:60vh;margin:0;padding:16px;display:flex}.boot{color:var(--muted)}.notices{padding:0 16px}.notices:empty{display:none}.notice{border:1px solid var(--border);border-radius:4px;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0 0;padding:8px 12px;display:flex}.notice>span{flex:auto}.notice.is-error{background:var(--error-bg);color:var(--error);border-color:#f2c4ca}.notice.is-info{background:var(--info-bg);color:var(--accent-dark);border-color:#c3dce8}.form-message{flex-basis:100%;margin:0}.form-message.is-error{color:var(--error)}.form-message.is-info{color:var(--accent-dark)}.login-screen{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-card{border:1px solid var(--border);background:#fff;border-radius:8px;flex-direction:column;gap:12px;width:100%;max-width:320px;padding:20px;display:flex}.login-title{color:var(--accent);margin:0;font-size:16px}.app-header{background:var(--accent);color:#fff;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 16px;display:flex}.app-name{margin:0;font-size:15px}.app-user{flex:auto}.app-header-actions{gap:8px;display:flex}.app-header button{color:#fff;background:0 0;border-color:#fff9}.field{flex-direction:column;gap:2px;display:flex}.field>span:first-child{color:var(--muted);font-size:12px}.inline-add{gap:4px;display:flex}.register{border-bottom:1px solid var(--border);background:#fff;flex-wrap:wrap;align-items:flex-end;gap:8px 10px;padding:10px 16px;display:flex}.register .field-wide input{width:180px}.register .field-num input{width:80px}.workspace{grid-template-columns:calc(var(--card-w) + 24px) minmax(0, 1fr);align-items:start;gap:12px;padding:12px 16px 24px;display:grid}.board-scroll{flex-direction:column;gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.column{border:1px solid var(--border);background:#fff;border-radius:6px}.column-head{border-bottom:1px solid var(--border);align-items:baseline;gap:6px;padding:6px 10px;display:flex}.column-title{font-weight:700}.column-subtitle,.column-count{color:var(--muted);font-size:12px}.column-count{margin-left:auto}.slot-list{gap:8px;padding:8px;display:flex}.column-tray .slot-list{flex-direction:column}.column-machine{width:max-content;min-width:100%;display:flex}.column-machine .column-head{z-index:1;border-bottom:none;border-right:1px solid var(--border);background:#fff;border-radius:6px 0 0 6px;flex-direction:column;flex:none;gap:2px;width:96px;position:sticky;left:0}.column-machine .column-count{margin-left:0}.end-slot{width:var(--card-w);border:2px dashed var(--border);min-height:72px;color:var(--muted);border-radius:6px;flex:none;justify-content:center;align-items:center;font-size:12px;display:flex}.column-tray .end-slot{min-height:48px}.end-slot.is-drop-target{border-color:var(--accent);background:var(--info-bg)}.card{width:var(--card-w);cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:1px solid #00000026;border-radius:6px;flex:none;padding:6px 6px 6px 18px;position:relative}.card-grip{touch-action:none;background:#0000001f;border-radius:6px 0 0 6px;width:14px;position:absolute;top:0;bottom:0;left:0}.card-grip:before{content:"";opacity:.6;border-left:2px dotted;border-right:2px dotted;height:18px;margin-top:-9px;position:absolute;top:50%;left:4px;right:4px}.card-top{justify-content:space-between;align-items:center;gap:4px;display:flex}.card-no{opacity:.7;white-space:nowrap;font-size:11px;font-weight:400}.card-badge{color:#1f2933;white-space:nowrap;background:#ffffffd9;border-radius:8px;padding:0 5px;font-size:11px}.card-badge.status-in_progress{color:#fff;background:#1f2933}.card-drawing{overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:1px 0 2px;font-size:17px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.card-drawing a{text-decoration:underline}.card-line{overflow-wrap:anywhere;font-size:12px}.card-actions{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.card-actions button{color:#1f2933;background:#ffffffe6;padding:1px 6px;font-size:12px}.card.is-drag-source{opacity:.35}.card.drop-before:before{content:"";background:var(--accent);border-radius:2px;width:4px;position:absolute;top:0;bottom:0;left:-7px}.column-tray .card.drop-before:before{width:auto;height:4px;inset:-7px 0 auto}.drag-ghost{z-index:1000;pointer-events:none;opacity:.9;cursor:grabbing;margin:0;position:fixed;box-shadow:0 6px 18px #00000040}body.is-dragging,body.is-dragging *{cursor:grabbing}.modal-backdrop{z-index:900;background:#0f172066;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;width:100%;max-width:560px;max-height:calc(100vh - 32px);padding:16px;overflow:auto}.modal-small{max-width:400px}.modal-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.modal-head h2{margin:0;font-size:15px}.edit-form{flex-direction:column;gap:8px;margin-top:12px;display:flex}.field-pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.modal-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.history{border-top:1px solid var(--border);margin-top:16px;padding-top:8px}.history h3{margin:0 0 6px;font-size:13px}.history-list{overscroll-behavior:contain;flex-direction:column;gap:6px;max-height:260px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.history-meta{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.history-action{color:var(--text);font-weight:700}.history-detail{overflow-wrap:anywhere}.app-header button.is-current{background:#fff3}.page{padding:12px 16px 32px}.page .notices{padding:0}.page-title{margin:0 0 8px;font-size:15px}.table-scroll{margin-top:10px;overflow-x:auto}.data-table{border-collapse:collapse;background:#fff;min-width:100%}.data-table th,.data-table td{border:1px solid var(--border);text-align:left;vertical-align:top;white-space:nowrap;padding:5px 8px}.data-table th{background:#eef2f6;font-weight:700}.data-table tr.is-inactive td{color:#5f6b7a;background:#e3e7ec}.badge-inactive{color:#fff;background:#5f6b7a;border-radius:10px;padding:1px 8px;font-size:12px;font-weight:700;display:inline-block}.section-title{margin:16px 0 0;font-size:13px}.data-table tr.inactive-heading th{color:#3d4652;background:#c9d0d8;border-top:3px solid #8a95a3;padding-top:8px}.grip-cell{width:32px;text-align:center!important;vertical-align:middle!important;padding:0!important}.row-grip{cursor:grab;width:28px;color:var(--muted);letter-spacing:-2px;-webkit-user-select:none;user-select:none;touch-action:none;padding:8px 0;font-weight:700;display:inline-block}.data-table tr.is-drag-source td{opacity:.4}.data-table tr.drop-before td{box-shadow:inset 0 3px 0 var(--accent)}.data-table tr.drop-after td{box-shadow:inset 0 -3px 0 var(--accent)}.row-ghost{z-index:1000;pointer-events:none;background:var(--accent);color:#fff;white-space:nowrap;border-radius:4px;padding:4px 10px;position:fixed;box-shadow:0 6px 18px #00000040}.inline-save{margin-left:6px;display:inline-block}.data-table input{width:160px}.data-table .input-order{width:64px}.data-table .input-code{width:96px}.btn-inline{margin-left:8px;padding:1px 8px}.row-actions{flex-wrap:wrap;gap:6px;display:flex}.inline-form{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.create-form,.panel-form{border:1px solid var(--border);background:#fff;border-radius:6px;flex-wrap:wrap;align-items:flex-end;gap:8px 10px;margin-top:10px;padding:10px 12px;display:flex}.create-form h3{flex-basis:100%;margin:0;font-size:13px}.panel-form{flex-direction:column;align-items:stretch;max-width:360px}.tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;display:flex}.tab{background:#eef2f6;border-bottom:none;border-radius:4px 4px 0 0}.tab.is-current{background:var(--accent);border-color:var(--accent);color:#fff}.tab-panel{padding-top:4px}.color-cell{align-items:center;gap:6px;display:inline-flex}.color-cell input[type=color]{width:40px;height:28px;padding:1px}.color-sample{white-space:nowrap;border:1px solid #00000026;border-radius:4px;padding:3px 8px;font-weight:700;display:inline-block}@media (width<=720px){.workspace{grid-template-columns:minmax(0,1fr);padding:8px 8px 24px}.register{padding:8px}.notices{padding:0 8px}.column-tray .slot-list{flex-direction:row;overflow-x:auto}.column-tray .card.drop-before:before{width:4px;height:auto;inset:0 auto 0 -7px}.column-machine .column-head{width:72px}}