.side>div,.side>section{flex-shrink:0}.side{background:var(--area-sidebar,#202c27);gap:22px;overflow-y:auto}.nav button.active,.workspace-button.selected{background:var(--area-highlight,#36463b)}.workspace-section{padding-top:4px}.workspace-section .workspace{font-size:10px;letter-spacing:1.2px}#workspaceNav{display:grid;gap:5px}.workspace-button{display:flex;gap:10px;align-items:center;text-align:left;color:#e6ece8;background:transparent;border:1px solid transparent;padding:10px 12px;font-size:12px;line-height:1.4}.workspace-button:hover{background:#ffffff16;color:white;border-color:#ffffff26}.workspace-button.selected{color:white;border-color:#ffffff29}.workspace-button>span:last-child{overflow-wrap:anywhere}.workspace-icon{font-size:18px;min-width:22px;text-align:center}.workspace-button:focus-visible{outline:3px solid white}.side-bottom{padding-top:16px}.side-bottom .avatar{background:var(--accent)}.primary:hover{background:var(--green);filter:brightness(1.12)}.lime:hover{background:var(--accent);filter:brightness(.97)}.tracker{border-top-color:var(--green)}.workspace-settings{margin-bottom:0}.workspace-intro{padding:25px;display:flex;gap:24px;justify-content:space-between;align-items:center;margin-bottom:22px}.workspace-intro h2{margin:8px 0}.workspace-intro p{max-width:720px;color:var(--muted);font-size:13px}.workspace-intro button{flex-shrink:0}.workspace-card{padding:23px}.workspace-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.workspace-swatch{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;font-size:24px;color:white;text-shadow:0 1px 3px #0009}.workspace-card h3{font-size:17px;margin-bottom:8px;overflow-wrap:anywhere}.workspace-card .toolbar{margin-top:20px}.workspace-preview{padding:22px;border-radius:10px;color:white;font-size:18px;font-weight:700;text-shadow:0 1px 3px #0009}input[type=color]{height:42px;padding:5px}#workspaceFootName{display:block;font-weight:600;color:#dbe5dc;overflow-wrap:anywhere}#timerWorkspaceName{font-weight:500;letter-spacing:0;text-transform:none}.workspace-settings .sectionhead{gap:15px}.guide .workspace-settings{margin:0}.entry-responsible{background:var(--soft)}
@media(max-width:900px){.app{grid-template-columns:190px minmax(0,1fr)}.side{padding:25px 14px;align-items:stretch}.side .nav .navtext{display:inline}.side .workspace{display:block}.side-bottom{display:block}.main{padding:25px 22px}.workspace-intro{align-items:flex-start;flex-direction:column}.workspace-settings .sectionhead{flex-wrap:wrap}}
@media(max-width:680px){.app{display:block}.side{position:relative;top:auto;height:auto;max-height:none;display:grid;gap:16px;padding:20px 16px}.side>.workspace-section{grid-row:2}.side .brand-sub{margin-top:5px}.side .workspace{padding-left:0}.side .nav{display:flex;gap:5px;overflow-x:auto}.side .nav button{flex-shrink:0;padding:9px}.side .nav .navtext{display:inline}.side .side-bottom{display:none}.side #workspaceNav{display:flex;overflow-x:auto;gap:7px;padding-bottom:4px}.side .workspace-button{flex:0 0 auto;max-width:230px;border-color:#ffffff20}.side .workspace-section .workspace{margin-bottom:5px}.main{padding:21px 14px}.workspace-intro{padding:20px}.workspace-settings .sectionhead{align-items:flex-start;flex-direction:column}.workspace-card{padding:20px}}
@media print{.side{display:none!important}.app{display:block}.main{padding:0}.workspace-settings{display:none}}