.basic-workspace{--basic-border:var(--border-hover);max-width:1500px;width:100%;margin:0 auto}
.basic-page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 24px}.basic-page-head h1{margin:8px 0;font-size:26px}.basic-page-head p{margin:0;color:var(--text-muted)}.basic-eyebrow{font-size:12px}
.basic-layout{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:560px;background:var(--card-bg);border:1px solid var(--border-light);border-radius:18px;overflow:hidden}.basic-projects{padding:18px 12px;border-right:1px solid var(--border-light)}.basic-nav,.basic-project-link{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:8px;width:100%;border-radius:8px;padding:11px 12px}.basic-nav[aria-current],.basic-project-link[aria-current]{background:var(--pastel-purple);color:var(--accent-purple)}.basic-project-link span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.basic-project-link small{color:var(--text-muted);flex:none}.basic-search{display:block;margin:16px 0 10px}.basic-search input{width:100%;min-width:0;border:1px solid var(--basic-border);background:var(--card-bg);color:var(--text-main);padding:10px 12px;border-radius:8px;font:inherit}.basic-content{padding:26px;min-width:0}.basic-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}.basic-section-head h2{font-size:21px;margin:0 0 8px}.basic-section-head p{margin:0;color:var(--text-muted);white-space:pre-wrap;overflow-wrap:anywhere}.basic-actions{display:flex;gap:8px;flex-wrap:wrap}.basic-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--basic-border,var(--border-hover));border-radius:8px;background:var(--card-bg);padding:9px 13px;gap:6px;font:inherit;white-space:nowrap}.basic-button.primary{background:var(--accent-purple);border-color:var(--accent-purple);color:#fff}.basic-button.danger{color:var(--accent-pink)}.basic-button:disabled{opacity:.55;cursor:wait}.basic-button:hover:not(:disabled),.basic-project-link:hover,.basic-nav:hover{filter:brightness(.97)}.basic-button:focus-visible,.basic-project-link:focus-visible,.basic-nav:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}
.basic-project-cards{display:grid;gap:12px}.basic-project-card{padding:18px;border:1px solid var(--basic-border);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:14px}.basic-project-card h3{margin:0 0 8px;font-size:16px;overflow-wrap:anywhere}.basic-project-card p{margin:0;color:var(--text-muted)}.basic-project-open{padding:0;text-align:left;color:var(--accent-purple);font:inherit}.basic-empty{padding:38px 12px;text-align:center;color:var(--text-muted);line-height:1.9}.basic-projects .basic-empty{font-size:13px;padding:20px 8px}.basic-filters{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:20px 0}.basic-filters input{flex:1;min-width:160px}.basic-filters input,.basic-filters select,.basic-quick-task input,.basic-quick-task select,.basic-editor input,.basic-editor select,.basic-editor textarea{border:1px solid var(--basic-border,var(--border-hover));border-radius:8px;background:var(--card-bg);color:var(--text-main);padding:10px 12px;font:inherit}.basic-quick-task{display:flex;align-items:center;gap:8px;margin:20px 0}.basic-quick-task input{flex:1;min-width:0}.basic-quick-task select{max-width:160px}.basic-task-row{display:grid;grid-template-columns:24px minmax(120px,1fr) 110px 110px;gap:12px;align-items:center;padding:15px 2px;border-bottom:1px solid var(--border-light)}.basic-task-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-purple)}.basic-task-title{text-align:left;padding:2px 0;font:inherit;overflow-wrap:anywhere}.basic-task-title small{display:block;margin-top:5px;color:var(--text-muted)}.basic-task-row.is-done .basic-task-title>span{text-decoration:line-through;color:var(--text-muted)}.basic-task-assignee{color:var(--text-muted);overflow-wrap:anywhere}.basic-task-row select{font:inherit;border:1px solid var(--basic-border);border-radius:7px;padding:7px 4px;background:var(--card-bg);color:var(--text-main);width:100%}.basic-result-count{color:var(--text-muted);font-size:13px}.basic-editor{width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:24px;border:1px solid var(--border-light);border-radius:16px;background:var(--card-bg);color:var(--text-main);box-shadow:0 24px 80px rgba(15,23,42,.2)}.basic-editor::backdrop{background:rgba(15,23,42,.38)}.basic-editor header,.basic-editor footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.basic-editor h2{margin:0;font-size:20px}.basic-editor label{display:grid;gap:7px;margin:18px 0}.basic-editor textarea{resize:vertical;min-height:110px}.basic-editor footer{justify-content:flex-end;margin-top:20px}.basic-editor [role=alert]{color:var(--accent-pink);margin:0;line-height:1.6}.basic-toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:10px;background:var(--primary);color:var(--primary-fg);box-shadow:0 8px 30px rgba(0,0,0,.16);z-index:1000;max-width:calc(100vw - 32px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.basic-layout{grid-template-columns:190px minmax(0,1fr)}.basic-content{padding:20px}.basic-task-row{grid-template-columns:24px minmax(100px,1fr) 90px}.basic-task-assignee{grid-column:2;font-size:12px}.basic-task-row select{grid-column:3;grid-row:1/3}.basic-quick-task{flex-wrap:wrap}.basic-quick-task input{flex-basis:100%}.basic-section-head{flex-wrap:wrap}}
@media(max-width:640px){.basic-workspace{padding:18px 12px}.basic-page-head{align-items:flex-start;gap:12px}.basic-page-head h1{font-size:22px}.basic-layout{display:block;min-height:0}.basic-projects{border-right:0;border-bottom:1px solid var(--border-light)}#basicProjectList{max-height:180px;overflow:auto}.basic-content{padding:18px 14px}.basic-editor input,.basic-editor select,.basic-editor textarea,.basic-quick-task input,.basic-quick-task select{font-size:16px}.basic-project-card{padding:14px}.basic-project-card .basic-button{padding:8px}.basic-quick-task select{flex:1;max-width:none}.basic-button{min-height:40px}.basic-filters select{width:100%}.basic-page-head>button{white-space:normal;min-width:96px}}