
/* Home: compact iOS-style quick actions; eliminate inherited oversized SVG chevrons */
.more-content{padding:18px 2px 22px!important}
.more-content h3{font-size:22px!important;margin:8px 4px 12px!important}
.shortcut{min-height:58px!important;height:auto!important;padding:12px 14px!important;gap:12px!important;justify-content:flex-start!important;box-shadow:0 3px 12px rgba(61,25,32,.06)!important;transition:background .18s,transform .18s}
.shortcut:hover{background:#fff2ee}
.shortcut svg{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;flex:0 0 18px;stroke-width:1.85!important;margin-left:auto}
.shortcut b{font-size:13px!important;line-height:1.35!important;flex:1;text-align:left}
.shortcut-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#f2e1e3;color:#935269;flex:none}
.shortcut-icon svg{width:19px!important;height:19px!important;margin:0!important;flex:none}
.fin-hero{color:white;position:relative;min-height:303px;padding:36px 20px 20px;background-image:linear-gradient(90deg,rgba(28,14,16,.9),rgba(35,18,20,.35)),url("/finance-hero.jpg");background-size:cover;background-position:center center}
.fin-hero:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:70px;background:linear-gradient(0deg,#fae9e0 0%,transparent);pointer-events:none}
.fin-hero>*{position:relative;z-index:1}
.fin-greeting{margin-top:47px}
.fin-greeting h1{font:600 clamp(39px,8vw,49px)/1.05 Georgia,serif;letter-spacing:-1.5px;margin:0 0 7px}
.fin-greeting p{font-size:14px;max-width:265px;line-height:1.5;color:#fff3ee;margin:0}
.fin-content{position:relative;padding:0 16px 28px;margin-top:-2px}
.fin-period{display:flex;gap:5px;border-radius:21px;border:1px solid #ffffffa0;background:#8b615e50;padding:5px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px #3d202018;margin-bottom:13px}
.fin-period button{flex:1;padding:10px 6px;border:0;border-radius:16px;background:transparent;color:#5c4348;font-weight:600;font-size:12px}
.fin-period button.active{background:linear-gradient(110deg,#f5adbb,#df7591);box-shadow:0 2px 10px #af6b7560;color:#45202c}
.fin-period-caption{font-size:11px;color:#806a70;text-align:right;margin:-1px 2px 12px}
.fin-profit{position:relative;border-radius:21px;overflow:hidden;color:#fff;background:linear-gradient(115deg,#592a33,#341d24);border:1px solid #ffffff40;padding:21px 19px 18px;min-height:170px;box-shadow:0 12px 28px #4c2c3440}
.fin-profit:before{content:"";position:absolute;inset:-20% -25% auto auto;width:70%;height:130%;background:radial-gradient(ellipse,#d7708142,transparent 66%);pointer-events:none}
.fin-profit-label{font:500 23px Georgia,serif;margin:0 0 7px}
.fin-profit-amount{font-size:clamp(31px,7vw,40px);letter-spacing:-1.3px;line-height:1.15;font-weight:780;margin:0 0 12px}
.fin-profit-hint{font-size:11px;color:#f3c9c6;display:flex;align-items:center;gap:6px}
.fin-profit .fin-mini-chart{position:absolute;right:10px;bottom:0;width:40%;height:105px;opacity:.65}
.fin-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:12px 0}
.fin-kpi{min-height:122px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:13px 9px 11px;border:1px solid #fff5ee42;border-radius:16px;background:linear-gradient(145deg,#4e2e2c,#2c1d22);color:white;overflow:hidden;gap:5px}
.fin-kpi:nth-child(2){background:linear-gradient(145deg,#5c3825,#302021)}
.fin-kpi:nth-child(3){background:linear-gradient(145deg,#622d39,#361c27)}
.fin-kpi:nth-child(4){background:linear-gradient(145deg,#58334f,#2e202f)}
.fin-kpi-icon{display:grid;place-items:center;width:31px;height:31px;flex:none;border-radius:50%;background:#ffffff23;color:#f7b6c1}
.fin-kpi-icon svg{width:17px;height:17px}
.fin-kpi small{font-size:10px;color:#f3e5e2;line-height:1.15}
.fin-kpi strong{font-size:clamp(11px,3.1vw,17px);white-space:nowrap;letter-spacing:-.5px;line-height:1.3}
.fin-kpi span:last-child{font-size:9px;color:#e6c5cc;margin-top:auto}
.fin-panel{background:#fff8f3;border:1px solid #f1dbd6;border-radius:20px;box-shadow:0 7px 22px rgba(64,24,33,.06);padding:17px 15px;margin-top:13px}
.fin-title-row{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:13px}
.fin-title-row h2{font:550 clamp(19px,5.2vw,24px) Georgia,serif;letter-spacing:-.5px;margin:0}
.fin-link{display:flex;align-items:center;gap:3px;white-space:nowrap;border:0;background:none;color:#98536b;font-weight:650;font-size:11px;padding:6px}
.fin-link svg{width:16px;height:16px}
.fin-expense-viz{display:grid;grid-template-columns:minmax(100px,43%) minmax(0,1fr);gap:10px;align-items:center}
.fin-donut{aspect-ratio:1;width:min(100%,175px);border-radius:50%;position:relative;display:grid;place-items:center;margin:auto;box-shadow:0 4px 14px rgba(60,29,42,.11)}
.fin-donut:before{content:"";width:60%;aspect-ratio:1;border-radius:50%;position:absolute;background:#fff8f3}
.fin-donut-label{position:relative;text-align:center;color:#352329;z-index:1}
.fin-donut-label strong{font-size:clamp(11px,3vw,17px);letter-spacing:-.8px;display:block}
.fin-donut-label span{font-size:9px;color:#9b8487;display:block;line-height:1.3;margin-top:3px}
.fin-legend{display:flex;flex-direction:column;min-width:0}
.fin-legend-row{display:flex;align-items:center;justify-content:space-between;gap:6px;border-bottom:1px solid #f1e5df;padding:7px 0;font-size:10px}
.fin-legend-row:last-child{border-bottom:0}
.fin-legend-name{display:flex;align-items:center;gap:6px;min-width:0;flex:1;color:#58464b}
.fin-legend-name .dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%}
.fin-legend-name span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fin-legend-row b{white-space:nowrap;font-size:10px;color:#6b4752}
.fin-expense-row{display:flex;align-items:center;width:100%;gap:11px;padding:12px 0;border:0;background:transparent;border-bottom:1px solid #f0e3dd;text-align:left;color:#38272b}
.fin-expense-row:last-child{border:0}
.fin-expense-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#f1d9d7;color:#9b5068;flex:0 0 43px}
.fin-expense-icon svg{width:21px;height:21px}
.fin-expense-info{flex:1;min-width:0}
.fin-expense-info strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fin-expense-info span{display:block;font-size:10px;color:#9d8685;margin-top:5px}
.fin-expense-value{font-size:12px;color:#c44e60;font-weight:750;white-space:nowrap}
.fin-expense-chevron{flex:0 0 14px;width:14px!important;height:14px!important;color:#9b7a7a}
.fin-actions{display:flex;gap:9px;margin-top:13px}
.fin-action{flex:1;border-radius:12px;min-height:45px;border:1px solid #d7b8ba;background:#fff8f3;color:#7d465a;padding:10px 8px;font-size:12px;font-weight:650}
.fin-action.main{background:#843a56;color:#fff;border-color:#843a56}
.fin-empty{text-align:center;color:#927d80;padding:20px;font-size:12px}
.fin-demo-tag{display:block;color:#9d8488;text-align:center;font-size:10px;padding:19px 9px 10px}
@media(max-width:380px){.fin-content{padding:0 10px 24px}.fin-kpis{gap:5px}.fin-kpi{padding:11px 6px}.fin-kpi strong{font-size:11px}.fin-kpi small{font-size:9px}.fin-expense-viz{grid-template-columns:39% 1fr;gap:5px}.fin-donut-label strong{font-size:10px}.fin-legend-row{font-size:9px}.fin-legend-row b{font-size:9px}.fin-panel{padding:14px 10px}.fin-title-row h2{font-size:20px}}

/* Final QA fix — prevent default 300x150 SVG sizing inside the profit summary */
.fin-profit-hint svg{width:15px!important;height:15px!important;max-width:15px!important;max-height:15px!important;flex:0 0 15px}
.fin-profit .fin-mini-chart{width:40%!important;height:105px!important;max-height:105px!important}
