.subpage { max-width:1500px; margin:0 auto; padding:32px clamp(16px,3vw,40px) 60px; min-width:0; }
.workspace-header { margin-bottom:24px; }
.workspace-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:9px; color:var(--smi-muted); font-size:11px; letter-spacing:.06em; }
.workspace-breadcrumb a { color:var(--smi-muted); text-decoration:none; }
.workspace-header h1 { font-size:clamp(26px,3vw,38px); letter-spacing:-.035em; line-height:1.2; margin:12px 0 18px; overflow-wrap:anywhere; }
.workspace-local,.workspace-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.workspace-local:empty { display:none; }
.workspace-local a,.workspace-actions a { display:inline-flex; align-items:center; gap:7px; padding:10px 13px; border:1px solid var(--smi-line); border-radius:9px; background:var(--smi-panel); color:var(--smi-text); text-decoration:none; font-size:12px; min-height:42px; }
.workspace-local a[aria-current="page"],.workspace-actions a:hover { color:var(--smi-accent); border-color:var(--smi-accent); }
.workspace-local svg { width:16px; height:16px; }
.workspace-actions .primary { background:var(--smi-accent); color:var(--smi-primary-text); border-color:var(--smi-accent); }
.subpage > .section { padding:24px; margin:0 0 24px; border:1px solid var(--smi-line); border-radius:16px; background:var(--smi-panel); max-width:none; min-width:0; }
.subpage > .section h2 { text-align:left; font-size:23px; margin-bottom:18px; }
.subpage > .section :is(h1,h2)[hidden] { display:none; }
.subpage h3 { font-size:17px; line-height:1.5; margin:24px 0 14px; }
.subpage p { line-height:1.7; overflow-wrap:anywhere; }
.subpage .site-form { max-width:900px; margin:20px 0 0; padding:22px; border:1px solid var(--smi-line); background:var(--smi-raised); border-radius:14px; }
.subpage .site-form > p { margin:0 0 18px; }
.subpage input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),
.subpage select,.subpage textarea { max-width:100%; min-height:42px; padding:10px 12px; border:1px solid var(--smi-line); border-radius:8px; background:var(--smi-panel); color:var(--smi-text); font:inherit; }
.subpage .site-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),
.subpage .site-form select,.subpage .site-form textarea { width:100%; margin-top:6px; }
.subpage input[type=checkbox],.subpage input[type=radio] { accent-color:var(--smi-accent); }
.subpage button { min-height:40px; padding:10px 14px; border-radius:9px; border:1px solid var(--smi-line); background:var(--smi-accent); color:var(--smi-primary-text); cursor:pointer; }
.subpage button.link-button,.subpage button.icon-button { background:transparent; color:var(--smi-danger); }
.subpage fieldset { min-width:0; border:1px solid var(--smi-line); border-radius:10px; padding:16px; margin:18px 0; }
.subpage legend { padding:0 8px; font-weight:600; }
.subpage :is(a,button,input,textarea,select,summary):focus-visible { outline:2px solid var(--smi-accent); outline-offset:3px; }
.workspace-table-scroll { overflow:auto; width:100%; border:1px solid var(--smi-line); border-radius:12px; margin:16px 0; }
.workspace-table-scroll table { width:100%; border-collapse:collapse; margin:0; background:var(--smi-panel); }
.workspace-table-scroll th { text-align:left; padding:13px 15px; color:var(--smi-muted); background:var(--smi-raised); font-size:11px; font-weight:650; white-space:nowrap; border-bottom:1px solid var(--smi-line); }
.workspace-table-scroll td { padding:14px 15px; font-size:13px; vertical-align:top; border-bottom:1px solid var(--smi-line); min-width:100px; }
.workspace-table-scroll tbody tr:last-child td { border-bottom:0; }
.workspace-table-scroll tbody tr:hover { background:var(--smi-raised); }
.workspace-table-scroll td a { color:var(--smi-accent); }
.workspace-table-scroll td form { margin:0; }
.workspace-table-scroll td input[type=checkbox] { margin:5px 7px 5px 0; }
.dashboard-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:14px; margin:18px 0; }
.dashboard-stats .stat-card { border:1px solid var(--smi-line); border-radius:12px; padding:20px; background:var(--smi-raised); min-width:0; }
.dashboard-stats .stat-value { color:var(--smi-text); font-size:28px; }
.dashboard-stats .stat-label { color:var(--smi-muted); font-size:12px; }
.workspace-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:16px; }
.workspace-tile { padding:22px; background:var(--smi-panel); border:1px solid var(--smi-line); border-radius:14px; color:var(--smi-text); text-decoration:none; }
.workspace-tile strong { display:block; font-size:17px; margin-bottom:10px; }
.workspace-tile span { display:block; font-size:13px; color:var(--smi-muted); line-height:1.6; }
.workspace-tile:hover { border-color:var(--smi-accent); }
.workspace-section-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; }
.workspace-section-heading h2,.workspace-section-heading h3 { margin:0 !important; }
.workspace-message { padding:14px 18px; border:1px solid var(--smi-line); border-radius:10px; background:var(--smi-raised); }
.workspace-message.error { color:var(--smi-danger); border-color:var(--smi-danger); }
.workspace-message.success { color:var(--smi-ok); }
.workspace-editor-sections { display:grid; gap:22px; }
.workspace-editor-sections .site-form { margin-top:0; max-width:none; }
.workspace-editor-section { min-width:0; border-top:1px solid var(--smi-line); padding-top:20px; }
.workspace-save-bar { position:sticky; bottom:14px; display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:14px; margin-top:20px; background:var(--smi-panel); border:1px solid var(--smi-line); border-radius:12px; z-index:5; box-shadow:0 6px 24px #0001; }
.workspace-filter { display:flex; flex-wrap:wrap; gap:14px; align-items:end; margin:20px 0; }
.workspace-filter label { display:grid; gap:7px; font-size:13px; flex:1; min-width:min(100%,200px); }
.workspace-filter input,.workspace-filter select { width:100%; }
.subpage .blog-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr)); gap:18px; }
.subpage .blog-card-with-cover { flex-direction:column; display:flex; padding:0; overflow:hidden; }
.subpage .blog-cover { width:100%; flex:none; height:180px; }
.subpage .blog-cover img { width:100%; height:180px; object-fit:contain; background:var(--smi-raised); }
.subpage .blog-card-body { padding:20px; min-width:0; }
.subpage .blog-card-body h3 { margin:8px 0 12px; }
.subpage .blog-card-body .workspace-actions { margin-top:14px; }
.subpage .kanban { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; min-width:0; }
.subpage .kanban-col { min-width:0; background:var(--smi-raised); border:1px solid var(--smi-line); border-radius:12px; padding:12px; }
.subpage .kanban-card { border:1px solid var(--smi-line); background:var(--smi-panel); border-radius:10px; padding:16px; overflow-wrap:anywhere; }
.subpage .kanban-card strong { color:var(--smi-text); }
.subpage .kanban-card p,.subpage .kanban-card .blog-date { color:var(--smi-muted); }
.subpage .category-pills { display:flex; flex-wrap:wrap; gap:8px; }
.subpage .category-pill { margin:0; border-color:var(--smi-line); color:var(--smi-muted); }
.subpage .category-pill-active { background:var(--smi-accent); color:var(--smi-primary-text); }
.subpage .ai-view-container { grid-template-columns:minmax(190px,240px) minmax(0,1fr); gap:20px; }
.subpage .ai-agent-sidebar,.subpage .agent-header-card,.subpage .agent-ask-box,.subpage .agent-response-box { border:1px solid var(--smi-line); border-radius:14px; background:var(--smi-panel); min-width:0; }
.subpage .ai-agent-main { min-width:0; }
.subpage .ai-agent-item { border-radius:10px; background:var(--smi-raised); color:var(--smi-muted); border:1px solid transparent; }
.subpage .ai-agent-item.active,.subpage .ai-agent-item:hover { color:var(--smi-accent); border-color:var(--smi-accent); }
.subpage .agent-info { min-width:0; overflow-wrap:anywhere; }
.subpage .agent-response-iframe { max-width:100%; border:1px solid var(--smi-line); border-radius:10px; }
.subpage .forum-posts { display:grid; gap:18px; }
.subpage .forum-post { border:1px solid var(--smi-line); border-radius:14px; background:var(--smi-panel); }
.subpage .assistant-layout { border-radius:14px; box-shadow:none; }
.subpage .assistant-heading { gap:16px; flex-wrap:wrap; }
@media(max-width:1100px) { .subpage .kanban { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:900px) { .subpage .ai-view-container { grid-template-columns:minmax(0,1fr); } }
@media(max-width:650px) {
  .site-workspace .subpage { padding:22px 14px 40px; }
  .subpage > .section { padding:18px 14px; }
  .workspace-header h1 { font-size:27px; }
  .workspace-local { flex-wrap:nowrap; overflow-x:auto; padding-bottom:8px; }
  .workspace-local a { flex-shrink:0; }
  .subpage .site-form { padding:16px 12px; }
  .workspace-save-bar { bottom:90px; }
  .subpage .kanban { grid-template-columns:minmax(0,1fr); }
  .workspace-table-scroll td,.workspace-table-scroll th { padding:12px; }
}