:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#eaf1fb;background:#0c1220}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:9px;padding:10px 14px;background:#497ef5;color:white;font-weight:650}button.secondary{background:#28364f}button.danger{background:#733c49}button:disabled{opacity:.45;cursor:not-allowed}button.tiny{padding:7px 9px;font-size:12px}.actions{flex-wrap:wrap;justify-content:flex-end}.status-forecast{color:#ffce86}.status-certain{color:#7ddbb4}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.side{background:#111b2d;border-right:1px solid #28364b;padding:26px 18px}.brand{font-size:23px;font-weight:800;margin-bottom:8px}.sub{color:#8fa2bd;font-size:12px}.nav{margin-top:38px;display:grid;gap:9px}.nav button{text-align:left;background:transparent;color:#b7c5d9}.nav button.active{background:#263959;color:white}.main{padding:30px;max-width:1600px;width:100%;margin:auto}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}h1{font-size:27px;margin:0 0 5px}h2{font-size:17px;margin:0 0 16px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.card,.panel{background:#17243a;border:1px solid #2b3a52;border-radius:14px;padding:20px}.card .label{font-size:13px;color:#a8b8cf}.value{font-size:27px;font-weight:800;margin-top:9px}.positive{color:#7ddbb4}.negative{color:#ff9b9b}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{margin-bottom:18px}.item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #2a3850}.item:last-child{border:0}.item small{display:block;color:#9aaec9;margin-top:4px}.amount{font-weight:750;white-space:nowrap}.actions{display:flex;align-items:center;gap:8px}.muted{color:#a7b6cb}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.formgrid label{font-size:12px;color:#afbed3;display:grid;gap:6px}.formgrid input,.formgrid select,select,input{background:#0d1729;border:1px solid #40516b;color:#fff;border-radius:8px;padding:10px;min-width:0}.formgrid .wide{grid-column:1/-1}.progress{height:7px;background:#30425a;border-radius:20px;overflow:hidden;margin-top:10px}.progress>div{height:100%;background:#6da7fb}.badge{background:#293c59;padding:5px 8px;border-radius:7px;color:#b6c9e4;font-size:12px}.topactions{display:flex;gap:8px;align-items:center}.hidden{display:none!important}.note{font-size:12px;color:#94a8c3;line-height:1.5}.modalbg{position:fixed;inset:0;background:#000a;display:grid;place-items:center;padding:20px;z-index:3}.modal{max-height:calc(100vh - 32px);overflow-y:auto;width:min(600px,100%);background:#192840;border:1px solid #42536e;padding:24px;border-radius:15px}.modal h2{margin-bottom:18px}.modalfooter{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.check{display:flex;align-items:center;gap:8px}.check input{width:17px;height:17px}.stack{display:grid;gap:14px}.split{display:flex;align-items:center;justify-content:space-between;gap:10px}.empty{padding:15px;color:#91a5bf}.overview{background:linear-gradient(120deg,#1b385b,#183b46);border-color:#3d657b}.overview .value{font-size:39px}.tab{display:none}.tab.active{display:block}@media(max-width:1050px){.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.shell{grid-template-columns:180px 1fr}}@media(max-width:680px){.shell{display:block}.side{padding:14px}.nav{display:flex;overflow:auto;margin-top:12px}.main{padding:15px}.cards{grid-template-columns:1fr 1fr}.card{padding:14px}.value{font-size:22px}.formgrid{grid-template-columns:1fr}.overview .value{font-size:31px}}
.home-columns{align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.home-columns .panel{margin-bottom:18px}.panel-expense{background:#39262d;border-color:#754651}.panel-income{background:#1d3932;border-color:#3c7664}.panel-expense .item{border-bottom-color:#69424a}.panel-income .item{border-bottom-color:#355d52}.panel-expense h2{color:#ffd6d9}.panel-income h2{color:#c5f2db}@media(max-width:1050px){.home-columns{grid-template-columns:1fr}}.box-total{display:inline-block;font-size:.9em;font-weight:700;white-space:nowrap;margin-left:12px;opacity:.95}.panel .split h2{display:flex;flex-wrap:wrap;gap:4px;align-items:baseline}.panel-total-footer{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.18);display:flex;flex-direction:row;align-items:center;justify-content:space-between;text-align:left;gap:12px}.panel-total-label{font-size:25px;line-height:1.2;letter-spacing:-.4px;color:#d6dbe2;font-weight:800}.panel-total-amount{font-size:25px;font-weight:800;line-height:1.2;letter-spacing:-.4px}.panel-expense .panel-total-amount{color:#ffd1d6}.panel-income .panel-total-amount{color:#c1f3d7}
.topactions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.month-navigation{display:flex;align-items:center;gap:8px;padding:7px;border:1px solid #3d5576;background:#1a2b44;border-radius:14px}.month-arrow{font-size:26px;line-height:1;width:43px;height:44px;padding:0}.month-current{display:flex;flex-direction:column;justify-content:center;min-width:155px;text-align:center;gap:3px}.month-current strong{font-size:17px;text-transform:capitalize}.month-eyebrow{color:#a9c7ff;font-size:11px;font-weight:750;letter-spacing:.03em;text-transform:uppercase}.month-today{white-space:nowrap}.month-navigation input[type=month]{width:155px;max-width:100%}@media(max-width:1050px){header{align-items:flex-start;gap:14px;flex-wrap:wrap}.topactions{width:100%}}@media(max-width:650px){.month-navigation{width:100%;flex-wrap:wrap;justify-content:center}.month-current{flex:1;min-width:130px}.month-navigation input[type=month]{flex:1}.main{padding:15px}}
.income-add-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:700px){.income-add-actions{justify-content:flex-start}}
.forecast-warning{padding:14px 17px;margin-bottom:16px;border:1px solid #d59a4d;background:#49351d;color:#ffe1a4;border-radius:12px;line-height:1.5}.forecast-warning[hidden]{display:none}
.net-balance-card{border:2px solid;border-radius:17px;padding:23px 24px;margin-bottom:18px;box-shadow:0 8px 28px #0003}.net-positive{background:#c6f2d7;color:#103a25;border-color:#77d69e}.net-negative{background:#f8c9cc;color:#64232c;border-color:#eb8991}.net-balance-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:850;letter-spacing:.055em}.net-balance-head > span:last-child{font-size:12px;letter-spacing:0;background:#ffffff8c;padding:5px 9px;border-radius:20px}.net-balance-value{font-size:clamp(34px,3vw,48px);font-weight:900;line-height:1.15;margin:16px 0 19px;letter-spacing:-1px}.net-balance-breakdown{border-top:1px solid #103a253b;padding-top:12px;display:grid;gap:9px}.net-balance-breakdown>div{display:flex;justify-content:space-between;gap:12px;font-size:14px}.net-balance-breakdown strong{font-variant-numeric:tabular-nums;white-space:nowrap}.net-balance-foot{font-size:12px;margin-top:18px;opacity:.8;line-height:1.4}
#homePurchasesPanel{border:1px solid #754651;box-shadow:none}#homePurchasesPanel .actions button{font-size:13px;padding:9px 12px}#homePurchasesPanel h2{color:#ffd6d9}.budget-category{padding:14px 0;border-bottom:1px solid #69424a}.budget-category:last-child{border-bottom:0}.budget-stats{display:flex;justify-content:space-between;gap:10px;margin:7px 0;font-size:12px;color:#ffd6d9}.budget-purchases{margin:12px 0 0 12px;padding-left:12px;border-left:3px solid #c97e8a}.budget-purchases .item{padding:9px 0}.budget-purchases .actions{gap:5px}.panel-expense .progress{height:10px;background:#63454b}.panel-expense .progress>div{background:#f0a0ac}.purchase-item{flex-wrap:wrap}

/* Expense column: separate red panels, and each budget its own card */
.home-expenses{display:flex;flex-direction:column;gap:18px;min-width:0}
.home-expenses>.panel{margin:0;background:#35242b;border:1px solid #754651;border-radius:18px;padding:20px}
.home-expenses .budget-category{background:#56363f;border:1px solid #90616b;border-radius:14px;padding:17px;margin:14px 0;border-bottom:1px solid #90616b}
.home-expenses .budget-category:last-child{border-bottom:1px solid #90616b}
.budget-category .budget-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.budget-category .budget-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-top:13px;text-align:right}
.budget-category .budget-purchases{background:#422c34;border-radius:9px;padding:5px 12px;margin:12px 0 0;border-left:3px solid #e7a0ad}
.budget-category .budget-stats{font-size:13px}
.home-expenses>.panel h2{font-size:19px}
@media(max-width:700px){.home-expenses>.panel{padding:14px}.home-expenses .budget-category{padding:13px}}

/* My Finance 3.9: consistent square controls and panels */
:root{--control-height:40px}
button,button.tiny,#homePurchasesPanel .actions button,.budget-category button,.nav button{border-radius:0!important;min-height:var(--control-height);padding:9px 14px!important;font-size:13px!important;line-height:20px!important;display:inline-flex;align-items:center;justify-content:center;gap:6px;vertical-align:middle}
button.month-arrow{width:43px;min-width:43px;padding:0!important;font-size:24px!important}
.card,.panel,.modal,.month-navigation,.forecast-warning,.net-balance-card,.home-expenses>.panel,.home-expenses .budget-category,.budget-category .budget-purchases,.badge,.progress,.net-balance-head > span:last-child,input,select,.formgrid input,.formgrid select{border-radius:0!important}
.actions button{min-width:92px}
.budget-category .actions button{min-width:140px}
@media(max-width:680px){.budget-category .actions button{min-width:0}}

/* 3.9: unified gear controls and reorderable desktop cards */
.panel-icon-btn{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;display:inline-flex;align-items:center;justify-content:center;font-size:22px!important;line-height:1;border-radius:0!important;flex:none}
.panel-move-controls{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-left:auto}
.home-assets>.panel>.split,.home-expenses>.panel>.split{gap:10px}
.home-assets>.panel>.split>button,.home-expenses>.panel>.split>button{margin-left:auto}
.home-assets>.panel>.split>.panel-move-controls,.home-expenses>.panel>.split>.panel-move-controls{margin-left:0}
.net-balance-head .panel-move-controls{margin-left:auto}
#netBalanceCard>.panel-move-controls{margin-bottom:12px}
@media(max-width:600px){.home-assets>.panel>.split,.home-expenses>.panel>.split{flex-wrap:wrap}.panel-move-controls{margin-left:auto!important}}

/* Etusivun palstojen ja tapahtumalaatikon välinen yhtenäinen väli. */
#home .home-columns{margin-bottom:20px;}

/* 4.2: dashboard, transaction visibility and safety */
.dashboard-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 20px}
.summary-box{padding:19px 20px;background:#17263b;border:1px solid #3b5068;min-width:0}
.summary-box .summary-caption{color:#b9c9de;font-size:13px;font-weight:700}
.summary-box .summary-value{font-size:clamp(21px,2.1vw,32px);font-weight:850;margin-top:8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.summary-box .summary-help{font-size:12px;color:#a7b6cb;margin-top:7px;line-height:1.5}
.summary-box.free{border:2px solid #77d69e;background:#173b33}.summary-box.free.negative-sum{border-color:#eb8991;background:#492c35}
.summary-box.free .summary-value{color:#baf1d2}.summary-box.free.negative-sum .summary-value{color:#ffd0d4}
.budget-category .progress{height:13px;margin:12px 0 9px;background:#39272f}
.budget-category .progress>div{transition:width .18s ease}
.budget-category.over-budget .progress>div{background:#ef6b75}.budget-category.near-budget .progress>div{background:#f2c66d}
.budget-category .budget-pct{font-size:12px;font-weight:800;padding:6px 9px;border:1px solid #a06c75;white-space:nowrap}
.budget-category .budget-header b:first-child{font-size:16px}
.budget-category .budget-remaining{display:flex;align-items:baseline;justify-content:space-between;margin-top:13px;gap:10px;color:#ffd6df;font-weight:750}
.budget-category .budget-remaining strong{font-size:21px;font-variant-numeric:tabular-nums}
.cashflow-panel{background:#18273b;border-color:#3b526d;margin-top:20px}
.cashflow-list{display:grid;gap:0}.cashflow-row{display:grid;grid-template-columns:90px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid #34455d;font-size:13px}
.cashflow-row:last-child{border-bottom:0}.cashflow-row .cashflow-date{color:#aec0d9}.cashflow-row .cashflow-label{font-weight:650;min-width:0;overflow-wrap:anywhere}
.cashflow-row .cashflow-amount,.cashflow-row .cashflow-running{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.cashflow-row .cashflow-running{min-width:105px}.cashflow-row .cashflow-running.is-negative{color:#ffb0b8}
.cashflow-row .cashflow-type{display:block;font-size:11px;font-weight:400;color:#9fb1ca;margin-top:3px}
.cashflow-row .cashflow-amount.is-income{color:#9fe6c3}.cashflow-row .cashflow-amount.is-expense{color:#ffc2ca}
.bill-status{display:inline-block;padding:4px 7px;font-size:11px;font-weight:800;border:1px solid #73849a;color:#cbd5e1;white-space:nowrap}
.bill-status.overdue{border-color:#e98087;background:#5a2934;color:#ffe2e5}.bill-status.soon{border-color:#dfb36d;background:#51402b;color:#ffe1aa}.bill-status.paid{border-color:#76bda0;color:#c5f7dd}
.safety-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:0 0 20px;padding:11px 14px;background:#16253a;border:1px solid #3a516c;color:#b9c9dd;font-size:12px}
.safety-bar strong{color:#e6f0ff}.safety-bar .safety-good{color:#9fe6c3}.safety-bar .safety-bad{color:#ffb6bc}
.safety-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.safety-actions button{min-height:36px!important}
#undoButton{background:#2a4a67}.safety-note{font-size:11px;color:#9fb0c7}
@media(max-width:1000px){.dashboard-summary{grid-template-columns:1fr 1fr}}@media(max-width:650px){.dashboard-summary{grid-template-columns:1fr}.cashflow-row{grid-template-columns:65px 1fr auto}.cashflow-running{grid-column:3}.cashflow-amount{grid-column:3}.cashflow-label{grid-row:span 2}}
/* 4.4: viisi yhteenvetokorttia, säästöt ja päiväkohtainen loppusaldo */
#home .cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
#home .cards>.card{min-width:0;padding:18px 16px}
#home .cards .value{font-size:clamp(19px,1.75vw,30px);overflow-wrap:anywhere}
#home .cards .note{font-size:11px;line-height:1.45}
.savings-details{display:grid;gap:5px;margin-top:12px;font-size:11px}
.savings-row{display:flex;justify-content:space-between;gap:8px;align-items:baseline;border-top:1px solid #35455c;padding-top:5px}
.savings-row strong{white-space:nowrap;font-variant-numeric:tabular-nums}
.daily-allowance{font-size:clamp(14px,1.35vw,19px);font-weight:750;margin:3px 0 14px;color:inherit;opacity:.95}
@media(max-width:1300px){#home .cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){#home .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#home .cards{grid-template-columns:1fr}}
#netBalanceCard .net-settings-button{margin-left:auto;flex-shrink:0;color:inherit;background:#ffffff55;border:1px solid #0002}#netBalanceCard .net-settings-button:hover{background:#ffffffa0}#netBalanceCard .net-balance-head{flex-wrap:wrap}#netBalanceCard .net-balance-head .panel-move-controls{margin-left:0}#netBalanceCard .net-balance-head #netBalanceStatus{white-space:nowrap}#netBalanceCard .net-balance-head #netBalanceHeading{font-size:clamp(14px,1.2vw,18px);letter-spacing:0;text-transform:none}#netBalanceCard .net-balance-breakdown>div[hidden],#netBalanceCard .net-balance-breakdown[hidden],#netBalanceCard .net-balance-foot[hidden],#netBalanceCard .daily-allowance[hidden]{display:none!important}.net-settings-help{font-size:13px;color:#b8c6da;margin:0 0 8px}.net-setting-row{display:flex;align-items:center;gap:12px;padding:10px 0}.net-setting-row input{width:19px;height:19px;flex-shrink:0}.net-setting-row label{display:block;margin:0}.net-settings-grid{display:grid;gap:4px} 
/* Asetuslomakkeen valintaruudut aina tekstin vasemmalla puolella. */
#modalForm .net-settings-grid{display:flex;flex-direction:column;gap:4px;width:100%;align-items:stretch}
#modalForm label.net-setting-row{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;width:100%;padding:12px 10px;margin:0;border:1px solid #34445e;background:#152136;cursor:pointer;text-align:left}
#modalForm .net-setting-row input[type="checkbox"]{appearance:auto!important;display:block!important;flex:0 0 20px!important;width:20px!important;height:20px!important;margin:0!important;accent-color:#497ef5;cursor:pointer}
#modalForm .net-setting-row span{display:block;flex:1;font-size:14px;line-height:1.4}

/* 4.7: loppusumman ja päiväbudjetin yhtenäinen oikean reunan ryhmittely. */
#netBalanceCard .net-balance-value,#netBalanceCard .daily-allowance{width:100%;text-align:right;box-sizing:border-box;font-variant-numeric:tabular-nums}
#netBalanceCard .net-balance-value{margin:16px 0 5px}
#netBalanceCard .daily-allowance{margin:0 0 18px}

/* 4.9: maksujen toistuvuuden tunnukset */
.entry-title{display:flex;align-items:center;gap:10px;min-width:0}
.recurrence-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border:1px solid #7596b5;background:#243a50;color:#e0f1ff;font-size:21px;font-weight:800;line-height:1;border-radius:0}
.recurrence-icon.once{font-size:12px;letter-spacing:-.5px;border-color:#a18b71;background:#453b31;color:#ffe3b6}
.entry-details{min-width:0}
.bill-sort-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.bill-sort{min-width:190px;max-width:245px;padding:8px 10px;border-radius:0;font-size:12px;background:#241c25;border:1px solid #90616b;color:#fff}.bills-group-panel>.split{flex-wrap:wrap}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:650px){.bill-sort-actions{width:100%;justify-content:flex-end}.bill-sort{flex:1;max-width:none}}

/* 5.1: kuukausimenojen kategoriat */
.bill-management-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bill-category-item{background:color-mix(in srgb,var(--bill-category-color) 23%,#172136)!important;border-left:5px solid var(--bill-category-color)!important;padding-left:12px!important}
.bill-category-label{display:inline-flex;align-items:center;padding:3px 7px;background:var(--bill-category-color);color:#fff;font-size:11px;font-weight:750;white-space:nowrap}
.entry-title{flex-wrap:wrap}.bill-cat-manager-list{display:grid;gap:8px;margin:12px 0}.bill-cat-manager-row{display:flex;align-items:center;gap:9px;border:1px solid #36435b;padding:8px}.bill-cat-manager-row b{flex:1}.bill-cat-swatch{height:24px;width:24px;flex-shrink:0;border:1px solid #ffffff55}
@media(max-width:700px){.bill-management-actions{width:100%}.bill-management-actions button{font-size:12px}}

/* 5.4: menojen ympyrädiagrammi */
#expensePieButton{font-size:24px;line-height:1;padding:5px 10px;min-width:38px;min-height:36px}
.expense-chart-modal{width:min(1240px,calc(100vw - 32px));max-height:calc(100vh - 24px);padding:30px}.expense-chart-modal .expense-chart-layout{grid-template-columns:minmax(330px,1.15fr) minmax(320px,1fr);gap:36px}.expense-chart-modal .expense-chart-svg{max-width:560px}.expense-chart-modal .expense-chart-legend{max-height: min(60vh,650px);overflow:auto}.expense-pie-trigger{font-size:24px;line-height:1;padding:5px 10px;min-width:38px;min-height:36px}.net-balance-head .expense-pie-trigger{margin-left:auto}.net-balance-head .net-settings-button{margin-left:0!important}.expense-chart-layout{display:grid;grid-template-columns:minmax(230px,1fr) minmax(280px,1fr);gap:24px;align-items:center}
.expense-chart-svg{width:100%;max-width:390px;display:block;margin:auto}.expense-chart-legend{display:grid;gap:8px;max-height:380px;overflow:auto}
.expense-legend-row{display:flex;align-items:center;gap:10px;padding:7px;border-bottom:1px solid #304059}.expense-legend-swatch{width:13px;height:13px;flex:0 0 13px}.expense-legend-label{flex:1;font-size:13px}.expense-legend-value{font-weight:700;font-size:13px;white-space:nowrap}
.expense-chart-heading{font-weight:750;margin:12px 0 6px}.expense-chart-summary{font-size:13px;color:#a8bdd6;line-height:1.6}
@media(max-width:700px){.expense-chart-modal{padding:16px}.expense-chart-modal .expense-chart-layout{grid-template-columns:1fr;gap:16px}.expense-chart-modal .expense-chart-svg{max-width:360px}.expense-chart-modal .expense-chart-legend{max-height:300px}}

/* 5.7: korjattu nettokortin kuvakkeen periytyvä span-tyyli */
#netBalanceCard .expense-pie-trigger .color-pie-icon{width:23px;height:23px;padding:0!important;border-radius:50%!important;background:conic-gradient(#ef596a 0 29%,#4a9ef1 29% 59%,#4ecf92 59% 81%,#f2f5fa 81% 100%)!important;letter-spacing:normal!important}

/* 5.6: selkeä värillinen ympyrädiagrammikuvake ja otsakerivin yhtenäinen oikea ryhmittely */
.expense-pie-trigger{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 38px!important;margin-left:0!important;padding:0!important;vertical-align:middle}
.color-pie-icon{display:block;width:23px;height:23px;flex:0 0 23px;border-radius:50%;background:conic-gradient(#ef596a 0 29%,#4a9ef1 29% 59%,#4ecf92 59% 81%,#f2f5fa 81% 100%);border:1px solid rgba(255,255,255,.65);box-shadow:0 0 0 1px rgba(0,0,0,.22)}
.color-pie-icon::after{content:"";display:block;width:7px;height:7px;background:#243247;border-radius:50%;position:relative;left:7px;top:7px}
.home-assets>.panel>.split>h2,.home-expenses>.panel>.split>h2{flex:1 1 auto;min-width:0}
.home-assets>.panel>.split>.expense-pie-trigger,.home-expenses>.panel>.split>.expense-pie-trigger{margin-left:0!important}
.home-assets>.panel>.split>button[data-tab],.home-expenses>.panel>.split>button[data-tab]{margin-left:0!important}
.home-assets>.panel>.split>.bill-sort-actions,.home-expenses>.panel>.split>.bill-sort-actions{margin-left:auto;flex:0 1 auto}
.home-assets>.panel>.split>.panel-move-controls,.home-expenses>.panel>.split>.panel-move-controls{margin-left:0!important;flex:0 0 auto}
.net-balance-head>span:first-child{flex:1 1 auto;min-width:0}
.net-balance-head>.expense-pie-trigger{margin-left:0!important}
#homePurchasesPanel>.split>.bill-sort-actions{display:flex;align-items:center;gap:8px}
#homePurchasesPanel>.split>.bill-sort-actions>.expense-pie-trigger{order:2}
#homePurchasesPanel>.split>.bill-sort-actions>#addPurchaseHome{order:1;white-space:nowrap}
@media(max-width:650px){.home-assets>.panel>.split,.home-expenses>.panel>.split{flex-wrap:wrap}.home-assets>.panel>.split>h2,.home-expenses>.panel>.split>h2{flex-basis:100%}}

/* 5.9: Selkeä kuukausivalitsin ja tulonäkymän oma toimintopainike */
.topactions .income-global-toggle[hidden],.topactions #addPurchase[hidden]{display:none!important}
.topactions .income-global-toggle{white-space:nowrap;flex-shrink:0}
.month-navigation{gap:9px}
.month-navigation .month-current{min-width:175px}
@media(max-width:780px){.topactions{justify-content:flex-start}.topactions .income-global-toggle{width:100%}.month-navigation{flex-wrap:nowrap;max-width:100%}.month-navigation .month-current{min-width:0;flex:1}}
.previous-oneoffs{margin-top:22px;padding:16px;border:1px dashed #8d7782;background:rgba(128,112,124,.12)}.previous-oneoffs h3{margin:0 0 8px;font-size:16px}.previous-oneoff-item{opacity:.83}.previous-oneoff-item button{opacity:1}.previous-oneoffs .item:last-child{border-bottom:0}

/* 6.7: sivuvalikon vasen tasaus ja suuremmat, tasalevyiset kuvakkeet */
.side .nav button{display:flex!important;justify-content:flex-start!important;align-items:center!important;text-align:left!important;gap:13px!important;width:100%;padding:10px 12px!important;min-height:46px!important;}
.side .nav .nav-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;font-size:25px;line-height:1;font-weight:750;}
.side .nav .nav-label{display:block;flex:1;min-width:0;text-align:left;font-size:13px;line-height:1.35;}

/* 6.9 additions */
.mf69-grid{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:12px;overflow-x:auto;padding:4px 0 14px}.mf69-column{border:1px solid #617084;border-radius:4px;padding:12px;min-width:280px;background:rgba(120,140,160,.07)}.mf69-column h3{margin:0 0 12px}.mf69-card{border:1px solid #78889a;padding:10px;margin:7px 0;background:rgba(140,150,160,.08);cursor:grab}.mf69-card:active{cursor:grabbing}.mf69-drop{outline:2px dashed #60b98c;outline-offset:-4px}.mf69-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.mf69-summary{font-weight:750;margin:12px 0}.mf69-subpanel{border:1px solid #6e7c8c;padding:12px;margin:12px 0}.mf69-subpanel h3{margin:0 0 8px}.mf69-mini{font-size:12px;opacity:.8}.mf69-chain{display:grid;grid-template-columns:minmax(120px,1fr) 2fr;gap:8px;align-items:center;margin:7px 0}.mf69-chain input{width:100%}.mf69-bad{color:#f59a9a}.mf69-good{color:#74d5a4}

/* Kryptolompakon asetukset: yksi lohkoketju per rivi, leveä ikkuna. */
.mf704-modal{width:min(1080px,calc(100vw - 36px));max-width:none}
.mf704-modal .formgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.mf704-chain{display:grid;grid-template-columns:180px minmax(250px,430px) minmax(285px,1fr);align-items:center;gap:16px;padding:11px 4px;border-bottom:1px solid #40516b}
.mf704-chain label{font-size:14px;color:#eaf1fb;font-weight:650;display:block}
.mf704-chain input{width:100%;min-width:0}
.mf704-stake{display:flex;align-items:center;gap:10px;min-width:0}
.mf704-stake button{box-sizing:border-box;flex:0 0 180px;width:180px;min-width:180px;max-width:180px;min-height:48px;white-space:normal;text-align:center;padding:9px 11px;line-height:1.3}
.mf704-stake .note{min-width:0;overflow-wrap:anywhere}
@media(max-width:750px){.mf704-chain{grid-template-columns:minmax(0,1fr);gap:7px;padding:13px 2px}.mf704-stake button{flex:0 0 180px;min-width:180px}.mf704-modal{padding:16px}}

/* 7.0.6: tiivis yhden rivin lohkoketjulista, paikallisesti toimivat tunnuskuvakkeet. */
.mf704-modal{width:min(1050px,calc(100vw - 24px));max-height:min(1180px,calc(100vh - 20px));overflow-y:auto;padding:16px 22px!important}
.mf704-modal h2{margin:0 0 8px!important;font-size:18px!important}
.mf704-modal .formgrid{gap:0!important}
.mf704-chain{grid-template-columns:180px minmax(250px,1fr) 282px;gap:12px;padding:3px 2px;min-height:45px}
.mf704-chain label{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.15;min-width:0}
.mf704-chain input{height:33px!important;min-height:33px!important;padding:5px 9px!important;font-size:12px!important;box-sizing:border-box}
.mf704-stake{gap:8px;min-width:0}
.mf704-stake button{flex:0 0 158px!important;width:158px!important;min-width:158px!important;max-width:158px!important;height:32px!important;min-height:32px!important;padding:3px 7px!important;line-height:1.15!important;font-size:11px!important;white-space:nowrap!important}
.mf704-stake .note{font-size:10px!important;line-height:1.15;max-width:112px;overflow-wrap:anywhere}
.mf706-logo{width:23px;height:23px;min-width:23px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#fff;background:#50617b;line-height:1;letter-spacing:-1px}
.mf706-logo-bitcoin{background:#f7931a}.mf706-logo-ethereum{background:#627eea}.mf706-logo-solana{background:#6b43bc}.mf706-logo-bsc{background:#f0b90b;color:#171d2a}.mf706-logo-base{background:#0052ff}.mf706-logo-arbitrum{background:#28a0f0}.mf706-logo-polygon{background:#8247e5}.mf706-logo-avalanche{background:#e84142}.mf706-logo-optimism{background:#ff0420;font-size:10px}.mf706-logo-cosmos{background:#2e3148}.mf706-logo-ton{background:#254f91;font-size:14px;letter-spacing:0}.mf706-logo-tron{background:#ed1c24}.mf706-logo-sui{background:#4da2ff}.mf706-logo-aptos{background:#2f8878}.mf706-logo-polkadot{background:#e6007a}.mf706-logo-cardano{background:#3468d1}.mf706-logo-xrp{background:#242d3c}.mf706-logo-near{background:#151b27}
@media(max-width:760px){.mf704-modal{padding:12px!important}.mf704-chain{grid-template-columns:minmax(0,1fr);gap:4px;padding:7px 0}.mf704-stake button{flex:0 0 158px!important}.mf704-chain label{font-size:12px}}

/* 7.0.9: compact actions and delayed pointer tooltip */
.mf-action-icon{width:39px!important;min-width:39px!important;height:33px!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:17px!important;line-height:1!important;font-weight:700!important;white-space:nowrap}
.mf-action-icon[data-action="pay"],.mf-action-icon[data-action="receive"]{font-size:12px!important}
#mfDelayedTooltip{position:fixed;z-index:100000;pointer-events:none;max-width:250px;padding:7px 10px;border:1px solid #6c819f;background:#111d30;color:#fff;border-radius:6px;box-shadow:0 5px 18px #0007;font:12px/1.4 Arial,sans-serif;display:none}

/* 7.0.10: backup controls stacked with consistent widths and no overlap with page content */
.mf710-backup-actions{position:fixed;right:12px;bottom:12px;z-index:20;display:flex;flex-direction:column;gap:7px;width:158px;max-width:calc(100vw - 24px)}
.mf710-backup-actions>button{display:block;width:100%;min-height:34px;white-space:nowrap;text-align:center;padding:7px 8px!important}
.main{padding-bottom:170px}
@media(max-width:680px){.main{padding-bottom:170px}.mf710-backup-actions{right:8px;bottom:8px;width:148px}}

/* 7.0.12: budjetin poisto- ja lisäystoiminnot. */
.budget-head-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
/* 7.0.11: budjetin koko leveyden yhteenveto ja yksi toimintorivi. */
#budgetList>.item{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0;padding:14px 0 20px}
#budgetList>.item>div:first-child{width:100%;min-width:0;flex:none!important}
#budgetList>.item .budget-category{width:100%;box-sizing:border-box}
#budgetList>.item .budget-header,#budgetList>.item .budget-stats,#budgetList>.item .budget-remaining{width:100%;box-sizing:border-box}
#budgetList>.item>.budget-toolbar{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:7px;width:100%;min-width:0;overflow-x:auto;padding:5px 0 8px;scrollbar-width:thin}
#budgetList>.item>.budget-toolbar button{flex:1 0 auto;min-width:0!important;white-space:nowrap;font-size:11px!important;padding:8px 9px!important;min-height:36px!important}
@media(max-width:1050px){#budgetList>.item>.budget-toolbar button{flex:0 0 auto}}

.mf-percent-income-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:6px;margin:10px 0;max-height:190px;overflow:auto}
.mf-percent-income-choice{display:flex!important;align-items:center;gap:8px;margin:0!important;padding:7px 9px;border:1px solid #65748755;border-radius:5px}
.mf-percent-income-choice input{width:auto!important;min-width:unset!important;margin:0!important}

/* 7.0.17: tiiviit kolmen kuukauden menokortit */
.mf69-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;overflow-x:auto}
.mf69-column{min-width:0;padding:9px}
.mf69-column h3{margin:0 0 7px;font-size:14px}
.mf69-card{padding:8px;margin:5px 0;min-width:0}
.mf69-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:5px}
.mf69-card-title{min-width:0;overflow-wrap:anywhere;font-size:12px;line-height:1.3;font-weight:650}
.mf69-card-actions{display:flex;gap:3px;flex-shrink:0}
.mf69-card .mf69-icon{padding:2px!important;width:26px;min-width:26px!important;height:26px;min-height:26px!important;display:inline-flex;align-items:center;justify-content:center;font-size:16px!important;line-height:1}
.mf69-card-meta{display:flex;gap:8px;justify-content:space-between;align-items:center;font-size:12px;margin-top:5px;flex-wrap:wrap}
.mf69-summary{margin:8px 0 0;font-size:12px}
@media(max-width:760px){.mf69-grid{grid-template-columns:repeat(3,minmax(225px,1fr))}.mf69-column{min-width:225px}}

/* 7.0.18: aligned 3-month recurring bills and category colors */
.mf718-comparison{overflow-x:auto;padding-bottom:12px}
.mf718-aligned-row{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:9px;min-width:690px}
.mf718-head h3{margin:5px 0 9px;padding:0 7px;font-size:15px}
.mf718-slot{min-width:0;min-height:72px;padding:4px 5px;border-left:1px solid rgba(128,145,165,.3);border-right:1px solid rgba(128,145,165,.3)}
.mf718-aligned-row+.mf718-aligned-row .mf718-slot{border-top:1px solid rgba(128,145,165,.12)}
.mf718-slot.mf718-empty{background:rgba(125,135,150,.045)}
.mf718-placeholder{height:100%;min-height:58px;border:1px dashed rgba(125,145,165,.22);border-radius:5px}
.mf718-color-card{margin:0 0 4px!important;border:1px solid var(--mf718-card-color)!important;border-left:5px solid var(--mf718-card-color)!important;background:color-mix(in srgb,var(--mf718-card-color) 15%,transparent)!important;border-radius:5px}
.mf718-section{font-weight:750;margin:16px 0 7px;padding:8px 10px;border-top:1px solid rgba(125,145,165,.4)}
.mf718-totals>div{padding:10px 7px;font-weight:750;border-top:1px solid rgba(125,145,165,.45)}

/* 7.0.19: kuukauden päiväkohtainen kassavirta viivadiagrammina */
.mf-daily-chart-scroll{width:100%;overflow-x:auto;overflow-y:hidden;margin:12px 0 4px}
.mf-daily-chart{display:block;width:100%;min-width:1050px;height:auto;max-height:480px;color:var(--text,#dce5ef)}

/* 7.0.21: neljä eräpäivätilaa */
.bill-status.open{border-color:#4caf83;background:#173f31;color:#a9f2c8}
.bill-status.due7{border-color:#e0c34d;background:#4b421c;color:#ffe987}
.bill-status.due3{border-color:#ef9b48;background:#53321b;color:#ffd0a0}
.bill-status.overdue{border-color:#eb626e;background:#56242d;color:#ffc2c8}
.nav-group{margin:4px 0}.nav-group-title{font-size:12px;opacity:.65;padding:12px 14px 4px;font-weight:700}.nav-group button{width:100%;padding-left:24px!important}#loanList .item{align-items:center}#loanList .entry-details small{display:block;margin-top:5px}@media(max-width:700px){#loanList .item{flex-wrap:wrap}}

/* 7.0.30: kuusi yhteenvetokorttia samalla rivillä työpöytänäkymässä. */
#home .cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
#home .cards>.card{min-width:0;padding:13px 11px}
#home .cards .label{font-size:11px;line-height:1.3}
#home .cards .value,#home .cards .overview .value{font-size:clamp(15px,1.25vw,23px);line-height:1.18;overflow-wrap:anywhere;margin-top:8px}
#home .cards .note{font-size:10px;line-height:1.3}
#home .cards .savings-row,#home .cards #debtDetails .item{font-size:10px;line-height:1.3;gap:5px}
#home .cards #debtDetails .item{padding:5px 0;align-items:baseline}
#home .cards #debtDetails .item b{font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}
#home .cards .savings-row strong{font-size:10px}
#home .cards .savings-details{margin-top:8px;gap:3px}
#home .cards .savings-card .value{color:#7ddbb4}
#home .cards .debt-summary-card .value{color:#ff9b9b}
@media(max-width:1120px){#home .cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){#home .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){#home .cards{grid-template-columns:1fr}}

/* 7.0.31: kaikki pääsummat oikealle ja erittelyt hieman suuremmiksi. */
#home .cards>.card .value{display:block;width:100%;text-align:right;box-sizing:border-box;font-variant-numeric:tabular-nums}
#home .cards .savings-row,#home .cards #debtDetails .item{font-size:12px;line-height:1.4;gap:7px}
#home .cards .savings-row strong,#home .cards #debtDetails .item b{font-size:12px;text-align:right;margin-left:auto;font-variant-numeric:tabular-nums}
#home .cards .savings-row span,#home .cards #debtDetails .item span{min-width:0}
#home .cards #debtDetails .item{display:flex;justify-content:space-between;align-items:baseline}
.crypto-investment-summary{margin-top:0}.crypto-investment-line{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:5px 0}.crypto-investment-line strong{text-align:right}.crypto-value-right{text-align:right;margin-left:auto;white-space:nowrap}
.account-rollover-setting{margin:14px 0;padding:12px 14px;border:1px solid var(--border,#334155);border-radius:10px}.account-rollover-label{display:flex;align-items:center;gap:10px;font-weight:600;cursor:pointer}.account-rollover-label input{width:18px;height:18px;flex:none}.account-rollover-setting .note{margin:7px 0 0 28px}.networth-panel{margin:16px 0}.networth-main{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;font-size:17px;font-weight:650}.networth-main strong{font-size:22px;font-variant-numeric:tabular-nums;text-align:right}.networth-breakdown{display:grid;gap:7px}.networth-breakdown>div{display:flex;justify-content:space-between;gap:14px;font-size:13px}.networth-breakdown strong{text-align:right;font-variant-numeric:tabular-nums}.networth-panel h3{margin:18px 0 8px}.networth-history-row{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:12px}.networth-history-row .month{width:94px;flex:none}.networth-history-row .bar-track{flex:1;height:12px;background:rgba(128,128,128,.12);border-radius:5px;overflow:hidden}.networth-history-row .bar{height:100%;border-radius:5px;background:#43c887}.networth-history-row.negative .bar{background:#f16b72}.networth-history-row strong{width:125px;text-align:right;font-variant-numeric:tabular-nums}@media(max-width:550px){.networth-history-row .month{width:66px}.networth-history-row strong{width:100px}}
.networth-compact-head{display:flex;align-items:center;gap:16px;min-height:30px}.networth-compact-head h2{margin:0;flex:1}.networth-compact-head strong{font-size:21px;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.networth-compact-head button{flex:none}.networth-panel #netWorthExpanded[hidden]{display:none!important}.networth-panel #netWorthExpanded{padding-top:14px}.networth-history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.networth-history-heading h3{margin:0}.networth-history-heading button{flex:none}.networth-panel #netWorthHistory{margin-top:6px}.networth-panel #netWorthHistory .empty{padding:7px 0;margin:0}@media(max-width:520px){.networth-history-heading{flex-wrap:wrap}.networth-history-heading button{margin-left:auto}}.networth-panel #netWorthExpanded .note{margin-top:0}@media(max-width:480px){.networth-compact-head{gap:8px}.networth-compact-head strong{font-size:17px}.networth-compact-head h2{font-size:17px}}

/* Kryptotapahtuman syöttö: selkeät otsikot vasemmalla, kentät tasattu oikealle. */
.crypto-trade-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(165px,230px);align-items:center;gap:10px 18px;padding:16px 0;border-bottom:1px solid rgba(140,160,190,.2)}
.crypto-trade-form>label{font-weight:500;min-width:0}
.crypto-trade-form>input,.crypto-trade-form>select{width:100%;min-width:0;box-sizing:border-box;margin:0}
.crypto-trade-cost:not([hidden]){display:contents}.crypto-trade-cost[hidden]{display:none}
.crypto-trade-cost[style*="display: none"],.crypto-trade-cost[style*="display:none"]{display:none}
.crypto-trade-cost>input{width:100%;min-width:0;box-sizing:border-box;margin:0}
.crypto-trade-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:4px}
@media(max-width:480px){.crypto-trade-form{grid-template-columns:minmax(0,1fr) minmax(130px,55%);gap:9px}.crypto-trade-form>label{font-size:12px}}
.collapsible-home-panel>.split{display:flex;align-items:center;justify-content:space-between;gap:12px}.collapsible-home-panel>.split h2{margin:0;flex:1}.collapsible-home-panel>.home-panel-content[hidden]{display:none!important}.collapsible-home-panel>.home-panel-content{margin-top:12px}.collapsible-home-panel>.home-panel-content>.note:first-child{margin-top:0}.collapsible-home-panel>.split .home-panel-toggle{margin-left:auto;flex:none}
/* 7.0.52: Etusivun avattavien paneelien yhdenmukainen otsikkorivi. */
#home .networth-panel>.networth-compact-head,
#home .collapsible-home-panel>.split{
 display:grid!important;grid-template-columns:minmax(0,1fr) 38px;
 align-items:center!important;column-gap:16px;min-height:38px!important;
 margin:0!important;padding:0!important;
}
#home .networth-panel>.networth-compact-head{grid-template-columns:minmax(0,1fr) auto 38px}
#home .networth-panel>.networth-compact-head h2,
#home .collapsible-home-panel>.split h2{margin:0!important;min-width:0;line-height:1.35!important}
#home .networth-panel>.networth-compact-head>.panel-icon-btn,
#home .collapsible-home-panel>.split>.home-panel-toggle{
 width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
 margin:0!important;padding:0!important;justify-self:end;align-self:center;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 line-height:1!important;transform:none!important;
}
#home .collapsible-home-panel{padding:20px!important;margin-bottom:18px!important;min-height:80px}
#home .collapsible-home-panel>.home-panel-content[hidden]{display:none!important}
#home .collapsible-home-panel>.home-panel-content:not([hidden]){margin-top:12px}
@media(max-width:680px){#home .collapsible-home-panel{padding:14px!important;min-height:68px}}

/* 7.0.60 Raportit: nykyisen tumman ulkoasun mukaiset komponentit */
.mf-report-controls,.mf-report-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mf-report-controls label{display:flex;align-items:center;gap:8px;color:var(--muted,#a4b4c7);font-size:13px}
.mf-report-tabs{margin:18px 0;padding-bottom:12px;border-bottom:1px solid #31445b}
.mf-report-tabs button.is-active{background:#2869a4!important;color:#fff!important;border-color:#4a94cb!important}
.mf-report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.mf-report-kpi{padding:15px;border-radius:12px;border:1px solid #30465e;background:#1b2d42;min-width:0}
.mf-report-kpi small{display:block;color:#a7b9cd;margin-bottom:8px}
.mf-report-kpi strong{font-size:clamp(16px,1.8vw,23px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.mf-report-panel{margin-top:16px;padding:16px;border-radius:12px;border:1px solid #31465e;background:#17283b}
.mf-report-panel h3{margin:0 0 12px}
.mf-report-scroll{overflow-x:auto}
.mf-report-table{border-collapse:collapse;width:100%;min-width:620px;font-size:13px}
.mf-report-table th,.mf-report-table td{padding:10px 9px;border-bottom:1px solid #304258;text-align:right;white-space:nowrap}
.mf-report-table th:first-child,.mf-report-table td:first-child{text-align:left}
.mf-report-table th{color:#a9bad0;font-weight:600}
.mf-report-bars{display:flex;align-items:flex-end;gap:7px;height:220px;overflow-x:auto;padding:14px 4px 8px}
.mf-report-bar-group{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:42px;flex:1;height:100%;gap:5px}
.mf-report-bar-pair{display:flex;align-items:flex-end;justify-content:center;gap:3px;width:100%;height:175px;border-bottom:1px solid #40546a}
.mf-report-bar{width:37%;min-height:2px;border-radius:4px 4px 0 0}
.mf-report-bar.income{background:#43c887}.mf-report-bar.expense{background:#f16b72}
.mf-report-bar-group small{font-size:10px;color:#adbbca}
.mf-report-legend{display:flex;gap:16px;font-size:12px;margin-top:10px}
.mf-report-dot{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px}
.mf-report-meter{height:10px;background:#273b51;border-radius:8px;overflow:hidden;min-width:90px}
.mf-report-meter>span{display:block;height:100%;background:#5294dc}
.mf-report-category{display:grid;grid-template-columns:minmax(100px,1fr) minmax(90px,2fr) 105px;gap:12px;align-items:center;margin:12px 0}
.mf-report-warning{color:#e9bb7c}
@media(max-width:780px){.mf-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mf-report-category{grid-template-columns:minmax(90px,1fr) minmax(80px,1.5fr) 90px}}

.mf-report-payment-table{min-width:0;table-layout:fixed;font-size:11px}
.mf-report-payment-table th,.mf-report-payment-table td{padding:9px 3px;white-space:nowrap;overflow:hidden;text-overflow:clip;font-variant-numeric:tabular-nums}
.mf-report-payment-table th:first-child,.mf-report-payment-table td:first-child{width:205px;text-align:left;white-space:normal;overflow-wrap:anywhere;padding-left:8px}
.mf-report-payment-table th:last-child,.mf-report-payment-table td:last-child{width:90px;font-weight:700}
@media(max-width:1100px){.mf-report-payment-table{min-width:1160px}}

/* Maksettu-merkintä saman korkuiseksi kuin toimintopainikkeet */
.entry-details~.actions>.badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 10px;border-radius:0;background:#137a4a;color:#f2fff7;border:1px solid #26a56a;font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap}

/* My Finance 7.0.144 · Premium Dark design system */
:root{font-family:Inter,"Segoe UI",Arial,sans-serif!important;color:#F1F5F9!important;background:#0B1220!important;--premium-bg:#0B1220;--premium-side:#111B2E;--premium-card:#19263B;--premium-border:#2B3B52;--premium-accent:#60A5FA;--premium-good:#34D399;--premium-bad:#FB7185;--premium-muted:#94A3B8}
body{background:var(--premium-bg)!important;color:#F1F5F9}
.shell{grid-template-columns:242px minmax(0,1fr)}
.side{background:var(--premium-side)!important;border-color:#26354B;padding:29px 17px}
.brand{letter-spacing:-.7px;font-size:24px}
.nav{gap:5px}
.nav button{padding:13px 14px;border-radius:10px;font-size:13px;transition:background .15s}
.nav button:hover{background:#223550;color:#F1F5F9}
.nav button.active{background:#253D60;color:#F1F5F9;box-shadow:inset 3px 0 0 #60A5FA}
.main{max-width:2400px;padding:28px clamp(20px,2.2vw,42px);margin:0 auto}
header{padding:4px 0 19px;border-bottom:1px solid #26374E;margin-bottom:24px;gap:18px}
h1{font-size:clamp(24px,2vw,30px);letter-spacing:-.8px;font-weight:750}
h2,.panel h2{font-size:18px;font-weight:720;letter-spacing:-.35px;color:#F1F5F9}
h3{letter-spacing:-.2px}
.note,.muted,.card .label,.safety-note{color:var(--premium-muted)}
button{background:#397BD5;border-radius:9px;font-size:13px;transition:background .15s,transform .15s}
button:hover:not(:disabled){filter:brightness(1.12)}
button.secondary{background:#273951;color:#DCE8F6}
button.danger{background:#5A3345}
button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #60A5FA;outline-offset:2px}
.card,.panel,.mf-report-panel,.mf-report-kpi,.mf69-subpanel,.modal{background:var(--premium-card)!important;border:1px solid var(--premium-border)!important;border-radius:14px;box-shadow:0 5px 20px #050C171c}
.panel-income,.panel-expense,.overview,.net-balance-card,.budget-group-panel{background:var(--premium-card)!important;border-color:var(--premium-border)!important;color:#F1F5F9!important}
.panel-income h2,.panel-expense h2{color:#F1F5F9!important}
.panel-income .item,.panel-expense .item{border-bottom-color:#2B3B52}
.card{padding:22px 23px;min-height:126px}
.cards.premium-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cards.premium-kpis>.card{min-width:0}
.cards.premium-kpis>.card .label{font-size:13px;font-weight:580;letter-spacing:.01em;color:#AAB9CB}
.cards.premium-kpis>.card .value{font-size:clamp(23px,2vw,34px)!important;letter-spacing:-1.1px;line-height:1.25;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cards.premium-kpis>.card.overview{box-shadow:inset 0 3px 0 #60A5FA,0 5px 20px #050C171c}
.cards.premium-kpis>.card.overview .value{color:#F1F5F9}
.cards.premium-kpis>.premium-supporting{min-height:unset;grid-column:span 2;padding:13px 18px}
.cards.premium-kpis>.premium-supporting .value{font-size:23px!important}
.cards.premium-kpis>.premium-supporting .note{font-size:11px;margin-top:4px}
.positive,.status-certain{color:#34D399!important}
.negative{color:#FB7185!important}
.progress,.mf-report-meter{height:9px;background:#293C55;border-radius:999px;overflow:hidden}
.progress>div,.mf-report-meter>span{background:#60A5FA;border-radius:999px}
.panel-total-footer{border-top-color:#304158}
.panel-total-label{font-size:20px;color:#CFDAE9}
.panel-total-amount{font-size:24px}
.panel-income .panel-total-amount{color:#34D399}
.panel-expense .panel-total-amount{color:#FB7185}
.home-columns{gap:20px}
.home-columns .panel{margin-bottom:20px}
.safety-bar{background:#132339!important;border:1px solid #2B3B52!important;border-radius:12px;margin-bottom:20px}
.safety-bar strong{font-size:13px}
.month-navigation{background:#17263A;border-color:#30445D}
.month-eyebrow{color:#9EC5FF}
.item{border-bottom-color:#2D3F57}
.badge{background:#2B3D55;color:#D5E3F4}
.mf-report-kpi{background:#19263B!important}
.mf-report-table th,.mf-report-table td{border-bottom-color:#30435B}
.mf-report-bar.income{background:#34D399}.mf-report-bar.expense{background:#FB7185}
.premium-backup-actions{position:static!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap;width:auto!important;max-width:none!important;gap:10px;margin:18px 0 24px}
.premium-backup-actions button{font-size:13px;padding:12px 16px;min-width:165px}
.premium-settings-panel{max-width:920px}
.premium-settings-panel h3{margin-top:28px}
.premium-local-status{font-size:12px;color:#A7B8CB;display:inline-flex;align-items:center;gap:8px}
.premium-status-dot{width:8px;height:8px;background:#34D399;border-radius:50%;display:inline-block}
.split{gap:12px}
.panel-icon-btn{background:#253750!important;color:#A9BDD4!important}
.panel-icon-btn:hover{background:#304967!important;color:#F1F5F9!important}
.mf-report-tabs button.is-active{background:#2C639C!important;border-color:#60A5FA!important}
@media(min-width:1400px){.main{padding-left:36px;padding-right:36px}}
@media(max-width:1180px){.shell{grid-template-columns:205px minmax(0,1fr)}.cards.premium-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.shell{display:block}.side{padding:16px}.main{padding:16px}.cards.premium-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cards.premium-kpis>.premium-supporting{grid-column:span 1}.cards.premium-kpis>.card{padding:14px}.cards.premium-kpis>.card .value{font-size:21px!important}.cards.premium-kpis>.premium-supporting .value{font-size:19px!important}.premium-backup-actions{flex-direction:column!important}.premium-backup-actions button{width:100%}}

/* 7.0.65: kuusi samankokoista yhteenvetokorttia */
.cards.premium-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:12px}
.cards.premium-kpis>.card,.cards.premium-kpis>.premium-supporting{grid-column:span 1;min-width:0;min-height:150px;height:100%;padding:17px 14px;box-sizing:border-box}
.cards.premium-kpis>.premium-supporting .value{font-size:clamp(20px,1.6vw,29px)!important}
.cards.premium-kpis>.card .value{font-size:clamp(20px,1.6vw,29px)!important}
.cards.premium-kpis>.card .label{font-size:12px;line-height:1.4}
.cards.premium-kpis>.card .note{font-size:11px;line-height:1.4}
@media(max-width:1600px){.cards.premium-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.cards.premium-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.cards.premium-kpis{grid-template-columns:1fr}}

/* 7.0.67: tulot ja käytettävissä oleva raha tunnistetaan hillitystä vihreästä otsakenauhasta. */
#homePanelAccounts>.split,#homePanelIncome>.split,#netBalanceCard>.net-balance-head{
 background:linear-gradient(90deg,#174d42 0%,#1b5a4b 65%,#19473f 100%)!important;
 border-bottom:1px solid #2b8d70!important;
 border-radius:12px 12px 0 0!important;
 padding:12px 15px!important;
 margin:-1px -1px 13px!important;
 min-height:54px;display:flex;align-items:center;gap:9px;
}
#homePanelAccounts>.split h2,#homePanelIncome>.split h2,#netBalanceCard>.net-balance-head #netBalanceHeading{
 color:#e5fff2!important;font-weight:750!important;
}
#homePanelAccounts>.split button,#homePanelIncome>.split button,#netBalanceCard>.net-balance-head button{
 background:#236354!important;color:#ecfff4!important;border-color:#448e77!important;
}
#homePanelAccounts>.split button:hover,#homePanelIncome>.split button:hover,#netBalanceCard>.net-balance-head button:hover{
 background:#2d7965!important;
}
@media(max-width:640px){#homePanelAccounts>.split,#homePanelIncome>.split,#netBalanceCard>.net-balance-head{padding:10px!important;gap:5px;flex-wrap:wrap}}

/* 7.0.68: kantikkaat vihreät ja punaiset otsakenauhat, tummansiniset budjettikortit */
#homePanelAccounts>.split,#homePanelIncome>.split,#netBalanceCard>.net-balance-head{
 border-radius:0!important;
}
#homePanelBudget>.split,#homePurchasesPanel>.split,#homePanelBills>.split{
 background:linear-gradient(90deg,#6b303d 0%,#793443 65%,#612d3a 100%)!important;
 border-bottom:1px solid #b75a6d!important;
 border-radius:0!important;
 padding:12px 15px!important;
 margin:-1px -1px 13px!important;
 min-height:54px;display:flex;align-items:center;gap:9px;
}
#homePanelBudget>.split h2,#homePurchasesPanel>.split h2,#homePanelBills>.split h2{
 color:#fff0f3!important;font-weight:750!important;
}
#homePanelBudget>.split button,#homePurchasesPanel>.split button,#homePanelBills>.split button{
 background:#773a4b!important;color:#fff1f4!important;border-color:#b56c7e!important;
}
#homePanelBudget>.split button:hover,#homePurchasesPanel>.split button:hover,#homePanelBills>.split button:hover{
 background:#8a4658!important;
}
/* Budjetoidut menot: erillisten kategorioiden entiset punaruskeat taustat pois */
#homePanelBudget .budget-category{
 background:#19263B!important;border:1px solid #344862!important;
 border-bottom:1px solid #344862!important;color:#F1F5F9!important;
 box-shadow:none!important;
}
#homePanelBudget .budget-category:last-child{border-bottom:1px solid #344862!important}
#homePanelBudget .budget-category .budget-purchases{
 background:#152238!important;border-left:3px solid #60A5FA!important;
}
#homePanelBudget .budget-category .budget-stats{color:#B4C5DA!important}
#homePanelBudget .budget-category .progress{background:#2D415C!important}
#homePanelBudget .budget-category .progress>div{background:#60A5FA!important}
@media(max-width:640px){
 #homePanelBudget>.split,#homePurchasesPanel>.split,#homePanelBills>.split{
 padding:10px!important;gap:5px;flex-wrap:wrap;
 }
}

/* 7.0.69: yhtenäinen korttien väli kaikkialla */
:root{--mf-card-gap:16px}
#home .cards.premium-kpis{gap:var(--mf-card-gap)!important;margin-bottom:var(--mf-card-gap)!important}
#home .home-columns{gap:var(--mf-card-gap)!important;margin-bottom:var(--mf-card-gap)!important;align-items:start}
#home .home-assets,#home .home-expenses{display:flex!important;flex-direction:column!important;gap:var(--mf-card-gap)!important;min-width:0}
#home .home-assets>.panel,#home .home-expenses>.panel{margin:0!important}
#home .home-assets>.panel:not(:last-child),#home .home-expenses>.panel:not(:last-child){margin-bottom:0!important}
#home .home-expenses .budget-category{margin:0!important}
#home .home-expenses .budget-category+.budget-category{margin-top:var(--mf-card-gap)!important}
#home .home-expenses .budget-category:last-child{margin-bottom:0!important}
#home .home-expenses .budget-category .budget-item{margin-top:10px}
#home .home-columns~.panel,#home .home-columns~.dashboard-summary{margin-top:var(--mf-card-gap)!important}
#home .safety-bar,#home .forecast-warning:not([hidden]){margin-bottom:var(--mf-card-gap)!important}
#home .dashboard-summary{gap:var(--mf-card-gap)!important;margin-bottom:var(--mf-card-gap)!important}
#reports .mf-report-grid{gap:var(--mf-card-gap)!important}
#reports .mf-report-panel{margin-top:var(--mf-card-gap)!important}
@media(max-width:1050px){#home .home-columns{gap:var(--mf-card-gap)!important}}

/* 7.0.70: poistetaan käyttörahat-kortin oma alareunamarginaali; palstan gap=16px hoitaa välin */
#home .home-assets>#netBalanceCard{margin-bottom:0!important;margin-top:0!important}

/* 7.0.72: selkeät suuremmat, osioita kuvaavat navigaatiokuvakkeet */
.side .nav button{gap:15px!important;min-height:56px!important;padding:11px 13px!important}
.side .nav .nav-icon{width:34px!important;flex:0 0 34px!important;height:34px!important;font-size:unset!important}
.side .nav .nav-icon svg{display:block;width:30px;height:30px;stroke:#A9C9F5;transition:stroke .15s ease}
.side .nav button.active .nav-icon svg{stroke:#F1F5F9;stroke-width:2.1}
.side .nav button:hover .nav-icon svg{stroke:#F1F5F9}
@media(max-width:700px){.side .nav button{min-height:48px!important}.side .nav .nav-icon{width:30px!important;flex-basis:30px!important}.side .nav .nav-icon svg{width:27px;height:27px}}

/* 7.0.73: kryptot yhdellä rivillä per kolikko */
.mf-coin-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 9px!important}
.mf-coin-name{display:flex;align-items:center;gap:13px;min-width:0}
.mf-coin-logo{width:34px;height:34px;flex:none;display:block}
.mf-coin-name>div>strong{font-size:15px}
.mf-coin-breakdown{font-size:12px;color:#94A3B8;margin-top:4px}
.mf-coin-amount{font-size:12px;color:#D3E0EE;margin-top:3px}
.mf-coin-value{white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:560px){.mf-coin-row{align-items:flex-start}.mf-coin-value{font-size:13px}.mf-coin-breakdown{font-size:11px}}
.mf-coin-share{font-size:inherit;color:inherit;font-weight:inherit;white-space:nowrap}

/* 7.0.76 Kryptosalkku: omistukset vasemmalla, tapahtumat oikealla */
.mf-crypto-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;align-items:start}
.mf-crypto-layout>.panel{margin:0;min-width:0;height:100%}
.mf-crypto-layout .split{align-items:center;flex-wrap:wrap}
.mf-crypto-layout .mf69-tools{display:flex;gap:8px;flex-wrap:wrap}
.mf-crypto-history-row{padding:14px 2px;border-bottom:1px solid #2d4058;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 12px}
.mf-crypto-history-main{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.mf-crypto-trade-type{font-size:12px;font-weight:700;border-radius:5px;padding:5px 9px;background:#244b43;color:#34d399}
.mf-crypto-trade-type.sell{background:#4c3444;color:#fb7185}
.mf-crypto-trade-type.withdrawal{background:#304562;color:#a7caff}
.mf-crypto-trade-date,.mf-crypto-trade-basis{font-size:12px;color:#94a3b8}
.mf-crypto-trade-amount{font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}
.mf-crypto-trade-basis{grid-column:1/-1}
@media(max-width:1050px){.mf-crypto-layout{grid-template-columns:minmax(0,1fr)}.mf-crypto-layout>.panel{height:auto}}

/* 7.0.79: etusivun tarpeettomat lisäraporttipaneelit pois näkyvistä.
   Sisäiset renderöintikohteet jätetään paikoilleen, jotta muu logiikka säilyy. */
#home #dailyForecastPanel,
#home #cashflowPanel,
#home #homeHistoryPanel,
#dailyForecastPanel,
#cashflowPanel,
#homeHistoryPanel { display:none !important; }

/* 7.0.79: neljä näkymää yhdessä Kryptosalkku-osiossa */
.mf-invest-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.mf-invest-tabs button{background:#19263B;color:#B9C9DD;border:1px solid #34455F;padding:12px 17px;border-radius:8px;font-weight:700}
.mf-invest-tabs button.active{background:#2563EB;color:white;border-color:#60A5FA}
.mf-crypto-view[hidden]{display:none!important}
.mf-plan-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}
.mf-plan-stats>div{background:#19263B;border:1px solid #30425B;padding:16px;border-radius:9px;min-width:0}
.mf-plan-stats span{display:block;font-size:12px;color:#94A3B8;margin-bottom:9px}
.mf-plan-stats strong{display:block;font-size:21px;color:#F1F5F9;overflow-wrap:anywhere}.mf-plan-stats small{display:block;color:#94A3B8;margin-top:6px;font-size:11px}
.mf-plan-progress{padding:15px;background:#19263B;border-radius:9px;margin-bottom:20px}
.mf-plan-track{height:12px;background:#334155;border-radius:12px;overflow:hidden;margin-top:12px}
.mf-plan-track>div{height:100%;background:#34D399}
.mf-plan-tablewrap{overflow-x:auto}
.mf-plan-table{width:100%;border-collapse:collapse;font-size:13px}
.mf-plan-table th,.mf-plan-table td{padding:12px 10px;border-bottom:1px solid #30425B;text-align:right;white-space:nowrap}
.mf-plan-table th:first-child,.mf-plan-table td:first-child{text-align:left}
.mf-plan-table thead{background:#19263B}.mf-plan-table tfoot{background:#19263B;font-weight:700}
.mf-plan-table .mf-plan-current{background:#1c354a}
.mf-plan-table small{font-size:10px;color:#94A3B8}.mf-positive{color:#34D399}.mf-negative{color:#FB7185}
.mf-goal-bar{display:flex;height:14px;border-radius:9px;overflow:hidden;margin:16px 0 22px;background:#334155}
.mf-goal-row{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:12px;padding:12px;border-bottom:1px solid #30425B}
.mf-goal-row>span:first-child{display:flex;align-items:center;gap:10px}
.mf-goal-row .mf-coin-logo{height:27px;width:27px}
@media(max-width:1050px){.mf-plan-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.mf-plan-stats strong{font-size:17px}.mf-goal-row{grid-template-columns:1fr}.mf-invest-tabs button{flex:1 1 40%;padding:10px 8px}}
.mf-plan-opening{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px;background:#19263B;border-radius:8px;margin-top:12px}.mf-plan-opening button{white-space:nowrap}
.mf-goal-legend{display:flex;flex-wrap:wrap;gap:18px;margin:12px 0;color:#94A3B8;font-size:12px}.mf-goal-legend span{display:flex;align-items:center;gap:7px}.mf-goal-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.mf-goal-compare-header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;color:#94A3B8;font-size:12px;font-weight:700;padding:12px 10px;border-bottom:1px solid #334155}.mf-goal-compare-row{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:12px;align-items:center}.mf-goal-compare-row>span:last-child{font-variant-numeric:tabular-nums}.mf-goal-compare-row strong{font-size:inherit}@media(max-width:620px){.mf-goal-compare-header,.mf-goal-compare-row{grid-template-columns:1fr 1fr 1fr!important;font-size:11px;gap:5px}.mf-goal-compare-row .mf-coin-logo{width:22px;height:22px}}

.mf-crypto-layout>.mf-crypto-goals-inline{grid-column:1/-1;min-width:0}
.mf-crypto-layout>.mf-crypto-portfolio-panel,.mf-crypto-layout>.mf-crypto-history-panel{grid-column:1/-1}
.mf-crypto-goals-inline .panel{margin:0}

/* 7.0.82: salkku ja tavoitteet rinnakkain, tapahtumat alla */
@media(min-width:1051px){
 .mf-crypto-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .mf-crypto-layout>.mf-crypto-portfolio-panel{grid-column:1;grid-row:1}
 .mf-crypto-layout>.mf-crypto-goals-inline{grid-column:2;grid-row:1}
 .mf-crypto-layout>.mf-crypto-history-panel{grid-column:1/-1;grid-row:2}
 .mf-crypto-goals-inline>.panel{height:100%}
}
@media(max-width:1050px){
 .mf-crypto-layout>.mf-crypto-portfolio-panel,.mf-crypto-layout>.mf-crypto-goals-inline,.mf-crypto-layout>.mf-crypto-history-panel{grid-column:1/-1}
}
.mf-crypto-goals-inline{min-width:0}
.mf-crypto-goals-inline .mf-goal-compare-row,.mf-crypto-goals-inline .mf-goal-compare-header{grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr) minmax(0,1.1fr)}

/* 7.0.85: tavoitteiden otsikot ja arvot samoissa sarakkeissa */
.mf-crypto-goals-inline .mf-goal-compare-header,
.mf-crypto-goals-inline .mf-goal-compare-row{
 display:grid!important;
 grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.25fr)!important;
 column-gap:12px!important;
 padding:12px 10px!important;
 align-items:center;
 box-sizing:border-box;
 width:100%;
}
.mf-crypto-goals-inline .mf-goal-compare-header>span,
.mf-crypto-goals-inline .mf-goal-compare-row>span{min-width:0;text-align:left!important;justify-self:stretch}
@media(max-width:620px){
 .mf-crypto-goals-inline .mf-goal-compare-header,
 .mf-crypto-goals-inline .mf-goal-compare-row{column-gap:6px!important;padding:10px 5px!important}
}
.mf-wallet-contents-title{font-size:16px;font-weight:700;color:#F1F5F9;margin:18px 0 7px;padding:0 9px}

/* 7.0.93: ulosottovelan tämänhetkinen saldo toimenpiteiden edessä; oikeaan reunaan taustaväriä */
#enforcementList .mf-enforcement-balance{font-size:inherit;font-weight:750;color:#F1F5F9;white-space:nowrap;font-variant-numeric:tabular-nums;margin-right:14px}
#enforcementList .item>.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
/* Pieni oikea sisämarginaali kaikkien luettelokorttien viimeisen napin jälkeen. */
.item>.actions{padding-right:16px}
@media(max-width:700px){#enforcementList .item{flex-wrap:wrap}#enforcementList .item>.actions{width:100%;justify-content:flex-end}#enforcementList .mf-enforcement-balance{margin-right:auto}}

/* 7.0.95: Ulosoton yhteenveto velkalistan jälkeen */
.mf-enforcement-total-card{margin-top:26px;padding:22px 20px;background:#19263B;border:1px solid #334761;border-radius:10px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.mf-enforcement-total-card .mf69-summary{font-size:clamp(17px,1.25vw,22px);line-height:1.55;font-weight:600;margin:0;text-align:center;color:#F1F5F9}
.mf-enforcement-total-card .mf69-summary b{font-size:inherit;font-weight:800}
.mf-enforcement-total-card button{margin:0}
.mf-wallet-total{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding:17px 9px 7px;border-top:0;color:#F1F5F9;font-size:16px;font-variant-numeric:tabular-nums}.mf-wallet-total strong:last-child{white-space:nowrap}@media(max-width:560px){.mf-wallet-total{font-size:14px}}

/* 7.0.98: sijoitusten ohjauskeskus */
.mf98-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.mf98-cards>div{background:#19263B;border:1px solid #334155;border-radius:9px;padding:14px;display:flex;flex-direction:column;gap:7px}.mf98-cards strong{font-size:19px;color:#F1F5F9}.mf98-cards small{font-size:12px;color:#94A3B8}.mf98-alloc,.mf98-staking,.mf98-chart{margin-top:22px;padding-top:14px;border-top:1px solid #334155}.mf98-alloc-grid,.mf98-staking-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:12px}.mf98-alloc-grid>* ,.mf98-staking-grid>*{padding:11px 7px;border-bottom:1px solid #334155;min-width:0}.mf98-alloc-grid>b,.mf98-staking-grid>b{color:#94A3B8;font-size:12px}.mf98-alloc-grid span:first-of-type,.mf98-staking-grid span:first-of-type{display:flex;align-items:center;gap:7px}.mf98-alloc-grid .mf-coin-logo,.mf98-staking-grid .mf-coin-logo{width:23px;height:23px}.mf98-chart svg{display:block;width:100%;height:auto;max-height:260px;background:#111B2E;border-radius:8px}.mf98-legend{display:flex;gap:18px;font-size:12px;margin:10px 0}.mf98-chart-labels{display:flex;justify-content:space-between;color:#94A3B8;font-size:12px}.mf98-summary{margin-top:12px}@media(max-width:850px){.mf98-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.mf98-alloc-grid,.mf98-staking-grid{font-size:11px}.mf98-cards strong{font-size:16px}}

/* 7.0.99: yhteenveto koko leveydelle ja staking omaksi erotetuksi paneelikseen */
#mfCryptoPortfolioView>.mf99-summary-panel{margin:0 0 18px;min-width:0;padding:16px 18px}
#mfCryptoPortfolioView>.mf99-summary-panel .mf98-summary{margin-top:0}
#mfCryptoPortfolioView>.mf99-summary-panel .mf98-cards{margin:0}
.mf-crypto-layout>.mf99-staking-panel{grid-column:1/-1;margin-top:18px!important;padding:18px 20px;min-width:0;height:auto}
.mf99-staking-panel .mf98-staking{margin-top:0;padding-top:0;border-top:0}
.mf99-staking-panel .mf98-staking h3{margin-top:0}

/* 7.0.100: Staking ja viimeisimmät kryptotapahtumat rinnakkain */
.mf-crypto-layout{gap:18px!important;align-items:stretch}
.mf-crypto-layout>.mf99-staking-panel{margin:0!important;min-width:0;height:100%;box-sizing:border-box}
.mf-crypto-layout>.mf-crypto-history-panel{min-width:0;height:100%;box-sizing:border-box}
@media(min-width:1051px){
 .mf-crypto-layout>.mf-crypto-portfolio-panel{grid-column:1;grid-row:1}
 .mf-crypto-layout>.mf-crypto-goals-inline{grid-column:2;grid-row:1}
 .mf-crypto-layout>.mf99-staking-panel{grid-column:1;grid-row:2}
 .mf-crypto-layout>.mf-crypto-history-panel{grid-column:2;grid-row:2}
}
@media(max-width:1050px){
 .mf-crypto-layout>.mf99-staking-panel,.mf-crypto-layout>.mf-crypto-history-panel{grid-column:1/-1;grid-row:auto}
}

/* 7.0.101: yhdistetty tavoitejakauma ja osto-ohjaus */
.mf101-goal-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.mf-crypto-goals-inline .mf-goal-compare-header,
.mf-crypto-goals-inline .mf-goal-compare-row{grid-template-columns:minmax(0,.85fr) minmax(0,.9fr) minmax(0,1.35fr) minmax(0,.85fr)!important;align-items:center;column-gap:10px}
.mf-crypto-goals-inline .mf-goal-compare-row .mf101-delta{font-size:13px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:800px){.mf-crypto-goals-inline .mf-goal-compare-header,.mf-crypto-goals-inline .mf-goal-compare-row{font-size:11px;column-gap:5px}.mf-crypto-goals-inline .mf-goal-compare-row .mf101-delta{font-size:11px}}
@media(max-width:540px){.mf101-goal-actions{justify-content:flex-start}.mf-crypto-goals-inline .mf-goal-compare-header,.mf-crypto-goals-inline .mf-goal-compare-row{grid-template-columns:minmax(0,.8fr) minmax(0,.65fr) minmax(0,1.2fr) minmax(0,.8fr)!important}}

/* 7.0.102: tallennettu seuraava ostos tavoitteiden viidentenä sarakkeena */
.mf-crypto-goals-inline .mf-goal-compare-header,
.mf-crypto-goals-inline .mf-goal-compare-row{
 grid-template-columns:minmax(0,.68fr) minmax(0,.74fr) minmax(0,1.28fr) minmax(0,.72fr) minmax(0,1.35fr)!important;
 column-gap:9px!important;
}
.mf-crypto-goals-inline .mf-goal-compare-row .mf102-next-buy{
 font-weight:700;font-size:12px;font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere
}
@media(max-width:1000px){
 .mf-crypto-goals-inline #mfGoalsCoins{overflow-x:auto}
 .mf-crypto-goals-inline .mf-goal-compare-header,
 .mf-crypto-goals-inline .mf-goal-compare-row{min-width:740px}
}

/* 7.0.103: seitsemän yhteenvetokorttia koko leveydellä */
#mf98Summary .mf98-cards{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
#mf98Summary .mf98-cards>div{min-width:0;padding:13px 12px}
#mf98Summary .mf98-cards strong{font-size:clamp(15px,1.05vw,20px);overflow-wrap:anywhere}
#mf98Summary .mf98-cards small{line-height:1.35}
@media(max-width:1700px){#mf98Summary .mf98-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){#mf98Summary .mf98-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:440px){#mf98Summary .mf98-cards{grid-template-columns:1fr}}

/* 7.0.105: staking coin names and aligned annual total */
.mf98-staking-grid .mf104-coin{display:flex;align-items:center;gap:9px;white-space:nowrap}
.mf98-staking-grid .mf104-coin strong{font-weight:700}
.mf98-staking-grid .mf104-total-label,.mf98-staking-grid .mf104-total-value{font-weight:700;border-top:1px solid #334155;padding-top:15px;padding-bottom:15px}
.mf98-staking-grid .mf104-total-empty{border-top:1px solid #334155}
.mf98-staking-grid .mf104-total-value{white-space:normal}

/* 7.0.105: kryptotapahtumien koko historia avautuu suureen ikkunaan */
.mf105-history-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.mf105-history-open{overflow:hidden}
.mf-crypto-layout>.mf-crypto-history-panel.mf105-expanded{position:fixed!important;inset:3vh 3vw!important;width:auto!important;height:auto!important;max-height:94vh!important;z-index:10020!important;overflow-y:auto!important;background:#19263B!important;border:1px solid #405474!important;box-shadow:0 0 0 100vmax rgba(3,8,18,.78),0 22px 70px rgba(0,0,0,.5)!important;margin:0!important;padding:24px!important;grid-column:auto!important;grid-row:auto!important}
.mf105-expanded #cryptoTradeHistory{max-height:none;overflow:visible}
@media(max-width:680px){.mf-crypto-layout>.mf-crypto-history-panel.mf105-expanded{inset:1vh 2vw!important;max-height:98vh!important;padding:14px!important}.mf105-history-actions button{font-size:12px;padding:8px}}

/* 7.0.110: kaavion ja selitteen samat laskevat kokonaisarvot */
.expense-legend-column-title{font-size:12px;font-weight:750;color:#a8bdd6;text-align:right;margin:0 0 7px;padding:0 7px 0 0}

/* Yleinen yksityisyystila: ei muuta tallennettua talousdataa. */
.mf-privacy-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;min-height:38px}
.mf-privacy-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mf-privacy-toggle .mf-eye-on{display:none}
.mf-privacy-toggle[aria-pressed="true"] .mf-eye-off{display:none}
.mf-privacy-toggle[aria-pressed="true"] .mf-eye-on{display:block}
body.mf-private input:not([type="checkbox"]):not([type="radio"]),body.mf-private textarea{ -webkit-text-security:disc }
@media(max-width:700px){.mf-privacy-label{display:none}.mf-privacy-toggle{padding:9px!important}}

/* 7.0.113: Yläpalkin painikkeille yhdenmukainen korkeus */
.topactions{align-items:center;gap:10px}
.topactions>.mf-privacy-toggle,.topactions>#addPurchase,.topactions>.income-global-toggle{height:44px!important;min-height:44px!important;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:0 15px!important;line-height:1.2;white-space:nowrap}
.topactions>.month-navigation{height:58px;box-sizing:border-box;display:flex;align-items:center;gap:8px;padding:6px 7px!important}
.topactions>.month-navigation>.month-arrow,.topactions>.month-navigation>.month-today{height:44px!important;min-height:44px!important;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;line-height:1.2}
.topactions>.month-navigation>.month-arrow{width:44px;min-width:44px;padding:0!important}
.topactions>.month-navigation>.month-today{padding:0 14px!important}
.topactions>.month-navigation>.month-current{min-height:44px;box-sizing:border-box}
@media(max-width:650px){.topactions>.month-navigation{height:auto;min-height:58px;flex-wrap:wrap}.topactions>.month-navigation>.month-current{flex:1}}

/* 7.0.114: yhtenäiset kehykset yläpalkin erillisille painikkeille */
.mf-topaction-frame{display:flex;align-items:center;padding:7px;border:1px solid #3d5576;background:#1a2b44;border-radius:14px;flex-shrink:0}.mf-topaction-frame>button{height:44px;min-height:44px;margin:0}

/* 7.0.115: yhtenäinen teräväkulmainen käyttöliittymä. Logot ja ympyräkaaviot säilyvät pyöreinä. */
:root{--mf-corner-radius:0px}
button, input, select, textarea, fieldset,
.panel, .card, .summary-box, .budget-category, .budget-item,
.modal, .modalbg .modal, .mf-topaction-frame, .month-navigation,
.topactions .mf-topaction-frame, .safety-bar, .dashboard-summary>*,
.mf-plan-stats>*, .mf-crypto-kpi-grid>*, .mf-crypto-view .panel,
.popover, .dropdown, .menu, .notice, .toast,
.home-assets .panel, .home-expenses .panel,
[class*="-card"], [class*="-box"], [class*="-frame"]{
 border-radius:0!important;
}
/* Pidetään värilliset etusivun otsakenauhat täsmälleen saman korkuisina. */
#homePanelAccounts>.split,
#homePanelIncome>.split,
#netBalanceCard>.net-balance-head,
#homePanelBudget>.split,
#homePurchasesPanel>.split,
#homePanelBills>.split{
 min-height:56px!important;
 box-sizing:border-box!important;
 padding:8px 12px!important;
 display:flex!important;
 align-items:center!important;
 align-content:center!important;
 border-radius:0!important;
}
#homePanelAccounts>.split>h2,
#homePanelIncome>.split>h2,
#homePanelBudget>.split>h2,
#homePurchasesPanel>.split>h2,
#homePanelBills>.split>h2,
#netBalanceCard>.net-balance-head>#netBalanceHeading{
 margin-top:0!important;
 margin-bottom:0!important;
 align-self:center!important;
 line-height:1.3!important;
}
.topactions>.mf-topaction-frame,.topactions>.month-navigation{border-radius:0!important}
@media(max-width:640px){
 #homePanelAccounts>.split,#homePanelIncome>.split,#netBalanceCard>.net-balance-head,
 #homePanelBudget>.split,#homePurchasesPanel>.split,#homePanelBills>.split{
 min-height:56px!important;height:auto!important;padding:8px 10px!important;
 }
}

/* 7.0.116: ulosoton maksusuunnitelma */
.mf116-overlay{position:fixed;inset:0;z-index:99999;background:rgba(2,8,20,.86);display:flex;justify-content:center;align-items:center;padding:18px}
.mf116-dialog{width:min(1320px,100%);max-height:95vh;overflow:auto;background:#19263b;border:1px solid #35455f;padding:24px;color:#f1f5f9}
.mf116-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;flex-wrap:wrap}
.mf116-heading h2,.mf116-heading h3{margin:0}
.mf116-chart{background:#111b2e;border:1px solid #31415a;padding:12px;margin:12px 0 18px}
.mf116-summary{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:14px 0 24px}
.mf116-table-wrap{overflow:auto;max-height:48vh;border:1px solid #31415a}
.mf116-table{width:100%;border-collapse:collapse;font-size:14px}
.mf116-table th{position:sticky;top:0;background:#263650;text-align:left;padding:12px;z-index:1}
.mf116-table td{padding:8px 12px;border-bottom:1px solid #31415a}
.mf116-table .mf116-month{font-weight:700;vertical-align:top;border-bottom:2px solid #526581;white-space:nowrap}
.mf116-table .mf116-end td{border-bottom:2px solid #526581}
.mf116-money{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:650px){.mf116-dialog{padding:12px}.mf116-overlay{padding:5px}}

/* 7.0.117: enintään 1200 px korkea ikkuna, yksi kuukausi / rivi */
.mf116-dialog{max-height:min(1200px,calc(100vh - 36px));height:auto;overflow-y:auto}
.mf117-table{table-layout:fixed}
.mf117-table th,.mf117-table td{text-align:right;vertical-align:middle}
.mf117-table th:first-child,.mf117-table td:first-child{text-align:left;width:23%}
.mf117-table .mf116-month{border-bottom:1px solid #31415a;vertical-align:middle}
.mf117-table small{display:block;color:#94a3b8;font-weight:400}
.mf117-report .mf116-table-wrap{max-height:min(900px,75vh)}
.mf117-report .mf116-chart{max-width:1200px}
@media(max-width:720px){.mf117-table{min-width:660px}.mf116-dialog{max-height:calc(100vh - 10px)}}

/* 7.0.118: etusivun vihreät ja punaiset otsakepalkit tasan 55 px */
#homePanelAccounts>.split,#homePanelIncome>.split,#netBalanceCard>.net-balance-head,#homePanelBudget>.split,#homePurchasesPanel>.split,#homePanelBills>.split{height:55px!important;min-height:55px!important;max-height:55px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important}
@media(max-width:640px){#homePanelAccounts>.split,#homePanelIncome>.split,#netBalanceCard>.net-balance-head,#homePanelBudget>.split,#homePurchasesPanel>.split,#homePanelBills>.split{height:55px!important;min-height:55px!important;max-height:55px!important}}

/* 7.0.119: expense report amounts and percentages on one line */
.mf-report-category{grid-template-columns:minmax(110px,1fr) minmax(90px,2fr) minmax(175px,max-content)}
.mf-report-category-value{display:flex;align-items:center;justify-content:flex-end;gap:5px;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.mf-report-category-value small{white-space:nowrap;font-size:11px}
@media(max-width:780px){.mf-report-category{grid-template-columns:minmax(90px,1fr) minmax(60px,1.5fr) minmax(145px,max-content);gap:7px}.mf-report-category-value{font-size:12px}.mf-report-category-value small{font-size:10px}}

/* 7.0.121: maksusuunnitelman taulukko kasvaa sisällön mukaan, ei sisäistä pystysuuntaista vierityspalkkia */
.mf117-report .mf116-table-wrap,
.mf116-dialog .mf116-table-wrap{max-height:none!important;height:auto!important;overflow-y:visible!important;overflow-x:auto}

/* 7.0.122: yhdenmukaiset tapahtumarivien Muokkaa/Peruuta-painikkeet.
   Budjetoimattomat ostokset on kokomalli myös budjetoiduille ostoksille. */
#homePurchasesPanel .actions button[data-action="editPurchase"],
#homePurchasesPanel .actions button[data-action="cancelPurchase"],
#homePanelBudget .actions button[data-action="editPurchase"],
#homePanelBudget .actions button[data-action="cancelPurchase"] {
  box-sizing:border-box!important;
  width:92px!important;
  min-width:92px!important;
  max-width:92px!important;
  height:40px!important;
  min-height:40px!important;
  padding:9px 10px!important;
  font-size:13px!important;
  line-height:20px!important;
  flex:0 0 92px!important;
  text-align:center!important;
  white-space:nowrap!important;
  border-radius:0!important;
}

/* 7.0.123: budjetoimattomien ostosten samanlainen edistymiskortti kuin budjetoiduissa menoissa */
#homePurchasesPanel .unbudgeted-budget-category{padding:14px 0 0;border-bottom:0}
#homePurchasesPanel .unbudgeted-budget-category .budget-purchases{margin:14px 0 0;padding:5px 12px;background:#19263B;border-left:3px solid #e7a0ad;border-radius:0}
#homePurchasesPanel .unbudgeted-budget-category .budget-purchases .item:last-child{border-bottom:0}
#homePurchasesPanel .unbudgeted-budget-category .budget-header{align-items:center}
#homePurchasesPanel .unbudgeted-budget-category .budget-remaining strong{font-size:21px}

/* 7.0.124: Budjetoimattomat ostokset: täsmälleen sama korttirunko,
   sisennys ja sininen palkki kuin Budjetoidut menot -osiossa. */
#homePurchasesPanel .unbudgeted-budget-category{
 background:#19263B!important;
 color:#F1F5F9!important;
 border:1px solid #344862!important;
 border-bottom:1px solid #344862!important;
 border-radius:0!important;
 padding:17px!important;
 margin:0!important;
 width:100%!important;
 box-sizing:border-box!important;
 box-shadow:none!important;
}
#homePurchasesPanel .unbudgeted-budget-category .budget-header,
#homePurchasesPanel .unbudgeted-budget-category .budget-stats,
#homePurchasesPanel .unbudgeted-budget-category .budget-remaining,
#homePurchasesPanel .unbudgeted-budget-category .progress{
 width:100%!important;box-sizing:border-box!important;
}
#homePurchasesPanel .unbudgeted-budget-category .budget-header{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:12px!important;flex-wrap:wrap!important;
}
#homePurchasesPanel .unbudgeted-budget-category .progress{
 background:#2D415C!important;
}
#homePurchasesPanel .unbudgeted-budget-category .progress>div{
 background:#60A5FA!important;
}
#homePurchasesPanel .unbudgeted-budget-category .budget-stats{
 color:#B4C5DA!important;
}
#homePurchasesPanel .unbudgeted-budget-category .budget-purchases{
 background:#152238!important;
 border-left:3px solid #60A5FA!important;
 margin:12px 0 0!important;
 padding:5px 12px!important;
 border-radius:0!important;
 box-sizing:border-box!important;
 width:100%!important;
}

/* 7.0.127: vasemman valikon näkyvyysasetukset */
.mf127-settings{margin:22px 0;padding:18px;border:1px solid #34465f;background:#19263b}
.mf127-settings h3{margin:0 0 8px}
.mf127-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.mf127-toggle-grid label{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#111b2e;border:1px solid #34465f;cursor:pointer;font-weight:600}
.mf127-toggle-grid input{width:19px;height:19px;accent-color:#60a5fa;flex:none}
@media(max-width:650px){.mf127-toggle-grid{grid-template-columns:1fr}}

/* 7.0.128: asetusten kaksipalstainen näkymä ja varmasti piilotettu navigaatio */
.premium-settings-panel{max-width:none!important}
.mf128-settings-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:16px;align-items:start;margin-top:20px}
.mf128-settings-layout .mf127-settings,.mf128-backup-card{margin:0;padding:20px;background:#19263b;border:1px solid #34465f;min-height:245px}
.mf128-settings-layout h3{margin:0 0 12px!important}
.mf128-save-row{display:flex;align-items:center;gap:14px;margin-top:18px;flex-wrap:wrap}
.mf128-save-row button{border-radius:0}
.mf128-backup-card .premium-backup-actions{display:flex;flex-wrap:wrap;gap:10px}
.mf128-backup-card .premium-backup-actions button{min-width:0}
html.mf128-hide-crypto .nav button[data-tab="crypto"],
html.mf128-hide-enforcement .nav button[data-tab="enforcement"],
html.mf128-hide-budget .nav button[data-tab="budget"],
html.mf128-hide-reports .nav button[data-tab="reports"]{display:none!important;visibility:hidden!important}
@media(max-width:950px){.mf128-settings-layout{grid-template-columns:1fr}}

/* 7.0.131: käyttörahan kategoriat ja jaetut ostokset */
.mf131-category-card{padding:20px;background:#19263b;border:1px solid #34465f;grid-column:1/-1}
.mf131-category-card h3{margin:0 0 10px}
.mf131-cat-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #34465f}
.mf131-cat-row span{flex:1}
.mf131-add{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.mf131-add input{flex:1;min-width:180px}
.mf131-split-box{padding:15px;background:#111b2e;border:1px solid #34465f}
.mf131-split-box[hidden]{display:none!important}
.mf131-split-box h3{margin:0 0 8px}
.mf131-split-row{display:grid;grid-template-columns:minmax(120px,2fr) minmax(120px,1.5fr) minmax(100px,1fr) 38px;gap:8px;align-items:end;margin:10px 0}
.mf131-split-row label{min-width:0}
.mf131-split-row input,.mf131-split-row select{width:100%;box-sizing:border-box}
.mf131-remove-split{height:40px;padding:0!important}
@media(max-width:700px){.mf131-split-row{grid-template-columns:1fr 1fr}.mf131-remove-split{width:100%}}

.mf131-cat-row{flex-wrap:wrap}
.mf131-cat-row>span:nth-child(2){min-width:110px}
.mf132-color-dot{display:inline-block;flex:none;width:17px;height:17px;border:1px solid #ffffff44}
#mf132PaletteHost{margin:12px 0;padding:14px;border:1px solid #34465f;background:#111b2e}
#mf132PaletteHost[hidden],#mf132AmountWrap[hidden]{display:none!important}
.mf132-palette-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.mf132-palette{display:grid;grid-template-columns:repeat(16,minmax(16px,1fr));gap:5px}
.mf132-swatch{width:100%;aspect-ratio:1;min-height:20px;padding:0;border:1px solid #ffffff44;cursor:pointer}
.mf132-swatch:hover,.mf132-swatch.is-selected{outline:2px solid #fff;outline-offset:1px}
.mf132-report-name{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.mf132-report-name i{display:inline-block;width:12px;height:12px;flex:none}
@media(max-width:640px){.mf132-palette{grid-template-columns:repeat(12,minmax(15px,1fr))}}

.mf131-cat-row .mf133-color-button{width:45px!important;height:45px!important;min-width:45px!important;max-width:45px!important;flex:0 0 45px!important;padding:0!important;border:2px solid #cbd5e1!important;border-radius:0!important;cursor:pointer}
.mf131-cat-row>span:first-child{flex:1;min-width:110px}
.mf132-palette{grid-template-columns:repeat(16,20px)!important;gap:5px!important;max-width:400px}
.mf132-swatch{width:20px!important;height:20px!important;min-height:20px!important}
#mf132PaletteHost{max-width:440px}
.mf132-report-name{white-space:normal!important}

/* 7.0.138 työntekosuunnittelu ja ostopaikat */
#work .mf134-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#work .mf134-card{background:#19263b;border:1px solid #30415b;padding:16px;min-width:0}#work .mf134-card h3{margin:0 0 12px}#work .mf134-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}#work .mf134-table{width:100%;border-collapse:collapse;font-size:13px}#work .mf134-table th,#work .mf134-table td{padding:9px 6px;border-bottom:1px solid #34445b;text-align:left;vertical-align:top}#work .mf134-table td:last-child,#work .mf134-table th:last-child{text-align:right}#work .mf134-table-wrap{overflow-x:auto}#work .mf134-stat{background:#111b2e;padding:12px;margin:8px 0}#work .mf134-muted{color:#94a3b8;font-size:12px}#work .mf134-pill{display:inline-block;padding:3px 7px;border:1px solid #52627b;font-size:11px}#work .mf134-good{color:#34d399}#work .mf134-warn{color:#fbbf24}#work .mf134-month-summary{margin:16px 0;padding:16px;background:#111b2e;border:1px solid #34445b}#work button{border-radius:0}#mf134Places .mf131-cat-row,#mf134SalesCategories .mf131-cat-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #34445b}#mf134Places .mf131-cat-row span,#mf134SalesCategories .mf131-cat-row span{flex:1}.mf134-split-row{grid-template-columns:minmax(0,1fr) minmax(110px,.65fr) 38px!important}.mf134-split-row label{min-width:0}.mf134-split-row .mf131-remove-split{align-self:end}@media(max-width:800px){#work .mf134-grid{grid-template-columns:1fr}}@media print{.mf134-print{color:#111;font-family:Arial,sans-serif}.mf134-print table{width:100%;border-collapse:collapse}.mf134-print th,.mf134-print td{padding:6px;border-bottom:1px solid #bbb}}

#work .mf135-month-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#work .mf135-month-nav label{display:flex;align-items:center;gap:8px}#work .mf135-month-nav button{min-width:38px}

/* 7.0.138: every dropdown is visibly distinct from a free-text field. */
select{appearance:none!important;-webkit-appearance:none!important;padding-right:28px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Crect width='14' height='14' fill='%239BCBFA'/%3E%3Cpath d='M3 5 L11 5 L7 9 Z' fill='%23112A4A'/%3E%3C/svg%3E")!important;background-position:right 7px center!important;background-repeat:no-repeat!important;background-size:14px 14px!important;cursor:pointer}
select:disabled{cursor:not-allowed;opacity:.65}

/* 7.0.138: native week and month calendar pickers, not dropdowns. */
.mf138-week-wrap{display:block;width:100%}
.mf138-week-picker,.mf138-month-picker{width:100%;cursor:pointer;color-scheme:dark}
.mf138-week-picker::-webkit-calendar-picker-indicator,.mf138-month-picker::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.75) sepia(.3) saturate(1.5)}

/* 7.0.142: uniform calendar and dropdown affordance across the application. */
input[type="date"],input[type="month"],input[type="week"],select{padding-right:31px!important}
input[type="date"],input[type="month"],input[type="week"]{color-scheme:dark;cursor:pointer}
input[type="date"]::-webkit-calendar-picker-indicator,input[type="month"]::-webkit-calendar-picker-indicator,input[type="week"]::-webkit-calendar-picker-indicator{background-color:#9bcbfa;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2' y='3' width='12' height='11' rx='1' fill='none' stroke='%23112A4A' stroke-width='1.7'/%3E%3Cpath d='M2 6h12M5 1v4M11 1v4' stroke='%23112A4A' stroke-width='1.7'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:12px 12px;filter:none!important;opacity:1;border-radius:1px;width:14px;height:14px;cursor:pointer}
#work .mf139-top{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px;align-items:start}
#work .mf139-goals{grid-column:2;grid-row:1;min-width:0}
#work .mf139-entries{grid-column:1;grid-row:1;min-width:0}
#work .mf139-entries>.mf134-grid{display:block}
#work .mf139-entries>.mf134-grid>.mf134-card{margin-bottom:16px}
#work .mf139-entries>.mf134-card{margin-top:0!important}
#work .mf139-goals .mf134-grid{display:block}
#work .mf139-goals .mf134-grid>.mf134-card{margin-bottom:12px}
#work .mf139-goals .mf134-month-summary{margin:0}
#work .mf139-goals .split{display:block}
#work .mf139-goals #mf134CopyPlan{margin:10px 0}
#work .mf139-goals .mf134-table{font-size:12px}
#work .mf139-goals .mf134-table input{max-width:65px!important;width:100%!important;min-width:45px}
#work .mf139-pay-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px;align-items:start;margin-top:16px}
#work .mf139-pay-layout>.mf134-month-summary{margin:0;min-width:0}
#work .mf139-pay-summary{min-width:0}
#work .mf139-pay-summary h4{margin:18px 0 8px}
#work .mf139-pay-items>div{display:flex;gap:8px;justify-content:space-between;border-bottom:1px solid #30415b;padding:8px 0;font-size:12px}
#work .mf139-pay-items strong{white-space:nowrap}
@media(max-width:1100px){#work .mf139-top,#work .mf139-pay-layout{grid-template-columns:minmax(0,1fr)}#work .mf139-goals,#work .mf139-entries{grid-column:1;grid-row:auto}#work .mf139-goals{grid-row:1}#work .mf139-entries{grid-row:2}}

/* 7.0.142: align all calendar and dropdown indicators to the same right inset. */
select,input[type="date"],input[type="month"],input[type="week"]{padding-right:7px!important}
input[type="date"]::-webkit-calendar-picker-indicator,input[type="month"]::-webkit-calendar-picker-indicator,input[type="week"]::-webkit-calendar-picker-indicator{box-sizing:border-box!important;width:14px!important;height:14px!important;min-width:14px!important;margin:0!important;padding:0!important;flex:0 0 14px!important}

/* 7.0.142: Palkkatarkistus ja palkkalaskennan yhteenveto omaksi erilliseksi kokonaisuudeksi. */
#work .mf139-pay-layout{
  margin-top:24px;
  padding:18px;
  background:#142137;
  border:1px solid #34465f;
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(280px,1fr);
  gap:16px;
  align-items:stretch;
}
#work .mf139-pay-layout>.mf134-month-summary,
#work .mf139-pay-layout>.mf139-pay-summary{margin:0;min-width:0;height:100%}
@media(max-width:1100px){#work .mf139-pay-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){#work .mf139-pay-layout{padding:12px;margin-top:20px}}

/* 7.0.142: independent payroll section with the same black gutter as dashboard cards. */
#work #mf142PayHost{margin-top:18px;background:transparent;padding:0;border:0}
#work #mf142PayHost .mf139-pay-layout{margin:0;background:#19263b;border:1px solid #34465f;padding:18px;gap:16px}
@media(max-width:600px){#work #mf142PayHost{margin-top:16px}#work #mf142PayHost .mf139-pay-layout{padding:12px}}

/* 7.0.166: yhtenäiset palkkatarkistuksen sarakkeet */
.mf166-pay-table{width:100%;table-layout:fixed}
.mf166-pay-table th,.mf166-pay-table td{vertical-align:middle}
.mf166-deals th:first-child,.mf166-deals td:first-child,
.mf166-hours th:first-child,.mf166-hours td:first-child,
.mf166-visits th:first-child,.mf166-visits td:first-child{width:34%}
.mf166-deals th:nth-child(2),.mf166-deals td:nth-child(2),
.mf166-hours th:nth-child(2),.mf166-hours td:nth-child(2),
.mf166-visits th:nth-child(2),.mf166-visits td:nth-child(2){width:19%}
.mf166-hours th:nth-child(3),.mf166-hours td:nth-child(3){width:17%}
.mf166-hours th:nth-child(4),.mf166-hours td:nth-child(4){width:9%}
.mf166-hours th:nth-child(5),.mf166-hours td:nth-child(5){width:9%}
.mf166-hours th:nth-child(6),.mf166-hours td:nth-child(6){width:12%}
.mf166-visits th:nth-child(3),.mf166-visits td:nth-child(3){text-align:right}
/* 7.0.165: Palkkatarkistuksen esikatselu ja tuntityön lajit */
.mf165-pay-layout{display:block!important}
.mf165-pay-layout>.mf134-month-summary,.mf165-pay-layout>.mf139-pay-summary{width:100%;max-width:none}
.mf165-pay-layout>.mf139-pay-summary{margin-top:16px}
.mf165-pay-section{margin-top:22px;padding-top:16px;border-top:1px solid #3b4c65}
.mf165-pay-section h4{font-size:16px;margin:0 0 12px}
/* 7.0.143: Työntekosuunnittelun osat erillisiin kortteihin, musta väli. */
#work > .panel{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
#work > .panel > .split{padding:2px 0 10px}
#work > .panel > .note{margin:0 0 18px}
#work .mf139-top{gap:18px;align-items:stretch}
#work .mf139-entries,#work .mf139-goals{background:#19263b;border:1px solid #34465f;padding:18px;min-width:0}
#work .mf139-entries>.mf134-grid>.mf134-card:last-child{margin-bottom:0}
#work .mf139-goals>.mf134-month-summary{margin:0}
#work .mf143-month-hint{font-size:12px;color:#9fb1ca}
@media(max-width:600px){#work .mf139-entries,#work .mf139-goals{padding:12px}}

/* 7.0.144: Dashboard-style KPI row instead of redundant work header. */
#work .mf144-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:18px}
#work .mf144-kpi{background:#19263b;border:1px solid #34465f;padding:15px 14px;min-width:0;display:flex;flex-direction:column;gap:8px;min-height:110px}
#work .mf144-kpi>span{font-size:12px;color:#9fb1ca}
#work .mf144-kpi>strong{font-size:clamp(19px,1.55vw,29px);font-weight:800;color:#f5f8ff;overflow-wrap:anywhere;text-align:right}
#work .mf144-kpi>small{font-size:11px;line-height:1.4;color:#9fb1ca}
#work .mf144-kpi-forecast{border-top:3px solid #58a4ff}
@media(max-width:1450px){#work .mf144-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){#work .mf144-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){#work .mf144-kpis{grid-template-columns:1fr}}
#mf153VatAction[hidden]{display:none!important}

#work .mf156-confirmed{color:#34d399;font-weight:700}#work .mf156-forecast{color:#fb7185;font-weight:700}

/* 7.0.164: payroll summary figures in two balanced columns */
#work .mf164-summary-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:22px}
#work .mf164-summary-col{min-width:0;border:1px solid #334762;border-radius:10px;background:rgba(12,25,46,.38);padding:12px 14px}
#work .mf164-summary-col h4{margin:0 0 10px;font-size:14px;color:#f3f7ff}
#work .mf164-sum-line{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #30415b;font-size:13px}
#work .mf164-sum-line:last-child{border-bottom:0}
#work .mf164-sum-line span{color:#b9c9e1}
#work .mf164-sum-line strong{white-space:nowrap;text-align:right;color:#f5f9ff;font-variant-numeric:tabular-nums}
#work .mf164-total strong{color:#94e3b5;font-size:15px}
@media(max-width:620px){#work .mf164-summary-columns{grid-template-columns:1fr;gap:12px}}

/* 7.0.179: explicit blue dropdown for purchase locations; free text remains possible. */
.mf179-place-row{display:flex;align-items:stretch;gap:8px;width:100%;min-width:0}
.mf179-place-row>input{flex:1;min-width:0;width:100%}
.mf179-place-row>.mf179-place-select{flex:0 0 32px;width:32px;min-width:32px;max-width:32px;color:#fff!important;background-color:#0d1729!important;background-position:center!important;background-size:14px 14px!important;border:1px solid #40516b!important;border-radius:6px;cursor:pointer;padding:0!important;font-size:12px!important;color-scheme:dark;text-indent:0!important} .mf179-place-row>.mf179-place-select option{background:#0d1729!important;color:#fff!important;font-size:14px!important}
.mf179-place-row>.mf179-place-select:focus{outline:2px solid #6aaeff;outline-offset:2px}

#settings .mf183-work-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
#settings .mf183-work-actions button{white-space:nowrap}

/* 7.0.184: purchase category colors and compact consistent work-type actions */
#settings .mf183-work-actions button{min-width:66px;padding:9px 12px;font-size:13px}
#homePurchasesPanel .unbudgeted-budget-category .budget-purchases{border-left:0!important;padding-left:0!important}
#homePurchasesPanel .unbudgeted-budget-category .budget-purchases>.purchase-item{border-left:3px solid var(--mf184-line,#60A5FA)!important;border-image:none!important;padding-left:12px!important;margin-left:0!important}
/* 7.0.186: double-width category stripes on purchases, budget purchases and payments */
#homePurchasesPanel .unbudgeted-budget-category .budget-purchases>.purchase-item{border-left-width:6px!important}
#homePanelBudget .budget-category .budget-purchases{border-left-width:6px!important}
#homePanelBudget .budget-category .budget-purchases>.purchase-item{border-left:6px solid var(--mf184-line,#60A5FA)!important;padding-left:12px!important}
#homePanelBills .bill-category-item{border-left-width:10px!important}
#homePanelBills .item:not(.bill-category-item){border-left:10px solid #4b6787!important;padding-left:12px!important}
/* 7.0.187: one uniform 6px category stripe per transaction, never on its enclosing list */
#homePanelBudget .budget-category .budget-purchases,
#homePurchasesPanel .unbudgeted-budget-category .budget-purchases{
  border-left:0!important;
  border-image:none!important;
  padding-left:0!important;
}
#homePanelBudget .budget-category .budget-purchases>.purchase-item,
#homePurchasesPanel .unbudgeted-budget-category .budget-purchases>.purchase-item{
  border-left:6px solid var(--mf184-line,#60A5FA)!important;
  border-image:none!important;
  padding-left:12px!important;
}
/* Bills, payments, loans and enforcement entries use their existing category color. */
.bill-category-item,
#homePanelBills .bill-category-item{
  border-left:6px solid var(--bill-category-color,#60A5FA)!important;
  border-image:none!important;
}
#homePanelBills .item:not(.bill-category-item){
  border-left:6px solid #60A5FA!important;
  border-image:none!important;
  padding-left:12px!important;
}

/* 7.0.225: yhtenäiset ylätoiminnot ja järjestely raahaamalla */
.topactions>.mf-topaction-frame>button{height:44px!important;min-height:44px!important;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:0 15px!important;white-space:nowrap}
.topactions>.mf-topaction-frame,.topactions>.month-navigation,.topactions>.income-global-toggle{cursor:grab}
.topactions>.mf-topaction-frame button,.topactions>.month-navigation button{cursor:pointer}
.topactions>.mf-top-dragging{opacity:.42}
.topactions>.mf-top-drop-before{box-shadow:inset 4px 0 #75b6ff}
.topactions>.mf-top-drop-after{box-shadow:inset -4px 0 #75b6ff}

/* 7.0.228: Työnteko, kaksi tasaleveää saraketta ja suunnittelu niiden alla */
#work .mf228-work-layout,#work .mf228-planning-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start;margin-top:16px}
#work .mf228-left,#work .mf228-right,#work .mf228-forecast,#work .mf228-plan{min-width:0}
#work .mf228-right>.mf134-card+ .mf134-card{margin-top:16px!important}
#work .mf228-forecast>.mf134-card{margin-top:0!important}
#work .mf228-plan .mf134-month-summary{margin:0}
#work .mf228-plan .mf134-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
#work .mf228-plan .mf134-table input{max-width:80px;width:100%;min-width:42px}
#work .mf228-work-layout .mf134-table-wrap{overflow-x:auto}
@media(max-width:1050px){#work .mf228-work-layout,#work .mf228-planning-layout{grid-template-columns:minmax(0,1fr)}#work .mf228-plan .mf134-grid{grid-template-columns:minmax(0,1fr)}}
#work .mf229-goals-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
#work .mf229-goals-heading h3{margin:0}
#work .mf229-goals-heading #mf134CopyPlan{margin:0;flex-shrink:0}

/* 7.0.231: Palkkatarkistuksen erittely kahteen tasaleveään sarakkeeseen. */
#work .mf230-pay-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start;margin-top:16px}
#work .mf230-pay-left,#work .mf230-pay-right{min-width:0}
#work .mf230-pay-right .mf165-pay-section:first-child{margin-top:0;padding-top:0;border-top:0}
#work .mf230-pay-columns .mf134-table-wrap{max-width:100%;overflow-x:auto}
#work .mf230-pay-layout>.mf134-month-summary>.mf134-actions{margin-top:18px}
@media(max-width:1100px){#work .mf230-pay-columns{grid-template-columns:minmax(0,1fr)}}

/* 7.0.231: Palkkatarkistuksen rinnakkaisten taulukoiden otsikot samalla korkeudella. */
#work .mf230-pay-left>h4,#work .mf230-pay-right>.mf165-pay-section:first-child>h4{font-size:16px;line-height:24px;margin:0 0 12px;padding:0;font-weight:700}
#work .mf230-pay-left>.mf134-table-wrap,#work .mf230-pay-right>.mf165-pay-section:first-child>.mf134-table-wrap{margin-top:0}
#work .mf231-pay-note{margin-top:14px}

/* 7.0.235: Palkkatarkistuksen molempien puolien vaakaviivat täsmälleen samalla tasolla. */
#work .mf230-pay-columns .mf166-pay-table{border-collapse:collapse;table-layout:fixed;width:100%}
#work .mf230-pay-columns .mf166-pay-table thead tr{height:42px}
#work .mf230-pay-columns .mf166-pay-table tbody tr{height:48px}
#work .mf230-pay-columns .mf166-pay-table th{height:42px;box-sizing:border-box;vertical-align:middle;padding:5px 5px;line-height:17px}
#work .mf230-pay-columns .mf166-pay-table td{height:48px;box-sizing:border-box;vertical-align:middle;padding:4px 5px;line-height:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#work .mf230-pay-columns .mf166-pay-table td:first-child{max-width:0}
#work .mf230-pay-columns .mf166-pay-table td:first-child .mf134-muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:16px}
#work .mf230-pay-columns .mf166-pay-table td input{height:31px;min-height:31px;max-width:100%;box-sizing:border-box;padding:4px 7px}
#work .mf230-pay-columns .mf166-pay-table td button{height:31px;min-height:31px;max-width:100%;padding:4px 7px;white-space:nowrap}
#work .mf230-pay-columns .mf166-pay-table td[title]{cursor:help}

/* 7.0.235: Ennuste ja kuukauden tavoitteet yhdessä koko leveän kortin sisällä */
#work .mf228-planning-shell{margin-top:16px;padding:16px;background:#19263b;border:1px solid #30415b;min-width:0}
#work .mf228-planning-shell .mf228-planning-layout{margin-top:0;gap:24px;align-items:stretch}
#work .mf228-planning-shell .mf228-forecast>.mf134-card{background:transparent;border:0;padding:0;margin:0!important}
#work .mf228-planning-shell .mf228-plan{border-left:1px solid #34445b;padding-left:24px}
#work .mf228-planning-shell .mf228-plan .mf134-month-summary{background:transparent;border:0;padding:0;margin:0}
#work .mf228-planning-shell .mf229-goals-heading{min-height:42px;margin-bottom:18px}
#work .mf228-planning-shell .mf229-goals-heading button{font-size:12px;white-space:nowrap;padding:10px 12px}
#work .mf228-planning-shell .mf228-plan .mf134-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:14px;align-items:stretch}
#work .mf228-planning-shell .mf228-plan .mf134-grid>.mf134-card{padding:16px;background:#111b2e;border:1px solid #34445b;margin:0;min-width:0}
#work .mf228-planning-shell .mf228-plan .mf134-grid>.mf134-card h3{font-size:16px;margin:0 0 16px}
#work .mf235-hour-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#work .mf235-hour-fields label{display:flex;flex-direction:column;gap:7px;font-size:12px;margin:0;min-width:0}
#work .mf235-hour-fields input{width:100%;max-width:none;min-width:0;box-sizing:border-box}
#work .mf228-planning-shell .mf228-plan .mf134-grid>.mf134-card>p{margin:20px 0 0}
#work .mf228-planning-shell .mf228-plan .mf134-table{font-size:12px}
#work .mf228-planning-shell .mf228-plan .mf134-table th,#work .mf228-planning-shell .mf228-plan .mf134-table td{padding:9px 5px;vertical-align:middle}
#work .mf228-planning-shell .mf228-plan .mf134-table input{width:100%;max-width:75px;min-width:0;box-sizing:border-box}
#work .mf228-planning-shell .mf228-plan .mf134-month-summary>p:last-child{margin:16px 0 0;padding:14px 0 0;border-top:1px solid #34445b}
@media(max-width:1250px){#work .mf228-planning-shell .mf228-planning-layout{grid-template-columns:minmax(0,1fr)}#work .mf228-planning-shell .mf228-plan{border-left:0;border-top:1px solid #34445b;padding-left:0;padding-top:18px}}
@media(max-width:650px){#work .mf228-planning-shell .mf228-plan .mf134-grid{grid-template-columns:minmax(0,1fr)}#work .mf235-hour-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* 7.0.237: Kuukauden tavoitteet samalla rivitaulukko- ja sinisellä yhteenvetotyylillä kuin viikkoennuste. */
#work .mf228-planning-shell .mf236-goals-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:12px}
#work .mf228-planning-shell .mf236-goals-table th,#work .mf228-planning-shell .mf236-goals-table td{padding:10px 6px;border-bottom:1px solid #34445b;vertical-align:middle}
#work .mf228-planning-shell .mf236-goals-table th:first-child{text-align:left;width:30%}
#work .mf228-planning-shell .mf236-goals-table th:nth-child(2){width:21%}
#work .mf228-planning-shell .mf236-goals-table th:nth-child(3){width:26%}
#work .mf228-planning-shell .mf236-goals-table th:last-child{width:23%;text-align:right}
#work .mf228-planning-shell .mf236-goals-table td:last-child{text-align:right;white-space:nowrap}
#work .mf228-planning-shell .mf236-goals-table input{box-sizing:border-box;width:100%;max-width:100px;min-width:0;text-align:center}
#work .mf228-planning-shell .mf236-goals-table .mf236-goals-total{background:#203653}
#work .mf228-planning-shell .mf236-goals-table .mf236-goals-total th,#work .mf228-planning-shell .mf236-goals-table .mf236-goals-total td{border-bottom:0;font-weight:700}
#work .mf228-planning-shell .mf236-goals-vat{font-size:12px;color:#94a3b8;margin:12px 0 0;padding:0!important;border:0!important}
@media(max-width:700px){#work .mf228-planning-shell .mf236-goals-table{min-width:510px}}

/* 7.0.237: Ennusteen ja tavoitteiden täsmällinen vaakakohdistus. */
@media(min-width:1251px){
 #work .mf228-planning-shell .mf228-planning-layout{align-items:start}
 #work .mf228-planning-shell .mf228-forecast,
 #work .mf228-planning-shell .mf228-plan{min-width:0}
 #work .mf228-planning-shell .mf145-forecast,
 #work .mf228-planning-shell .mf134-month-summary{display:flex;flex-direction:column}
 #work .mf228-planning-shell .mf145-forecast>h3,
 #work .mf228-planning-shell .mf229-goals-heading{height:42px;min-height:42px;box-sizing:border-box;margin:0 0 8px!important;display:flex;align-items:center}
 #work .mf228-planning-shell .mf145-forecast>.mf134-muted:first-of-type,
 #work .mf228-planning-shell .mf237-goals-description{height:50px;min-height:50px;box-sizing:border-box;margin:0 0 10px!important;line-height:1.45;overflow:hidden}
 #work .mf228-planning-shell .mf145-table,
 #work .mf228-planning-shell .mf236-goals-table{table-layout:fixed;width:100%;border-collapse:collapse}
 #work .mf228-planning-shell .mf145-table thead tr,
 #work .mf228-planning-shell .mf236-goals-table thead tr{height:45px}
 #work .mf228-planning-shell .mf145-table tbody tr,
 #work .mf228-planning-shell .mf236-goals-table tbody tr{height:54px}
 #work .mf228-planning-shell .mf145-table tbody tr.mf145-total,
 #work .mf228-planning-shell .mf236-goals-table tbody tr.mf236-goals-total{height:36px}
 #work .mf228-planning-shell .mf145-table th,#work .mf228-planning-shell .mf145-table td,
 #work .mf228-planning-shell .mf236-goals-table th,#work .mf228-planning-shell .mf236-goals-table td{vertical-align:middle;box-sizing:border-box}
 #work .mf228-planning-shell .mf145-forecast>.mf134-muted:last-child,
 #work .mf228-planning-shell .mf236-goals-vat{margin-top:12px!important;line-height:1.5}
}
#work .mf228-planning-shell .mf228-plan .mf134-month-summary{border:0!important;padding:0!important}
#work .mf228-planning-shell .mf237-goals-description{color:#94a3b8;font-size:12px}

/* 7.0.240: Tavoitepuolelta ylimääräinen sisäreunus pois.
   Ulompi suunnittelukortti ja keskijakaja säilyvät. */
#work .mf228-planning-shell .mf228-plan > .mf139-goals{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
  min-width:0;
}

/* 7.0.240: Align the goals table's header rule, data rules and total bar with the weekly forecast. */
@media(min-width:1251px){
 #work .mf228-planning-shell .mf236-goals-table thead tr{height:52px!important}
 #work .mf228-planning-shell .mf236-goals-table tbody tr:not(.mf236-goals-total){height:56px!important}
 #work .mf228-planning-shell .mf236-goals-table tbody tr.mf236-goals-total{height:36px!important}
 #work .mf228-planning-shell .mf236-goals-table th,
 #work .mf228-planning-shell .mf236-goals-table td{padding-top:0!important;padding-bottom:0!important}
}

/* v7.0.265: ulosoton korkokertymän lisärivi */
.mf265-interest-growth{display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center;font-size:15px;color:#cbd5e1}
.mf265-interest-growth b{color:#f1f5f9;font-weight:750}
.mf275-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.mf275-actions span{display:inline-flex;gap:3px;align-items:center;white-space:nowrap}.mf278-bill-totals{margin-top:14px;padding:16px;border:1px solid #43536a;background:#1d2937}.mf278-total-title{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:16px}.mf278-total-detail{display:flex;gap:10px 24px;flex-wrap:wrap;margin-top:10px;color:#aebfd0;font-size:13px}.mf278-bill-totals .note{margin:10px 0 0}

/* 7.0.280: värillinen, kuvallisen esityksen inspiroima sivuvalikko.
   Ei muuta navigointia, tietoja, tallennusta tai järjestystä. */
.side{position:relative;isolation:isolate;background:linear-gradient(165deg,#0c1d35 0%,#0a172a 60%,#0b2545 100%)!important;overflow:hidden}
.side::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:-110px;right:-110px;bottom:-120px;height:410px;border-radius:50%;border-top:2px solid #098cdb;background:radial-gradient(ellipse at 70% 15%,#064d84aa,transparent 62%);transform:rotate(-18deg);opacity:.6}
.side::after{content:"";position:absolute;z-index:-1;pointer-events:none;right:-120px;bottom:30px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,#0872c43d,transparent 70%)}
.side .brand{color:#f2f8ff;text-shadow:0 1px 16px #2999ff32}
.side .nav{gap:7px}
.side .nav button{position:relative;border:1px solid transparent!important;color:#d7e4f7!important;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.side .nav button:hover{background:#1c3453!important;border-color:#30557e!important;transform:translateX(2px)}
.side .nav button.active{background:linear-gradient(110deg,#174d85,#0867a9 65%,#11447a)!important;border-color:#18baf4!important;box-shadow:inset 3px 0 0 #43e2ff,0 0 15px #028de53b!important;color:#fff!important}
.side .nav .nav-icon{position:relative;border-radius:9px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--nav-hue,#61aaff) 25%,#182e4a),#0b2036);border:1px solid color-mix(in srgb,var(--nav-hue,#61aaff) 45%,#1c304a);box-shadow:inset 0 1px 0 #ffffff19,0 3px 8px #0003;}
.side .nav .nav-icon svg{stroke:var(--nav-hue,#61aaff)!important;filter:drop-shadow(0 1px 3px color-mix(in srgb,var(--nav-hue,#61aaff) 45%,transparent));width:25px!important;height:25px!important;stroke-width:2!important}
.side .nav button.active .nav-icon{background:linear-gradient(145deg,#2268a8,#0b3a70);border-color:#6ed8ff}
.side .nav button.active .nav-icon svg{stroke:#fff!important}
.side .nav button[data-tab="home"]{--nav-hue:#ffa850}
.side .nav button[data-tab="accounts"]{--nav-hue:#52b8ff}
.side .nav button[data-tab="income"]{--nav-hue:#49dd8b}
.side .nav button[data-tab="work"]{--nav-hue:#d9aa83}
.side .nav button[data-tab="crypto"]{--nav-hue:#b49aff}
.side .nav button[data-tab="bills"]{--nav-hue:#ff828e}
.side .nav button[data-tab="loans"]{--nav-hue:#77baff}
.side .nav button[data-tab="enforcement"]{--nav-hue:#ffca52}
.side .nav button[data-tab="budget"]{--nav-hue:#ff8e68}
.side .nav button[data-tab="reports"]{--nav-hue:#57d5b6}
.side .nav button[data-tab="history"]{--nav-hue:#a1baff}
.side .nav button[data-tab="settings"]{--nav-hue:#b4c6de}
.side .nav .nav-label{font-weight:650!important;letter-spacing:.005em}
@media(max-width:700px){.side::before,.side::after{display:none}.side .nav button:hover{transform:none}.side .nav .nav-icon{min-height:30px}}

/* 7.0.281: kuvanmukainen värikäs sivuvalikko, +60px leveys */
@media(min-width:701px){.shell{grid-template-columns:302px minmax(0,1fr)!important}}
@media(min-width:701px) and (max-width:1180px){.shell{grid-template-columns:265px minmax(0,1fr)!important}}
.side{background:linear-gradient(163deg,#06172d 0%,#08182f 53%,#082a50 85%,#05162e 100%)!important;border-right:1px solid #145486!important;padding:24px 14px!important}
.side::before{z-index:-1;left:-160px;right:-70px;bottom:-115px;height:390px;border-radius:48% 55% 0 0;border-top:2px solid #04b5f7;background:radial-gradient(ellipse at 80% 20%,#075c9b99,transparent 68%);transform:rotate(-19deg);opacity:.95;box-shadow:0 -5px 23px #00baff3d}
.side::after{z-index:-1;right:-120px;bottom:25px;width:350px;height:410px;background:radial-gradient(ellipse,#0484e05c,transparent 70%)}
.side .nav{gap:3px!important;margin-top:22px!important}
.side .nav button{width:100%;display:flex!important;align-items:center!important;gap:14px!important;min-height:57px!important;padding:7px 11px!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;transform:none!important;color:#f1f6ff!important}
.side .nav button.active{background:linear-gradient(110deg,#083a75,#0968ad 73%,#07508f)!important;border:1px solid #00c7ff!important;box-shadow:inset 4px 0 0 #42f1ff,0 0 15px #009dfb72!important}
.side .nav button:hover:not(.active){background:#153a62!important;border-color:#225a8a!important}
.side .nav .nav-icon{display:flex!important;align-items:center;justify-content:center;width:49px!important;height:46px!important;flex:0 0 49px!important;font-size:34px!important;line-height:1!important;background:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 3px 3px #0008)}
.side .nav .nav-label{font-size:14px!important;font-weight:750!important;line-height:1.25!important;letter-spacing:0!important;color:#f4f7ff!important;text-shadow:0 1px 2px #0005}
.side .nav button.active .nav-icon{background:none!important;border:0!important}
.side .nav button.active .nav-label{color:white!important}
@media(max-width:700px){.side{padding:14px!important}.side .nav{margin-top:12px!important;gap:5px!important}.side .nav button{width:auto;min-width:max-content!important}.side .nav .nav-icon{width:32px!important;flex-basis:32px!important;height:34px!important;font-size:25px!important}.side .nav .nav-label{font-size:12px!important}}

/* 7.0.282: kantikas aktiivinen valinta ja kolmiulotteiset valikkokuvakkeet */
.side .nav button.active{border-radius:0!important;background:linear-gradient(115deg,#063569 0%,#0967ae 70%,#07538d 100%)!important;border:1px solid #16caff!important;box-shadow:inset 4px 0 0 #66edff,inset 0 1px 0 #ffffff42,inset 0 -3px 7px #001a3b88,0 0 15px #009dfb66!important}
.side .nav button{border-radius:0!important}
.side .nav .nav-icon{font-family:'Segoe UI Emoji','Apple Color Emoji','Noto Color Emoji',sans-serif!important;font-variant-emoji:emoji;transform:translateY(-1px);filter:drop-shadow(0 2px 0 #06101e) drop-shadow(0 5px 4px #0009) drop-shadow(1px -1px 1px #ffffff38)!important;transition:transform .16s ease,filter .16s ease!important;isolation:isolate}
.side .nav button:hover .nav-icon{transform:translateY(-3px) scale(1.08);filter:drop-shadow(0 3px 0 #06101e) drop-shadow(0 7px 6px #000a) drop-shadow(0 0 6px #4bbaff55)!important}
.side .nav button.active .nav-icon{filter:drop-shadow(0 2px 0 #06101e) drop-shadow(0 5px 5px #0009) drop-shadow(0 0 5px #8deaff66)!important}

/* 7.0.283: sivuvalikon alareunan valoaalto pysyy aina ikkunan alareunassa.
   Sivupalkin korkeus ei enää seuraa eri näkymien sisältökorkeuksia. */
@media (min-width:701px){
  .shell{align-items:start!important}
  .shell > .side{
    position:sticky!important;
    top:0!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:0!important;
    align-self:start!important;
    overflow:hidden!important;
  }
  .shell > .side::before{
    bottom:-115px!important;
  }
  .shell > .side::after{
    bottom:25px!important;
  }
}
@media (min-width:701px) and (max-height:860px){
  .side{padding-top:12px!important;padding-bottom:8px!important}
  .side .nav{margin-top:9px!important;gap:0!important}
  .side .nav button{min-height:46px!important;padding-top:3px!important;padding-bottom:3px!important}
  .side .nav .nav-icon{height:38px!important;font-size:29px!important}
  .side > p.note{margin-top:12px!important;font-size:10px!important}
}
@media (max-width:700px){
  .shell > .side{position:relative!important;height:auto!important;min-height:0!important}
}

/* 7.0.284: yhtenäinen 14 px sisäreunus sivuvalikkoon */
@media (min-width:701px){
  .shell > .side{padding-left:14px!important;padding-right:14px!important;}
  .side .nav{margin-left:0!important;margin-right:0!important;}
  .side .nav button{width:100%!important;margin-left:0!important;margin-right:0!important;}
}
/* 7.0.285: korjataan nimenomaan sivuvalikon ja SISÄLLÖN välinen väli.
   Edellinen muutos sääti vain sivuvalikon sisäisiä reunoja. */
@media (min-width:701px){
  .shell > .main{padding-left:14px!important;padding-right:14px!important;max-width:none!important;margin:0!important;min-width:0!important;}
}

/* 7.0.287: hyväksytty My Finance -logo keskitettynä sivuvalikon yläosaan. */
.side .mf287-logo{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;width:100%;max-width:274px;margin:0 auto 12px!important;padding:0!important;line-height:1!important;text-align:center;letter-spacing:normal!important;text-shadow:none!important}
.side .mf287-logo img{display:block;width:100%;height:auto;max-height:110px;object-fit:contain;object-position:center;border:0;filter:drop-shadow(0 3px 10px rgba(0,179,255,.15))}
.side .mf287-logo+.nav{margin-top:8px!important}
@media(max-width:700px){.side .mf287-logo{max-width:250px;margin-bottom:8px!important}.side .mf287-logo img{max-height:85px}}

/* 7.0.288: logo sulautuu sivupalkin taustaan ilman suorakulmaista kuvarajaa */
.side .mf287-logo img{
  -webkit-mask-image:radial-gradient(ellipse 73% 78% at center, #000 48%, rgba(0,0,0,.92) 65%, rgba(0,0,0,.4) 84%, transparent 100%);
  mask-image:radial-gradient(ellipse 73% 78% at center, #000 48%, rgba(0,0,0,.92) 65%, rgba(0,0,0,.4) 84%, transparent 100%);
}

/* 7.0.289: logo aivan sivupalkin yläreunaan ja Etusivu heti sen alle */
.shell > .side{padding-top:0!important;}
.side .mf287-logo{margin-top:0!important;margin-bottom:0!important;min-height:0!important;height:auto!important;}
.side .mf287-logo img{margin:0!important;vertical-align:top!important;}
.side .mf287-logo + .nav{margin-top:0!important;padding-top:0!important;}
@media (max-width:700px){.shell > .side{padding-top:0!important}.side .mf287-logo{margin-bottom:0!important}.side .mf287-logo + .nav{margin-top:0!important}}

/* 7.0.290: logon alapuolinen sininen hohde jatkuu pehmeästi Etusivu-rivin yli. */
.side .mf287-logo{position:relative;isolation:isolate;}
.side .mf287-logo::after{
  content:"";position:absolute;pointer-events:none;z-index:-1;
  left:-14px;right:-14px;bottom:-58px;height:112px;
  background:radial-gradient(ellipse 77% 72% at 50% 15%,rgba(0,155,239,.29) 0%,rgba(0,116,205,.17) 35%,rgba(0,91,171,.07) 62%,transparent 100%);
}
.side .mf287-logo + .nav{position:relative;isolation:isolate;}
.side .mf287-logo + .nav::before{
  content:"";position:absolute;pointer-events:none;z-index:3;
  left:0;right:0;top:0;height:112px;
  background:linear-gradient(to bottom,rgba(13,124,198,.15) 0%,rgba(8,91,165,.08) 48%,transparent 100%);
}

/* 7.0.291: läpinäkyvä logokuva, ei erillistä valoa tai taustalaatikkoa */
.side .mf287-logo,.side .mf287-logo img{background:transparent!important;box-shadow:none!important;filter:none!important;}
.side .mf287-logo img{-webkit-mask-image:none!important;mask-image:none!important;}
.side .mf287-logo::before,.side .mf287-logo::after,.side .mf287-logo + .nav::before{content:none!important;display:none!important;background:none!important;}

/* 7.0.297: sivupalkin kanssa yhtenäinen, erillinen yläpalkki. */
.shell > .main > header{
  box-sizing:border-box!important;
  width:100%!important;
  margin:0 0 14px 0!important;
  padding:14px 16px!important;
  min-height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  background:linear-gradient(115deg,#091b33 0%,#102d4c 55%,#0a2039 100%)!important;
  border:1px solid #285074!important;
  border-radius:0!important;
  box-shadow:inset 0 1px 0 rgba(103,179,230,.08)!important;
}
.shell > .main > header h1{margin-top:0!important}
@media (min-width:701px){
  .shell > .main{padding-top:14px!important}
}
@media (max-width:700px){
  .shell > .main > header{padding:12px!important;min-height:0;gap:12px;flex-wrap:wrap}
}

/* 7.0.298: Backup and save status as a reorderable home panel after calendar. */
#homePanelBackup{padding:0 14px 14px!important;background:#19283e;border:1px solid #344862;min-width:0}
#homePanelBackup>.split{height:55px!important;min-height:55px!important;max-height:55px!important;box-sizing:border-box;display:flex;align-items:center;margin:0 -14px 14px!important;padding:0 14px!important;background:#214673;border-bottom:1px solid #47739b;gap:10px}
#homePanelBackup>.split h2{margin:0!important;color:#f2f7ff;font-size:17px}
#homePanelBackup>.split .panel-move-controls{margin-left:auto}
#homePanelBackup .safety-bar{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;display:flex;gap:12px;align-items:center;justify-content:space-between}
#homePanelBackup .safety-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:700px){#homePanelBackup .safety-bar{align-items:stretch}#homePanelBackup .safety-actions{width:100%}}
/* 7.0.299: Laajennuspainikkeet pysyvät muiden toimintojen edellä. */
#mf299BudgetToggle,#mf299PurchasesToggle{white-space:nowrap;flex-shrink:0}

/* 7.0.336: Tilirivien yhtenäinen asettelu */
#accountList .mf336-account-row{display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:16px;min-height:64px;padding:10px 0}
#accountList .mf336-account-name{min-width:0}
#accountList .mf336-account-actions{display:grid;grid-template-columns:112px 36px 36px 90px 120px 90px;gap:8px;align-items:center;justify-content:end;padding-right:0;flex-wrap:nowrap}
#accountList .mf336-account-actions button{border-radius:0!important;width:100%;height:36px;padding:7px 5px;white-space:nowrap;text-align:center}
#accountList .mf336-account-actions .amount{display:block;text-align:right;font-variant-numeric:tabular-nums;padding-right:5px}
@media(max-width:900px){#accountList .mf336-account-row{grid-template-columns:1fr;gap:9px}#accountList .mf336-account-actions{justify-content:start;grid-template-columns:100px 36px 36px 80px 110px 80px}}
/* 7.0.338: account arrows must occupy their own square grid cells, not merge into Edit */
#accountList .mf336-account-actions{display:grid!important;grid-template-columns:112px 36px 36px 90px 120px 90px!important;gap:8px!important;align-items:center;justify-content:end;flex-wrap:nowrap!important}
#accountList .mf336-account-actions > button{min-width:0!important;width:100%!important;height:36px!important;min-height:36px!important;box-sizing:border-box;padding:0 5px!important;border-radius:0!important;display:flex!important;align-items:center;justify-content:center}
#accountList .mf336-account-actions > button[data-action="moveAccountUp"],#accountList .mf336-account-actions > button[data-action="moveAccountDown"]{width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;padding:0!important;font-size:17px!important;line-height:1!important}
@media(max-width:900px){#accountList .mf336-account-actions{grid-template-columns:100px 36px 36px 90px 120px 90px!important;justify-content:start}}
@media(max-width:650px){#accountList .mf336-account-actions{grid-template-columns:minmax(72px,1fr) 36px 36px minmax(74px,1fr) minmax(100px,1.25fr) minmax(66px,.8fr)!important;gap:4px!important}#accountList .mf336-account-actions > button{font-size:11px!important;padding:0 2px!important}}


.mf-crypto-goals-inline .mf-goal-total{border-top:2px solid #64748b;font-weight:700;background:rgba(148,163,184,.07)}

/* 7.0.359: kryptotaulukoiden numeeriset otsikot ja arvot oikeaan reunaan */
.mf-crypto-goals-inline .mf-goal-compare-header>span:not(:first-child),
.mf-crypto-goals-inline .mf-goal-compare-row>span:not(:first-child){text-align:right!important;justify-self:stretch!important}
.mf-crypto-goals-inline .mf-goal-compare-header>span:first-child,
.mf-crypto-goals-inline .mf-goal-compare-row>span:first-child{text-align:left!important}
.mf98-staking-grid>b:not(:first-child),
.mf98-staking-grid>span:not(.mf104-coin):not(.mf104-total-label):not(.mf104-total-empty),
.mf98-staking-grid>.mf104-total-value{text-align:right!important}
.mf98-staking-grid>.mf104-total-label{text-align:left!important}

.mf160-sort-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.mf160-sort-heading h3{margin:0}.mf160-sort-heading label{display:flex;align-items:center;gap:7px;font-size:12px;color:#aebed4;white-space:nowrap}.mf160-sort-heading select{max-width:260px;min-width:185px;font-size:12px;padding:6px 24px 6px 8px}@media(max-width:650px){.mf160-sort-heading{align-items:flex-start}.mf160-sort-heading select{max-width:210px;min-width:150px}}

#settings .mf174-settings-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0;padding-bottom:12px;border-bottom:1px solid #31445b}
#settings .mf174-settings-tabs button{font-size:12px;min-height:40px;padding:10px 14px;white-space:normal;text-align:center;background:#273b54;color:#fff;border:1px solid transparent;border-radius:0;font-weight:700}
#settings .mf174-settings-tabs button.is-active{background:#2c639c!important;border-color:#60a5fa!important;color:#fff!important}
#settings .mf128-settings-layout.mf174-tab-layout{display:block!important;grid-template-columns:none!important}
#settings .mf174-settings-page{display:block;max-width:100%;min-width:0}
#settings .mf174-settings-page[hidden]{display:none!important}
#settings .mf174-settings-page>.mf131-category-card+#settings .mf174-settings-page>.mf131-category-card{margin-top:14px}
#settings .mf174-settings-page>.mf131-category-card{margin-bottom:16px}
@media(max-width:680px){#settings .mf174-settings-tabs{gap:5px}#settings .mf174-settings-tabs button{flex:1 1 140px;padding:9px 7px}}


#settings .mf174-settings-page.mf175-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
#settings .mf175-settings-grid > *{min-width:0;width:100%;box-sizing:border-box;margin:0!important;border:2px solid #080d15!important;border-radius:4px;padding:20px;background:#19263b}
/* 7.0.177: vanha koko rivin kattava kategoria-asettelu ei saa ohittaa välilehtien kahta saraketta. */
#settings .mf174-settings-page.mf175-settings-grid > .mf131-category-card{grid-column:auto!important}
#settings .mf174-settings-page.mf175-settings-grid > .mf175-work-types{grid-column:auto!important}
#settings .mf175-settings-grid .mf127-settings{min-height:245px}
#settings .mf175-work-types h3{margin-top:0}
#settings .mf175-work-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #34465f}
#settings .mf175-work-row span{overflow-wrap:anywhere}
#settings .mf175-work-add{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
#settings .mf175-work-add input{flex:1 1 180px;min-width:0}
@media(max-width:850px){#settings .mf174-settings-page.mf175-settings-grid{grid-template-columns:minmax(0,1fr)}}


/* Yhtenäinen ulkoreunus ja 6 px tapahtumaviiva. Säilytä laskukortin alkuperäinen tausta. */
#homePanelBills{border:1px solid #364a66!important;box-shadow:none!important}
#homePanelBills .bill-category-item,#homePanelBills .item:not(.bill-category-item){border-left-width:6px!important;padding-left:12px!important}
#homePurchasesPanel .bill-sort-actions{min-width:0;flex-wrap:wrap}
#homePurchasesPanel #purchaseSort{min-width:160px;max-width:245px}
@media(max-width:650px){#homePurchasesPanel #purchaseSort{flex:1 1 170px;max-width:none}}


#homePanelCalendar{min-width:0}#homePanelCalendar .split{align-items:center;gap:8px}#homePanelCalendar .split h2{margin:0}#homePanelCalendar .mf215-home-cal-title{font-size:14px;color:#cbd5e1;margin:9px 0 12px;text-transform:capitalize;font-weight:650}
.mf215-home-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;min-width:0}.mf215-week{text-align:center;font-size:11px;font-weight:700;color:#aebbd0;padding:3px 0 6px}.mf215-day{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;min-height:58px;padding:0 1px 5px!important;border:1px solid #39485c;border-radius:7px;background:#17263b;color:#f1f5f9;cursor:pointer;overflow:hidden}.mf215-day:hover,.mf215-day:focus-visible{outline:2px solid #60a5fa;outline-offset:0}.mf215-daynum{width:100%;height:23px;display:flex;align-items:center;justify-content:flex-end;padding-right:6px;box-sizing:border-box;background:#f8fafc;color:#17263b;font-size:12px;font-weight:800}.mf215-red .mf215-daynum{background:#c73545;color:white}.mf215-net{font-size:clamp(9px,.85vw,13px);font-weight:800;line-height:1.2;white-space:nowrap;letter-spacing:-.4px;margin:auto 0;max-width:100%;font-variant-numeric:tabular-nums}.mf215-positive{color:#6ee7a5}.mf215-negative{color:#fda4af}.mf215-neutral{color:#cbd5e1}.mf215-home-help{font-size:11px;margin:10px 0 0!important}.mf215-tooltip{position:fixed;z-index:100005;max-width:min(340px,calc(100vw - 16px));min-width:225px;max-height:min(390px,65vh);overflow:auto;background:#0e1b2c;color:#f1f5f9;border:1px solid #64748b;border-radius:10px;padding:12px 14px;box-shadow:0 16px 40px #0009;pointer-events:none;font-size:13px}.mf215-tooltip[hidden]{display:none!important}.mf215-tooltip>strong{display:block;margin-bottom:8px}.mf215-tip-row{display:flex;justify-content:space-between;gap:15px;padding:5px 0;border-bottom:1px solid #334155}.mf215-tip-row span{overflow-wrap:anywhere}.mf215-tip-row b{white-space:nowrap}.mf215-tip-total{display:flex;justify-content:space-between;gap:12px;padding-top:10px;font-weight:700}.mf215-tip-total b{white-space:nowrap}@media(max-width:700px){.mf215-day{min-height:52px}.mf215-net{font-size:10px;letter-spacing:-.7px}.mf215-home-cal-grid{gap:3px}}


/* 7.0.217: Talouskalenterin otsake samaa kokoa kuin muissa etusivun korteissa. */
#homePanelCalendar{padding-top:0!important;overflow:visible}
#homePanelCalendar>.split{
  background:linear-gradient(90deg,#193b67 0%,#22548b 65%,#1c426e 100%)!important;
  border-bottom:1px solid #4787c7!important;
  border-radius:0!important;
  padding:12px 15px!important;
  margin:0 -20px 13px!important;
  min-height:54px!important;
  display:flex!important;align-items:center!important;gap:9px!important;
}
#homePanelCalendar>.split h2{color:#eff7ff!important;font-weight:750!important;margin:0!important}
#homePanelCalendar>.split>.panel-move-controls{margin-left:0!important;flex:0 0 auto}
#homePanelCalendar>.split>button[data-tab]{margin-left:0!important;white-space:nowrap}
@media(max-width:700px){#homePanelCalendar>.split{margin-left:-14px!important;margin-right:-14px!important;padding:10px 12px!important}}


/* 7.0.217: Etusivun muiden korttien otsakkeet kalenterin otsakkeen mittoihin. */
#homePanelAccounts,#homePanelIncome,#homePanelBudget,#homePurchasesPanel,#homePanelBills,#netBalanceCard{padding-top:0!important;overflow:visible}
#homePanelAccounts>.split,#homePanelIncome>.split,#homePanelBudget>.split,#homePurchasesPanel>.split,#homePanelBills>.split,#netBalanceCard>.net-balance-head{
  border-radius:0!important;margin:0 -20px 13px!important;padding:12px 15px!important;
  height:auto!important;min-height:54px!important;max-height:none!important;
  box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:9px!important;
}
#homePanelAccounts>.split,#homePanelIncome>.split,#netBalanceCard>.net-balance-head{
  background:linear-gradient(90deg,#174d42 0%,#1b5a4b 65%,#19473f 100%)!important;
  border-bottom:1px solid #2b8d70!important;
}
#homePanelBudget>.split,#homePurchasesPanel>.split,#homePanelBills>.split{
  background:linear-gradient(90deg,#6b303d 0%,#793443 65%,#612d3a 100%)!important;
  border-bottom:1px solid #b56c7e!important;
}
#homePanelAccounts>.split h2,#homePanelIncome>.split h2,#homePanelBudget>.split h2,#homePurchasesPanel>.split h2,#homePanelBills>.split h2{
  margin:0!important;align-self:center!important;font-weight:750!important;
}
#netBalanceCard>.net-balance-head #netBalanceHeading{margin:0!important;align-self:center!important}
@media(max-width:700px){
 #homePanelAccounts>.split,#homePanelIncome>.split,#homePanelBudget>.split,#homePurchasesPanel>.split,#homePanelBills>.split,#netBalanceCard>.net-balance-head{
   margin-left:-14px!important;margin-right:-14px!important;padding:10px 12px!important;
 }
}


/* Viikkonumerot molempien kalenterien vasemmassa reunassa. */
#mfCalendar .mf-cal-grid,.mf215-home-cal-grid{grid-template-columns:minmax(25px,0.35fr) repeat(7,minmax(0,1fr))}
.mf218-week-heading,.mf218-week-number{display:flex;align-items:center;justify-content:center;min-width:0;color:#aebbd0;font-size:12px;font-weight:700}
.mf218-week-heading{align-self:center;font-size:11px}
.mf218-week-number{background:#203149;border:1px solid #34465d;border-radius:6px;color:#b9cbe4;font-variant-numeric:tabular-nums}
#mfCalendar .mf218-week-number{min-height:120px}
.mf215-home-cal-grid .mf218-week-number{font-size:10px;min-height:52px}
@media(max-width:650px){#mfCalendar .mf-cal-grid,.mf215-home-cal-grid{grid-template-columns:minmax(19px,.32fr) repeat(7,minmax(0,1fr))}.mf218-week-number{font-size:10px!important}}


/* Viikkonumerot ja viikonpäiväotsikot ilman erillisiä ruutujen reunuksia. */
#mfCalendar .mf218-week-number,.mf215-home-cal-grid .mf218-week-number{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#mfCalendar .mf-cal-week,.mf215-home-cal-grid .mf215-week{border:0!important;background:transparent!important;box-shadow:none!important}
/* Pyhän nimi pienessä kalenterissa, päiväluvun vieressä. */
.mf215-daynum{gap:2px;justify-content:space-between!important;padding-left:3px;min-width:0}
.mf219-holiday{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(6px,.58vw,9px);font-weight:700;line-height:1.05;text-align:left}
.mf219-day-number{flex:none;margin-left:auto}
@media(max-width:700px){.mf219-holiday{font-size:6px}}


.mf220-overlay[hidden]{display:none!important}
.mf220-overlay{position:fixed;inset:0;z-index:9000;background:rgba(3,10,22,.82);display:flex;justify-content:center;align-items:flex-start;padding:3vh 2vw;box-sizing:border-box;overflow:auto}
.mf220-dialog{max-height:min(1200px,94vh);overflow-y:auto;position:relative;width:min(1700px,100%);background:#142237;border:1px solid #4b6483;border-radius:16px;box-shadow:0 25px 90px #0009;padding:54px 14px 14px;box-sizing:border-box}
.mf220-dialog #mfCalendar{display:block!important;width:100%}
.mf220-dialog #mfCalendar>.panel{margin:0}
.mf220-close{position:absolute;top:10px;right:14px;z-index:1}
body.mf220-calendar-open{overflow:hidden}
@media(max-width:650px){.mf220-overlay{padding:1vh 1vw}.mf220-dialog{padding:48px 4px 8px;border-radius:9px}}


/* Korosta nykyinen päivämäärä kummassakin kalenterissa, myös pyhäpäivinä. */
#mf215HomeGrid .mf215-day.mf224-today,
#mfCalendar .mf-cal-day.mf224-today{outline:3px solid #facc15!important;outline-offset:-3px!important;box-shadow:0 0 0 2px rgba(250,204,21,.25),0 0 14px rgba(250,204,21,.25)!important;position:relative;z-index:1}
#mf215HomeGrid .mf215-day.mf224-today .mf219-day-number{border-radius:5px;padding:2px 4px;background:#facc15;color:#17263b!important}
#mfCalendar .mf-cal-day.mf224-today .mf210-cal-date{border-radius:7px;padding:5px 8px;background:#facc15;color:#17263b!important}


/* 7.0.235: palkkatarkistuksen loppusummat oikeaan reunaan */
.mf230-pay-layout .mf234-total-right { text-align: right !important; width: 100%; box-sizing: border-box; }


/* 7.0.240: Both planning tables share the left-hand table typography and geometry. */
#work .mf228-planning-shell .mf236-goals-table,
#work .mf228-planning-shell .mf236-goals-table th,
#work .mf228-planning-shell .mf236-goals-table td,
#work .mf228-planning-shell .mf145-table,
#work .mf228-planning-shell .mf145-table th,
#work .mf228-planning-shell .mf145-table td {font-family:inherit;font-size:13px;line-height:1.4;letter-spacing:normal;}
#work .mf228-planning-shell .mf236-goals-table th,
#work .mf228-planning-shell .mf145-table th {font-weight:700;}
#work .mf228-planning-shell .mf236-goals-table td,
#work .mf228-planning-shell .mf145-table td {font-weight:400;}
#work .mf228-planning-shell .mf236-goals-table td strong,
#work .mf228-planning-shell .mf145-table td strong {font-weight:700;}
#work .mf228-planning-shell .mf236-goals-table input,
#work .mf228-planning-shell .mf145-table input {font-family:inherit;font-size:13px;font-weight:600;}
#work .mf228-planning-shell .mf229-goals-heading h3,
#work .mf228-planning-shell .mf145-forecast > h3 {font-family:inherit;font-size:18px;line-height:1.3;font-weight:700;}
#work .mf228-planning-shell .mf237-goals-description,
#work .mf228-planning-shell .mf145-forecast > .mf134-muted {font-family:inherit;font-size:12px;line-height:1.45;}


/* 7.0.250: sama otsikko- ja tietorivien geometria molemmissa taulukoissa. */
@media (min-width:1251px) {
 #work .mf228-planning-shell .mf145-table thead tr,
 #work .mf228-planning-shell .mf236-goals-table thead tr {height:48px!important;}
 #work .mf228-planning-shell .mf145-table tbody tr:not(.mf145-total),
 #work .mf228-planning-shell .mf236-goals-table tbody tr:not(.mf236-goals-total) {height:56px!important;}
 #work .mf228-planning-shell .mf145-table tbody tr.mf145-total,
 #work .mf228-planning-shell .mf236-goals-table tbody tr.mf236-goals-total {height:36px!important;}
 #work .mf228-planning-shell .mf145-table th,
 #work .mf228-planning-shell .mf145-table td,
 #work .mf228-planning-shell .mf236-goals-table th,
 #work .mf228-planning-shell .mf236-goals-table td {padding-top:0!important;padding-bottom:0!important;box-sizing:border-box!important;}
 #work .mf228-planning-shell .mf145-table input,
 #work .mf228-planning-shell .mf236-goals-table input {height:36px!important;box-sizing:border-box!important;}
}


/* Work section: extend only the left card background/border to the right column's bottom. */
@media (min-width:1051px){
 #work .mf228-work-layout{align-items:stretch;}
 #work .mf228-work-layout>.mf228-left{display:flex;flex-direction:column;min-height:0;}
 #work .mf228-work-layout>.mf228-left>.mf134-card{flex:1 1 auto;box-sizing:border-box;}
}


/* Visual-only grouping: retain all original work forms, IDs, handlers and calculations. */
#work #mf246OriginalWork>.panel{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
#work #mf246OriginalWork .mf144-kpis{gap:10px!important;margin-bottom:18px!important}
#work #mf246OriginalWork .mf228-work-layout{gap:16px!important;margin-top:0!important;align-items:stretch}
#work #mf246OriginalWork .mf228-work-layout>.mf228-right{background:#19263b;border:1px solid #34465f;padding:16px;box-sizing:border-box;min-width:0}
#work #mf246OriginalWork .mf228-work-layout>.mf228-right>.mf134-card{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
#work #mf246OriginalWork .mf228-work-layout>.mf228-right>.mf134-card+.mf134-card{margin-top:20px!important;padding-top:18px!important;border-top:1px solid #34465f!important}
#work #mf246OriginalWork .mf228-planning-shell{margin-top:16px!important}
#work #mf246OriginalWork .mf228-work-layout>.mf228-left>.mf134-card{height:100%;box-sizing:border-box}
@media(max-width:700px){#work #mf246OriginalWork .mf228-work-layout>.mf228-right{padding:12px}}


/* 7.0.251: one spacing token for the work dashboard; no data or script changes. */
#work #mf246OriginalWork{--mf-work-gap:14px}
#work #mf246OriginalWork .mf144-kpis{gap:var(--mf-work-gap)!important;margin:0 0 var(--mf-work-gap)!important}
#work #mf246OriginalWork .mf228-work-layout{gap:var(--mf-work-gap)!important;margin:0!important}
#work #mf246OriginalWork .mf228-planning-shell{margin:var(--mf-work-gap) 0 0!important}
#work #mf246OriginalWork .mf228-work-layout>.mf228-right>.mf134-card+.mf134-card{margin-top:var(--mf-work-gap)!important;padding-top:var(--mf-work-gap)!important}
#work #mf246OriginalWork .mf228-work-layout>.mf228-right{padding:16px!important}
#work #mf246OriginalWork .mf228-work-layout>.mf228-left>.mf134-card{margin:0!important}
#work #mf246OriginalWork .mf228-planning-shell .mf228-planning-layout{gap:var(--mf-work-gap)!important}
#work #mf246OriginalWork .mf228-planning-shell .mf228-plan{padding-left:var(--mf-work-gap)!important}
@media(max-width:700px){#work #mf246OriginalWork .mf228-work-layout>.mf228-right{padding:14px!important}}


/* 7.0.252: consistent structural spacing only. Keep forms, data and scripts unchanged. */
:root{--mf252-layout-gap:14px}
#home .cards.premium-kpis{gap:var(--mf252-layout-gap)!important}
#home .grid.home-columns{gap:var(--mf252-layout-gap)!important}
#home .home-assets,#home .home-expenses{gap:var(--mf252-layout-gap)!important}
#home .home-columns .panel{margin-bottom:var(--mf252-layout-gap)!important}
#crypto .mf-crypto-layout{gap:var(--mf252-layout-gap)!important}
#crypto .mf98-cards{gap:var(--mf252-layout-gap)!important}
#work .mf246-grid{gap:var(--mf252-layout-gap)!important;margin-bottom:var(--mf252-layout-gap)!important}
#work .mf246-panel{margin-bottom:var(--mf252-layout-gap)!important}
#work #mf246OriginalWork .mf230-pay-columns{gap:var(--mf252-layout-gap)!important}
#work #mf246OriginalWork .mf164-summary-columns{gap:var(--mf252-layout-gap)!important}
/* Keep aligned paired cards inside their grid cells, including padding and borders. */
#home .cards.premium-kpis>.card,#home .grid.home-columns>*,
#crypto .mf-crypto-layout>*,#work .mf246-grid>*,
#work #mf246OriginalWork .mf228-work-layout>*,
#work #mf246OriginalWork .mf228-planning-layout>*{min-width:0;box-sizing:border-box}
@media(max-width:700px){#home .cards.premium-kpis,#home .grid.home-columns,#crypto .mf-crypto-layout{gap:var(--mf252-layout-gap)!important}}


/* 7.0.253: crypto metric cards use the same 14px gutter as the rest of the app. */
#crypto #mf98Summary .mf98-cards,
#crypto .mf-plan-stats,
#crypto #mf98TradeSummary .mf98-cards {gap:14px!important;column-gap:14px!important;row-gap:14px!important}
#crypto #mf98Summary .mf98-cards>div,
#crypto .mf-plan-stats>div,
#crypto #mf98TradeSummary .mf98-cards>div {min-width:0;box-sizing:border-box}


/* 7.0.254: The KPI row has no enclosing filled panel: gaps expose the page background. */
#crypto #mfCryptoPortfolioView > .mf99-summary-panel {
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0 0 14px!important;
}
#crypto #mfCryptoPortfolioView #mf98Summary,
#crypto #mfCryptoPortfolioView #mf98Summary .mf98-cards {margin:0!important;}
#crypto #mfCryptoPortfolioView #mf98Summary .mf98-cards {
  gap:14px!important;
  column-gap:14px!important;
  row-gap:14px!important;
}
#crypto #mfCryptoPortfolioView #mf98Summary .mf98-cards > div {
  background:#19263B!important;
  border:1px solid #334155!important;
  box-sizing:border-box!important;
}


/* 7.0.255: Kryptosalkun laatikot ja mittarikortit suorakulmaisiksi. */
#crypto .panel,
#crypto .card,
#crypto .mf98-cards > div,
#crypto .mf-plan-stats > *,
#crypto .mf-crypto-kpi-grid > *,
#crypto [class*="-card"],
#crypto [class*="-panel"],
#crypto [class*="-box"],
#crypto [class*="-summary"],
#crypto .mf98-chart svg {border-radius:0!important;}


.mf256-heading-line{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
#mf256AnalyticsHeading{display:none;flex-direction:column;align-items:flex-start;gap:3px;color:#a8bfdc;font-size:13px}
#mf256AnalyticsHeading strong{font-size:17px;color:#f1f6ff}
body:has(#work.active) #mf256AnalyticsHeading{display:flex}
#work .mf246-head{justify-content:flex-end}
#work .mf246-analytics .mf246-head{width:100%;display:flex;justify-content:flex-end;align-items:center;text-align:right}
#work .mf246-analytics .mf246-head label{display:inline-flex;align-items:center;justify-content:flex-end;gap:12px;margin-left:auto;margin-right:0;white-space:nowrap}
#work .mf246-analytics .mf246-head select{margin:0}
@media(max-width:760px){.mf256-heading-line{gap:8px}#mf256AnalyticsHeading{gap:6px}}


#work .mf258-chart-controls{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap;margin-left:auto}
#work .mf258-period{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;color:#dce8f8}
#work .mf258-period select{min-width:110px;margin:0}
#work .mf249-chart-head{gap:14px}
#mf256AnalyticsHeading strong{line-height:1.2}
#mf256AnalyticsHeading span{line-height:1.3}
@media(max-width:700px){#work .mf258-chart-controls{margin-left:0;justify-content:flex-start}}
.mf273-chart{overflow-x:auto;padding:14px 0 4px}.mf273-groups{display:flex;align-items:flex-end;gap:9px;min-height:235px}.mf273-month{flex:1;min-width:52px;text-align:center}.mf273-pair{display:flex;align-items:flex-end;gap:4px;height:205px;border-bottom:1px solid #40546a;padding:0 3px}.mf273-stack{height:100%;flex:1;display:flex;flex-direction:column-reverse;justify-content:flex-start;min-width:0}.mf273-segment{width:100%;min-height:0;flex-shrink:0}.mf273-month small{display:block;font-size:10px;color:#a9bad0;margin-top:7px}.mf273-legend{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:14px;font-size:12px}.mf273-legend span{display:inline-flex;align-items:center;gap:6px}.mf273-legend i{display:inline-block;width:10px;height:10px;flex-shrink:0}


/* Ennusteraportin kuukausikohtaiset muokkauspainikkeet */
button.mf277-income-btn{background:#205b43;color:#e9fff3;border:1px solid #347e5d}
button.mf277-income-btn:hover{background:#2b7254}
button.mf277-expense-btn{background:#733c49;color:#fff;border:1px solid #92515f}
button.mf277-expense-btn:hover{background:#8b4655}


/* 7.0.296: käyttörahakortin otsake samaan linjaan muiden etusivun korttien kanssa. */
#home #netBalanceCard{padding-left:20px!important;padding-right:20px!important;padding-top:0!important;box-sizing:border-box!important}
#home #netBalanceCard>.net-balance-head{margin-left:-20px!important;margin-right:-20px!important;width:calc(100% + 40px)!important;box-sizing:border-box!important}
/* Kalenterin päiväruutujen korkeuteen 25 px lisää; otsakepalkkeihin ei kosketa. */
#homePanelCalendar .mf215-day{min-height:83px!important}
#homePanelCalendar .mf215-daynum{font-size:14px!important}
#homePanelCalendar .mf219-day-number{font-size:14px!important}
#homePanelCalendar .mf215-net{font-size:clamp(12px,1vw,16px)!important;letter-spacing:-.2px!important}
#homePanelCalendar .mf215-home-cal-grid .mf218-week-number{min-height:77px!important;font-size:12px!important}
@media(max-width:700px){
 #home #netBalanceCard{padding-left:14px!important;padding-right:14px!important}
 #home #netBalanceCard>.net-balance-head{margin-left:-14px!important;margin-right:-14px!important;width:calc(100% + 28px)!important}
 #homePanelCalendar .mf215-day{min-height:77px!important}
 #homePanelCalendar .mf215-net{font-size:12px!important}
}


/* Kaikkien oikean sarakkeen menokorttien yhteinen varauskortin ilme. */
#homePanelBills .mf302-bill-reserve,
#homePurchasesPanel .unbudgeted-budget-category,
#homePanelBudget .budget-category{
 background:#19263b!important;border:1px solid #344862!important;
 border-radius:0!important;box-shadow:none!important;color:#f1f5f9!important;
 padding:14px 16px!important;box-sizing:border-box!important;
}
#homePanelBills .mf302-bill-reserve{margin-bottom:14px!important}
#homePanelBills .mf302-bill-reserve .progress>div,
#homePurchasesPanel .unbudgeted-budget-category .progress>div,
#homePanelBudget .budget-category .progress>div{background:#60a5fa!important}
#homePanelBills .mf302-bill-reserve .budget-header,
#homePurchasesPanel .unbudgeted-budget-category .budget-header,
#homePanelBudget .budget-category .budget-header{align-items:center}


/* Kohdista laskurivien vasen reuna laskuvarauksen sisällön kanssa. */
#homePanelBills #homeBills,
#homePanelBills #homePreviousOneOffBills{
 padding-left:16px!important;
 padding-right:16px!important;
 box-sizing:border-box!important;
}


/* Yksi yhtenäinen reunus laskuvarauksen ja kaikkien laskurivien ympärillä. */
#homePanelBills .mf304-bill-group{
 background:#19263b!important;border:1px solid #344862!important;
 border-radius:0!important;padding:14px 16px!important;box-sizing:border-box!important;
 margin-bottom:14px!important;
}
#homePanelBills .mf304-bill-group>.mf302-bill-reserve{
 border:0!important;margin:0 0 12px!important;padding:0!important;
 background:transparent!important;box-shadow:none!important;
}
#homePanelBills .mf304-bill-group>#homeBills,
#homePanelBills .mf304-bill-group>#homePreviousOneOffBills{
 padding-left:0!important;padding-right:0!important;
}


.mf305-modal .mf305-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 4px 12px;border-bottom:1px solid #40516b;font-size:13px;font-weight:700}
.mf305-modal .mf305-toolbar button{width:38px;min-width:38px;height:32px;padding:0;font-size:19px}
.mf305-modal .mf305-chain{grid-template-columns:180px minmax(250px,1fr) 282px;align-items:start}
.mf305-modal .mf305-chain[hidden]{display:none!important}
.mf305-modal .mf305-chain>label{padding-top:6px}
.mf305-addresses{display:flex;flex-direction:column;gap:5px;min-width:0}
.mf305-address-row{display:flex;gap:5px;align-items:center;min-width:0}
.mf305-address-row input{flex:1;min-width:0}
.mf305-address-row .mf305-remove{width:31px;min-width:31px;height:33px;padding:0!important;line-height:1;font-size:18px}
.mf305-modal .mf704-stake{display:flex;gap:5px;align-items:center;min-height:33px}
.mf305-modal .mf704-stake .mf305-add{flex:0 0 32px!important;width:32px!important;min-width:32px!important;max-width:32px!important;padding:0!important;font-size:19px!important}
.mf305-modal .mf704-stake button[data-staking-chain]{flex:0 0 158px!important}
@media(max-width:760px){.mf305-modal .mf305-chain{grid-template-columns:minmax(0,1fr)}.mf305-modal .mf305-chain>label{padding-top:0}}


.mf309-heading{margin-top:10px;padding:12px 14px;background:#1c3855;border-left:3px solid #4b92c5;color:#e7f4ff;font-weight:800}
.mf309-main{border:1px solid #354b65;margin:8px 0;background:#14263c;padding:0 12px}
.mf309-main summary{padding:13px 3px;cursor:pointer;font-weight:800;color:#e9f3ff}
.mf309-count{float:right;color:#a5bed4;font-size:12px;font-weight:500}
.mf309-sub{border-top:1px solid #30465f;padding:12px 2px}
.mf309-chips{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}
.mf309-chips span{padding:5px 9px;border:1px solid #395573;background:#1d344f;font-size:12px;color:#d8e7f5}
.mf309-chips em{font-size:12px;color:#9caec0}
.mf309-addsub{padding:12px 0}
.mf309-help{font-size:12px}


/* 7.0.310: kuusi loogisesti järjestettyä perustietoa, 2 saraketta / 3 riviä */
#modalForm .mf310-primary{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
#modalForm .mf310-primary>label{min-width:0;margin:0}
#modalForm .mf310-primary .mf179-place-row{max-width:100%;min-width:0}
#modalForm .mf310-primary .mf179-place-row input{min-width:0}
#modalForm .mf310-lines{grid-column:1/-1;border:1px solid #39516a;padding:13px;background:#14273d;display:flex;flex-direction:column;gap:10px}
#modalForm .mf310-lines h3{margin:0;font-size:15px}
#modalForm .mf310-line{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,.38fr) auto;gap:10px;align-items:end}
#modalForm .mf310-line label{margin:0;min-width:0}
#modalForm .mf310-line button{height:39px}
#modalForm .mf310-other{grid-column:1/-1;border-top:1px solid #344a60;padding-top:12px}
@media(max-width:650px){#modalForm .mf310-primary{grid-template-columns:1fr}#modalForm .mf310-line{grid-template-columns:minmax(0,1fr) 105px auto;gap:5px}}


/* 7.0.311: laskun syöttö neljään selkeään osioon; muut lomakkeet ennallaan. */
#modalForm .mf311-bill-section{margin:0 0 15px;padding:14px 15px;border:1px solid #354a65;background:#14243a;border-radius:4px;min-width:0}
#modalForm .mf311-bill-section h3{font-size:15px;color:#dcecff;margin:0 0 12px;font-weight:800}
#modalForm .mf311-bill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;align-items:start}
#modalForm .mf311-bill-grid>label{min-width:0;margin:0}
#modalForm .mf311-bill-grid>.wide{grid-column:1/-1}
#modalForm .mf311-bill-section>.note{margin:10px 0 0}
@media(max-width:650px){#modalForm .mf311-bill-grid{grid-template-columns:1fr}}


/* 7.0.312: laskulomakkeen kaikki valinnat peräkkäin yhdessä sarakkeessa. */
#modalForm .mf311-bill-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
#modalForm .mf311-bill-grid>*,#modalForm .mf311-bill-grid>.wide{grid-column:1/-1!important;min-width:0}


/* 7.0.313: pakota jokainen laskulomakkeen kenttä omalle täysleveälle riville. */
#modalForm .mf311-bill-section .mf311-bill-grid{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;grid-template-columns:none!important;gap:12px!important;width:100%!important}
#modalForm .mf311-bill-section .mf311-bill-grid>*{display:block!important;flex:none!important;grid-column:auto!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}
#modalForm .mf311-bill-section .mf311-bill-grid>label{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important}
#modalForm .mf311-bill-section .mf311-bill-grid>label>input,#modalForm .mf311-bill-section .mf311-bill-grid>label>select,#modalForm .mf311-bill-section .mf311-bill-grid>label>textarea{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
#modalForm .mf311-bill-section .mf311-bill-grid .mf-percent-income-list{display:flex!important;flex-direction:column!important;align-items:stretch!important}


/* 7.0.314: kolme osiota pystysuunnassa, kentät kahdessa sarakkeessa. */
#modalForm .mf311-bill-section .mf311-bill-grid{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 flex-direction:initial!important;align-items:start!important;gap:12px 14px!important;width:100%!important;
}
#modalForm .mf311-bill-section .mf311-bill-grid>*{
 display:block!important;width:auto!important;max-width:none!important;min-width:0!important;
 grid-column:auto!important;box-sizing:border-box!important;
}
#modalForm .mf311-bill-section .mf311-bill-grid>label{display:flex!important;flex-direction:column!important;gap:5px!important}
#modalForm .mf311-bill-section .mf311-bill-grid>.wide{grid-column:1/-1!important}
#modalForm .mf311-bill-section .note{display:none!important}
#modalForm .mf314-legacy-hidden{display:none!important}
@media(max-width:650px){#modalForm .mf311-bill-section .mf311-bill-grid{grid-template-columns:minmax(0,1fr)!important}}


/* Laskun syöttö: leveä työpöytälomake, mobiilissa ei vaakavieritystä. */
@media (min-width:800px){.modalbg .modal.mf315-bill-dialog{width:1000px!important;min-width:800px!important;max-width:calc(100vw - 32px)!important;box-sizing:border-box!important}}
@media (max-width:799px){.modalbg .modal.mf315-bill-dialog{width:calc(100vw - 24px)!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important}}

.mf323-order{display:inline-flex;gap:5px;float:right;margin-left:12px}.mf323-order button{min-width:31px;padding:4px 8px}.mf323-order button:disabled{opacity:.35;cursor:default}.mf309-main summary{display:flow-root}.mf309-count{margin-left:10px}
#mf309TaxonomySettings .mf324-mainrow{position:relative;margin-bottom:9px}#mf309TaxonomySettings .mf324-actions{display:flex;gap:5px;position:absolute;right:9px;top:7px;z-index:2}#mf309TaxonomySettings .mf324-actions button{min-width:32px;padding:5px 8px}#mf309TaxonomySettings .mf324-mainrow summary{padding-right:175px;min-height:40px;box-sizing:border-box}#mf309TaxonomySettings .mf324-subheading{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:6px}#mf309TaxonomySettings .mf324-actions button:disabled{opacity:.35}@media(max-width:600px){#mf309TaxonomySettings .mf324-actions{position:static;justify-content:flex-end;margin-bottom:3px}#mf309TaxonomySettings .mf324-mainrow summary{padding-right:12px}}

/* 7.0.326: etusivun kalenterin päiväruudut +30 px aiemmasta.
   Viikkonumerot pysyvät ruutujen kanssa samankorkuisina. */
#homePanelCalendar .mf215-day{min-height:113px!important}
#homePanelCalendar .mf215-home-cal-grid .mf218-week-number{min-height:107px!important}
#homePanelCalendar .mf215-net{font-size:clamp(13px,1vw,17px)!important}
@media(max-width:700px){
 #homePanelCalendar .mf215-day{min-height:107px!important}
 #homePanelCalendar .mf215-home-cal-grid .mf218-week-number{min-height:101px!important}
 #homePanelCalendar .mf215-net{font-size:13px!important}
}

.mf340-sales-report{margin-bottom:16px;border-radius:0!important}.mf340-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.mf340-summary>div{padding:14px;border:1px solid #38506b;border-radius:0;display:flex;flex-direction:column;gap:8px}.mf340-summary strong{font-size:20px}.mf340-total td{border-top:2px solid currentColor}.mf340-details{margin-top:16px}.mf340-details summary{cursor:pointer;font-weight:700;padding:10px 0}@media(max-width:720px){.mf340-summary{grid-template-columns:1fr}}
#reportSections>button{cursor:grab;user-select:none}#reportSections>button:active{cursor:grabbing}#reportSections>button.mf354-dragging{opacity:.4}#reportSections>button.mf354-before{box-shadow:-4px 0 #60a5fa}#reportSections>button.mf354-after{box-shadow:4px 0 #60a5fa}

/* Yleisasetusten ID-kohtainen display:grid ei saa ohittaa hidden-tilaa. */
#settings #mf174-settings-general[hidden],
#settings #mf174-settings-spending[hidden],
#settings #mf174-settings-sales[hidden],
#settings #mf174-settings-finance[hidden],
#settings .mf174-settings-page[hidden]{display:none!important;}


#settings .mf174-settings-page{column-gap:var(--mf-user-card-gap,14px)!important;row-gap:var(--mf-user-card-gap,14px)!important}
#settings .mf174-settings-page .mf182-setting-card{border-radius:0!important}
body.mf-user-hide-move #settings .mf-settings-move,body.mf-user-hide-move #settings [data-mf-move],body.mf-user-hide-move #settings .mf347-move{display:none!important}


 @page{size:A4;margin:16mm 14mm}*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;color:#19324c;font-size:10px;line-height:1.45;margin:0}h1{font-size:21px;margin:0 0 7px;color:#19324c}h2{font-size:14px;color:#19324c;margin:21px 0 8px;break-after:avoid;page-break-after:avoid}.muted{color:#536579;font-size:9px}.pdf-table{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:8px}.pdf-table th{background:#dce9f4;color:#19324c;text-align:left;font-size:9px;padding:7px 6px;border-bottom:1px solid #7b9cba}.pdf-table th:last-child{text-align:right}.pdf-table td{font-size:9px;padding:7px 6px;border-bottom:1px solid #e1e8ef;overflow-wrap:anywhere;vertical-align:top}.pdf-table tbody tr:nth-child(even){background:#f4f7fa}.pdf-table thead{display:table-header-group}.pdf-table tr{break-inside:avoid;page-break-inside:avoid}.num{text-align:right;white-space:nowrap}.subtotal{font-weight:600;margin:10px 0 0;break-inside:avoid}.summary{break-inside:avoid;page-break-inside:avoid}.summary .pdf-table tbody tr:last-child{font-weight:bold;background:#e7f0f7}.grand{border-top:2px solid #19324c;margin:15px 0 0 auto;max-width:350px;padding-top:9px;break-inside:avoid}.grand p{display:flex;justify-content:space-between;gap:10px;margin:6px 0}.grand p:last-child{font-size:13px;font-weight:bold}.footer{color:#607080;font-size:8px;margin-top:18px}@media screen{body{max-width:850px;margin:24px auto;padding:0 24px}}
 

/* Todelliset 14 px mustat erotuskaistat asetusten kaikissa välilehdissä. */
#settings .mf174-settings-page.mf175-settings-grid{
  display:grid!important;
  gap:14px!important;
  column-gap:14px!important;
  row-gap:14px!important;
  padding:14px!important;
  background:#000!important;
  align-items:start!important;
  box-sizing:border-box!important;
}
#settings .mf174-settings-page.mf175-settings-grid > *{
  margin:0!important;
  border-radius:0!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
#settings #mf174-settings-general{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#settings #mf174-settings-general > :not(.mf128-backup-card){grid-column:1!important}
#settings #mf174-settings-general > .mf128-backup-card{grid-column:2!important;grid-row:1!important}
@media(max-width:850px){
 #settings .mf174-settings-page.mf175-settings-grid{grid-template-columns:minmax(0,1fr)!important}
 #settings #mf174-settings-general{grid-template-columns:minmax(0,1fr)!important}
 #settings #mf174-settings-general > *{grid-column:1!important}
 #settings #mf174-settings-general > .mf128-backup-card{grid-row:auto!important}
}


/* Hidden tabs must remain hidden despite grid !important. */
#settings .mf174-settings-page[hidden]{display:none!important}
#settings #mf174-settings-general{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:start!important;gap:14px!important}
#settings #mf174-settings-general > .mf364-settings-left,
#settings #mf174-settings-general > .mf364-settings-right{display:flex!important;flex-direction:column!important;gap:14px!important;min-width:0!important;margin:0!important;grid-column:auto!important;grid-row:auto!important;background:#000!important}
#settings #mf174-settings-general > .mf364-settings-left{grid-column:1!important}
#settings #mf174-settings-general > .mf364-settings-right{grid-column:2!important}
#settings #mf174-settings-general .mf364-settings-left > *,
#settings #mf174-settings-general .mf364-settings-right > *{margin:0!important;width:100%!important;box-sizing:border-box!important;min-width:0!important;border-radius:0!important}
@media(max-width:850px){#settings #mf174-settings-general{grid-template-columns:minmax(0,1fr)!important}#settings #mf174-settings-general > .mf364-settings-left,#settings #mf174-settings-general > .mf364-settings-right{grid-column:1!important}}


/* Kaikki asetuskortit: sama sininen pinta ja 14 px mustat välit. */
#settings .mf175-work-types {
  display:block!important;
  background:#19263b!important;
  border:1px solid #34465f!important;
  padding:20px!important;
  box-sizing:border-box!important;
  border-radius:0!important;
  min-width:0!important;
}
#settings .mf175-work-types h3 {margin:0 0 10px!important;}
#settings .mf174-settings-page.mf175-settings-grid {
  gap:14px!important;
  padding:14px!important;
  background:#000!important;
  box-sizing:border-box!important;
}
#settings .mf366-settings-left,
#settings .mf366-settings-right,
#settings .mf364-settings-left,
#settings .mf364-settings-right {
  gap:14px!important;
  background:#000!important;
  align-self:start!important;
  min-width:0!important;
}
#settings .mf366-settings-left > *,
#settings .mf366-settings-right > *,
#settings .mf364-settings-left > *,
#settings .mf364-settings-right > * {
  margin:0!important;
  border-radius:0!important;
  box-sizing:border-box!important;
}
#settings .mf182-setting-card,
#settings .mf131-category-card,
#settings .mf127-settings,
#settings .mf128-backup-card {border-radius:0!important;}
/* Piilotettuja välilehtiä ei saa tuoda näkyviin grid-säännöillä. */
#settings .mf174-settings-page[hidden] {display:none!important;}


/* One spacing owner: outer page padding and 14px grid gap. */
html body #settings .mf174-settings-page.mf175-settings-grid:not([hidden]){
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:14px!important;row-gap:14px!important;column-gap:14px!important;
 padding:14px!important;margin:0!important;background:#000!important;
 align-items:start!important;align-content:start!important;
 border:0!important;box-sizing:border-box!important;
}
html body #settings .mf174-settings-page.mf175-settings-grid[hidden]{display:none!important}
html body #settings .mf174-settings-page.mf175-settings-grid > .mf364-settings-left,
html body #settings .mf174-settings-page.mf175-settings-grid > .mf364-settings-right,
html body #settings .mf174-settings-page.mf175-settings-grid > .mf366-settings-left,
html body #settings .mf174-settings-page.mf175-settings-grid > .mf366-settings-right{
 display:flex!important;flex-direction:column!important;gap:14px!important;
 margin:0!important;padding:0!important;border:0!important;outline:0!important;
 min-width:0!important;background:transparent!important;box-sizing:border-box!important;
}
html body #settings .mf174-settings-page.mf175-settings-grid > .mf364-settings-left,
html body #settings .mf174-settings-page.mf175-settings-grid > .mf366-settings-left{grid-column:1!important}
html body #settings .mf174-settings-page.mf175-settings-grid > .mf364-settings-right,
html body #settings .mf174-settings-page.mf175-settings-grid > .mf366-settings-right{grid-column:2!important}
html body #settings .mf174-settings-page.mf175-settings-grid > :not(.mf364-settings-left):not(.mf364-settings-right):not(.mf366-settings-left):not(.mf366-settings-right){
 margin:0!important;min-width:0!important;box-sizing:border-box!important;
}
html body #settings .mf364-settings-left > *,html body #settings .mf364-settings-right > *,
html body #settings .mf366-settings-left > *,html body #settings .mf366-settings-right > *{
 margin:0!important;min-width:0!important;width:100%!important;box-sizing:border-box!important;
}
/* Existing card backgrounds and borders remain, but nested column borders do not. */
@media(max-width:850px){
 html body #settings .mf174-settings-page.mf175-settings-grid:not([hidden]){grid-template-columns:minmax(0,1fr)!important}
 html body #settings .mf174-settings-page.mf175-settings-grid > .mf364-settings-left,
 html body #settings .mf174-settings-page.mf175-settings-grid > .mf364-settings-right,
 html body #settings .mf174-settings-page.mf175-settings-grid > .mf366-settings-left,
 html body #settings .mf174-settings-page.mf175-settings-grid > .mf366-settings-right{grid-column:1!important}
}


/* Talous: yksi ainoa 14 px väli, ei ylimääräisiä marginaaleja tai sisäkkäisiä reunuksia. */
html body #settings #mf174-settings-finance.mf174-settings-page.mf175-settings-grid:not([hidden]) {
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:14px!important;column-gap:14px!important;row-gap:14px!important;
 padding:14px!important;margin:0!important;background:#000!important;
 align-items:stretch!important;align-content:start!important;grid-auto-rows:auto!important;
 border:0!important;outline:0!important;box-sizing:border-box!important;
}
html body #settings #mf174-settings-finance.mf174-settings-page.mf175-settings-grid > * {
 margin:0!important;padding-top:18px!important;padding-bottom:18px!important;
 min-width:0!important;box-sizing:border-box!important;align-self:stretch!important;
 border-radius:0!important;
}
html body #settings #mf174-settings-finance.mf174-settings-page.mf175-settings-grid[hidden]{display:none!important}
@media(max-width:850px){html body #settings #mf174-settings-finance.mf174-settings-page.mf175-settings-grid:not([hidden]){grid-template-columns:minmax(0,1fr)!important}}


#work .mf145-forecast{min-width:0}
#work .mf145-table{width:100%;table-layout:fixed;min-width:680px}
#work .mf145-table th:first-child{width:180px;text-align:left}
#work .mf145-table th:last-child{width:115px}
#work .mf145-table th,#work .mf145-table td{text-align:center;vertical-align:middle}
#work .mf145-table input{width:86px;height:40px;min-width:86px;max-width:86px;text-align:center;padding:5px 2px;box-sizing:border-box;flex:none}
#work .mf155-cell{display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap}
#work .mf155-euros{color:#a9bbd3;font-size:12px;font-weight:400;font-variant-numeric:tabular-nums;min-width:65px;text-align:left}
#work .mf145-table{min-width:1050px}
#work .mf145-total{background:rgba(65,135,221,.1)}
#work .mf145-forecast .mf134-table-wrap{overflow-x:auto}


/* Päivämääräkenttien viikkonumerot */
.mf172-week{display:inline-block;margin-left:7px;color:#b7c9e4;font-size:12px;font-weight:600;white-space:nowrap}


#settings .mf182-setting-card{min-width:0;box-sizing:border-box;background:#19263b;border:2px solid #080d15;border-radius:4px;padding:18px;display:flex;flex-direction:column;gap:12px}
#settings .mf182-setting-card h3{margin:0;font-size:17px;color:#eaf2ff}
#settings .mf182-setting-card .mf182-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:#e5ecf7}
#settings .mf182-setting-card select,#settings .mf182-setting-card input[type=number]{max-width:185px;min-width:105px;background:#101b2d;color:#fff;border:1px solid #527098;border-radius:5px;padding:7px}
#settings .mf182-setting-card input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6}
#settings .mf182-setting-card .mf182-help{font-size:12px;color:#aebdd2;line-height:1.45;margin:0}
#settings .mf182-setting-card .mf182-status{font-size:12px;color:#8ee0b3;min-height:16px}
#settings .mf174-settings-page[hidden]{display:none!important}
body.mf182-compact #settings .mf182-setting-card{padding:12px;gap:8px}
body.mf182-large-text #settings .mf182-setting-card .mf182-row{font-size:15px}


#reportSections > button, #settings .mf174-settings-tabs > button{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y}
#reportSections > button:active, #settings .mf174-settings-tabs > button:active{cursor:grabbing}
#reportSections > button.mf190-dragging, #settings .mf174-settings-tabs > button.mf190-dragging{opacity:.45}
#reportSections > button.mf190-drop-before, #settings .mf174-settings-tabs > button.mf190-drop-before{box-shadow:-4px 0 0 #60a5fa}
#reportSections > button.mf190-drop-after, #settings .mf174-settings-tabs > button.mf190-drop-after{box-shadow:4px 0 0 #60a5fa}


#settings .mf174-settings-tabs>button{touch-action:none;cursor:grab}
#settings .mf174-settings-tabs>button.mf192-moving{opacity:.55;cursor:grabbing}
#settings .mf174-settings-tabs>button.mf192-before{box-shadow:-4px 0 0 #60a5fa}
#settings .mf174-settings-tabs>button.mf192-after{box-shadow:4px 0 0 #60a5fa}


.side .nav > button{cursor:grab;user-select:none;-webkit-user-select:none}
.side .nav > button:active{cursor:grabbing}
.side .nav > button.mf194-moving{opacity:.45}
.side .nav > button.mf194-before{box-shadow:0 -4px 0 #60a5fa!important}
.side .nav > button.mf194-after{box-shadow:0 4px 0 #60a5fa!important}


.mf196-history{margin-top:14px;border-top:1px solid #34465f;padding-top:12px}
.mf196-history-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #34465f;padding:8px 0}
.mf196-history-row>span{min-width:0;font-size:12px;overflow-wrap:anywhere}
.mf196-history-row button{flex-shrink:0}
.mf196-history-actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}


.mf-home-layout-controls{display:flex;align-items:center;gap:9px;margin:0 0 12px;flex-wrap:wrap}.mf-layout-editing #home .panel{outline:2px dashed #60a5fa;cursor:grab}.mf-layout-editing #home .panel:active{cursor:grabbing}.mf-layout-editing #home .panel.mf-drag{opacity:.4}.mf-layout-editing #home .panel.mf-over{outline:3px solid #38bdf8}.mf-search-overlay{position:fixed;inset:0;background:#0009;z-index:99998;display:none;align-items:flex-start;justify-content:center;padding:8vh 16px}.mf-search-overlay.open{display:flex}.mf-search-dialog{width:min(780px,100%);max-height:80vh;overflow:auto;background:#111c2c;border:1px solid #64748b;border-radius:14px;padding:18px;color:#f1f5f9;box-shadow:0 20px 65px #0009}.mf-search-dialog input{width:100%;padding:13px;font-size:17px}.mf-search-results{max-height:55vh;overflow:auto}.mf-search-hit{width:100%;text-align:left;display:flex;justify-content:space-between;gap:15px;margin:7px 0;padding:11px;background:#1b2b40;border:1px solid #34465d;border-radius:8px;color:#fff}.mf-search-hit small{display:block;color:#a9b8ce}.mf-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.mf-cal-day{min-height:72px;border:1px solid #42516b;background:#17263b;border-radius:7px;padding:7px;cursor:pointer;text-align:left;color:#e2e8f0}.mf-cal-day.active{outline:2px solid #60a5fa}.mf-cal-day small{display:block;color:#a7bad3;font-size:10px}.mf-cal-week{font-weight:700;text-align:center;padding:10px 0}.mf-detail{margin-top:15px;padding:14px;border:1px solid #42516b;border-radius:8px}.mf-forecast-chart{display:flex;align-items:flex-end;gap:2px;height:160px;border-bottom:1px solid #64748b;padding:15px 0}.mf-forecast-chart span{flex:1;min-width:2px;background:#60a5fa;border-radius:3px 3px 0 0}.mf-forecast-chart span.negative{background:#f87171}.mf-forecast-line{display:flex;justify-content:space-between;border-bottom:1px solid #334155;padding:8px 0;gap:10px}@media(max-width:650px){.mf-cal-day{min-height:55px;padding:4px}.mf-cal-day small{font-size:9px}}


.mf201-account-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
@media(max-width:700px){.mf201-account-actions{justify-content:flex-start}}


/* 7.0.211: korkeat päiväruudut, päivämäärä oikeassa yläkulmassa, tapahtumat riveittäin. */
#mfCalendar .mf-cal-grid{gap:8px}
#mfCalendar .mf-cal-day{min-height:172px;padding:10px;display:flex;flex-direction:column;align-items:stretch;gap:9px;min-width:0;border-radius:10px;overflow:hidden}
#mfCalendar .mf210-cal-date{display:block;align-self:flex-end;text-align:right;font-size:20px;line-height:1.1;font-weight:800;margin-bottom:2px}
#mfCalendar .mf211-cal-events{display:flex;flex-direction:column;gap:6px;width:100%;min-width:0}
#mfCalendar .mf211-cal-entry{display:flex;flex-direction:column;align-items:stretch;gap:3px;border-radius:7px;padding:7px 8px;text-align:left;min-width:0;line-height:1.25}
#mfCalendar .mf211-cal-name{font-size:11px;font-weight:700;overflow-wrap:anywhere}
#mfCalendar .mf211-cal-entry strong{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#mfCalendar .mf210-income{background:#103e34;color:#86efac;border:1px solid #23886d}
#mfCalendar .mf210-expense{background:#48252f;color:#fda4af;border:1px solid #a34760}
@media(max-width:1050px){#mfCalendar .mf-cal-day{min-height:150px;padding:6px;gap:6px}#mfCalendar .mf211-cal-entry{padding:5px}#mfCalendar .mf211-cal-entry strong{font-size:12px}#mfCalendar .mf211-cal-name{font-size:10px}}
@media(max-width:650px){#mfCalendar .mf-cal-grid{gap:3px}#mfCalendar .mf-cal-day{min-height:118px;padding:3px;gap:3px}#mfCalendar .mf210-cal-date{font-size:15px}#mfCalendar .mf211-cal-entry{padding:3px 2px;gap:2px}#mfCalendar .mf211-cal-name{font-size:9px}#mfCalendar .mf211-cal-entry strong{font-size:10px}}


/* 7.0.213: 50 px otsakepalkki; viikonloput ja Suomen pyhäpäivät punaisella. */
#mfCalendar .mf-cal-day{padding:0!important;gap:0!important;justify-content:flex-start}
#mfCalendar .mf212-cal-header{height:50px;min-height:50px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:0 12px;width:100%;color:#182638;background:#fff}
#mfCalendar .mf212-red-day .mf212-cal-header{background:#c73545;color:#fff}
#mfCalendar .mf212-cal-header .mf210-cal-date{font-size:22px;line-height:1;font-weight:800;margin:0;align-self:auto;text-align:right;flex-shrink:0}
#mfCalendar .mf212-cal-holiday{font-size:10px;font-weight:700;line-height:1.15;text-align:left;overflow-wrap:anywhere}
#mfCalendar .mf211-cal-events{padding:8px;box-sizing:border-box;gap:6px}
@media(max-width:1050px){#mfCalendar .mf212-cal-header{padding:0 7px}#mfCalendar .mf211-cal-events{padding:5px}#mfCalendar .mf212-cal-holiday{font-size:9px}}
@media(max-width:650px){#mfCalendar .mf212-cal-header{padding:0 4px}#mfCalendar .mf212-cal-header .mf210-cal-date{font-size:17px}#mfCalendar .mf211-cal-events{padding:3px}#mfCalendar .mf212-cal-holiday{font-size:8px}}


/* 7.0.214: kaksi tapahtumaa rinnakkain, seuraavat omille riveilleen. */
#mfCalendar .mf211-cal-events{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-items:stretch;column-gap:5px;row-gap:6px;width:100%;min-width:0}
#mfCalendar .mf211-cal-entry{min-width:0;width:100%;box-sizing:border-box;overflow:hidden}
#mfCalendar .mf211-cal-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal;display:block;width:100%}
#mfCalendar .mf211-cal-entry strong{display:block;min-width:0;font-size:clamp(9px,0.85vw,13px);letter-spacing:-.25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1050px){#mfCalendar .mf211-cal-events{column-gap:3px;row-gap:4px}#mfCalendar .mf211-cal-entry{padding:4px 3px}}
@media(max-width:650px){#mfCalendar .mf211-cal-events{column-gap:2px;row-gap:3px}#mfCalendar .mf211-cal-entry{padding:3px 2px}#mfCalendar .mf211-cal-entry strong{font-size:9px}}


/* Kalenteri mahtuu aina näkyvään ikkunaan ilman sisäistä vierityspalkkia. */
.mf220-overlay{overflow:hidden!important;align-items:center!important;padding:12px 16px!important}
.mf220-dialog{max-height:min(1200px,calc(100dvh - 24px))!important;overflow:hidden!important;display:flex;flex-direction:column}
.mf220-dialog #mfCalendar{min-height:0;flex:0 0 auto;transform-origin:top left}
@media(max-width:650px){.mf220-overlay{padding:4px!important}.mf220-dialog{max-height:calc(100dvh - 8px)!important}}


#work .mf246-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
#work .mf246-tabs button{border-radius:6px}
#work .mf246-tabs button[aria-selected="true"]{background:#3279cb;color:#fff;border-color:#3279cb}
#work .mf246-analytics{color:inherit}
#work .mf246-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:18px}
#work .mf246-head h2{margin:0}
#work .mf246-head select{min-width:130px}
#work .mf246-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
#work .mf246-card{background:#1b2b43;border:1px solid #30445f;border-radius:6px;padding:16px;min-width:0}
#work .mf246-card small{display:block;color:#9db4d0;margin-bottom:10px}
#work .mf246-card strong{font-size:22px;overflow-wrap:anywhere}
#work .mf246-card .mf246-sub{display:block;font-size:12px;color:#9db4d0;margin-top:6px}
#work .mf246-panel{background:#1b2b43;border:1px solid #30445f;border-radius:6px;padding:18px;margin-bottom:16px}
#work .mf246-panel h3{margin:0 0 14px}
#work .mf246-bars{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:9px;align-items:end;min-height:220px;border-bottom:1px solid #425570;padding-top:15px}
#work .mf246-bar-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;height:210px;gap:6px}
#work .mf246-bar-pair{display:flex;align-items:end;width:100%;height:170px;justify-content:center}
#work .mf246-bar{width:68%;min-height:2px;border-radius:3px 3px 0 0;background:#4d98eb;display:flex;flex-direction:column-reverse;justify-content:flex-start;overflow:hidden}
#work .mf246-bar.hours{background:#51c4b2}
#work .mf248-stack-segment{width:100%;min-height:0;flex-shrink:0}
#work .mf248-stack-commission{background:#4d98eb}
#work .mf248-stack-other{background:#51c4b2}
#work .mf246-bar-label{font-size:11px;color:#aec2dd;white-space:nowrap}
#work .mf246-legend{display:flex;gap:20px;font-size:12px;color:#aec2dd;margin:14px 0}
#work .mf246-dot{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:2px;background:#4d98eb}
#work .mf246-dot.hours{background:#51c4b2}
#work .mf246-table{width:100%;border-collapse:collapse;font-size:13px}
#work .mf246-table th,#work .mf246-table td{padding:10px 8px;border-bottom:1px solid #30445f;text-align:right}
#work .mf246-table th:first-child,#work .mf246-table td:first-child{text-align:left}
#work .mf246-table-wrap{overflow-x:auto}
#work .mf246-note{font-size:12px;color:#a6b8ce;margin-top:12px}
@media(max-width:1100px){#work .mf246-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#work .mf246-grid{grid-template-columns:1fr}#work .mf246-bars{gap:3px}#work .mf246-bar-label{font-size:9px}}


#work .mf249-chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#work .mf249-chart-head h3{margin:0}
#work .mf249-vat-control{display:flex;gap:3px;padding:3px;background:#122139;border:1px solid #30445f;border-radius:6px}
#work .mf249-vat-control button{padding:7px 12px;font-size:12px;border:0;border-radius:4px;background:transparent;color:#b4c6de;cursor:pointer}
#work .mf249-vat-control button[aria-pressed="true"]{background:#3279cb;color:white}
#work .mf249-chart-scroll{overflow-x:auto;padding:0 2px 4px}
#work .mf249-chart{min-width:max(100%,calc(var(--mf249-months)*78px));padding:27px 0 0 0}
#work .mf249-plot{height:310px;position:relative;padding-left:66px}
#work .mf249-grid{position:absolute;left:66px;right:0;top:0;height:280px;pointer-events:none}
#work .mf249-gridline{position:absolute;left:0;right:0;border-top:1px dashed #405572;height:0}
#work .mf249-gridline span{position:absolute;right:calc(100% + 9px);top:-8px;font-size:11px;color:#a9bfd9;white-space:nowrap}
#work .mf249-columns{height:310px;display:grid;grid-template-columns:repeat(var(--mf249-months),minmax(0,1fr));gap:9px;position:relative}
#work .mf249-col{height:310px;min-width:0;display:flex;flex-direction:column;align-items:center}
#work .mf249-column-area{height:280px;width:100%;display:flex;align-items:flex-end;justify-content:center}
#work .mf249-stack{width:min(72%,68px);position:relative;display:flex;flex-direction:column;justify-content:flex-start;min-height:0;border-radius:3px 3px 0 0}
#work .mf249-total{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;font-weight:700;color:#e6f1ff}
#work .mf249-segment{width:100%;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden}
#work .mf249-segment span{font-size:10px;font-weight:700;color:#081a2e;white-space:nowrap;line-height:1.1}
#work .mf249-other{background:#51c4b2;border-radius:3px 3px 0 0}
#work .mf249-commission{background:#4d98eb}
#work .mf249-month{margin-top:8px;font-size:11px;color:#aec2dd;white-space:nowrap}


#work #mf259GoalsHost[hidden]{display:none!important}
#work #mf259GoalsHost .mf246-card,#work #mf259GoalsHost .mf246-panel,#work #mf259GoalsHost .mf249-stack,#work #mf259GoalsHost .mf249-other{border-radius:0!important}
#work #mf259GoalsHost .mf246-panel{margin-bottom:14px}
#work #mf259GoalsHost .mf259-goal-marker{position:absolute;left:5%;right:5%;height:0;border-top:2px dashed #f3c66d;pointer-events:none;z-index:2}
#work #mf259GoalsHost .mf259-goal-marker span{position:absolute;right:0;bottom:3px;font-size:10px;color:#f3c66d;white-space:nowrap}
#work #mf259GoalsHost .mf259-goal-key{color:#f3c66d}

#mf256AnalyticsHeading{display:none!important}

#reports .mf329-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 20px;padding:15px;border:1px solid #354b65;background:#14263c}
#reports .mf329-filter{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:13px;font-weight:700;color:#dbe9f8}
#reports .mf329-filter select{width:100%;min-width:0;max-width:none;box-sizing:border-box}
#reports .mf329-meter-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(80px,2fr) 130px;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #30435b}
#reports .mf329-meter-row strong{text-align:right;font-variant-numeric:tabular-nums}
#reports .mf-report-tabs button{white-space:normal;text-align:center}
@media(max-width:900px){#reports .mf329-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#reports .mf329-filters{grid-template-columns:1fr}#reports .mf329-meter-row{grid-template-columns:1fr 90px}#reports .mf329-meter-row .mf-report-meter{grid-column:1/-1;grid-row:2}}


#reports #reportContent .mf347-layout{display:flex;flex-direction:column;gap:14px;background:#000;padding:14px;margin-top:14px;min-width:0}
#reports #reportContent .mf347-layout>.mf347-tile{position:relative;margin:0!important;min-width:0;border-radius:0!important;background:#17283b!important;border:1px solid #31465e!important;padding:16px!important}
#reports #reportContent .mf347-layout>.mf347-kpi-group{padding:16px!important}
#reports #reportContent .mf347-layout>.mf347-kpi-group>.mf-report-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0!important}
@media(max-width:900px){#reports #reportContent .mf347-layout>.mf347-kpi-group>.mf-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:550px){#reports #reportContent .mf347-layout>.mf347-kpi-group>.mf-report-grid{grid-template-columns:1fr!important}}
#reports #reportContent .mf347-layout>.mf347-tile .mf347-move{position:absolute;right:8px;top:7px;display:flex;gap:5px;z-index:2}
#reports #reportContent .mf347-move button{width:30px;height:30px;min-width:30px;padding:0;border:1px solid #71849a;border-radius:0!important;background:#243a53;color:white;cursor:pointer;font-weight:800}
#reports #reportContent .mf347-move button:disabled{opacity:.3;cursor:default}
#reports #reportContent .mf347-layout>.mf347-filters{padding-top:44px!important}
#reports #reportContent .mf347-layout>.mf347-panel{padding-top:44px!important}
#reports #reportContent .mf347-layout>.mf347-note{padding-top:44px!important}
/* 7.0.351: otsikot samalla ylärivillä siirtopainikkeiden kanssa */
#reports #reportContent .mf347-layout>.mf347-panel{padding-top:16px!important}
#reports #reportContent .mf347-layout>.mf347-panel>.mf-report-panel{position:relative;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
#reports #reportContent .mf347-layout>.mf347-panel>.mf-report-panel>h3{min-height:30px;display:flex;align-items:center;margin:0 74px 14px 0!important;line-height:1.3}
#reports #reportContent .mf347-layout>.mf347-panel>.mf347-move{top:12px}
/* Mittarit neljänä erillisenä korttina, musta 14 px rako myös niiden välissä. */
#reports #reportContent .mf347-layout>.mf347-kpi-group{padding:0!important;background:#000!important;border:0!important;box-shadow:none!important}
#reports #reportContent .mf347-layout>.mf347-kpi-group>.mf-report-grid{gap:14px!important;column-gap:14px!important;row-gap:14px!important;background:#000!important}
#reports #reportContent .mf347-layout>.mf347-kpi-group .mf-report-kpi{border-radius:0!important;margin:0!important}


#reports #reportContent .mf347-layout>.mf347-filters{padding-top:16px!important}
#reports #reportContent .mf347-layout>.mf347-filters>.mf329-filters{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}
#reports #reportContent .mf347-filters .mf329-filters>h3{grid-column:1/-1;margin:0 74px 2px 0;min-height:30px;display:flex;align-items:center}
#reports #reportContent .mf347-layout>.mf347-filters>.mf347-move{top:12px}
#reports #reportContent .mf347-layout>.mf347-kpi-group>.mf-report-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#reports #reportContent .mf347-layout>.mf347-panel>.mf-report-panel>h3{margin-right:74px!important}
#reports #reportContent .mf347-layout>.mf347-note{padding-top:16px!important}
#reports #reportContent .mf347-layout>.mf347-note>.note{margin:0 74px 0 0!important}
@media(max-width:1100px){#reports #reportContent .mf347-layout>.mf347-filters>.mf329-filters{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){#reports #reportContent .mf347-layout>.mf347-filters>.mf329-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}#reports #reportContent .mf347-layout>.mf347-kpi-group>.mf-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:480px){#reports #reportContent .mf347-layout>.mf347-filters>.mf329-filters{grid-template-columns:1fr!important}#reports #reportContent .mf347-layout>.mf347-kpi-group>.mf-report-grid{grid-template-columns:1fr!important}}

#mf342SalesHost[hidden]{display:none!important}#mf342SalesHost{margin-top:14px}#mf342SalesHost .mf340-sales-report{border-radius:0!important}

#settings .mf174-settings-page.mf175-settings-grid{gap:14px!important;align-items:start!important}
#settings .mf175-settings-grid > *{border-radius:0!important;min-width:0}
#settings .mf182-setting-card{border-radius:0!important}
#settings #mf174-settings-general{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-auto-flow:row!important}
#settings #mf174-settings-general > :not(.mf128-backup-card){grid-column:1!important}
#settings #mf174-settings-general > .mf128-backup-card{grid-column:2!important;grid-row:1!important}
#settings .mf360-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;margin-bottom:8px}
#settings .mf360-card-head > h3{margin:0!important;flex:1;min-width:0}
#settings .mf360-card-moves{display:flex;gap:5px;flex-shrink:0}
#settings .mf360-card-moves button{width:32px;height:32px;min-width:32px;padding:0!important;border-radius:0!important;display:inline-flex;align-items:center;justify-content:center}
#settings .mf360-card-moves button:disabled{opacity:.3;cursor:default}
@media(max-width:850px){#settings #mf174-settings-general{grid-template-columns:minmax(0,1fr)!important}#settings #mf174-settings-general > *{grid-column:1!important}#settings #mf174-settings-general > .mf128-backup-card{grid-row:auto!important}}


/* Todellinen sivun CSS: edellinen sääntö oli PDF-tulosteen HTML-merkkijonossa. */
#settings .mf174-settings-page.mf175-settings-grid {
 display:grid!important; gap:14px!important; row-gap:14px!important; column-gap:14px!important;
 background:#000!important; padding:14px!important; align-items:start!important;
 box-sizing:border-box!important;
}
#settings .mf174-settings-page.mf175-settings-grid > * {
 margin:0!important; border-radius:0!important; box-sizing:border-box!important; min-width:0!important;
}
#settings #mf174-settings-general {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
#settings #mf174-settings-general > :not(.mf128-backup-card) {grid-column:1!important;}
#settings #mf174-settings-general > .mf128-backup-card {grid-column:2!important;grid-row:1!important;}
@media(max-width:850px){
 #settings .mf174-settings-page.mf175-settings-grid,#settings #mf174-settings-general {grid-template-columns:minmax(0,1fr)!important;}
 #settings #mf174-settings-general > * {grid-column:1!important;}
 #settings #mf174-settings-general > .mf128-backup-card {grid-row:auto!important;}
}


/* Hidden tabs must remain hidden despite grid !important. */
#settings .mf174-settings-page[hidden]{display:none!important}
#settings #mf174-settings-general{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:start!important;gap:14px!important}
#settings #mf174-settings-general > .mf364-settings-left,
#settings #mf174-settings-general > .mf364-settings-right{display:flex!important;flex-direction:column!important;gap:14px!important;min-width:0!important;margin:0!important;grid-column:auto!important;grid-row:auto!important;background:#000!important}
#settings #mf174-settings-general > .mf364-settings-left{grid-column:1!important}
#settings #mf174-settings-general > .mf364-settings-right{grid-column:2!important}
#settings #mf174-settings-general .mf364-settings-left > *,
#settings #mf174-settings-general .mf364-settings-right > *{margin:0!important;width:100%!important;box-sizing:border-box!important;min-width:0!important;border-radius:0!important}
@media(max-width:850px){#settings #mf174-settings-general{grid-template-columns:minmax(0,1fr)!important}#settings #mf174-settings-general > .mf364-settings-left,#settings #mf174-settings-general > .mf364-settings-right{grid-column:1!important}}


#settings #mf174-settings-sales,
#settings #mf174-settings-spending{
 display:grid!important;
 grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
 gap:14px!important;
 align-items:start!important;
 background:#000!important;
}
#settings #mf174-settings-sales > .mf366-settings-left,
#settings #mf174-settings-sales > .mf366-settings-right,
#settings #mf174-settings-spending > .mf366-settings-left,
#settings #mf174-settings-spending > .mf366-settings-right{
 display:flex!important;flex-direction:column!important;gap:14px!important;
 min-width:0!important;margin:0!important;background:#000!important;
}
#settings .mf366-settings-left > *,#settings .mf366-settings-right > *{
 width:100%!important;min-width:0!important;box-sizing:border-box!important;
 margin:0!important;border-radius:0!important;
}
@media(max-width:850px){
 #settings #mf174-settings-sales,#settings #mf174-settings-spending{grid-template-columns:minmax(0,1fr)!important}
}


html body #settings #mf174-settings-sales .mf175-work-types {
 background:#19263b !important; border:1px solid #34465f !important;
 padding:20px !important; border-radius:0 !important;
 box-sizing:border-box !important; margin:0 !important;
 width:100% !important; min-width:0 !important; display:block !important;
 color:#fff !important;
}
html body #settings #mf174-settings-sales .mf366-settings-right,
html body #settings #mf174-settings-sales .mf366-settings-left {
 display:flex !important; flex-direction:column !important;
 gap:14px !important; background:#000 !important; padding:0 !important;
}
html body #settings #mf174-settings-sales .mf366-settings-right > *,
html body #settings #mf174-settings-sales .mf366-settings-left > * {
 margin:0 !important; border-radius:0 !important;
}


/* One spacing owner: outer page padding and 14px grid gap. */
html body #settings .mf174-settings-page.mf175-settings-grid:not([hidden]){
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:14px!important;row-gap:14px!important;column-gap:14px!important;
 padding:14px!important;margin:0!important;background:#000!important;
 align-items:start!important;align-content:start!important;
 border:0!important;box-sizing:border-box!important;
}
html body #settings .mf174-settings-page.mf175-settings-grid[hidden]{display:none!important}
html body #settings .mf174-settings-page.mf175-settings-grid > .mf364-settings-left,
html body #settings .mf174-settings-page.mf175-settings-grid > .mf364-settings-right,
html body #settings .mf174-settings-page.mf175-settings-grid > .mf366-settings-left,
html body #settings .mf174-settings-page.mf175-settings-grid > .mf366-settings-right{
 display:flex!important;flex-direction:column!important;gap:14px!important;
 margin:0!important;padding:0!important;border:0!important;outline:0!important;
 min-width:0!important;background:transparent!important;box-sizing:border-box!important;
}
html body #settings .mf174-settings-page.mf175-settings-grid > .mf364-settings-left,
html body #settings .mf174-settings-page.mf175-settings-grid > .mf366-settings-left{grid-column:1!important}
html body #settings .mf174-settings-page.mf175-settings-grid > .mf364-settings-right,
html body #settings .mf174-settings-page.mf175-settings-grid > .mf366-settings-right{grid-column:2!important}
html body #settings .mf174-settings-page.mf175-settings-grid > :not(.mf364-settings-left):not(.mf364-settings-right):not(.mf366-settings-left):not(.mf366-settings-right){
 margin:0!important;min-width:0!important;box-sizing:border-box!important;
}
html body #settings .mf364-settings-left > *,html body #settings .mf364-settings-right > *,
html body #settings .mf366-settings-left > *,html body #settings .mf366-settings-right > *{
 margin:0!important;min-width:0!important;width:100%!important;box-sizing:border-box!important;
}
/* Existing card backgrounds and borders remain, but nested column borders do not. */
@media(max-width:850px){
 html body #settings .mf174-settings-page.mf175-settings-grid:not([hidden]){grid-template-columns:minmax(0,1fr)!important}
 html body #settings .mf174-settings-page.mf175-settings-grid > .mf364-settings-left,
 html body #settings .mf174-settings-page.mf175-settings-grid > .mf364-settings-right,
 html body #settings .mf174-settings-page.mf175-settings-grid > .mf366-settings-left,
 html body #settings .mf174-settings-page.mf175-settings-grid > .mf366-settings-right{grid-column:1!important}
}


/* Talous: yksi ainoa 14 px väli, ei ylimääräisiä marginaaleja tai sisäkkäisiä reunuksia. */
html body #settings #mf174-settings-finance.mf174-settings-page.mf175-settings-grid:not([hidden]) {
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:14px!important;column-gap:14px!important;row-gap:14px!important;
 padding:14px!important;margin:0!important;background:#000!important;
 align-items:stretch!important;align-content:start!important;grid-auto-rows:auto!important;
 border:0!important;outline:0!important;box-sizing:border-box!important;
}
html body #settings #mf174-settings-finance.mf174-settings-page.mf175-settings-grid > * {
 margin:0!important;padding-top:18px!important;padding-bottom:18px!important;
 min-width:0!important;box-sizing:border-box!important;align-self:stretch!important;
 border-radius:0!important;
}
html body #settings #mf174-settings-finance.mf174-settings-page.mf175-settings-grid[hidden]{display:none!important}
@media(max-width:850px){html body #settings #mf174-settings-finance.mf174-settings-page.mf175-settings-grid:not([hidden]){grid-template-columns:minmax(0,1fr)!important}}


select.mf374-sort-fit {width:var(--mf374-sort-width,auto)!important;max-width:100%!important;box-sizing:border-box!important;flex-shrink:0!important}