body[data-design=blocks]{--ink:#183b53;--green:#194863;--muted:#778b98;--bg:#ecf0f4;--line:#e1e8ee;--lime:#ffdf9c;background:linear-gradient(130deg,#e8eef4,#f3f6f8);font-family:'DM Sans',sans-serif}.shell{grid-template-columns:220px 1fr;padding:18px;gap:24px}.sidebar{background:linear-gradient(165deg,#1c4965,#102e47);color:white;border:0;border-radius:18px;padding:28px 18px;height:calc(100vh - 36px);top:18px;box-shadow:0 12px 30px #17394f19}.sidebar .brand{font-size:15px}.sidebar .mark{background:#ffffff19;color:#ffcb63}.sidebar .company{background:#ffffff08;border-color:#ffffff16;padding:16px 10px;margin:30px 0 25px}.sidebar .avatar{background:#ffffff18;color:white}.sidebar .small,.sidebar .navlabel{color:#a1b8c8}.sidebar nav button{color:#b5c8d6;border-radius:10px}.sidebar nav button.active{background:#ffffff15;color:#fff;box-shadow:inset 3px 0 #ffc259}.sidebar .help{background:#ffffff0a}.sidebar .help p{color:#a1b8c8}.sidebar .link{color:#ffd078}.main{padding:0 8px;min-width:0}.topbar{height:72px;background:none;border:0;padding:0 6px}.topbar .avatar{background:white;color:#234d65;border-radius:50%;box-shadow:0 4px 12px #16364a08}.demo{background:#fff;border-color:#dbe5eb;color:#567388}.content{padding:23px 6px 50px}.eyebrow{letter-spacing:1.8px;font-size:10px}h1{font-size:32px;letter-spacing:-1px}.titleline{margin-bottom:28px}.card{border:0;border-radius:13px;box-shadow:0 6px 18px #203e5510;padding:23px}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px}.metric{min-height:157px}.metric:first-child{background:linear-gradient(135deg,#225876,#173e5a);color:white}.metric:first-child .positive{color:#b6d2e3}.metric .corner{background:#f2f6f9;color:#e9a22b;padding:6px;border-radius:8px}.metric:first-child .corner{background:#ffffff16;color:#ffd279}.metric .value{font-size:30px;letter-spacing:-.8px;margin:21px 0 10px}.metric span:first-child{font-size:12px}.grid{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:24px}.chart{height:200px}.bar.dark{background:#204e6a}.bar{background:#f7ba4d;width:19px}.dot.pale{background:#f7ba4d}.legend{margin-top:24px}.block-caption{display:flex;justify-content:space-between;color:#8c9ca8;font-size:10px;padding:12px 0 0}.block-caption strong{font-weight:500}.welcome{background:white;color:var(--ink);border-radius:13px;border-left:4px solid #f6b947;box-shadow:0 6px 18px #203e5510;padding:24px}.welcome p{color:var(--muted)}.btn.light{background:#ffc661;color:#183b53}.btn{border-radius:8px;box-shadow:0 4px 10px #19486310}.taskicon{background:#eef4f8;color:#194863}.note{background:#f3f7fa;color:#678295}.pill{background:#eef4f7;color:#527d96}.pill.draft{background:#fff3d8;color:#a07629}.progress-block{display:flex;align-items:center;gap:20px;margin-bottom:26px;padding:8px 0 22px;border-bottom:1px solid var(--line)}.progress-ring{width:95px;height:95px;flex-shrink:0;border-radius:50%;padding:10px;background:conic-gradient(#f7b647 0 40%,#1b4863 40% 100%)}.progress-ring>span{display:flex;align-items:center;justify-content:center;flex-direction:column;background:white;border-radius:50%;height:100%;font-family:Manrope;font-size:20px;font-weight:700}.progress-ring small{font-family:'DM Sans';font-size:8px;font-weight:400;color:var(--muted);margin-top:4px}.progress-block h2{font-size:18px;margin:8px 0}.bookinggrid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.bookingrow{background:#f5f8fa;border-color:#e2ebf0}.templatechips button{background:#edf4f8}.uploadzone{background:#f4f8fa;border-color:#a6bece}.balance{background:#edf4f8}.filters button.active{background:var(--green)}th{background:#f5f8fb}.star.selected{color:#edac38}.sectionhead h2{font-size:17px}.versionnav a.selected{background:#194863}.reportgrid .bigicon{background:#eef4f8;color:#194863}@media(max-width:1200px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.grid,.bookinggrid{grid-template-columns:1fr}.shell{gap:18px;grid-template-columns:200px 1fr}.progress-block{margin-bottom:15px}}@media(max-width:700px){.shell{padding:12px;display:block}.sidebar{height:auto;top:auto;border-radius:13px;padding:18px}.sidebar .brand{margin-bottom:15px}.main{padding:0}.topbar{height:58px}.content{padding:17px 0 70px}.cards{gap:12px}.metric{padding:18px;min-height:145px}.metric .value{font-size:24px}.metric .corner{right:15px;top:15px}.metric .small{font-size:10px}.card{padding:19px}.grid{gap:18px}.welcome{padding:20px}.versionnav{bottom:10px;right:12px}.titleline h1{font-size:28px}.block-caption{flex-direction:column;gap:5px}}@media(max-width:360px){.cards{grid-template-columns:1fr}}@media print{.shell{padding:0}.main{padding:0}.card{box-shadow:none}.content{padding:0}}
.cards .metric,.cards .metric:first-child{background:linear-gradient(135deg,#225876,#173e5a);color:#fff}.cards .metric .corner{background:#ffffff16;color:#ffd279}.cards .metric .small,.cards .metric .positive{color:#c3d9e7}.cards .metric .link{color:#ffd078}.cards .metric{position:relative;overflow:hidden}.cards .metric:after{content:'';position:absolute;right:-24px;bottom:-45px;width:115px;height:115px;border:1px solid #ffffff08;border-radius:50%;pointer-events:none}.grid:has(.todo-card){align-items:start}.todo-card .sectionhead h2{font-size:23px;margin:8px 0 0}.todo-card .eyebrow{font-size:9px}.todo-system{display:flex;gap:12px;align-items:center;background:#f2f6f9;padding:15px;border-radius:10px;margin:22px 0 12px}.todo-system>div{flex:1}.todo-system strong{font-size:13px}.todo-system p{font-size:11px;color:var(--muted);margin:4px 0 0}.personal-task{display:flex;gap:12px;align-items:flex-start;padding:15px 0;border-bottom:1px solid var(--line)}.personal-task>div{min-width:0}.personal-task strong{font-size:13px;font-weight:500;overflow-wrap:anywhere;line-height:1.6}.task-check{border:1px solid #ccdbe5;width:23px;height:23px;border-radius:7px;background:#fff;color:transparent;flex-shrink:0;margin-top:1px}.task-check:hover,.task-check:focus-visible{color:#194863;background:#eaf1f6}.due{font-size:10px;color:#7a8f9d;margin-top:7px}.due-now{color:#9a6b19}.todo-empty{font-size:13px;line-height:1.8;padding:15px 0 20px;color:#365b71}.todo-empty span{font-size:11px;color:var(--muted)}.todo-add{padding:12px;width:100%;text-align:left;background:#fff8e8;color:#825c1e;font-size:12px;border:1px solid #f9e6ba;border-radius:9px}.todo-foot{color:#889ba7;font-size:10px;line-height:1.6;margin-top:17px}.newtaskform{display:grid;gap:14px;background:#f5f8fa;border-radius:10px;padding:16px;margin-top:12px}.newtaskform input{width:100%;min-width:0}.newtaskform .formactions{margin-top:0}.completed-tasks{margin-top:17px;font-size:11px;color:var(--muted)}.completed-item{display:flex;gap:10px;justify-content:space-between;padding:12px 0;align-items:center}.completed-item span{text-decoration:line-through;overflow-wrap:anywhere}.quick-actions{margin-bottom:24px}.quick-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}.quick-action-grid>button{background:#e9edf0;text-align:left;border:1px solid #dce2e6;border-radius:11px;color:var(--ink);padding:18px;display:flex;flex-direction:column;gap:15px;position:relative;transition:background .15s,transform .15s}.quick-action-grid>button:hover{background:#e1e6ea;transform:translateY(-2px)}.quick-icon{height:37px;width:37px;border-radius:10px;background:white;color:#234f69;display:grid;place-items:center;font-size:22px}.quick-action-grid>button:first-child .quick-icon{background:#ffbc48;color:#8b6221}.quick-action-grid strong{display:block;font-size:12px;margin-bottom:7px;line-height:1.5}.quick-action-grid small{font-size:11px;line-height:1.7;color:var(--muted);display:block}.quick-action-grid>button>span:last-child{position:absolute;right:16px;top:18px;color:#91a5b2}@media(max-width:1200px){.quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid:has(.todo-card){grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}@media(max-width:900px){.grid:has(.todo-card){grid-template-columns:1fr}}@media(max-width:700px){.quick-action-grid{grid-template-columns:1fr 1fr}.quick-action-grid>button{padding:15px}.cards .metric .value{font-size:23px}.todo-card .sectionhead h2{font-size:21px}}@media(max-width:360px){.quick-action-grid{grid-template-columns:1fr}}
.cards .metric:nth-child(2){background:#f7ba4d;color:#183b53}.cards .metric:nth-child(2) .small{color:#514323}.cards .metric:nth-child(2) .corner{background:#ffffff40;color:#634712}
/* A separate, vertically ordered to-do block. */
.todo-card{display:flex;flex-direction:column;border:1px solid #dce5ed;box-shadow:0 7px 24px #203e5514;border-radius:13px;min-width:0;background:#fff}.todo-card>.sectionhead{align-items:flex-start;gap:12px;margin-bottom:0}.todo-sort{font-size:10px;color:#778b98;gap:6px;font-weight:500;min-width:0}.todo-sort select{font-size:10px;padding:8px 22px 8px 9px;border-color:#e0e8ee;border-radius:7px;background:#f5f8fa;color:#365b71;max-width:170px}.todo-system{flex-direction:column;align-items:flex-start;gap:9px;margin:20px 0 10px;padding:16px}.todo-system>div{flex:none;width:100%}.todo-system .link{padding:0;margin-top:3px;font-size:11px}.todo-system .taskicon{width:29px;height:29px}.todo-card .todo-add{margin-top:18px;background:#f7ba4d;color:#183b53;border:1px solid #f7ba4d;border-radius:9px;padding:14px 15px;font-weight:700;text-align:center;box-shadow:0 3px 9px #b2801512}.todo-card .todo-add:hover{background:#f2b13b}.todo-card .todo-foot{margin-top:15px}.todo-card .personal-task{align-items:flex-start;width:100%}.todo-card .completed-tasks{margin-top:14px}@media(max-width:1100px) and (min-width:901px){.todo-card>.sectionhead{flex-direction:column}.todo-sort select{max-width:100%}}
/* Readable supporting text throughout the Mac interface. */
body[data-design=blocks]{font-size:15px}
body[data-design=blocks] .small,body[data-design=blocks] .link,body[data-design=blocks] label,body[data-design=blocks] .legend,body[data-design=blocks] .block-caption,body[data-design=blocks] .demo,body[data-design=blocks] .pill,body[data-design=blocks] .positive,body[data-design=blocks] .note,body[data-design=blocks] th,body[data-design=blocks] td{font-size:14px;line-height:1.55}
body[data-design=blocks] .eyebrow,body[data-design=blocks] .navlabel,body[data-design=blocks] .todo-card .eyebrow{font-size:12px;line-height:1.5;letter-spacing:1px}
body[data-design=blocks] .metric span:first-child,body[data-design=blocks] .metric .small,body[data-design=blocks] .metric .positive{font-size:14px;line-height:1.5}
body[data-design=blocks] .todo-sort{font-size:14px;color:#506b7c}
body[data-design=blocks] .todo-sort select{font-size:14px;line-height:1.5;padding:9px 27px 9px 10px;max-width:100%;width:100%;min-height:40px;color:#244b63}
body[data-design=blocks] .todo-card>.sectionhead{flex-direction:column;gap:18px;align-items:stretch;margin-bottom:18px}
body[data-design=blocks] .todo-sort{align-self:stretch}
body[data-design=blocks] .personal-task strong,body[data-design=blocks] .todo-empty{font-size:15px;line-height:1.6}
body[data-design=blocks] .due,body[data-design=blocks] .todo-empty span,body[data-design=blocks] .todo-foot,body[data-design=blocks] .completed-tasks,body[data-design=blocks] .completed-item,body[data-design=blocks] .quick-action-grid small{font-size:14px;line-height:1.6}
body[data-design=blocks] .todo-foot{color:#60798a}
body[data-design=blocks] .quick-action-grid strong,body[data-design=blocks] .todo-add,body[data-design=blocks] .sidebar nav button{font-size:15px;line-height:1.5}
body[data-design=blocks] #accounttable td,body[data-design=blocks] #accounttable .link{font-size:14px}
body[data-design=blocks] .block-caption{gap:10px;flex-wrap:wrap;color:#60798a}
body[data-design=blocks] .sidebar .help p{font-size:14px}
body[data-design=blocks] .topbar .demo:after{font-size:14px}
/* Compact sorting control beside the heading. */
body[data-design=blocks] .todo-card>.sectionhead{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}
body[data-design=blocks] .todo-sort{align-self:auto;flex:0 0 auto;width:auto;max-width:205px;font-size:14px;gap:5px}
body[data-design=blocks] .todo-sort select{width:205px;max-width:100%;font-size:14px;padding:8px 24px 8px 9px;min-height:36px}
body[data-design=blocks] .todo-card .sectionhead>div{min-width:0}
@media(max-width:1100px){body[data-design=blocks] .todo-sort{max-width:185px}body[data-design=blocks] .todo-sort select{width:185px}}
/* The chart and three shortcuts share a column; tasks keep their own column. */
.dashboard-left{display:flex;flex-direction:column;gap:24px;min-width:0}.dashboard-left>.card{width:100%;margin:0}.dashboard-left .quick-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dashboard-left .quick-action-grid>button{padding:16px}.dashboard-columns{align-items:start}.todo-show-all{display:block;text-align:left;margin-top:15px;padding:10px 0;font-weight:700}.tasks-modal .modalpanel{max-width:760px;background:white}.tasks-modal .all-task-list{max-height:65vh;overflow-y:auto;padding-right:8px}.tasks-modal .personal-task strong{font-size:15px}.tasks-modal .due{font-size:14px}.tasks-modal .sectionhead{gap:16px}@media(max-width:900px){.dashboard-columns{grid-template-columns:1fr}.dashboard-left .quick-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.dashboard-left .quick-action-grid{grid-template-columns:1fr}.dashboard-left .quick-action-grid>button{flex-direction:row;align-items:center;padding-right:32px}.dashboard-left .quick-icon{flex-shrink:0}.tasks-modal{padding:16px}.tasks-modal .modalpanel{padding:20px}}
.dashboard-left .latest-events{min-width:0}.latest-events table{white-space:normal}.latest-events th,.latest-events td{padding:13px 8px}.latest-events td:nth-child(3){width:32%;overflow-wrap:anywhere;line-height:1.5}.latest-events td:nth-child(2),.latest-events td:nth-child(5){white-space:nowrap}.latest-events .sectionhead{gap:12px}
.personal-task>div{flex:1;min-width:0}.task-edit{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:1px solid #e0e8ef;border-radius:8px;background:#f5f8fa;color:#506f83;margin-left:6px;cursor:pointer}.task-edit:hover{background:#e6eef4;color:#183b53}.task-editor-modal .modalpanel{max-width:520px;background:#fff}.task-editor-form{display:grid;gap:20px;margin-top:25px}.task-editor-form input{width:100%;font-size:15px;min-height:44px}.task-editor-modal h2{font-size:22px}
body[data-design=blocks] .dashboard-select,body[data-design=blocks] .todo-sort select{appearance:auto;width:auto;max-width:100%;min-height:36px;font:inherit;font-size:14px;line-height:1.5;padding:8px 24px 8px 9px;border:1px solid #e0e8ee;border-radius:7px;background:#f5f8fa;color:#244b63}
.chart-period{display:flex;gap:10px;flex-shrink:0}.chart-month-label{font-size:14px!important;color:#506b7c;gap:5px}.chart-period .dashboard-select{min-width:125px}.dashboard-left>.card:first-child>.sectionhead{gap:16px;flex-wrap:wrap;align-items:center}.chart{gap:8px;overflow-x:auto}.chart .barcol{min-width:34px}.chart .bar{width:17px}@media(max-width:600px){.chart-period{width:100%}.chart-month-label{flex:1}.chart-period .dashboard-select{width:100%}}
body[data-design=blocks] select{appearance:auto;min-height:36px;font-size:14px;line-height:1.5;padding:8px 24px 8px 9px;border:1px solid #e0e8ee;border-radius:7px;background:#f5f8fa;color:#244b63}
.todo-list-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:15px}.todo-list-actions .link{padding:8px 0;font-weight:700;margin:0}.todo-show-finished{margin-left:auto;text-align:right}.finished-tasks-modal .modalpanel{max-width:780px;background:white}.finished-tasks-modal .sectionhead{gap:20px}.finished-select-all{display:flex;flex-direction:row;align-items:center;gap:12px;padding:15px;background:#f2f6f9;border-radius:9px;margin:20px 0 6px}.finished-list{max-height:50vh;overflow:auto}.finished-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 2px;border-bottom:1px solid var(--line)}.finished-selection{display:flex;flex-direction:row;align-items:flex-start;gap:12px;flex:1;min-width:0}.finished-selection span{min-width:0}.finished-selection strong{font-size:15px;font-weight:500;overflow-wrap:anywhere}.finished-selection small{display:block;font-size:14px;font-weight:400;color:var(--muted);margin-top:5px}.finished-tasks-modal input[type=checkbox]{accent-color:#194863;width:19px;height:19px;flex-shrink:0;margin:2px 0 0;padding:0}.finished-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.btn.danger{background:#a33f39;color:#fff}@media(max-width:600px){.finished-tasks-modal .modalpanel{padding:20px}.finished-footer{flex-direction:column;align-items:stretch}.finished-row{gap:10px}.todo-list-actions{gap:10px}}
.report-period-card{margin-bottom:22px}.report-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:20px 0}.report-summary>div{padding:16px;background:#f3f7fa;border-radius:10px;display:flex;flex-direction:column;gap:10px}.report-summary span{font-size:14px;color:#60798a}.report-summary strong{font-size:22px;color:#194863}.report-total{padding:18px;background:#edf4f8;border-radius:10px;display:flex;justify-content:space-between;gap:20px;margin:20px 0;font-size:17px}.report-warning{margin:16px 0}.financial-report{margin-top:18px}.financial-report h2{margin-top:24px}.financial-report table{white-space:normal}.financial-report th,.financial-report td{padding:13px 9px}.journal-report-item{margin:25px 0;break-inside:avoid}.journal-report-item h3{line-height:1.6}.journal-report-item .sectionhead{gap:15px;flex-wrap:wrap}@media print{.report-summary>div{background:#f5f5f5}.financial-report{padding:0}.report-total{border:1px solid #ddd}.report-summary{grid-template-columns:1fr 1fr}.financial-report .note{display:block!important}}
.cards .metric>.link{display:block;padding:0;margin:6px 0 0;min-height:36px;text-align:left}
.metric-period-toolbar{display:flex;justify-content:flex-end;margin-bottom:14px}
.metric-period-toolbar select.metric-period-select{display:block;width:180px;min-height:36px!important;padding:6px 34px 6px 10px!important;font-size:14px!important}
.dashboard-metrics .metric>.link{margin:0;min-height:0;line-height:1.5}
.restored-dashboard .chart-period label>span{display:block;text-align:center}
.restored-dashboard .chart-period .chart-year-select{width:100px}
/* Shared dialog and workflow design, consistent with Edit att göra. */
.product-popup .modalpanel{max-width:540px;background:#fff;border-radius:18px;padding:28px;box-shadow:0 20px 75px #102d4933}.product-popup .modalpanel.popup-wide{max-width:850px}.product-popup .sectionhead{gap:18px;align-items:center}.product-popup h2{font-size:22px;margin:0}.product-popup .note{margin-top:20px}.product-popup table{white-space:normal}.product-popup .formactions{gap:12px}.flow-steps{display:flex;gap:20px;align-items:center;margin:0 0 25px;padding:18px 22px;background:#fff;border:1px solid #e1e8ee;border-radius:12px;flex-wrap:wrap;box-shadow:0 4px 12px #203e5505}.flow-steps>div{display:flex;gap:9px;align-items:center;font-size:14px;color:#7a8c99}.flow-steps>div>span{display:grid;place-items:center;height:25px;width:25px;border-radius:50%;background:#f0f4f7;color:#7e93a1;font-size:12px}.flow-steps .current{color:#194863;font-weight:700}.flow-steps .current>span{background:#ffe5ae;color:#79561c}.flow-steps .passed>span{background:#e7f0e8;color:#477454}.review-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.review-facts>div{display:flex;flex-direction:column;gap:7px;min-width:0}.review-facts span{font-size:13px;color:var(--muted)}.review-facts strong{font-size:15px;overflow-wrap:anywhere}.receipt-layout{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.assistance-card{background:linear-gradient(135deg,#225876,#173e5a);color:white}.assistance-card p{color:#c8dbe7;line-height:1.8;font-size:15px}.assistance-card .small{color:#bdd0dd!important}.assistance-card h2{font-size:28px;line-height:1.3;margin:20px 0}.assistance-card .eyebrow{color:#c3d6e3}.assistant-symbol{display:grid;place-items:center;background:#ffffff12;color:#ffcf76;width:46px;height:46px;font-size:27px;border-radius:13px;margin-bottom:24px}.assistance-card .btn{margin:12px 0}.help-example,.settings-account{margin-top:20px}.help-example p{line-height:1.8}.receiptfilters{margin:15px 0 20px}.row-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.example-proposal{padding:22px;border-radius:12px;background:#f4f7fa;margin:24px 0}.example-proposal>div{display:flex;justify-content:space-between;gap:16px;font-size:14px;margin:16px 0}.mini-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}.mini-cards>.card{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.mini-cards>.card>strong{font-size:29px;font-family:Manrope,sans-serif;letter-spacing:-.8px}.mini-cards h3{margin:0}.mini-cards p{margin:0}.invoice-tip{border-left:3px solid #f7ba4d}.invoice-compose{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}.invoice-lines-card{margin-top:22px}.invoice-item{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:14px;background:#f6f8fa;border:1px solid #e5ecf1;border-radius:11px;padding:18px;margin-bottom:20px}.invoice-item input,.invoice-item select{width:100%;min-width:0}.invoice-item .remove-invoice-item{grid-column:1/-1;justify-self:end}.invoice-sums>div{display:flex;gap:20px;justify-content:space-between;margin:18px 0;font-size:15px}.invoice-sums .invoice-grandtotal{border-top:1px solid #dbe5ec;padding-top:20px;margin-top:20px;font-size:19px}.invoice-side .card+.card{margin-top:20px}.invoice-save{width:100%;justify-content:center;margin-top:14px}.invoice-side{align-self:start;position:sticky;top:22px}textarea{font:inherit;color:var(--ink);border:1px solid #dfe5da;padding:13px;border-radius:8px;resize:vertical;width:100%;background:#fff}.invoice-paper{max-width:1050px;margin:20px auto;padding:40px;box-shadow:0 8px 25px #203e5512}.invoice-paper-head{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding-bottom:26px}.invoice-paper-label{text-align:right;font-size:14px}.invoice-paper h1{font-size:40px;margin:20px 0}.invoice-customer{margin:30px 0}.invoice-customer h2{margin:10px 0}.invoice-paper-bottom{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:20px}.invoice-paper-bottom>p{font-size:14px;color:var(--muted)}.profile-row{display:flex;flex-direction:column;gap:8px;padding:16px 0;border-bottom:1px solid var(--line)}.profile-row span{font-size:14px;color:var(--muted)}.year-progress{width:100%;height:7px;background:#e9eff3;border-radius:7px;overflow:hidden}.year-progress span{display:block;height:100%;background:#f7ba4d;border-radius:7px}.year-check{padding:22px 0;border-bottom:1px solid var(--line)}.year-check:last-child{border:0}.year-check>label{flex-direction:row;align-items:flex-start;gap:13px}.year-check input{margin-top:3px;accent-color:#194863;flex-shrink:0;width:19px;height:19px;padding:0}.year-check strong{font-size:15px;line-height:1.6}.year-check small{display:block;font-size:14px;font-weight:400;line-height:1.7;margin-top:6px;color:var(--muted)}.year-check>.link{margin:10px 0 0 32px}.closing-layout{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}@media(max-width:1100px){.receipt-layout,.invoice-compose,.settings-layout,.closing-layout{grid-template-columns:1fr}.invoice-side{position:static}.mini-cards{grid-template-columns:1fr 1fr}.mini-cards>.card:last-child{grid-column:1/-1}}@media(max-width:700px){.flow-steps{gap:12px;padding:16px}.flow-steps>div{font-size:12px}.mini-cards{grid-template-columns:1fr}.mini-cards>.card:last-child{grid-column:auto}.invoice-item{grid-template-columns:1fr 1fr}.invoice-item label:last-of-type{grid-column:1/-1}.invoice-paper{padding:22px}.invoice-paper-head{flex-direction:column}.invoice-paper-label{text-align:left}.invoice-paper-bottom{grid-template-columns:1fr}.review-facts{grid-template-columns:1fr}.product-popup .modalpanel{padding:22px}.product-popup .formactions{flex-direction:column}.product-popup .formactions button{justify-content:center}.example-proposal>div{flex-direction:column;gap:8px}}@media print{.flow-steps,.help-example,.invoice-side,.profile-row,.product-popup{display:none!important}.invoice-paper{padding:0;box-shadow:none;max-width:none}.invoice-paper .note{display:block!important}.invoice-paper-label .pill{display:inline-block!important}.financial-report .row-actions{display:none}.invoice-paper-head{flex-direction:row}.invoice-paper-bottom{grid-template-columns:1fr 1fr}}
/* Account choices with shared favorites and a compact, searchable menu. */
.booking-account-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.booking-account-picker{position:relative;min-width:0}
.booking-account-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:49px;padding:12px 13px;border:1px solid #dfe5da;border-radius:8px;background:#fff;color:#194863;font:inherit;font-size:15px;line-height:1.5;text-align:left}
.booking-account-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booking-account-trigger svg{flex-shrink:0}
.booking-account-trigger[aria-expanded=true]{border-color:#8ba8bd;box-shadow:0 0 0 2px #19486312}.booking-account-trigger[aria-invalid=true]{border-color:#a53434}
.booking-account-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;padding:8px;border:1px solid #dce6ed;border-radius:10px;background:#fff;box-shadow:0 12px 32px #173e5526}
.booking-account-menu[hidden],.booking-account-error[hidden]{display:none}
.booking-account-menu .booking-account-search{width:100%;min-height:42px;padding:10px 12px;font-size:14px}
.booking-account-list{max-height:min(320px,45vh);overflow-y:auto;overscroll-behavior:contain;margin-top:6px}
.booking-account-row{display:flex;align-items:center;gap:3px;border-radius:6px}.booking-account-row:hover,.booking-account-row.is-selected{background:#edf3f7}
.booking-account-star{flex:0 0 34px;align-self:stretch;min-height:40px;padding:3px;background:none;color:#8299aa;font-size:24px;line-height:1;cursor:pointer}.booking-account-star[aria-pressed=true]{color:#edac38}
.booking-account-option{flex:1;min-width:0;min-height:40px;padding:9px 6px;background:none;color:#194863;font:inherit;font-size:14px;text-align:left;line-height:1.5;overflow-wrap:anywhere}
.booking-account-divider{margin:7px 0;border:0;border-top:1px solid #dce6ed}.booking-account-empty{padding:4px 8px}
.booking-account-error{display:block;margin-top:6px;font-size:13px;color:#a53434}
.booking-account-trigger:focus-visible,.booking-account-star:focus-visible,.booking-account-option:focus-visible{outline:2px solid #e9ad39;outline-offset:1px}
/* Completed company tasks: aligned selection and explicit restoration. */
.own-finished-list .finished-select-all{padding:15px 0}
.own-finished-list input[type=checkbox]{appearance:none;-webkit-appearance:none;width:23px;height:23px;min-height:23px;flex:0 0 23px;margin:1px 0 0;padding:0;border:1px solid #ccdbe5;border-radius:7px;background:#fff;cursor:pointer}
.own-finished-list input[type=checkbox]:checked,.own-finished-list input[type=checkbox]:indeterminate{background:#194863 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4L19 6' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/21px no-repeat;border-color:#194863}
.own-finished-list input[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12h12' stroke='white' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}
.own-finished-list input[type=checkbox]:focus-visible{outline:3px solid #ffbc48;outline-offset:3px}
.task-restore{flex-shrink:0;border:1px solid #e0e8ef;border-radius:8px;background:#f5f8fa;color:#194863;padding:8px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.task-restore:hover{background:#e6eef4}
/* Direct receipt upload, preview and readable amount verification. */
.booking-with-receipt{grid-template-columns:minmax(0,2.1fr) minmax(285px,1fr)}
.booking-receipt-panel{position:sticky;top:22px;min-width:0}
.booking-receipt-panel>h2{margin-top:0}
.booking-receipt-panel>.small{font-size:14px;line-height:1.6}
.booking-receipt-upload{width:100%;justify-content:center;gap:10px;margin-top:8px;background:#ffbc48;color:#173e55}
.booking-receipt-upload>span{font-size:22px;line-height:1}
.booking-receipt-filehint{text-align:center;margin:11px 0 20px}
.booking-receipt-savehint{margin:0 0 16px}
.booking-receipt-preview{display:flex;justify-content:center;align-items:center;min-height:280px;max-height:430px;overflow:auto;border:1px solid #dce6ed;border-radius:10px;background:#f2f6f9;padding:14px}
.booking-receipt-placeholder{display:flex;align-items:center;flex-direction:column;gap:14px;color:#7a93a4;font-size:14px;padding:35px 5px}
.booking-receipt-placeholder>span:first-child{font-size:43px;color:#a0b5c3}
.booking-receipt-preview img{display:block;width:100%;height:auto;object-fit:contain;box-shadow:0 5px 18px #163b511a}
.booking-receipt-preview iframe{width:100%;height:360px;border:0;background:#fff}
.booking-receipt-name{font-size:13px;font-weight:600;overflow-wrap:anywhere;margin:15px 0 8px}
.booking-receipt-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
.booking-receipt-actions[hidden]{display:none}
.booking-receipt-actions .link{font-size:12px;padding:6px 0;text-align:left}
.booking-amount-summary{font-weight:700;margin:0;padding:13px 15px;border-radius:8px;background:#edf4f8;color:#194863!important;line-height:1.7}
.booking-amount-summary[hidden]{display:none}
#cloudbookform label[hidden]{display:none}
@media(max-width:1100px){.booking-with-receipt{grid-template-columns:1fr}.booking-receipt-panel{position:static}.booking-receipt-preview{max-height:340px}.booking-receipt-preview img{width:auto;max-width:100%;max-height:310px}}
/* Customer-controlled support access */
.support-case{border:1px solid #d8e2e9;border-radius:12px;padding:16px;margin:12px 0}.support-case pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto;font-size:12px}.support-scopes{border:1px solid #d8e2e9;border-radius:12px;margin:16px 0;padding:16px}.support-scopes label{display:flex;align-items:center;gap:10px;margin:10px 0}.support-scopes input{width:22px!important;height:22px!important;min-height:22px!important;flex:none;accent-color:#1b475e}.support-buttons{display:flex;flex-wrap:wrap;gap:8px}.support-code{font-size:16px;user-select:all;overflow-wrap:anywhere}.support-history{max-height:350px;overflow:auto}.support-qr{width:220px;height:220px;max-width:100%;display:block;margin:16px auto}.support-document{width:100%;height:60vh;border:1px solid #d8e2e9;border-radius:12px}#support-tools-slot{margin-top:12px}.support-status[hidden]{display:none!important}
/* Drafts and posted journals share a column; sorting help starts beside the drafts. */
.journal-layout>.card,.journal-main,.journal-sidebar{min-width:0}
.journal-main{display:flex;flex-direction:column;gap:24px}
.journal-main>.card{margin:0}
.journal-layout .journal-main>.journal-drafts{margin-bottom:0}
.journal-main .journal-drafts h2,.journal-information h2{font-size:19px}
.journal-information p{font-size:15px;line-height:1.7}
.journal-sidebar{display:flex;flex-direction:column;gap:24px}
.journal-sidebar>.card{margin:0}
.journal-search h2{font-size:19px}
.journal-search form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.journal-search input{width:100%;min-width:0;min-height:46px;margin:0;font-size:15px}
.journal-search .btn{width:auto;min-height:46px;padding:11px 16px;white-space:nowrap;font-size:15px}
.journal-clear-search{margin-top:16px;font-size:15px}
.journal-search-result{font-size:15px;color:var(--muted)}
.journal-sort-guide{margin:24px 0;font-size:15px;line-height:1.7}
.journal-sort-guide dt{font-weight:700;margin-top:18px}
.journal-sort-guide dd{margin:4px 0 0;color:var(--muted)}
.journal-sort-button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-align:left;white-space:nowrap;cursor:pointer}
.journal-sort-button:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.journal-sort-button:focus-visible{outline:3px solid #d99d2d;outline-offset:4px;border-radius:3px}
.journal-sort-arrow{opacity:.45;line-height:1}
.journal-sort-arrow.active{opacity:1;color:var(--ink)}
.journal-posted table{min-width:520px}
.journal-posted td:first-child,.journal-posted td:nth-child(2),.journal-posted td:last-child{white-space:nowrap}
.journal-posted td:nth-child(3){min-width:180px}
.journal-receipt{margin-top:24px;border-top:1px solid #dce6ed;padding-top:20px}
.journal-receipt h3{margin:0 0 14px}
.journal-receipt-preview{min-height:240px;max-height:330px;padding:14px;border:1px solid #dce6ed;border-radius:12px;background:#f2f6f9}
/* Only our enlarge control is present; PDFs are canvases, never embedded viewers. */
.booking-receipt-preview.receipt-preview{display:block;overflow:hidden}
.receipt-preview{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}
.receipt-preview-content{width:100%;min-width:0;display:flex;justify-content:center;align-items:center}
.receipt-preview-content :is(canvas,img){display:block;width:auto;max-width:100%;height:auto;max-height:320px;object-fit:contain;box-shadow:0 5px 18px #163b511a}
.journal-receipt-preview .receipt-preview-content :is(canvas,img){max-height:300px}
.receipt-enlarge{position:absolute;right:18px;bottom:18px;width:46px;height:46px;display:grid;place-items:center;border:1px solid #dce6ed;border-radius:50%;background:#fff;color:#194863;box-shadow:0 4px 18px #173e5526;cursor:pointer}
.receipt-enlarge:hover{background:#ffbc48;border-color:#ffbc48}
.receipt-enlarge:focus-visible{outline:3px solid #ffbc48;outline-offset:3px}
.receipt-enlarge svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.receipt-fullscreen{z-index:1400!important}
.receipt-fullscreen .modalpanel.popup-wide{width:min(1120px,100%);max-width:1120px;padding:20px;display:flex;flex-direction:column;overflow:hidden}
.receipt-fullscreen .sectionhead{flex:none;margin-bottom:16px}
.receipt-fullscreen .sectionhead h2{font-size:20px;overflow-wrap:anywhere;margin:0}
.receipt-full-pages{overflow:auto;overscroll-behavior:contain;min-height:100px;max-height:calc(100dvh - 150px);padding:16px;background:#edf2f6;border:1px solid #dce6ed;border-radius:10px}
.receipt-full-page{width:100%;background:#fff;margin:0 auto 20px;box-shadow:0 3px 14px #173e551a}
.receipt-full-page:last-child{margin-bottom:0}
.receipt-full-pages :is(canvas,img){display:block;width:100%;height:auto;background:#fff}
.receipt-loading{padding:30px 12px;text-align:center}
@media(max-width:700px){.receipt-fullscreen .modalpanel.popup-wide{padding:12px}.receipt-full-pages{padding:8px}.receipt-fullscreen .sectionhead h2{font-size:17px}}

.journal-receipt-preview.receipt-preview{flex-direction:column;gap:12px;max-height:none}
.journal-receipt-preview .receipt-enlarge{position:static;flex-shrink:0}
.journal-caption{display:flex;align-items:center;gap:8px}
.journal-caption>span{overflow-wrap:anywhere;min-width:0}
.journal-title-edit{display:inline-grid;place-items:center;flex-shrink:0;width:30px;height:30px;padding:5px;border:1px solid #dce6ed;border-radius:7px;background:#f5f8fa;color:#194863;cursor:pointer}
.journal-title-edit svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.journal-title-edit:hover{background:#e8f0f6}
.journal-title-edit:focus-visible{outline:3px solid #ffbc48;outline-offset:3px}
.journal-title-history{margin:12px 0 18px;font-size:14px;overflow-wrap:anywhere}
.journal-title-history summary{cursor:pointer;color:#194863;font-weight:600}
.journal-title-history p{margin:10px 0}

.journal-title-control{position:relative;display:inline-flex;flex-shrink:0}
.journal-title-tooltip{position:absolute;z-index:2;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:260px;max-width:calc(100vw - 80px);padding:10px 12px;border:1px solid #dce6ed;border-radius:9px;background:#fff;color:#183b53;box-shadow:0 6px 20px #173e5526;font-size:14px;line-height:1.5;font-weight:700;visibility:hidden;opacity:0;transition:opacity .12s}
.journal-title-control:hover .journal-title-tooltip,.journal-title-control:focus-within .journal-title-tooltip{visibility:visible;opacity:1}

.account-opening{display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:24px;text-align:center}
.account-opening p{margin:0;font-size:17px;font-weight:700;line-height:1.5}

/* Authentication shares the dashboard sidebar's dark blue and yellow. */
body[data-design=blocks] .authstory{background:linear-gradient(165deg,#1c4965,#102e47)}
body[data-design=blocks] .authstory .brand .mark{background:#ffcb63;color:#102e47}
body[data-design=blocks] .authstory p{color:#c3d9e7}

/* Compact journal summaries keep the complete title in the detail view. */
.journal-posted table{table-layout:fixed;width:100%}
.journal-posted th:first-child{width:125px}.journal-posted th:nth-child(2){width:135px}.journal-posted th:last-child{width:90px}
.journal-posted td:nth-child(3){min-width:0}
.journal-list-description,.recent-journal-description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.recent-journal-description{flex:1}.recent-journal-description+.link{flex-shrink:0}
.journal-posted>.sectionhead{gap:16px;flex-wrap:wrap}.journal-posted>.sectionhead h2{margin:0}
.journal-year-select{min-width:130px;max-width:180px}

/* Shared workspace card titles; page h1 and report document headings retain their hierarchy. */
#content .card:not(.company-financial-report) h2{font-size:19px}
.report-pdf-download[aria-disabled="true"]{opacity:.6;pointer-events:none}

/* Write quantities and prices directly, without native stepper arrows. */
input[type=number]{appearance:textfield;-moz-appearance:textfield}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.invoice-preview-actions{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-bottom:100px}
.invoice-preview-actions>.btn:first-child{justify-self:start}
.link.invoice-draft-delete{color:#a53939;white-space:nowrap}
.required-star{color:#000;font-weight:700}
.flow-steps>.invoice-draft-delete{margin-left:auto}
.invoice-draft-delete-outline{border:3px solid #a53939;background:#fff;color:#a53939;padding:10px 16px}
.invoice-draft-delete-outline:hover{background:#fff2f2}
.invoice-delete-confirm{background:#a53939}
.invoice-workspace-table{table-layout:fixed;min-width:1050px}
.invoice-workspace-table col{width:calc(100% / 7)}
.invoice-workspace-table th,.invoice-workspace-table td{text-align:center;vertical-align:middle;padding:16px 12px}
.invoice-workspace-table td:not([colspan]){white-space:nowrap}
.invoice-workspace-table td:nth-child(2){white-space:normal;overflow-wrap:anywhere}
.invoice-drafts-table .row-actions{gap:12px;flex-wrap:nowrap;justify-content:space-between}
.invoice-item .invoice-number-field{text-align:center}
.invoice-item .invoice-number-field :is(input,select){text-align:center}
.invoice-item .invoice-number-field select{text-align-last:center;padding-left:40px;padding-right:40px}
.invoice-paper .tablewrap :is(th,td):nth-child(2),.invoice-paper .tablewrap :is(th,td):nth-child(3),.invoice-paper .tablewrap :is(th,td):nth-child(4){text-align:center}
.invoice-preview-actions>.invoice-save-draft{justify-self:center;background:#ffbc48;color:#173e55}
.invoice-preview-actions>.btn:last-child{justify-self:end}
@media(max-width:700px){.invoice-preview-actions{grid-template-columns:1fr;gap:14px}.invoice-preview-actions>.btn{justify-self:stretch!important;justify-content:center}}

/* Double the issued invoice logo while keeping its original proportions. */
.invoice-paper.issued-paper .invoice-sender .invoice-logo{height:310px}

.invoice-paper-bottom>.invoice-sums:last-child{grid-column:2}
@media(max-width:700px){.invoice-paper-bottom>.invoice-sums:last-child{grid-column:1}}
@media print{.invoice-paper-bottom>.invoice-sums:last-child{grid-column:2}}

/* Customer sidebar: supplied white wordmark at the existing 37 px brand height. */
.sidebar .customer-brand{height:37px;justify-content:center}
.customer-brand-image{position:relative;display:block;height:37px;aspect-ratio:3506/991;overflow:hidden;flex-shrink:0}
.customer-brand-image img{position:absolute;display:block;width:116.8%;max-width:none;height:auto;left:-8.61%;top:-19.68%}

/* Account entry wordmark matches the landing header at every breakpoint. */
.authstory .customer-brand-image{width:176px;height:auto}
@media(max-width:1100px){.authstory .customer-brand-image{width:150px}}
@media(max-width:600px){.authstory .customer-brand-image{width:125px}}
@media(max-width:420px){.authstory .customer-brand-image{width:145px}}

.authstory-content{margin-block:auto}
.account-home-link{display:inline-flex;align-items:center;padding:2px 6px;text-decoration:none}