.app-nav{display:flex;gap:var(--kptu-space-1);overflow-x:auto;padding:var(--kptu-space-1);background:var(--kptu-surface);border:1px solid var(--kptu-border);border-radius:var(--kptu-radius-lg);margin:0 0 var(--kptu-space-4);scrollbar-width:none}
.sidebar-brand,.sidebar-spacer,.sidebar-utility{display:none}
body.kptu-workspace-shell .topbar{display:none!important}
@media(max-width:760px){
  body.kptu-workspace-shell main{padding-top:8px}
  #appView>.app-nav #sidebarLogoutBtn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:40px;border:0;background:transparent;color:var(--kptu-muted);padding:9px 10px;border-radius:var(--kptu-radius-md);font-size:12.5px;font-weight:700;white-space:nowrap}
}
.app-nav::-webkit-scrollbar{display:none}
.nav-btn{border:0;background:transparent;color:var(--kptu-muted);font-weight:700;padding:9px 12px;border-radius:var(--kptu-radius-md);white-space:nowrap}
.nav-btn.active{background:var(--ds-select-bg);color:var(--ds-select-ink);box-shadow:var(--kptu-shadow-select)}
.view-panel{min-height:360px}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--kptu-space-3);margin-bottom:var(--kptu-space-3)}
.stat-card{background:var(--kptu-surface);border:1px solid var(--kptu-border);border-radius:var(--kptu-radius-lg);padding:var(--kptu-space-4);text-align:left;color:var(--kptu-ink)}
.stat-card span{display:block;color:var(--kptu-muted);font-size:12px;font-weight:600}
.stat-card b{display:block;font-size:27px;margin-top:var(--kptu-space-1);color:var(--kptu-primary-text)}
.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--kptu-space-3)}
.panel{padding:var(--kptu-space-4)}
.panel-head{display:flex;justify-content:space-between;gap:var(--kptu-space-3);align-items:flex-start;margin-bottom:var(--kptu-space-3)}
.panel-head h2{font-size:20px;line-height:1.35;margin:0;font-weight:800}
.panel-head p{font-size:12px;color:var(--kptu-muted);margin:var(--kptu-space-1) 0 0}
.add-list-card{min-width:0;padding:var(--kptu-space-4);background:var(--kptu-surface);border:1px solid var(--kptu-border);border-radius:var(--kptu-radius-lg)}
.add-list-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--kptu-space-2);margin-bottom:var(--kptu-space-3)}
.add-list-head h2{flex:1 1 100px;min-width:0;margin:0;font-size:18px;line-height:1.35;font-weight:800;overflow-wrap:anywhere}
.add-list-head button{flex:none;margin-left:auto;white-space:nowrap}
.stack-list{display:flex;flex-direction:column;gap:var(--kptu-space-2)}
.list-item,.comment-row{border:1px solid var(--kptu-border);border-radius:var(--kptu-radius-md);padding:10px 11px;background:var(--kptu-surface-subtle)}
.list-item b,.comment-row b{display:block;font-size:13px}
.list-item span,.comment-row span{display:block;color:var(--kptu-muted);font-size:12px;margin-top:2px}
.list-item small,.comment-row small{display:block;color:var(--kptu-faint);font-size:10px;margin-top:3px}
.empty.compact{padding:var(--kptu-space-4);font-size:12px}
.notif-row{border:1px solid var(--kptu-border);border-radius:var(--kptu-radius-md);padding:9px 10px;background:var(--kptu-surface);text-align:left}
.notif-row.unread{border-color:var(--kptu-border-strong);background:var(--kptu-info-soft)}
.notif-row b,.notif-row span,.notif-row small{display:block}
.notif-row b{font-size:12px}
.notif-row span{font-size:11px;color:var(--kptu-muted)}
.notif-row small{font-size:10px;color:var(--kptu-faint)}
.weekly-preview{white-space:pre-wrap;font-size:11px;color:var(--kptu-muted);margin-top:var(--kptu-space-3);max-height:180px;overflow:auto;background:var(--kptu-surface-subtle);border-radius:var(--kptu-radius-md);padding:var(--kptu-space-3)}
.calendar-toolbar{display:flex;align-items:center;justify-content:center;gap:var(--kptu-space-3);margin:var(--kptu-space-3) 0}
.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:var(--kptu-surface);border:1px solid var(--kptu-border);border-radius:var(--kptu-radius-lg);overflow:hidden}
.cal-head{text-align:center;padding:var(--kptu-space-2) 2px;background:var(--kptu-surface-subtle);font-size:11px;font-weight:700;color:var(--kptu-muted);border-right:1px solid var(--kptu-border)}
.cal-cell{min-height:105px;padding:7px;border-right:1px solid var(--kptu-border);border-top:1px solid var(--kptu-border);overflow:hidden}
.cal-cell.other{background:var(--kptu-surface-subtle);color:var(--kptu-faint)}
.cal-day{display:block;font-size:11px;font-weight:700;margin-bottom:5px}
.cal-event{font-size:10px;padding:3px 5px;background:var(--kptu-info-soft);border-radius:var(--kptu-radius-sm);margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--kptu-info)}
.cal-event.google{background:var(--kptu-success-soft);color:var(--kptu-success)}
.card-list{display:flex;flex-direction:column;gap:var(--kptu-space-2)}
.item-card{background:var(--kptu-surface);border:1px solid var(--kptu-border);border-radius:var(--kptu-radius-lg);padding:var(--kptu-space-4);display:flex;justify-content:space-between;gap:var(--kptu-space-3);align-items:flex-start}
.item-card.done{opacity:.62}
.item-card h3{font-size:15px;margin:var(--kptu-space-1) 0 3px}
.item-card p{font-size:12px;color:var(--kptu-muted);margin:0}
.item-card small{display:block;font-size:11px;color:var(--kptu-muted);margin-top:5px}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--kptu-space-3)}
.project-card{padding:var(--kptu-space-4);text-align:left;color:var(--kptu-ink);text-decoration:none}
.project-card h3{margin:7px 0 5px;font-size:15px}
.project-card p{font-size:12px;color:var(--kptu-muted);min-height:38px;margin:0}
.project-card:hover{border-color:var(--kptu-border-strong);box-shadow:none}
.project-stats{display:flex;gap:var(--kptu-space-3);margin-top:var(--kptu-space-3);font-size:11px;color:var(--kptu-muted)}
.subchips{display:flex;flex-wrap:wrap;gap:var(--kptu-space-1);margin-top:9px}
.subchips span{font-size:9px;background:var(--kptu-primary-soft);color:var(--kptu-muted);padding:3px 5px;border-radius:var(--kptu-radius-sm)}
.link-card span{display:block;margin-top:9px;color:var(--kptu-link);font-size:11px;font-weight:700}
.member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--kptu-space-2);margin-bottom:var(--kptu-space-5)}
.member-card{background:var(--kptu-surface);border:1px solid var(--kptu-border);border-radius:var(--kptu-radius-lg);padding:var(--kptu-space-3)}
.member-card b,.member-card span{display:block}
.member-card span{font-size:11px;color:var(--kptu-muted);margin-top:2px}
.minor-title{font-size:15px;margin:var(--kptu-space-4) 0 var(--kptu-space-2)}
.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--kptu-space-3)}
.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--kptu-space-1)}
.medium-card{width:min(100%,680px);padding:var(--kptu-space-5)}
.project-modal{width:min(100%,900px);padding:var(--kptu-space-5)}
.project-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--kptu-space-4)}
.project-detail-grid h3,.project-modal>section h3{font-size:14px;margin:var(--kptu-space-3) 0}
.inline-form{display:grid;grid-template-columns:minmax(0,1fr) 100px auto;gap:6px;margin-top:var(--kptu-space-2)}
.inline-form.row{grid-template-columns:minmax(0,1fr) auto}
.inline-form textarea,.inline-form input,.inline-form select{margin:0}
.check-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--kptu-space-2);align-items:center;border:1px solid var(--kptu-border);border-radius:var(--kptu-radius-md);padding:var(--kptu-space-2);margin:0}
.check-row small{font-size:10px;color:var(--kptu-muted)}
.action-box{background:var(--kptu-surface-subtle);border:1px solid var(--kptu-border);border-radius:var(--kptu-radius-lg);padding:var(--kptu-space-3);margin:var(--kptu-space-4) 0}
.muted{color:var(--kptu-muted);font-size:12px;margin:3px 0}
.google-bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;background:var(--kptu-surface);border:1px solid var(--kptu-border);border-radius:var(--kptu-radius-lg);padding:9px 11px;margin-bottom:var(--kptu-space-3)}
.toggle-line{display:flex;flex-direction:row;align-items:center;gap:5px;margin:0;font-size:11px}
.google-cal-list{background:var(--kptu-surface);border:1px solid var(--kptu-border);border-radius:var(--kptu-radius-lg);padding:var(--kptu-space-3);margin:-3px 0 var(--kptu-space-3);display:flex;gap:var(--kptu-space-3);align-items:center;flex-wrap:wrap}
.google-cal-list>b{width:100%;font-size:11px}
.badge.google{background:var(--kptu-success-soft);color:var(--kptu-success)}
.badge.high{background:var(--kptu-warning-soft);color:var(--kptu-warning)}
.badge.urgent{background:var(--kptu-danger-soft);color:var(--kptu-danger)}
.section-head.sub{margin-top:var(--kptu-space-4)}
.section-head.sub h3{margin:0}
.toolbar>select:first-child{min-width:120px}
.notice{margin-top:var(--kptu-space-4)}
@media(max-width:760px){
  .app-nav{margin-left:-2px;margin-right:-2px}
  .nav-btn{padding:8px 10px;font-size:12px}
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-grid{grid-template-columns:minmax(0,1fr)}
  .calendar-grid{font-size:9px}
  .cal-cell{min-height:72px;padding:var(--kptu-space-1)}
  .cal-event{font-size:8px;padding:2px 3px}
  .project-grid,.member-grid{grid-template-columns:minmax(0,1fr)}
  .item-card{flex-direction:column}
  .two-col,.project-detail-grid{grid-template-columns:minmax(0,1fr)}
  .inline-form{grid-template-columns:minmax(0,1fr)}
  .check-grid{grid-template-columns:minmax(0,1fr)}
  .google-bar{align-items:flex-start}
  .project-modal,.medium-card{padding:var(--kptu-space-4)}
}

:is(#projectsView,#meetingsView,#pagesView,#teamView) .add-list-head h2{font-size:var(--kptu-text-title)}