/* In-context controls; no scrim, page lock or oversized form for daily edits. */
.quick-popover{width:292px;min-width:0;padding:7px;border-radius:7px;box-shadow:0 5px 18px #0002,0 0 0 1px #00000006;font-family:var(--font);animation:none;max-width:calc(100vw - 20px)}
.quick-popover .input{font-size:13px;padding:7px 8px;min-height:32px;border-radius:4px;margin:0}
.quick-label{display:flex;align-items:center;justify-content:space-between;color:var(--sub);font-size:11px;font-weight:500;padding:5px 5px 9px;gap:10px;overflow-wrap:anywhere}
.quick-label span{font-size:10px;color:var(--muted);white-space:nowrap}
.quick-popover .quick-hint{font-size:10px;line-height:1.6;color:var(--muted);padding:7px 5px 2px;white-space:normal}
.quick-error{color:#bd443b;font-size:11px;line-height:1.5;padding:8px 5px 0;margin:0;white-space:normal}
body[data-theme=dark] .quick-error{color:#f09b94}.quick-error[hidden]{display:none!important}
.quick-options{max-height:min(280px,45vh);overflow:auto;padding:4px 0;overscroll-behavior:contain}
.quick-option{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;padding:7px 8px;min-height:34px;text-align:left;border-radius:4px;font-size:12px}
.quick-option:hover,.quick-option:focus-visible{background:var(--hover)}.quick-option:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.quick-option-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-check{width:16px;flex:0 0 16px;display:flex;align-items:center}.quick-check .icon{width:14px;height:14px}
.quick-popover .dx-tag{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.quick-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:4px}.quick-bottom .btn{font-size:11px;color:var(--sub)}
.quick-empty{padding:12px 8px;font-size:12px;color:var(--muted);line-height:1.6}.quick-notes{width:370px}.quick-notes textarea{min-height:130px;line-height:1.65;resize:vertical}.quick-readonly{padding:7px;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}
.quick-calendar-nav{display:flex;align-items:center;justify-content:space-between;padding:10px 0 4px;font-size:12px}.quick-calendar-nav [data-by="-1"]{transform:rotate(180deg)}
.quick-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:3px}.quick-weekday{text-align:center;font-size:10px;color:var(--muted);line-height:28px}.quick-day{height:31px;font-size:12px;border-radius:4px}.quick-day:hover{background:var(--hover)}.quick-day.today{box-shadow:inset 0 0 0 1px var(--line)}.quick-day.selected{background:var(--blue);color:#fff}.quick-date-shortcuts{display:flex;gap:3px;justify-content:space-between;border-top:1px solid var(--line);padding-top:7px;margin-top:8px}.quick-date-shortcuts .btn{font-size:11px;padding:4px 7px}.quick-date .menu-item{font-size:11px;color:var(--sub)}
.quick-menu{width:300px}.quick-menu .quick-full{display:flex;text-align:left;justify-content:flex-start;white-space:normal;width:100%;font-size:12px}.quick-menu .menu-item{min-height:31px}.quick-menu .menu-item .right{margin-left:auto;color:var(--muted);font-size:11px}.quick-menu label{font-size:12px;color:var(--sub)}
.quick-section-label{font-size:10px;color:var(--muted);padding:12px 5px 6px}.quick-layouts{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.quick-layouts button{display:flex;gap:5px;align-items:center;flex-direction:column;font-size:11px;padding:9px 4px;border-radius:4px;border:1px solid transparent}.quick-layouts button:hover{background:var(--hover)}.quick-layouts button.selected{border-color:var(--line);background:var(--sidebar)}.quick-layouts .icon{width:18px;height:18px}
.quick-toggle{display:flex;align-items:center;gap:8px;margin:10px 4px}.quick-field{display:flex;gap:8px;align-items:center;margin:8px 3px}.quick-field select{flex:1;min-width:0;width:auto!important}.quick-properties{max-height:min(400px,60vh);overflow:auto}.quick-properties>div{display:flex;gap:5px;align-items:center;padding:3px 2px}.quick-properties label{display:flex;gap:8px;align-items:center;flex:1;min-width:0;padding:4px}.quick-properties label span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.quick-properties input,.quick-toggle input{accent-color:var(--blue)}
.quick-filter-row{padding:9px 2px;border-bottom:1px solid var(--line);display:grid;gap:5px}.quick-filter-row>div{display:flex;gap:4px;align-items:center}.quick-sort-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 26px;gap:4px;padding:6px 0}.quick-sort-row .input{font-size:11px;min-width:0;padding:5px}
.dx-toolbar{flex-wrap:wrap}.dx-toolbar>.btn{font-size:11px}.dx-toolbar .quick-active{color:var(--blue);background:var(--hover)}.quick-new-split{display:flex;margin-left:auto;gap:0}.quick-new-split .btn{border-radius:4px 0 0 4px}.quick-new-split .btn:last-child{border-radius:0 4px 4px 0;border-left:1px solid #ffffff50;padding:4px 6px}.quick-new-split .icon{width:13px;height:13px}.dx-table td{position:relative}.dx-table td:has(.quick-open-row){padding-right:28px}.quick-open-row.btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);padding:2px;min-height:23px;width:23px;background:var(--bg);border:1px solid var(--line);opacity:0}.quick-open-row .icon{width:12px;height:12px}.dx-table tr:hover .quick-open-row,.quick-open-row:focus-visible{opacity:1}.dx-cell.title{cursor:text}.dx-checkbox.on{color:var(--blue)}
.modal-backdrop:has(.quick-record-panel){justify-content:flex-end;align-items:stretch;padding:0;background:#00000012;backdrop-filter:none}.quick-record-panel.modal{height:100dvh;max-height:100dvh;width:560px;max-width:min(100%,560px);border-radius:0;border-width:0 0 0 1px;box-shadow:-8px 0 32px #0000000c}.quick-record-panel .modal-header{padding:22px 24px 12px}.quick-record-panel .modal-body{padding:5px 24px 24px}.quick-record-panel .dx-row-fields>label{grid-template-columns:120px minmax(0,1fr)}
@media(hover:none){.quick-open-row.btn{opacity:1}}
@media(max-width:620px){.quick-popover{max-height:calc(100dvh - 20px)!important}.dx-toolbar .dx-search{width:120px}.dx-toolbar>.btn{padding:4px 6px}.quick-record-panel .dx-row-fields>label{grid-template-columns:1fr}.quick-notes{width:calc(100vw - 24px)}}
@media print{.quick-popover,.quick-open-row{display:none!important}}

/* Page controls are part of the document flow, never layered over the icon.
   Higher specificity deliberately supersedes the older desktop/mobile offsets. */
.page-head .page-emoji{margin-bottom:8px}
.page-head .page-options{position:static;inset:auto;height:auto;min-height:30px;display:flex;flex-wrap:wrap;gap:4px;margin:0 0 12px;opacity:1}
.page-head .page-options .btn{min-height:30px;white-space:normal;text-align:left}
.page-head .page-options .btn:focus-visible,.page-head .page-emoji:focus-visible,.editor-tail:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.editor-tail:focus-visible{opacity:1}
@media(hover:none),(pointer:coarse){
 .editor-tail{opacity:.7}
 .cover .cover-actions{opacity:1}
 .page-head .page-options .btn,.cover-actions .btn{min-height:44px}
}