*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #ffffff;--strip-bg-colorful: #ffffff;--strip-bg-mono: #fafaf9;--bg-secondary: #dfdeff;--bg-tertiary: #dcdcd4;--bg-card: #ffffff;--bg-card-hover: #f0f0ea;--accent: #2b579a;--accent-hover: #1e3d6e;--accent-bg: #e8f0fe;--accent-border: #b3c8e8;--text-primary: #1a1a1a;--text-secondary: #555550;--text-muted: #888880;--text-h: #1a1a1a;--border: #c0c0b8;--social-bg: #e8e8e2;--success: #2e7d32;--warning: #f57f17;--locked: #c62828;--radius: 0;--shadow: none}input[type=color]{width:24px;height:19px;padding:1px;flex:0 0 24px;cursor:pointer}body{font-family:Segoe UI,Arial,sans-serif;background:#365473;color:var(--text-primary);overflow-x:hidden;margin-left:1px;font-size:12px}#root{height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#365473;border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.btn{padding:2px 6px;border:1px solid var(--border);border-radius:0;cursor:pointer;font-size:11px;transition:background .15s;background:var(--bg-tertiary);color:var(--text-primary);line-height:1.2}.btn:hover{background:var(--bg-card-hover)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-danger{background:#d32f2f;color:#fff;border-color:#d32f2f}.btn-danger:hover{background:#b71c1c}.btn-sm{padding:1px 4px;font-size:10px}.btn-icon{padding:1px 4px;font-size:12px;line-height:1}input,textarea,select{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);padding:2px 4px;border-radius:0;font-size:11px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.login-container{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-primary)}.login-box{background:var(--bg-card);padding:24px;border-radius:0;box-shadow:none;width:300px;border:1px solid var(--border)}.login-box h1{text-align:center;margin-bottom:4px;color:var(--accent);font-size:18px}.login-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:16px;font-size:11px}.login-tabs{display:flex;gap:4px;margin-bottom:12px}.login-tab{flex:1;padding:6px;text-align:center;background:var(--bg-tertiary);border-radius:0;cursor:pointer;border:none;color:var(--text-secondary);font-size:11px}.login-tab.active{background:var(--accent);color:#fff}.login-box input{width:100%;margin-bottom:8px;padding:6px 8px}.login-box .btn-primary{width:100%;padding:8px;font-size:12px}.login-error{color:var(--locked);font-size:11px;margin-bottom:8px;text-align:center}.bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:0 4px;background:var(--bg-secondary);border-top:1px solid var(--border);height:20px;min-height:20px;flex-shrink:0;-webkit-user-select:none;user-select:none}.bottom-bar-left,.bottom-bar-right{display:flex;align-items:center;gap:2px;min-width:0;overflow:hidden}.bb-btn{display:inline-flex;align-items:center;justify-content:center;gap:3px;height:16px;padding:0 5px;font-size:10px;line-height:1;border:1px solid transparent;background:transparent;color:var(--text-primary);cursor:pointer;border-radius:0;white-space:nowrap;text-decoration:none}.bb-btn:hover{background:var(--bg-tertiary);border-color:var(--border)}body.notes-open .bb-notes-btn{background:var(--accent);color:#fff;border-color:var(--accent)}.bb-add-btn{font-size:13px;font-weight:700;width:24px;padding:0}.bb-add-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.bb-add-btn:disabled{opacity:.5;cursor:wait}.bb-folder-btn{max-width:200px;overflow:hidden;text-overflow:ellipsis}.bb-folder-btn.active{background:var(--bg-tertiary);border-color:var(--border)}.bb-folder-btn.drop-target{background:var(--accent);color:#fff;border-color:var(--accent)}.bb-folder-btn.dragging{opacity:.4}.bb-folder-btn.drag-over{border-color:var(--accent);box-shadow:inset 2px 0 0 var(--accent)}.strip-block.strip-drop-target{outline:2px solid var(--accent);outline-offset:-2px;background:var(--accent-bg)}.folder-popup-body.popup-drop-target{outline:2px dashed var(--accent);outline-offset:-2px}.bb-ctx-menu{position:fixed;min-width:160px;background:var(--bg-card);border:1px solid var(--border);box-shadow:0 4px 16px #0006;z-index:1000;display:flex;flex-direction:column;padding:2px}.bb-ctx-item{display:flex;align-items:center;gap:6px;padding:4px 8px;font-size:11px;border:none;background:transparent;color:var(--text-primary);cursor:pointer;text-align:left;white-space:nowrap}.bb-ctx-item:hover{background:var(--bg-tertiary)}.bb-ctx-item.danger:hover{background:var(--locked);color:#fff}.folder-popup-title.editable{cursor:text}.folder-popup-title.editable:hover{text-decoration:underline dotted var(--text-muted)}.folder-popup-title-input{flex:1;font-size:11px;font-weight:700;padding:0 3px;min-width:0}.drag-ghost.material-card{width:260px;max-width:320px;opacity:.85;box-shadow:0 8px 24px #00000080;pointer-events:none;background:var(--bg-card)}.drag-ghost.material-card .material-text{padding:2px 4px}.drag-trail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:999}.bb-settings-btn{font-size:11px}.bb-user{font-size:10px;color:var(--text-secondary)}.bb-logout-btn{width:16px;padding:0;font-size:11px}.bb-logout-btn:hover{background:var(--locked);color:#fff;border-color:var(--locked)}.connection-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.connection-dot.connected{background:var(--success)}.connection-dot.disconnected{background:var(--locked)}.folder-popup{position:fixed;width:320px;max-height:calc(100vh - 60px);display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);box-shadow:0 4px 16px #0006;z-index:500}.folder-popup-header{display:flex;align-items:center;justify-content:space-between;height:24px;min-height:24px;padding:0 4px;background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.folder-popup-title{font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-popup-actions{display:flex;gap:2px}.bb-popup-btn{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;padding:0;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:0}.bb-popup-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.bb-popup-btn.bb-empty-trash{width:auto;padding:0 5px;font-size:9px;color:var(--danger, #e94560);border-color:var(--danger, #e94560)}.bb-popup-btn.bb-empty-trash:hover{background:var(--danger, #e94560);color:#fff;border-color:var(--danger, #e94560)}.folder-popup-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:3px}.folder-popup-empty{font-size:11px;color:var(--text-muted);text-align:center;padding:8px 0}.app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-main{flex:1;overflow:hidden;display:flex;flex-direction:column}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:12px}.board-page{display:flex;flex-direction:row;height:100%;overflow:hidden}.board-area{flex:1;min-width:0;height:100%;overflow:hidden;display:flex;container-type:inline-size}.board-scroll{flex:1;overflow-x:auto;overflow-y:hidden;display:flex;align-items:flex-start;padding-top:2px}.notes-resizer{flex-shrink:0;width:2px;cursor:col-resize;background:#365473;transition:background .15s}.notes-resizer:hover{background:var(--border)}.notes-panel{flex-shrink:0;display:flex;flex-direction:column;height:100%;background:var(--bg-secondary);border-left:1px solid var(--border);overflow:hidden}.notes-panel-body{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:0}.notes-panel-empty{font-size:11px;color:var(--text-muted);text-align:center;padding:8px 0}.notes-upper{flex:1;min-height:0;overflow-y:auto}.notes-upper.collapsed{flex:0 0 0;padding:0;overflow:hidden}.notes-tabs{display:flex;align-items:center;gap:0px;flex-wrap:nowrap;padding:0;border-bottom:1px solid var(--border);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.notes-tabs::-webkit-scrollbar{display:none}.note-tab{flex-shrink:0;padding:1px 4px;font-size:8px;cursor:pointer;border-radius:0;color:var(--text-secondary);white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.note-tab:hover{background:var(--bg-card)}.note-tab.active{background:var(--bg-card);color:var(--text-primary);font-weight:600}.note-tab.dragging{opacity:.4}.note-tab.drag-over{box-shadow:inset 2px 0 0 var(--accent);background:var(--accent-bg)}.note-tab-add{border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:0 6px;line-height:1}.note-tab-add:hover{color:var(--accent)}.note-editor{flex:1;min-height:0;overflow:auto;font-size:8px}.note-editor .cm-editor{height:100%}.note-editor .cm-scroller{font-family:inherit;line-height:1.5}.cm-note-heading,.cm-note-plain{padding-left:calc(var(--note-checkbox-size) + 3px)}.cm-note-heading{font-weight:500;font-size:10px}:root{--note-checkbox-size: 8px}.cm-note-checkbox{width:var(--note-checkbox-size);height:var(--note-checkbox-size);margin:0 3px 0 0;vertical-align:middle;cursor:pointer}.cm-note-image-wrap{padding:4px 0}.cm-note-image{max-width:100%;max-height:320px;border-radius:4px;cursor:zoom-in}.note-ctx-menu{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:4px;min-width:180px;z-index:1000;box-shadow:0 4px 16px #0003}.note-ctx-section{padding:4px 0;border-bottom:1px solid var(--border)}.note-ctx-title{font-size:11px;color:var(--text-muted);padding:2px 8px;font-weight:600}.note-ctx-option{display:flex;align-items:center;gap:6px;padding:3px 8px;font-size:13px;cursor:pointer}.note-ctx-option:hover{background:var(--bg-secondary)}.note-ctx-item{display:block;width:100%;text-align:left;border:none;background:transparent;color:var(--text-primary);padding:5px 8px;font-size:13px;cursor:pointer}.note-ctx-item:hover{background:var(--bg-secondary)}.note-ctx-item.danger{color:var(--danger, #e94560)}.log-resizer{flex-shrink:0;height:6px;cursor:row-resize;background:transparent;transition:background .15s}.log-resizer:hover{background:var(--border)}.log-zone{flex-shrink:0;display:flex;flex-direction:column;min-height:0}@keyframes log-flash{0%{background-color:#f000}25%{background-color:#f003}50%{background-color:#f000}75%{background-color:#f003}to{background-color:#f000}}.log-panel.log-flash{animation:log-flash 2s ease-in-out}.log-target-highlight{outline:.5px solid var(--locked);outline-offset:-.5px}.log-panel{position:relative;flex:1;display:flex;flex-direction:column;min-height:0;border-top:1px solid var(--border);background:var(--bg-card)}.log-body{flex:1;min-height:0;overflow-y:auto;padding:4px 8px;scrollbar-width:none;-ms-overflow-style:none}.log-body::-webkit-scrollbar{display:none}.log-entry{display:flex;gap:6px;align-items:baseline;font-size:5px;line-height:1.5;min-width:0}.log-entry-time{flex-shrink:0;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.log-entry-user{flex-shrink:0;font-weight:600;white-space:nowrap}.log-entry-text{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.log-entry-values{display:block;color:var(--text-muted)}.log-entry-old{text-decoration:line-through;opacity:.85}.log-entry-arrow{opacity:.7}.log-entry-new{color:var(--text)}.log-strip{flex-shrink:0;margin-top:auto;display:block;width:100%;height:5px;padding:0;border:none;border-top:1px solid var(--border);background:var(--border);opacity:.6;cursor:ns-resize;transition:opacity .15s,height .15s}.log-strip:hover{opacity:1;height:8px}.issue-column{position:relative;display:flex;flex-direction:column;flex-shrink:0;min-width:350px;max-height:100%;background:transparent;border:none;border-radius:0}.issue-column-header{--header-h: 48px;--offset-right: 30px;--slant-angle: 25deg;--slant: calc(var(--header-h) * tan(var(--slant-angle)));position:relative;color:#fff;min-height:var(--header-h);display:flex;align-items:center;gap:16px;padding-left:27px;background:#787878;border-bottom:none;margin-bottom:3px;margin-top:1px;margin-right:var(--offset-right);flex-shrink:0;clip-path:polygon(0 0,calc(100% - var(--slant)) 0,100% 100%,0 100%)}.issue-column-title-wrap{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:1px}.issue-column-title{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;color:#fff}.issue-column-title-input{width:100%;font-size:13px;font-weight:700;padding:1px 3px;min-width:0}.issue-column-date{font-size:11px;font-weight:700;line-height:1.2;white-space:nowrap;-webkit-user-select:none;user-select:none;color:#fff}.issue-column-line{position:absolute;top:1px;left:0;z-index:2;width:11px;height:48px;background:#686868;cursor:context-menu;-webkit-user-select:none;user-select:none;touch-action:none}.issue-context-menu{position:absolute;top:100%;left:0;z-index:120;min-width:150px;padding:2px;background:var(--bg-card);border:1px solid var(--border);box-shadow:2px 2px 6px #00000026}.issue-column-body{flex:1;overflow-y:auto;display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:2px;padding:0 0 42px}.issue-column-body>.strip-block{flex:1 1 100%;min-width:0;margin-right:2px;border-bottom-left-radius:9px;border-bottom-right-radius:4px;border-top-right-radius:4px}.issue-column-body>.strip-block.collapsed{flex:0 0 auto;width:max-content;max-width:100%}.column-resizer{width:6px;min-width:6px;cursor:col-resize;background:#365473;flex-shrink:0;align-self:stretch;transition:background .15s}.column-resizer:hover,.column-resizer.active{background:var(--accent)}.strip-block{position:relative;background:var(--strip-bg-mono);border:none;border-top:1px solid var(--border);border-radius:0;display:flex;flex-direction:column;flex-shrink:0;gap:2px}.strip-block.colorful{background:var(--strip-bg-colorful)}.strip-block-header{min-height:20px;display:flex;align-items:center;gap:3px;padding:0 3px;background:transparent;border-bottom:none;flex-shrink:0}.strip-hash{font-size:12px;font-weight:700;color:var(--text-secondary);cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;line-height:1;padding:0 1px}.strip-hash:active{cursor:grabbing}.status-edit-form{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.status-edit-form input[type=text]{flex:1;min-width:0}.strip-number{font-size:12px;font-weight:700;width:14px;text-align:left;background:transparent;border:none;padding:0;cursor:text}.strip-block.colorful .strip-hash,.strip-block.colorful .strip-number{color:#62a1da}.strip-block.mono .strip-hash,.strip-block.mono .strip-number{color:#9e9e9e}.strip-status-dot-btn{border:none;background:none;padding:0 2px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;flex-shrink:0}.strip-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.strip-insert-line{position:absolute;left:0;right:0;height:2px;background:var(--accent);z-index:50;pointer-events:none}.strip-insert-line.at-top{top:-1px}.strip-insert-line.at-bottom{bottom:-1px}.strip-name{flex:1;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strip-name-field{position:relative;flex:1;display:flex;min-width:0}.strip-name-input{flex:1;font-size:11px;padding:1px 3px;min-width:0;background:transparent;border:none;border-radius:0}.strip-collapse-btn{border:none;background:none;font-size:14px;line-height:1;padding:0 2px;color:var(--text-muted);cursor:pointer;flex-shrink:0}.strip-block.collapsed .strip-name-field{flex:0 0 auto;max-width:10ch}.strip-block.collapsed .strip-name-input{width:8ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strip-block.collapsed .strip-collapse-btn{margin-left:1px}.strip-collapse-btn:hover{color:var(--text-primary)}.strip-context-menu{position:absolute;z-index:120;margin-left:24px;background:var(--bg-card);border:1px solid var(--border);box-shadow:2px 2px 6px #00000026;min-width:150px;padding:2px;display:flex;flex-direction:column}.strip-context-menu.open-up,.status-picker.open-up,.issue-context-menu.open-up{top:auto;bottom:100%}.strip-materials{padding:0 0 0 12px;display:flex;flex-direction:column;gap:2px;min-height:16px}.strip-materials:before{content:"";position:absolute;left:6px;top:22px;bottom:7px;width:5px;border-left:1px solid #bdbaad;border-bottom:1px solid #bdbaad;border-bottom-left-radius:5px;box-sizing:border-box;pointer-events:none}.strip-materials:after{content:"";position:absolute;left:15px;bottom:7px;width:5px;height:5px;transform:translate(-45%,45%);background:linear-gradient(#bdbaad,#bdbaad) center / 5px 1px no-repeat,linear-gradient(#bdbaad,#bdbaad) center / 1px 5px no-repeat;pointer-events:none}.strip-materials.drag-over{background:var(--accent-bg)}.ghost-material-input{background:transparent;border:none;font-size:11px;line-height:1.3;padding:1px 3px 1px 9px;outline:none;min-height:16px;color:var(--text-primary)}.ghost-material-input:focus{background:#ffffff80}.material-card{background:transparent;border:none;border-radius:0;padding:0;position:relative;display:flex;flex-direction:column}.material-card:hover{background:#ffffff59}.material-card.dragging{opacity:.4}.material-card.field-locked{cursor:not-allowed;opacity:.7}.material-row{display:flex;align-items:stretch;margin-left:1px}.material-line{width:11px;min-width:11px;cursor:grab;flex-shrink:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.material-line-emoji{display:inline-flex;align-items:center;justify-content:center;width:11px;min-width:11px;height:14px;background:transparent;font-size:8px;line-height:1;overflow:hidden}.material-line:active{cursor:grabbing}.field-locked{position:relative;outline:.5px solid var(--locked);outline-offset:-.5px}.lock-owner-badge{position:absolute;top:0;right:0;font-size:5px;line-height:1;opacity:.5;color:var(--locked);pointer-events:none;-webkit-user-select:none;user-select:none}.note-editor-wrap.note-locked-other{outline:.5px solid var(--locked);outline-offset:-.5px}.note-editor-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.material-saving-badge{font-size:9px;color:var(--warning);margin-left:6px}.material-text{flex:1;font-size:11px;line-height:1.3;white-space:pre-wrap;word-wrap:break-word;min-height:14px;outline:none;padding:1px 3px;cursor:text;min-width:0}.material-textarea{flex:1;width:100%;min-height:14px;resize:none;overflow:hidden;font-size:11px;line-height:1.3;background:transparent;border:none;border-radius:0;padding:1px 3px;min-width:0;outline:none;white-space:pre-wrap;word-wrap:break-word}.material-updated-by{font-size:7px;font-weight:700;line-height:1;margin-top:3px;margin-right:2px;text-align:right;white-space:nowrap;align-self:flex-start;flex-shrink:0;pointer-events:none;user-select:none;-webkit-user-select:none;color:var(--text-primary)}.material-attach-btn{border:none;background:none;padding:1px 3px;line-height:1;color:var(--text-primary);opacity:.2;cursor:pointer;align-self:flex-start;flex-shrink:0}.material-attach-btn.has-files,.material-attach-btn:hover{opacity:1}.material-context-menu{position:absolute;top:100%;left:0;z-index:120;background:var(--bg-card);border:1px solid var(--border);box-shadow:2px 2px 6px #00000026;min-width:160px;padding:2px}.material-context-menu.open-up,.material-files-menu.open-up{top:auto;bottom:100%}.material-files-menu{position:absolute;top:100%;right:0;z-index:120;background:var(--bg-card);border:1px solid var(--border);box-shadow:2px 2px 6px #00000026;min-width:180px;padding:2px}.material-files-menu .file-list{list-style:none;margin:0;padding:0}.material-files-menu .file-item{display:flex;align-items:center;gap:3px;padding:2px 3px}.material-files-menu .file-item:hover{background:var(--bg-secondary)}.material-files-menu .file-name{flex:1;font-size:11px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-files-menu .file-name:hover{text-decoration:underline}.file-delete-btn{border:none;background:none;color:var(--text-muted);cursor:pointer;padding:0;line-height:1}.file-delete-btn:hover{color:var(--locked)}.context-menu-section{display:flex;flex-direction:column}.context-menu-item{display:flex;align-items:center;gap:4px;padding:3px 4px;font-size:11px;border:none;background:none;color:var(--text-primary);cursor:pointer;text-align:left;width:100%}.context-menu-item:hover{background:var(--bg-secondary)}.context-menu-item.danger:hover{background:var(--locked);color:#fff}.context-menu-item.add-file{cursor:pointer;border-top:1px solid var(--border)}.status-picker{position:absolute;z-index:120;margin-left:24px;margin-top:-2px;background:var(--bg-card);border:1px solid var(--border);border-radius:0;padding:3px;min-width:140px;box-shadow:2px 2px 4px #00000026}.status-option{display:flex;align-items:center;gap:4px;padding:2px 3px;font-size:11px;cursor:pointer}.status-option:hover{background:var(--bg-secondary)}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot-emoji{width:14px;height:14px;border-radius:0;background:transparent;font-size:12px;line-height:14px;text-align:center}.status-marker-editor{display:flex;align-items:center;gap:4px}.status-marker-mode{display:flex;gap:2px}.status-marker-mode .btn.active{background:var(--accent);color:var(--bg-primary)}.emoji-palette{display:flex;flex-wrap:wrap;gap:2px;max-width:190px}.emoji-choice{width:22px;height:22px;padding:0;border:1px solid transparent;background:transparent;cursor:pointer;font-size:14px;line-height:20px}.emoji-choice:hover,.emoji-choice.selected{border-color:var(--accent);background:var(--bg-secondary)}.file-panel{margin-top:2px;border-top:1px solid var(--border);padding-top:2px}.file-list{list-style:none}.file-item{display:flex;align-items:center;gap:3px;font-size:10px;color:var(--text-secondary);padding:1px 2px;cursor:pointer}.file-item:hover{background:var(--bg-tertiary)}.file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-upload-btn{display:block;font-size:10px;color:var(--accent);cursor:pointer;padding:2px 3px}.file-upload-btn:hover{background:var(--bg-secondary)}.settings-tabs{display:flex;gap:2px;margin-bottom:8px;border-bottom:1px solid var(--border)}.settings-tab{padding:3px 10px;font-size:11px;border:1px solid var(--border);border-bottom:none;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:0}.settings-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.settings-tab.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700}.app-layout{position:relative}.settings-overlay{position:fixed;top:0;right:0;bottom:20px;left:0;z-index:900;overflow:auto;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.settings-header h2{margin-bottom:0}.settings-close{min-width:22px}.settings-page,.template-manager-page{padding:8px;overflow-y:auto;flex:1}.settings-page h2,.template-manager-page h2{font-size:14px;margin-bottom:8px}.settings-section{background:var(--bg-card);border:1px solid var(--border);border-radius:0;padding:8px;margin-bottom:8px}.settings-section-title{font-size:12px;font-weight:700;margin-bottom:6px;color:var(--accent)}.status-form,.status-edit-form{display:flex;align-items:center;gap:6px;margin-bottom:8px}.status-form input[type=text],.status-form input[type=password],.status-form select,.status-edit-form input[type=text]{flex:1;min-width:0}.status-list,.user-list,.template-list{list-style:none;display:flex;flex-direction:column;gap:3px}.status-item,.user-item{display:flex;align-items:center;gap:6px;min-height:25px;padding:3px 6px;background:var(--bg-secondary);border:1px solid transparent}.status-item:hover,.user-item:hover{border-color:var(--border)}.status-item .status-dot{flex:0 0 10px}.user-name{flex:1;font-weight:600}.default-badge{padding:2px 5px;color:#fff;background:var(--accent);font-size:10px}.admin-toggle,.checkbox-label{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:11px}.statuses-list{display:flex;flex-direction:column;gap:2px}.status-item{display:flex;align-items:center;gap:4px;background:var(--bg-secondary);padding:3px 6px;border-radius:0}.status-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.status-name{flex:1;font-size:11px}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{text-align:left;padding:4px 6px;border-bottom:1px solid var(--border);font-size:11px}.users-table th{color:var(--text-secondary);font-weight:600}.users-table tr:hover{background:var(--bg-secondary)}.template-strips-list{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.template-strip-item{display:flex;gap:4px;align-items:center;background:var(--bg-secondary);padding:3px 6px;border-radius:0}.template-strip-item input{flex:1;min-width:0}.template-strip-item input.strip-number{width:40px;flex:none}.template-strip-materials{margin-left:16px;display:flex;flex-direction:column;gap:2px;margin-top:2px}.template-strip-material{display:flex;gap:4px;align-items:center}.template-strip-material input{flex:1;min-width:0;font-size:11px}.form-group{margin-bottom:6px}.form-group label{display:block;font-size:10px;color:var(--text-secondary);margin-bottom:2px}.form-group input,.form-group textarea,.form-group select{width:100%}.template-card{background:var(--bg-card);border:1px solid var(--border);padding:8px}.template-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.template-name{display:flex;align-items:center;gap:6px;font-weight:700;font-size:13px}.template-card-actions{display:flex;gap:3px}.template-weekdays,.template-summary{margin-top:5px;color:var(--text-secondary);font-size:11px}.template-summary{display:flex;flex-wrap:wrap;gap:4px 10px}.template-strips{display:flex;flex-wrap:wrap;gap:3px;margin-top:6px}.template-strip-badge{padding:2px 5px;background:var(--bg-secondary);border-left:3px solid var(--border);font-size:10px}.template-strip-badge.color{background:var(--strip-bg-colorful)}.template-editor{margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.template-editor-title{margin-bottom:6px;color:var(--accent);font-weight:700}.template-options,.weekday-selector{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:6px 0}.weekday-selector>span{color:var(--text-secondary)}.template-strip-row{display:grid;grid-template-columns:42px minmax(120px,1fr) auto auto auto auto;align-items:center;gap:4px;padding:5px;background:var(--bg-secondary);border:1px solid var(--border)}.strip-number-input{width:42px}.template-materials{grid-column:2 / -1;display:flex;flex-direction:column;gap:3px;padding-left:8px}.template-material-row{display:flex;gap:4px}.template-material-row input{flex:1;min-width:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content,.modal{background:var(--bg-card);border-radius:0;padding:12px;width:400px;max-width:90vw;max-height:80vh;overflow-y:auto;box-shadow:2px 2px 8px #0003}.modal-title,.modal h3{font-size:13px;font-weight:700;margin-bottom:8px;color:var(--accent)}.modal-actions{display:flex;gap:4px;justify-content:flex-end;margin-top:8px}.page-header{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-bottom:1px solid var(--border)}.page-header h2{font-size:14px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:var(--text-muted);gap:6px}.empty-state-text{font-size:12px}.droppable-area{min-height:30px;border-radius:0;transition:background .15s}.droppable-area.drag-over{background:var(--accent-bg);outline:1px dashed var(--accent);outline-offset:-1px}.material-drag-handle{cursor:grab}.material-drag-handle:active{cursor:grabbing}@container (max-width: 768px){.board-scroll{flex-direction:column;overflow-x:hidden;overflow-y:auto}.issue-column{min-width:100%;max-width:100%;max-height:none}.issue-column-body{overflow-y:visible}}.board-page.notes-full .board-area{flex:0 0 0;min-width:0}.board-page.notes-full .notes-panel{flex:1;width:auto!important}