/* Mobile overrides are loaded after desktop styles. */
#dd-finance .dd-mobile-menu-toggle{display:none}
#dd-finance main>section{min-width:0}
#dd-finance .tablewrap{max-width:100%;-webkit-overflow-scrolling:touch}
#dd-finance .dd-user-permission-row>*{min-width:0}
#dd-finance .dd-user-permission-row fieldset{min-width:0}
#dd-finance .dd-user-permission-row label span{overflow-wrap:anywhere}
@media(max-width:760px){
 body{overscroll-behavior-x:none}
 #login-panel{box-sizing:border-box;width:calc(100% - 32px);margin:8vh auto;padding:24px}
 #login-panel input{min-width:0;font-size:16px;min-height:44px}
 #login-panel button{min-height:44px}
 #dd-finance .shell{display:block}
 #dd-finance aside{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px;height:auto;position:relative;overflow:visible}
 #dd-finance .brand{margin:0}
 #dd-finance .dd-mobile-menu-toggle{display:block;min-height:44px;padding:8px 14px;border:1px solid var(--dd-line);border-radius:8px;background:var(--dd-soft);color:var(--dd-accent)}
 #dd-finance aside nav,#dd-finance aside .side-foot,#dd-finance aside .dd-logout-area{display:none!important;grid-column:1/-1}
 #dd-finance aside.dd-mobile-open nav{display:grid!important;grid-template-columns:1fr;margin:0;gap:4px}
 #dd-finance aside.dd-mobile-open .side-foot{display:block!important;margin-top:8px;padding-top:16px}
 #dd-finance aside.dd-mobile-open .dd-logout-area{display:block!important;margin-top:24px;padding-top:16px}
 #dd-finance aside nav button,#dd-finance aside .action{min-height:44px;width:100%;text-align:left}
 #dd-finance #dd-investor-entry:not(:disabled){min-height:44px}
 #dd-finance main{padding:18px 12px;min-width:0}
 #dd-finance header{gap:10px;padding-bottom:18px}
 #dd-finance h1{font-size:22px;overflow-wrap:anywhere}
 #dd-finance .badge{white-space:normal}
 #dd-finance .panel{padding:14px;min-width:0}
 #dd-finance .panel-head{align-items:flex-start;flex-direction:column;gap:8px}
 #dd-finance .panel-head .sub{line-height:1.5}
 #dd-finance [data-page="point"]>.dd-pickers,#dd-finance .dd-pickers{grid-template-columns:minmax(0,1fr);gap:12px;width:100%}
 #dd-finance [data-page="overview"]>.dd-pickers{grid-template-columns:1fr}
 #dd-finance .dd-select-trigger,#dd-finance [data-page="point"] .dd-select-trigger{min-height:44px;padding:10px 12px;font-size:16px}
 #dd-finance .dd-select-option{min-height:44px;font-size:16px}
 #dd-finance .dd-select-menu{max-height:min(320px,45dvh)}
 #dd-finance .action,#dd-finance .dd-dividend-tabs button{min-height:44px}
 #dd-finance select{min-height:44px;font-size:16px!important;max-width:100%}
 #dd-finance .metrics{grid-template-columns:1fr;gap:10px}
 #dd-finance .metric{padding:16px}
 #dd-finance .metric strong{font-size:24px;overflow-wrap:anywhere}
 #dd-finance .dd-sheet-panel{padding:0}
 #dd-finance .dd-sheet-panel .tablewrap{max-height:65dvh;overscroll-behavior:auto}
 #dd-finance .dd-sheet{width:max-content;min-width:100%;font-size:12px}
 #dd-finance .dd-sheet th:first-child,#dd-finance .dd-sheet td:first-child{width:160px;min-width:160px;max-width:160px;white-space:normal}
 #dd-finance .dd-sheet td:first-child{padding-left:calc(8px + var(--dd-indent,0)*6px)!important}
 #dd-finance .dd-sheet .dd-article-link{white-space:normal;max-width:120px;overflow-wrap:anywhere;vertical-align:middle}
 #dd-finance .dd-sheet .dd-collapse{min-width:26px;min-height:36px}
 #dd-finance .dd-sheet .dd-collapse-gap{width:26px}
 #dd-finance .dd-sheet .dd-cell{min-height:36px;padding:4px 0}
 #dd-finance .dd-sheet th,#dd-finance .dd-sheet td{padding:8px}
 #dd-finance .dd-filter-table{min-width:650px}
 #dd-finance [data-page="dividends"] table{min-width:540px}
 #dd-finance [data-page="admin"] table{min-width:700px}
 #dd-finance .dd-user-permission-row{grid-template-columns:minmax(0,1fr);padding:16px;gap:16px}
 #dd-finance .dd-user-permission-row label{min-height:44px;font-size:14px}
 #dd-finance .dd-user-permission-row input{width:20px;height:20px}
 #dd-finance .dd-user-permission-row fieldset{max-height:50dvh}
 #dd-finance .prototype{padding:12px;overflow-wrap:anywhere;line-height:1.5}
 /* Overview rows become readable cards instead of a wide spreadsheet. */
 #dd-finance [data-page="overview"] .tablewrap{overflow:visible}
 #dd-finance [data-page="overview"] table,#dd-finance #dd-own-rows{display:block;width:100%}
 #dd-finance [data-page="overview"] thead{display:none}
 #dd-finance #dd-own-rows tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid var(--dd-line)}
 #dd-finance #dd-own-rows td{display:block;padding:0;border:0;white-space:normal;text-align:left;overflow-wrap:anywhere;font-size:14px}
 #dd-finance #dd-own-rows td:first-child{grid-column:1/-1;font-size:16px;font-weight:600}
 #dd-finance [data-page="overview"]:not([hidden]) #dd-own-rows td[data-label]::before{content:attr(data-label);display:block;color:var(--dd-sub);font-size:12px;margin-bottom:4px}
 #dd-finance #dd-own-rows td:last-child{display:flex;align-items:end;justify-content:end}
 #dd-finance #dd-own-rows .action{min-width:96px}
}
@media(prefers-reduced-motion:reduce){#dd-finance *{scroll-behavior:auto!important;transition:none!important}}
#dd-finance .dd-sync-form{margin:20px 0}
#dd-finance .dd-sync-form .dd-pickers{margin-top:16px}
#dd-finance .dd-sync-form input{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px;border:1px solid var(--dd-line);border-radius:8px;background:var(--dd-panel);color:var(--dd-text);font:inherit}
#dd-finance .dd-sync-run{padding:16px 0;border-bottom:1px solid var(--dd-line);overflow-wrap:anywhere}
#dd-finance .dd-sync-run p{margin:8px 0}
#dd-finance .dd-sync-form button{min-height:44px;margin-bottom:8px}
#dd-finance .dd-report-year{display:grid;gap:6px;margin-top:14px;color:var(--dd-sub);font-size:12px}
#dd-finance .dd-report-year select{width:100%;padding:8px;border:1px solid var(--dd-line);border-radius:8px;background:var(--dd-panel)}

/* On phones each account is a full-width card; annual details open on demand. */
#dd-finance .dd-mobile-months{display:none}
@media(max-width:760px){
 #dd-finance .dd-sheet-panel{border:0;background:transparent;overflow:visible}
 #dd-finance .dd-sheet-panel .tablewrap{max-height:none;overflow:visible}
 #dd-finance .dd-sheet,#dd-finance .dd-sheet tbody{display:block;width:100%;min-width:0}
 #dd-finance .dd-sheet thead{display:none}
 #dd-finance .dd-sheet tr{display:grid;grid-template-columns:minmax(0,1fr) auto;margin-bottom:8px;border:1px solid var(--dd-line);border-radius:10px;overflow:hidden;background:var(--dd-panel)}
 #dd-finance .dd-sheet td{display:block;min-width:0;padding:10px 12px;border:0;text-align:right;white-space:nowrap;font-size:15px;align-content:end}
 #dd-finance .dd-sheet td:first-child{grid-column:1/-1;position:static;width:auto;min-width:0;max-width:none;padding:10px 12px!important;white-space:normal;text-align:left;font-size:14px;line-height:1.45;border-bottom:1px solid var(--dd-line)}
 #dd-finance .dd-sheet .dd-article-link{max-width:none;white-space:normal;overflow-wrap:anywhere;text-align:left;display:inline;font:inherit}
 #dd-finance .dd-sheet .dd-collapse{min-width:28px;min-height:32px;padding:0;vertical-align:middle}
 #dd-finance .dd-sheet .dd-collapse-gap{display:none}
 #dd-finance .dd-sheet .dd-mobile-months{display:block;background:transparent;border:0;color:inherit;font:inherit;font-size:12px;text-decoration:underline;min-height:36px;padding:4px 0;margin-top:2px}
 #dd-finance .dd-sheet td[data-period]{text-align:left}
 #dd-finance .dd-sheet td[data-period]::before{content:attr(data-period);display:block;font-size:12px;font-weight:400;margin-bottom:6px;opacity:.8}
 #dd-finance .dd-sheet .dd-cell{font-size:15px;min-height:36px}
 #dd-finance .dd-sheet .dd-period-total{border-left:0}
 #dd-finance .dd-year-view tr:not(.dd-months-open) td:not(:first-child):not(.dd-period-total){display:none}
 #dd-finance .dd-sheet tr.dd-spacer{display:none}
 #dd-finance .dd-sheet tr.dd-months-open td[data-period]{border-top:1px solid var(--dd-line)}
 #dd-finance .dd-sheet tr.dd-months-open td.dd-pct{border-top:1px solid var(--dd-line)}
}