/* Quick Track 19: capture-first navigation and compact editing surfaces. */
.app>header{position:relative;z-index:20}
.account-menu{position:relative;flex:none}
.account-menu>summary{list-style:none;display:grid;place-items:center;cursor:pointer;user-select:none;-webkit-user-select:none}
.account-menu>summary::-webkit-details-marker{display:none}
.account-menu[open]>summary{background:var(--qt-text);color:var(--qt-canvas)}
.account-menu nav{position:absolute;right:0;top:50px;z-index:40;width:236px;padding:7px;border:1px solid var(--qt-border-strong);border-radius:16px;background:var(--qt-surface);box-shadow:0 18px 50px #0009}
.account-menu nav>a,.account-menu nav>button{display:flex;align-items:center;width:100%;min-height:46px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--qt-text);font:inherit;font-size:15px;font-weight:600;text-decoration:none;text-align:left}
.account-menu nav>a.is-current{background:var(--qt-action-soft);color:var(--qt-text)}
.account-menu nav>a.is-current:after{content:'✓';margin-left:auto;color:#b7c8d2}
.account-menu nav>button{border-top:1px solid var(--qt-border);border-radius:0 0 10px 10px;color:#d8a1a1;cursor:pointer}
.menu-feedback{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:7px 5px;border-top:1px solid var(--qt-border);border-bottom:1px solid var(--qt-border)}
.menu-feedback button{min-height:40px;padding:5px;border:1px solid var(--qt-border);border-radius:9px;background:var(--qt-surface-raised);color:var(--qt-muted);font:inherit;font-size:12px}
.menu-feedback button[aria-pressed=true]{background:var(--qt-action-soft);color:var(--qt-text);border-color:#617785}

.category-section{display:block!important;margin:0}
.category-section>.section-heading{display:flex;align-items:center;margin:0 2px 4px}
.category-section>.section-heading h2{font-size:14px}.category-section>.section-heading span{display:none}
#taskPickerButton{margin-left:auto;min-height:38px;padding:0 8px;border:0;background:transparent;color:#b9cbd6;font:inherit;font-size:13px;font-weight:600}
.category-grid{display:flex!important;gap:7px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 1px 6px;scrollbar-width:none}
.category-grid::-webkit-scrollbar{display:none}
.category,.category.tone-green{flex:0 0 auto!important;width:auto!important;min-width:104px;min-height:54px!important;padding:7px 10px!important;gap:7px!important;border:1.5px solid var(--qt-border)!important;border-radius:12px!important;background:var(--qt-surface)!important;scroll-snap-align:start}
.category .category-icon{display:grid!important;place-items:center;width:25px!important;height:25px!important;flex:none;color:#b9cbd6!important;background:transparent!important}
.category .category-icon svg{width:22px;height:22px}
.category strong{font-size:13px!important;white-space:nowrap;text-align:left!important}
.category>i{display:grid!important;place-items:center;position:static!important;width:17px!important;height:17px!important;margin-left:2px;border:1.5px solid var(--qt-border-strong)!important;background:transparent!important;box-shadow:none!important;opacity:1!important;font-style:normal}
.category.is-selected{background:var(--qt-action-soft)!important;border-color:#758e9d!important}
.category.is-selected>i:after{content:'✓';font-size:11px;color:var(--qt-text)}

.task-dialog{width:min(440px,calc(100% - 20px));padding:18px;border-radius:22px}
.task-dialog #taskSearch{width:100%;min-height:48px;margin:14px 0 10px;padding:0 13px;border:1px solid var(--qt-border-strong);border-radius:12px;background:var(--qt-surface-raised);color:var(--qt-text);font-size:16px}
#allTasks{display:grid!important;gap:7px;margin:0!important}
#allTasks .task-option{display:grid!important;grid-template-columns:1fr auto auto;align-items:center;width:100%!important;min-height:56px!important;margin:0;padding:8px 11px!important;text-align:left}
#allTasks .task-option strong{font-size:15px!important}#allTasks .task-option small{color:var(--qt-muted);font-size:12px}#allTasks .task-option>i{margin-left:6px!important}

.mode-switch{margin:2px 0 0}.block-panel{margin:0!important}
.hour-ring,.dial-shell .circular-dial{border-width:2px!important}
.hour-ring:before,.dial-shell .circular-dial:after{border-width:2px!important}
.hour-marker:after{top:2px!important;width:18px!important;height:5px!important;left:calc(50% - 9px)!important}
.circular-dial .roller-marker:after{height:9px!important;border-radius:5px!important}
#hourLabels span.is-major{color:#bdbdb8;font-weight:700}
#hourLabels span.is-current{font-size:11px;outline:1px solid #5e6367;outline-offset:1px}
.dial-center small:after{content:'ZEIT';margin-left:.35em}.dial-center strong{font-variant-numeric:tabular-nums slashed-zero}

.note-capture{margin:7px 0 5px;padding:0}
.note-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
.note-actions .speech-button{min-height:48px;margin:0;border-radius:12px;padding:9px 12px}
.note-edit-button{min-width:92px;min-height:48px;padding:0 12px;border:1px solid var(--qt-border);border-radius:12px;background:var(--qt-surface-raised);color:var(--qt-text);font:inherit;font-size:14px;font-weight:600}
.note-preview{margin:5px 4px 0;color:var(--qt-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#noteEditor{margin-top:8px;padding:10px;border:1px solid var(--qt-border);border-radius:14px;background:var(--qt-surface)}
#noteEditor[hidden]{display:none}.note-wrap textarea{min-height:86px!important}
.note-editor-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;color:var(--qt-muted);font-size:12px}
.note-editor-tools button{min-height:40px;padding:0 9px;border:0;background:transparent;color:#d09a9a;font:inherit}

.additional-panel{margin:5px 0!important;background:transparent!important;border:1px solid var(--qt-border)!important}
.additional-panel>summary{min-height:46px!important}.additional-panel>summary>span{font-weight:600}
.location-detail h3,.extras-section h3{margin:12px 0 4px;font-size:14px}
.location-detail .studio-picker{margin:10px 0 0}.extras-section{margin:14px 0 0!important;padding:12px!important;border-radius:13px!important}
.extra-fields{margin-top:8px!important}.extra-group{padding:0;border-top:1px solid var(--qt-border)}
.extra-group>summary{display:flex;align-items:center;min-height:46px;cursor:pointer;list-style:none;color:var(--qt-text);font-size:14px;font-weight:600}
.extra-group>summary::-webkit-details-marker{display:none}.extra-group>summary:after{content:'+';margin-left:auto;color:var(--qt-muted);font-size:20px}.extra-group[open]>summary:after{content:'−'}
.extra-group>label{margin:0 0 10px}.extra-group[open]{padding-bottom:3px}
#hapticHint{display:none}

.entry-edit-dialog{width:min(560px,calc(100% - 18px));max-height:94dvh;padding:18px}
.entry-edit-dialog form{display:grid;gap:10px}.entry-edit-dialog form>label{margin:0;font-size:14px}
.entry-edit-dialog textarea{width:100%;min-height:92px;resize:vertical;padding:11px;border:1px solid var(--qt-border-strong);border-radius:11px;background:var(--qt-surface-raised);color:var(--qt-text);font:inherit;font-size:16px}
.entry-edit-dialog .edit-time-inputs{grid-template-columns:1.25fr 1fr 1fr}.entry-edit-dialog .extra-fields{margin-top:0!important}
.entry-edit-dialog .speech-button{margin:0}.edit-rates{margin:0!important}.edit-rates label{display:grid;gap:6px;margin:9px 0;color:var(--qt-muted);font-size:13px}
.entry-edit-dialog .book-button{position:sticky;bottom:-18px;z-index:2;margin:3px -1px -4px;width:calc(100% + 2px)}
#entriesSection>.time-hint{font-size:13px}.entry-card{min-height:86px}.entry-card:after{content:'Bearbeiten';align-self:flex-end;color:#b9cbd6;font-size:12px;font-weight:600}

body[data-view=track] .app footer{display:none}
@media(max-width:430px){
  .app{padding-top:max(7px,env(safe-area-inset-top))}.app>header{min-height:43px;padding-bottom:2px}.app h1{font-size:21px}
  .account-menu nav{position:fixed;top:calc(max(7px,env(safe-area-inset-top)) + 46px);right:12px;width:min(260px,calc(100% - 24px))}
  .category-section>.section-heading{height:35px}.category,.category.tone-green{min-height:50px!important;padding-top:6px!important;padding-bottom:6px!important}
  .category .category-icon{width:22px!important;height:22px!important}.category .category-icon svg{width:20px;height:20px}
  .mode-switch button{height:39px}.dial-toolbar{height:36px!important}.dial-toolbar>button{min-height:36px!important}
  .dial-shell{--dial-size:min(73vw,294px);--minute-inset:40px}.dial-center{inset:92px}.ring-help{margin:3px 0 6px}
  .duration-chips button{height:43px}.duration-header{min-height:38px}.duration-header button{min-height:38px;min-width:38px}
  .sticky-book{padding-top:4px}.book-button{min-height:50px}
  .task-dialog,.entry-edit-dialog{width:100%;max-width:none;max-height:92dvh;margin:auto 0 0;border-radius:22px 22px 0 0;padding:17px 14px max(17px,env(safe-area-inset-bottom))}
  .task-dialog{min-height:55dvh}.entry-edit-dialog .edit-time-inputs{grid-template-columns:1fr 1fr}.entry-edit-dialog .edit-time-inputs>label:first-child{grid-column:1/-1}
  .entry-edit-dialog .book-button{bottom:calc(-1 * max(17px,env(safe-area-inset-bottom)))}
}
@media(max-height:760px) and (max-width:430px){
  .category-section>.section-heading{height:31px}.category,.category.tone-green{min-height:46px!important}.dial-shell{--dial-size:264px;--minute-inset:37px}.dial-center{inset:82px}
  .ring-help{display:none}.note-preview{display:none}
}
@media(prefers-reduced-motion:reduce){.account-menu nav{scroll-behavior:auto}}