/* Dolijane V3.8.0 stable revision 8 — final responsive and interaction fixes. */
:root{--soft:var(--accent-soft);--bp-phone:768px;--bp-tablet:1024px}

/* One calendar state for both week and month views. */
html[data-interface-design="claude"][data-v74-route="calendar"] :is(.v56-week-grid,.v56-month-grid)>.v56-day:is(.today,.tif-today){overflow:hidden!important;isolation:isolate!important;color:#2a1c06!important;transition:none!important;box-shadow:0 0 0 1px rgba(255,255,255,.72),0 0 4px 1px rgba(255,224,140,.25),inset 0 0 17px 6px rgba(255,255,255,.92)!important}
html[data-interface-design="claude"][data-v74-route="calendar"] :is(.v56-week-grid,.v56-month-grid)>.v56-day:is(.today,.tif-today)::after{content:none!important}
html[data-interface-design="claude"][data-v74-route="calendar"] :is(.v56-week-grid,.v56-month-grid)>.v56-weekday{color:#fff!important}

/* Time menu exposes one icon-only notification control. */
.v80-notification-heading{position:relative;display:grid!important;place-items:center;width:38px!important;height:38px!important;min-width:38px!important;padding:6px!important;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--accent)}
.v80-notification-heading>span{display:none!important}.v80-notification-heading>b{position:absolute;right:-3px;top:-4px;min-width:16px;height:16px;padding:0 3px;border-radius:9px;background:var(--accent);color:#fff;font-size:10px;line-height:16px;text-align:center}.v80-notification-heading .v22-icon{width:22px;height:22px}

/* Help starts with its title and uses the active design's cancel control. */
.v81-help-page>.topbar .eyebrow{display:none!important}.v81-help-page [data-v17-time-cancel],.v81-help-page [data-close]{color:#fff!important;background:var(--accent)!important;border-color:var(--accent)!important}

/* Settings must keep readable horizontal labels even at the narrowest width. */
@media(max-width:767px){main .settings-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important}main .settings-row>div:first-child{width:auto!important;min-width:0!important}.settings-label,.settings-note{writing-mode:horizontal-tb!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important}.v56-weekdays{justify-content:flex-end}}

/* Fold 6 / iPad band. These are the canonical tablet boundaries for new code. */
@media(min-width:768px) and (max-width:1024px){.notes-editor{--dolijane-layout-band:tablet}.settings-row{--dolijane-layout-band:tablet}}