/* Targeted layout repair: navigation labels and today's ticket list. */
@media screen and (min-width:701px){
 body > aside nav{display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow-y:auto;overflow-x:hidden}
 body > aside nav button{flex:0 0 auto!important;height:auto!important;max-height:none!important;min-height:44px;white-space:normal;overflow:visible;line-height:1.4}
}
@media screen{
 body > main[data-section="today"] #content > .grid{grid-template-columns:minmax(0,1fr)!important;align-items:start}
 body > main[data-section="today"] #content > .grid > div{min-width:0}
 body > main[data-section="today"] .scroll:has([data-ticket-card]){height:auto;max-height:none;overflow-x:auto}
 body > main[data-section="today"] .scroll:has([data-ticket-card]) table{height:auto;min-width:820px;table-layout:auto}
 body > main[data-section="today"] .scroll:has([data-ticket-card]) :is(tbody,tr,td){height:auto;min-height:0}
 body > main[data-section="today"] .scroll:has([data-ticket-card]) td{vertical-align:top;padding:12px 10px}
 body > main[data-section="today"] .scroll:has([data-ticket-card]) td:first-child{min-width:150px}
 body > main[data-section="today"] .scroll:has([data-ticket-card]) td:last-child{min-width:230px;width:28%}
 body > main[data-section="today"] .scroll:has([data-ticket-card]) .actions{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start}
 body > main[data-section="today"] .scroll:has([data-ticket-card]) .actions button{padding:7px 10px;min-height:36px}
 body > main[data-section="today"] .scroll:has([data-ticket-card]) .pill{white-space:normal;max-width:none}
}
/* Impeccable polish: retain palette, make state and keyboard focus explicit. */
@media screen {
 body > aside nav button.active{font-weight:700;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
 body > aside nav button:focus-visible{outline:3px solid #fff;outline-offset:-4px}
 body > main[data-section="today"] :is(button,a,summary):focus-visible{outline:3px solid #174e68;outline-offset:3px}
 body > main[data-section="today"] .scroll:has([data-ticket-card]){scrollbar-color:#527780 #e5eeee;scrollbar-width:auto;padding-bottom:6px}
 body > main[data-section="today"] .scroll:has([data-ticket-card]) .actions button{min-height:44px;line-height:1.35}
 body > main[data-section="today"] .scroll:has([data-ticket-card]) th{color:#244550;font-weight:700;padding:12px 10px}
 body > main[data-section="today"] .scroll:has([data-ticket-card]) .pill{color:#183d45;font-weight:600;line-height:1.4;border:1px solid #78959c;padding:6px 9px}
 body > main[data-section="today"] .scroll:has([data-ticket-card]) .small{color:#405e68;line-height:1.5}
 body > main[data-section="today"] .panel-head{gap:12px;flex-wrap:wrap;align-items:center}
 body > main[data-section="today"] .panel-head h2{margin:0}
 body > main[data-section="today"] .tariff{gap:16px;align-items:start}
 body > main[data-section="today"] .tariff b{white-space:nowrap;font-variant-numeric:tabular-nums}
}