body{font-size:14px}
.shell{grid-template-columns:205px 1fr}
.shell>nav{width:205px;padding:20px 14px}
.shell nav h2{font-size:22px;margin:5px 0 24px}
.shell nav h2 b{padding:10px;border-radius:10px}
.shell nav button{padding:8px}
main{padding:28px 3.5vw}
header{margin-bottom:22px}
header small{margin-top:0;font-size:10px}
header h1{font-size:34px;margin:3px 0}
.primary,.secondary,.danger{padding:9px 13px;border-radius:8px;font-weight:700;border:0}
.danger{background:#a43b35;color:#fff}
.projects,.board{grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:13px}
.card{padding:18px}
.card h3,.pane h3{font-size:19px}
.pane{border-radius:11px}
.pane-head{padding:11px 13px;gap:7px}
.pane-head small{font-size:10px}
.pane-head>div{display:flex;gap:2px}
.pane-head button{font-size:11px;color:var(--muted);padding:5px}
.grip{font:700 13px monospace;color:#999;cursor:grab}
.pane-body{padding:13px;min-height:110px}
.task{padding:6px 4px}
.check{min-width:18px;padding:0;text-align:center!important}
.add{gap:6px;margin-top:9px}
.add input{padding:8px 10px}
.add-task{border:0;border-radius:7px;background:var(--teal);color:white;padding:7px 12px;font-weight:700}
.toolbar{display:flex;gap:3px;padding:5px;border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;background:#f4f1e9}
.toolbar button{border:1px solid transparent;background:transparent;border-radius:5px;padding:4px 8px;font-size:11px;color:var(--ink)}
.toolbar button:hover{background:white;border-color:var(--line)}
.rich .editor{min-height:95px;border:1px solid var(--line);border-radius:0 0 8px 8px;background:white;padding:10px;outline:0;line-height:1.5;overflow:auto}
.notice-rich .editor{min-height:110px;border:0;padding:6px;background:transparent}
.notice-rich .toolbar{margin:-5px -5px 8px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
.editor img,.readonly-rich img,.comment img{max-width:100%;height:auto;border-radius:6px}
.editor ul,.editor ol,.readonly-rich ul,.readonly-rich ol,.comment ul,.comment ol{padding-left:22px}
.readonly-rich{line-height:1.5}
.muted{color:var(--muted)}
dialog{padding:23px;width:min(620px,94vw);max-height:90vh;overflow:auto}
.form{gap:11px}
.form h2{font-size:25px;margin:4px 0 8px}
.form label{display:block}
.row>label{flex:1}
.task-actions{display:flex;justify-content:space-between;align-items:center;margin-top:4px}
.comments{border-top:1px solid var(--line);margin-top:20px;padding-top:8px}
.comments h3{font:20px Georgia}
.comment{line-height:1.5}
.nav-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7fb4ad;margin-right:8px}
@media(max-width:750px){main{padding:20px 13px 75px}.pane-head>div{display:flex}.shell{display:block}.row{display:block}.row label+label{margin-top:10px}.toolbar{overflow-x:auto}.toolbar button{white-space:nowrap}}