/* Planning canvas: quiet glass controls, generous space and readable source cards. */
#whiteboardView .whiteboard-header{margin-bottom:18px;align-items:center;gap:16px}
#whiteboardView .whiteboard-header h1{font-size:28px;margin:4px 0;letter-spacing:-.8px}
#whiteboardView .whiteboard-header .subtitle{margin:0;font-size:12px;color:#99a8bf}
.board-heading-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}
.board-heading-actions .subtle-button{border-color:#cedaff18;background:#a6b9e107}
.board-workspace{display:flex;gap:14px;align-items:stretch;min-width:0}
.board-navigator{width:210px;flex:0 0 210px;padding:17px 12px;border:1px solid #d5e3ff14;border-radius:19px;background:linear-gradient(135deg,#202a3b98,#121b2b99);box-shadow:inset 0 1px 0 #ffffff09;max-height:calc(100vh - 205px);overflow:auto}
.board-navigator[hidden]{display:none}
.board-navigator-heading{display:flex;justify-content:space-between;align-items:center;padding:2px 5px 12px;color:#d2ddf0;font-size:12px;font-weight:600}
.board-navigator-heading small{font-size:10px;color:#8799b2;font-weight:400}
.board-search{display:flex;align-items:center;gap:7px;border:1px solid #d4ddff1b;border-radius:11px;background:#080e1d55;padding:10px;margin-bottom:20px}
.board-search svg{width:15px;height:15px;color:#a4afd0;flex-shrink:0}
.board-search input{min-width:0;width:100%;background:none;border:0;outline:none;color:#e0e8f5;font-size:12px}
.board-search input::placeholder{color:#8a9bb2}
.board-outline{display:flex;flex-direction:column;gap:5px}
.board-outline-item{display:flex;align-items:center;gap:9px;width:100%;min-height:44px;padding:10px 9px;color:#b6c5db;text-align:left;border:1px solid transparent;border-radius:10px;background:transparent;font-size:12px;line-height:1.5}
.board-outline-item:hover,.board-outline-item.active{color:#f0edff;background:#b8a5ff13;border-color:#bba7ff25}
.outline-dot{width:7px;height:7px;flex-shrink:0;background:var(--item-color,#b7a7fa);border-radius:3px;box-shadow:0 0 10px color-mix(in srgb,var(--item-color,#b7a7fa) 25%,transparent)}
.outline-title{flex:1;overflow-wrap:anywhere}
.board-outline-item small{color:#8c9bb3;font-size:10px}
.board-outline-empty{color:#889bb5;font-size:12px;line-height:1.8;padding:4px 7px}
.board-navigator-note{font-size:11px;line-height:1.9;color:#879bb3;padding:18px 8px 0;border-top:1px solid #d0dcf410;margin-top:18px}
#whiteboardView .canvas-wrap{flex:1;min-width:0;height:calc(100vh - 205px);min-height:480px;border-radius:20px}
#whiteboardView .drawing-tools{left:50%;top:15px;transform:translateX(-50%);padding:6px;gap:2px;max-width:calc(100% - 22px);overflow-x:auto;border-color:#c5d6f729;background:#1b2438e8;box-shadow:0 9px 24px #0004;backdrop-filter:blur(24px)}
#whiteboardView .drawing-tools button{width:33px;height:35px;flex-shrink:0;border-radius:8px}
#whiteboardView .drawing-tools button.active{background:#bba9ff2b;color:#e5ddff;box-shadow:inset 0 1px 0 #e9e1ff17}
#whiteboardView .drawing-tools button svg{width:18px;height:18px}
.board-tool-hint{position:absolute;top:66px;left:12px;right:12px;text-align:center;font-size:10px;color:#9eaec6;pointer-events:none;text-shadow:0 1px 8px #07101e}
.board-frame .board-frame-heading{height:40px;display:flex;align-items:center;gap:14px;font-size:18px;font-weight:600;line-height:1.3;cursor:move;user-select:none}
.board-frame-heading>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.board-frame-heading>small{font-size:12px;font-weight:400;opacity:.7;flex-shrink:0}
.board-object.search-muted{opacity:.2}
.board-object.connect-source{filter:drop-shadow(0 0 12px #bfa8ff)}
.board-resize-handle{cursor:nwse-resize}
.plan-card{box-sizing:border-box;width:100%;height:100%;padding:19px 20px 15px;display:flex;flex-direction:column;gap:11px;border-radius:16px;border:1px solid color-mix(in srgb,var(--card-color) 43%,#60728a22);border-top-color:color-mix(in srgb,var(--card-color) 65%,#ffffff33);background:linear-gradient(135deg,color-mix(in srgb,var(--card-color) 19%,#202a3b),color-mix(in srgb,var(--card-color) 8%,#182132));box-shadow:inset 0 1px 0 #ffffff0b,0 11px 22px #0002;overflow:hidden;font-family:inherit;color:#e4eaf6}
.plan-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:17px;flex-shrink:0}
.plan-card-type{font-size:10px;letter-spacing:1.6px;color:color-mix(in srgb,var(--card-color) 50%,#cfdaed);font-weight:650}
.plan-detail-hint{font-size:10px;color:#b9c6db}
.plan-status{padding:3px 7px;font-size:10px;line-height:1.2;border-radius:6px;color:#cdd7e8;background:#c5d6ee12;white-space:nowrap}
.plan-status.doing{background:#b497ff22;color:#d0bdff}.plan-status.review{background:#e3b76b20;color:#efc993}.plan-status.done{background:#72d4aa1c;color:#99dfbd}
.plan-card-title{flex-shrink:0;margin:0;font-size:17px;line-height:1.45;font-weight:650;letter-spacing:-.35px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere;color:#edf1fb}
.plan-card-summary{flex:1;min-height:0;font-size:15px;line-height:1.65;white-space:pre-wrap;overflow:hidden;overflow-wrap:anywhere;color:#c7d3e5;letter-spacing:-.15px}
.plan-card-foot{display:flex;align-items:center;gap:5px;flex-shrink:0;min-height:17px;overflow:hidden;padding-top:7px;border-top:1px solid #d4e0ff0c}
.plan-tag{padding:2px 6px;border-radius:5px;font-size:10px;line-height:1.3;background:#c5d5f210;color:#bdcce1;white-space:nowrap}
.plan-assignee{font-size:10px;color:#c8c2e3;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-lock{font-size:10px;color:#a6b3c7}
.plan-card.is-text{border-color:transparent;background:none;box-shadow:none;padding:8px;gap:7px;border-radius:0}.plan-card.is-text .plan-card-head{display:none}.plan-card.is-text .plan-card-summary{font-size:22px;color:var(--card-color)}.plan-card.is-text .plan-card-foot:empty{display:none}
#whiteboardView .selection-actions{top:auto;bottom:67px;right:14px;left:auto;max-width:calc(100% - 28px);display:flex;align-items:center;gap:2px;padding:6px 8px;border:1px solid #c3d2f425;background:#202a3fe8;backdrop-filter:blur(24px);border-radius:12px;box-shadow:0 10px 30px #0003;overflow-x:auto}
#whiteboardView .selection-actions[hidden]{display:none}
#selectionCount{font-size:10px;color:#b8c8df;white-space:nowrap;padding:0 7px}
#whiteboardView .selection-actions button{flex-shrink:0;height:32px}
#whiteboardView .selection-actions .subtle-button{font-size:11px;padding:5px 8px}
#whiteboardView .canvas-bottom{left:14px;right:14px;bottom:14px;gap:8px;align-items:center}
.board-history{display:flex;gap:3px;padding:4px;background:#1d273bdd;border:1px solid #c5d6f31a;border-radius:10px}
.board-history button{font-size:17px;width:31px;height:29px;background:transparent;color:#c0cfe6;border-radius:6px}
.board-history button:hover{background:#c8b4ff18;color:#eee6ff}.board-history button:disabled{opacity:.3;cursor:default}
#boardFitAll,#boardFitSelection{font-size:10px;padding:8px 9px;background:#1d273bdd;border:1px solid #c5d6f31a;border-radius:9px;color:#bdcce2}
#boardSaveState{font-size:10px;color:#9eb5ae;margin-left:auto;background:#152333bb;padding:8px 10px;border:1px solid #b6e3c111;border-radius:8px;white-space:nowrap}
#boardSaveState.is-saving{color:#dfcba2}
.board-object-dialog{width:min(780px,calc(100vw - 36px));max-width:780px;max-height:90vh}
.board-object-dialog .dialog-body{padding:22px 28px;max-height:calc(90vh - 160px);overflow:auto}
.board-object-dialog .dialog-header{padding:20px 28px;min-height:72px}
.board-object-dialog .dialog-header h2{margin:5px 0 0;font-size:21px}
.board-object-dialog .dialog-footer{padding:15px 28px}
.board-object-dialog textarea{resize:vertical;line-height:1.75}
.board-object-dialog #objectText{min-height:105px}.board-object-dialog #objectDetail{min-height:190px;max-height:480px;font-size:13px;tab-size:2}
.board-form-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.board-object-dialog .field-hint{font-size:11px;color:#8ea3bd;line-height:1.7;margin:7px 0 0}
.board-object-dialog .board-title-field input{font-size:20px;font-weight:550}
.board-object-dialog .board-extra-fields{border-top:1px solid #c4d8f718;padding-top:17px;margin-top:8px}
.board-extra-fields summary{cursor:pointer;color:#b2c5df;font-size:12px;margin-bottom:14px}
.board-check{display:flex;gap:9px;align-items:center;font-size:12px;color:#aabbcf;padding:8px 0}
.board-check input{width:16px;height:16px;accent-color:#a78bfa}
.board-color-field{display:flex;gap:12px;align-items:center}.board-color-field input[type=color]{width:48px;height:33px;border:1px solid #c5d6f333;padding:3px;border-radius:7px;background:#192338}
#objectMeta{font-size:10px;color:#92a3bc}
.board-expanded .sidebar,.board-expanded .topbar{display:none!important}.board-expanded .main{position:fixed;inset:0;margin:0!important;padding:20px!important;z-index:50;background:#0d1421;overflow:auto}
.board-expanded #whiteboardView .canvas-wrap,.board-expanded .board-navigator{height:calc(100vh - 115px);max-height:calc(100vh - 115px)}
@media(max-width:1200px){.board-navigator{width:178px;flex-basis:178px;padding:14px 9px}.board-outline-item{font-size:11px}.board-heading-actions .subtle-button{font-size:11px;padding:8px 10px}#whiteboardView .drawing-tools{gap:0}#whiteboardView .drawing-tools button{width:29px}.board-tool-hint{font-size:9px}}
@media(max-width:900px){.board-navigator{position:absolute;left:12px;top:12px;bottom:12px;z-index:10;width:220px;max-height:none;background:#141e30f5;box-shadow:0 10px 40px #0006}.board-workspace{position:relative}.board-navigator-note{display:none}.board-heading-actions{gap:4px}#boardObjectCount{display:none}#whiteboardView .whiteboard-header .subtitle{display:none}#whiteboardView .whiteboard-header h1{font-size:24px}#whiteboardView .canvas-wrap{height:calc(100vh - 190px)}#boardSaveState{display:none}}
@media(max-width:600px){.board-heading-actions .board-export-button{display:none}#whiteboardView .whiteboard-header{align-items:flex-start;gap:10px;flex-direction:column;margin-bottom:12px}.board-heading-actions{width:100%;justify-content:flex-end}#whiteboardView .whiteboard-header h1{font-size:24px}.board-object-dialog .dialog-body{padding:18px}.board-object-dialog .dialog-header,.board-object-dialog .dialog-footer{padding:15px 18px}.board-form-columns{grid-template-columns:1fr}.board-history{gap:0}#boardFitSelection{display:none}#whiteboardView .selection-actions{bottom:63px}#selectionCount{display:none}#whiteboardView .drawing-tools{left:10px;right:10px;transform:none;justify-content:flex-start;width:auto}#whiteboardView .drawing-tools button{width:29px}#whiteboardView .drawing-tools .tool-divider{margin:0 2px}.board-expanded .main{padding:12px!important}.board-expanded #whiteboardView .canvas-wrap{height:calc(100vh - 150px)}}