@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap');

/* Agency 42: tokens and typography from agency42.se, adapted for reporting. */
:root{--agency-background:hsl(36 50% 94%);--agency-card:hsl(30 8% 86%);--agency-secondary:hsl(33 24% 77%);--agency-border:hsl(40 20% 85%);--agency-warm:hsl(24 18% 45%);--green:#1e1a12;--muted:#66615b;--line:var(--agency-border);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--agency-background);color:#16140f}
body{background:var(--agency-background);color:#16140f;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}
button{border-color:var(--line);color:#17140f;border-radius:5px;background:#fbf8f2;font-weight:500;transition:background .15s,color .15s}
button:hover{background:#e7ded0}
button:disabled{opacity:.4;cursor:not-allowed}
button:focus-visible,a:focus-visible{outline-color:#8c7765}
.primary,.primary:hover{background:#17140f;border-color:#17140f;color:#faf5eb}
.primary:hover{background:#3d352a}
.sidebar{background:var(--agency-background);color:#514b43;border-right:1px solid var(--line);padding:24px 18px 18px}
.agency-brand{font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:12px;color:#17140f;letter-spacing:0;flex-shrink:0}
.agency-brand img{display:block;width:125px;max-width:100%;height:auto;object-fit:contain}
.agency-brand>span{font-family:inherit;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;text-align:center;color:#61594c}
.sidebar-greeting{font-family:inherit;color:#17140f;font-weight:500;font-size:18px;margin:27px 10px 0}
.sidebar .home-button{margin:20px 0 0;background:transparent;color:#17140f;border-color:#cfc3b3;border-radius:5px}
.sidebar .home-button:hover{background:#e7ded0}
.sidebar .caption{margin:24px 10px 12px;font-size:9px;color:#8a7d6e;letter-spacing:1.5px}
.nav{gap:3px}
.nav button{color:#514b43;font-size:13px;border-radius:3px;padding:11px 12px}
.nav button:hover{background:#e8dfd2;color:#17140f}
.nav button.active{background:#1e1a12;color:#f7f1e8}
.nav button span{font-size:16px;width:24px}
.side-bottom{border-color:#d6cbbc;color:#766a5e;padding:15px 8px 0;font-size:11px}
.local-dot{color:#806e57}
.sidebar-logout{color:#211b13;background:transparent;border-color:#b9a991;border-radius:5px;font-size:12px}
.sidebar-logout:hover{background:#e7ded0;color:#17140f}
.topbar{border-color:var(--line)}
.crumb,.crumb strong,.user-name{color:#5e5246}
.heading h1,.welcome h1,.cash-story h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.6px;line-height:1.25}
.heading h1{font-size:34px}
h2,h3,.scenario-title,.calculation-section h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;color:#201a12}
h2{font-size:20px}
.eyebrow{color:#7c6653;font-weight:500;letter-spacing:1.8px}
.pill{color:#6b5846;background:#e9e0d2;border-color:#d4c4af;border-radius:3px}
.card{background:#f5f0e8;border-color:#d9cebf;border-radius:0;box-shadow:none}
.kpi strong{font-family:inherit;letter-spacing:-.7px;font-weight:500}
.kpi .label{color:#675d52}
.kpi.featured{background:#1e1a12;border-color:#1e1a12;color:#fbf6eb}
.featured .label,.featured small{color:#dacbb5}
.kpi .icon{color:#9b8062}
.cash-section .kpi{background:#eee6d9;border:0;border-top:1px solid #cbbba6;border-radius:0}
.cash-section .kpi strong{font-size:22px}
.cash-story{background:#e9dfd0;border-color:#d0bea6;border-left:3px solid #8a7259}
.cash-story h2{font-size:29px}
.cash-story p,.calculation-intro p,.calculation-section p,.help{color:#5f5549}
.cash-story .notice{background:#f5eee3}
.notice{background:#ece3d6;border-color:#d8c7b0;border-radius:3px;color:#65533f}
.cash-explanation{background:#ede4d6;border-color:#d8c7b0}
.badge{background:#e4d9c9;color:#65513b;border-radius:3px}
.badge.blue{background:#e0e3e9;color:#4e6076}
th{background:#e9e1d5;color:#776755;font-weight:500;letter-spacing:.5px}
td,th{border-color:#e3d8c9}
.result-total{background:#e6dac7}
.startup-cash .cash-waiting{background:#f3e6d9}
.field{color:#6d5e4e}
.field input,.field select,textarea{background:#fcfaf5;color:#211b13;border-color:#cfc1ae;border-radius:4px}
.field input:focus,.field select:focus,textarea:focus{outline-color:#aa9073}
.year-tabs .selected,.toggle button.selected{background:#d8c9b3;border-color:#b5a086;color:#241c12}
.toggle{background:#e5d9c8;border-radius:4px}
.avatar{background:#e3d4bf;color:#67513a;border-radius:4px}
.linkbutton,.login-link{color:#715438}
.cohort-row .avatar{background:var(--cohort-chip);color:var(--cohort-text)}
.scenario-list{gap:22px}
.scenario-title{font-size:23px;font-weight:500}
.scenario-create{background:#e9dfd0;border-color:#b8a082;border-radius:0}
.scenario-create:hover{background:#e1d3bf}
.scenario-create strong{font-family:'Playfair Display',Georgia,serif;font-size:23px;font-weight:500}
.create-symbol,.welcome-icon{color:#806348}
.calculation-index a{background:#e9dfd0;color:#66503b;border-radius:3px}
.calculation-formula{background:#eae0d2;border-color:#987c5a;color:#30271d}
dialog{background:var(--agency-background);color:#201a12;border-radius:4px;border-color:#b6a38a}
dialog::backdrop{background:#241d1599;backdrop-filter:blur(3px)}
.dialog-head,.dialog-foot{border-color:#d6c8b6}
.dialog-foot{background:#eee5d7}
#toast{background:#201a12;color:#f8f1e5;border-radius:4px}
.welcome{max-width:1040px;padding:40px 30px 70px}
.welcome>.agency-brand{margin:0 auto 45px;width:190px;display:flex}
.welcome>.agency-brand img{width:170px}
.welcome h1{font-size:44px}
.welcome>h1,.welcome>.eyebrow,.welcome>p{text-align:center}
.welcome-grid{margin:36px 0;gap:24px}
.welcome-grid .card{padding:28px}
.welcome .login-card{max-width:560px;margin:30px auto 0;padding:32px;background:#eee5d8}
.welcome .login-card h1{font-size:32px}
.welcome .login-card h2{font-size:28px}
.welcome .login-card .primary{padding:12px 20px}
.audit-event summary{color:#76573a}
.sync-error{background:#f7e5df;border-color:#bd897c;color:#864536}
.positive{color:#33704b}.negative{color:#aa4b42}
@media(min-width:1450px){.heading h1{font-size:38px}}
@media(max-width:1100px){.agency-brand img{width:108px}.agency-brand>span{font-size:9px;letter-spacing:1px}.sidebar-greeting{font-size:16px}.cash-story h2{font-size:25px}}
@media(max-width:750px){.sidebar>.agency-brand{display:flex;align-items:flex-start;flex-direction:row;gap:18px}.sidebar>.agency-brand img{width:68px}.sidebar>.agency-brand>span{align-self:center;font-size:10px;letter-spacing:1.5px}.sidebar-greeting{margin:0;font-size:16px}.sidebar .home-button{margin:0}.sidebar .nav{flex:none}.sidebar-logout{margin:0;width:auto}.heading h1{font-size:29px}.cash-story h2{font-size:23px}.welcome{padding:30px 20px 50px}.welcome h1{font-size:33px}.welcome>.agency-brand img{width:130px}.welcome>.agency-brand{margin-bottom:30px}.welcome .login-card{padding:23px}.welcome .login-card h1{font-size:28px}}

/* Affärsplan */
.business-plan-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.business-plan-fields .field:first-child{grid-column:1/-1}.business-plan-fields textarea{width:100%;min-height:140px;resize:vertical;padding:14px;border:1px solid var(--border,#d8d1c5);background:#fffdf9;color:inherit;font:inherit;line-height:1.6;border-radius:0;box-sizing:border-box}.business-plan-fields .footnote{font-weight:400;margin:0 0 6px}.document-download{color:inherit;text-decoration:underline;white-space:nowrap}#document-status{overflow-wrap:anywhere}#plan-document-list td:first-child{overflow-wrap:anywhere;max-width:340px}@media(max-width:800px){.business-plan-fields{grid-template-columns:1fr}}

