/* V7 design iteration: preserve V6 baseline and override visual hierarchy. */
:root{--v7hue:#93bafa}
.main{padding-left:24px;padding-right:24px;padding-bottom:70px}
.layout{max-width:none}
.topbar{min-height:54px;padding:9px 0}
.v7datehead{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:17px 0 15px}
.v7datehead h1{margin:1px 0 0;font-size:clamp(24px,2.7vw,39px);letter-spacing:-.055em}
.v7quicklinks{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.v7quicklinks button{border:1px solid var(--line);border-radius:999px;background:var(--panel2);color:var(--muted);padding:7px 12px;min-height:36px}
.v7quicklinks button:hover{color:var(--text);border-color:var(--accent)}
.v7homepagegrid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(245px,.65fr);gap:24px}
.v7homepagegrid .section{margin:20px 0}
.v7homepagegrid .v7aside{min-width:0;padding-top:3px}
.v7pins{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important}
.v7pins .note{min-height:140px}
.v7inboxcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:11px}
.v7attention{border-left:3px solid var(--v7hue);padding-left:12px}
.v7priority{font-size:10px;border-radius:6px;border:1px solid #566079;padding:4px 6px;white-space:nowrap;font-weight:700}
.v7priority.high{color:#ffadab;background:#472b35;border-color:#77414d}
.v7priority.medium{color:#f3d18a;background:#483c26;border-color:#7b6740}
.v7priority.low{color:#b2d8fb}
.v7meeting{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:color-mix(in srgb,var(--v7hue) 18%,#172031);color:var(--v7hue);flex:none}
.v7meeting:hover{box-shadow:inset 0 0 0 1px var(--v7hue)}
.note .noteglyph,.noteglyph.v7glyph{background:color-mix(in srgb,var(--v7hue,#93bafa) 20%,#202637)!important;color:var(--v7hue,#93bafa)!important}
.note{border-top:2px solid color-mix(in srgb,var(--v7hue,#93bafa) 52%,var(--line))}
.note.pin[data-color]{background:color-mix(in srgb,var(--v7hue,#93bafa) 8%,var(--panel))!important}
.v7colors{flex-wrap:wrap;gap:12px}
.v7colors .colorcircle{width:38px;height:38px}
.v7calendar .caltoolbar{margin:12px 0 11px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.v7calendar .calactions h2{font-size:23px;margin:0 10px 0 0}
.v7calright{display:flex;align-items:center;gap:10px}
.v7calendar .calgrid{min-height:calc(100dvh - 185px)}
.v7calendar .calday{min-height:max(92px,calc((100dvh - 230px)/6))}
.v7calendar .calitem{background:color-mix(in srgb,var(--v7hue,#93bafa) 40%,#202b43);border-left:3px solid var(--v7hue,#93bafa);color:#f4f6fc}
.v7calendar .timeevent{border-left:3px solid var(--v7hue,#93bafa);background:color-mix(in srgb,var(--v7hue,#93bafa) 22%,#202636)}
.v7calendar .agendaitem .indicator{background:var(--v7hue,#93bafa)!important}
.tile{cursor:pointer;border-left:3px solid var(--v7hue,#93bafa)}
.v7archivedbanner{background:#3d3449;border:1px solid #8a739e;padding:12px;border-radius:10px;margin:13px 0}
.projectcard{text-align:left;font:inherit;color:inherit}
.projectcard h3{font-weight:750}
.v7date-time{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(130px,.6fr);gap:12px;align-items:end}
.v7date-time .field{min-width:0}
.v7all-day{padding:13px;margin:9px 0 12px;border:1px solid #58688a;border-radius:12px;background:#2a344b}
.v7all-day input{width:20px;height:20px;vertical-align:middle;margin-right:10px}
.v7all-day label{cursor:pointer}
.v7datebackdrop,.v7scopebackdrop{position:fixed;inset:0;z-index:110;background:#000a;display:grid;place-items:center;padding:14px}
.v7datepopup,.v7scopepopup{width:min(440px,calc(100vw - 28px));max-height:85dvh;overflow-y:auto;background:#202738;border:1px solid #556582;box-shadow:0 28px 100px #000b;border-radius:18px;padding:18px}
.v7datepopup .propertypanel{margin:0!important;background:transparent;border:0;padding:0}
.v7datepopup .pickgrid button{min-height:39px}
.v7scopepopup{padding:24px}
.v7scopepopup h2{margin-top:0}
.v7scopes{display:grid;gap:8px;margin:15px 0}
.v7scopes .choice{border:1px solid #54637c;border-radius:10px;min-height:46px;text-align:left;padding:12px}
.v6scope{display:none!important}
@media (max-width:1000px){.v7homepagegrid{grid-template-columns:1fr}.v7homepagegrid .v7aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v7homepagegrid .v7aside .section{margin:5px 0}}
@media (max-width:650px){.main{padding:0 14px 85px}.v7datehead{align-items:flex-start}.v7datehead h1{font-size:25px}.v7pins,.v7inboxcards{grid-template-columns:1fr 1fr!important}.v7inboxcards .note{min-height:120px}.v7homepagegrid .v7aside{grid-template-columns:1fr}.v7calendar .caltoolbar{flex-wrap:wrap}.v7calright{width:100%;justify-content:space-between}.v7calendar .calactions h2{font-size:20px}.v7calendar .calday{min-height:75px}.v7date-time{grid-template-columns:1fr 125px;gap:8px}.v7location{grid-template-columns:1fr}.v7priority{font-size:9px;padding:3px 5px}}
@media(max-width:370px){.v7pins,.v7inboxcards{grid-template-columns:1fr!important}.v7datehead .btn{padding:6px}.v7date-time{grid-template-columns:1fr}}

/* Project picker clarity, consistent visible hierarchy. */
.choice.v6create{display:flex;align-items:center;gap:12px;text-align:left;white-space:normal}
.choice.v6create span{display:flex;flex-direction:column;gap:4px;min-width:0}
.choice.v6create b{display:block}
.choice.v6create small{display:block;line-height:1.4;color:var(--muted)}
.v7calendar .calactions{flex-wrap:wrap}
.v7calendar .caltoolbar .segmented button{min-height:36px}
.v7inboxcards .note .notebody{max-height:none}

/* Current accessibility and Home reading order */
.v7fullinbox{grid-column:1/-1;min-width:0}
.v7fullinbox .v7inboxcards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.v7homepagegrid .v7aside{align-self:start}
.v7priority{font-size:12px;min-height:24px;display:inline-flex;align-items:center;padding:3px 8px}
.v7choice-label{display:block;font-size:12px;text-transform:capitalize;margin-top:5px}
.v7datepopup:focus-visible,.v7scopepopup:focus-visible{outline:2px solid #b0c7ff;outline-offset:2px}
.recovery-actions{padding:14px;margin:10px 0 18px;border:2px solid #e8aa91;background:#46303b;border-radius:12px;color:#ffe4d6}
.recovery-actions[hidden]{display:none!important}
.faint{color:#a3b0c5}
@media(max-width:650px){.v7fullinbox .v7inboxcards{grid-template-columns:repeat(2,minmax(0,1fr))}.v7priority{font-size:11px}}
@media(max-width:370px){.v7fullinbox .v7inboxcards{grid-template-columns:1fr}}