/* Workflow components adapted from the supplied 21st.dev stepper, filter, and range-input patterns. */
.workflow-stepper{padding:20px 26px 4px}.workflow-stepper-nav{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:6px}.workflow-stepper-nav::before{content:"";position:absolute;left:16.66%;right:16.66%;top:18px;height:2px;background:var(--line)}.workflow-step{position:relative;z-index:1;border:0;background:transparent;color:var(--muted);display:grid;justify-items:center;gap:6px;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.workflow-step span{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#fff;display:grid;place-items:center;font-size:11px;transition:.22s ease}.workflow-step.active,.workflow-step.completed{color:var(--navy)}.workflow-step.active span{border-color:var(--navy);background:var(--navy);color:#fff;box-shadow:0 0 0 5px var(--blue-soft)}.workflow-step.completed span{border-color:var(--green);background:var(--green-soft);color:var(--green)}.workflow-panel{animation:workflow-panel-in .24s ease}.workflow-panel[hidden]{display:none}.workflow-actions{display:flex;justify-content:space-between;gap:9px;margin-top:4px}.workflow-actions .button{flex:1}.workflow-actions .button:only-child{margin-left:auto;max-width:220px}@keyframes workflow-panel-in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}

.lead-filter-panel,.finance-filter-panel{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:-8px 0 15px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm);animation:filter-drop .18s ease}.lead-filter-panel[hidden],.finance-filter-panel[hidden]{display:none}.lead-filter-panel label,.finance-filter-panel label{min-width:150px;display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.lead-filter-panel input,.lead-filter-panel select,.finance-filter-panel input,.finance-filter-panel select{height:40px;padding:0 11px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-size:11px}.filter-active-count{min-width:22px;padding:3px 7px;border-radius:99px;background:var(--navy);color:#fff;font-size:9px;text-align:center}@keyframes filter-drop{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}

.kanban-board{align-items:start}.kanban-column{border:1px solid transparent;transition:border-color .16s ease,background .16s ease,transform .16s ease}.kanban-column.drag-over{border-color:var(--blue);background:var(--blue-soft);transform:translateY(-2px)}.kanban-head span{text-transform:none}.kanban-head span::first-letter{text-transform:uppercase}.lead-card{cursor:grab;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.lead-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(16,24,40,.1)}.lead-card:active{cursor:grabbing}.lead-card.dragging{opacity:.5;transform:rotate(1deg) scale(.98)}.lead-card-top{display:flex;justify-content:space-between;align-items:start;gap:8px}.lead-card-top h3{font-size:13px}.lead-service{display:inline-flex;margin-top:7px;padding:4px 7px;border-radius:99px;background:var(--blue-soft);color:var(--navy);font-size:8px;font-weight:800}.lead-assignee{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8px}.lead-assignee b{width:22px;height:22px;border-radius:8px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:7px}.kanban-empty{min-height:92px;border:1px dashed #ccd3dd;border-radius:14px;display:grid;place-items:center;color:var(--muted);font-size:10px}.drag-help{display:flex;align-items:center;gap:7px;margin:0 0 13px;color:var(--muted);font-size:10px}.drag-help i{color:var(--blue)}

.amount-control{padding:18px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,#f7f9fc,#fff)}.amount-display{display:flex;justify-content:center;align-items:center;min-height:66px;color:var(--navy);font:700 36px var(--font-display);letter-spacing:-.05em}.amount-display.bump{animation:amount-bump .22s ease}.amount-control input[type=range]{width:100%;height:7px;border:0;padding:0;border-radius:99px;background:linear-gradient(90deg,var(--navy) var(--range-progress,0%),#dfe4eb var(--range-progress,0%));appearance:none;outline:0}.amount-control input[type=range]::-webkit-slider-thumb{width:24px;height:24px;border:5px solid #fff;border-radius:50%;background:var(--navy);box-shadow:0 3px 14px rgba(16,24,40,.25);appearance:none;cursor:grab}.amount-adjust{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:15px}.amount-adjust button{height:38px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-size:10px;font-weight:800;cursor:pointer}.amount-adjust button:hover{border-color:var(--navy);background:var(--blue-soft)}@keyframes amount-bump{50%{transform:translateY(-4px) scale(1.05);opacity:.72}}

.finance-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.finance-period{display:flex;flex-wrap:wrap;gap:6px}.finance-period button{height:36px;padding:0 12px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--muted);font-size:9px;font-weight:800;cursor:pointer}.finance-period button.active{border-color:var(--navy);background:var(--navy);color:#fff}.finance-export-options{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.finance-export-option{min-height:155px;padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff;text-align:left;cursor:pointer;transition:.18s ease}.finance-export-option:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.finance-export-option i{width:43px;height:43px;margin-bottom:18px;border-radius:14px;background:var(--blue-soft);color:var(--navy);display:grid;place-items:center;font-size:22px}.finance-export-option strong,.finance-export-option small{display:block}.finance-export-option small{margin-top:5px;color:var(--muted);line-height:1.5}.report-period-label{color:var(--muted);font-size:10px}.finance-empty{padding:34px;text-align:center;color:var(--muted)}
.finance-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.finance-chart-card,.finance-ledger-card{min-width:0;overflow:hidden}.finance-chart-card{display:grid;grid-template-rows:auto auto auto;align-content:start}.finance-chart-card .app-card-head{width:100%;align-items:center}.finance-chart-card .report-period-label{padding:5px 9px;border-radius:999px;background:var(--soft);white-space:nowrap}.finance-chart-card .donut-wrap{width:min(100%,360px);height:240px;margin-inline:auto;display:grid;place-items:center}.finance-chart-card canvas{display:block;width:100%!important;max-width:100%;height:100%!important}.finance-chart-legend{width:min(100%,360px);margin-inline:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:10px;border-top:1px solid var(--line)}.finance-chart-legend span{min-width:0;display:grid;grid-template-columns:8px 1fr;gap:2px 7px;color:var(--muted);font-size:9px}.finance-chart-legend i{width:8px;height:8px;margin-top:2px;border-radius:50%}.finance-chart-legend .income-dot{background:#233f6d}.finance-chart-legend .expense-dot{background:#e8a064}.finance-chart-legend b{grid-column:2;color:var(--ink);font-size:11px;overflow-wrap:anywhere}.finance-count-up{display:inline-block;font-variant-numeric:tabular-nums;will-change:transform,filter,opacity}.finance-count-up.is-counting{animation:finance-count-reveal 1.05s cubic-bezier(.22,1,.36,1)}@keyframes finance-count-reveal{0%{opacity:.35;filter:blur(5px);transform:translateY(7px) scale(.97)}55%{filter:blur(0);transform:translateY(-1px) scale(1.015)}100%{opacity:1;filter:none;transform:none}}.finance-ledger-card .app-card-head>div{min-width:0;display:grid;gap:3px}.finance-ledger-note{margin:13px 0 0;padding-top:12px;border-top:1px dashed var(--line);color:var(--muted);font-size:9px;text-align:center}.finance-row>span{min-width:0}.finance-row strong,.finance-row small{overflow-wrap:anywhere}.finance-row b{white-space:nowrap;text-align:right}.site-action-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px}.activity-centre,.notification-list,.search-results{gap:8px}.activity-centre .activity-row,.notification-item,.search-result{width:100%;border:1px solid var(--line);border-radius:15px;background:#fff;cursor:pointer;text-align:left}.activity-centre .activity-row{padding:10px}.notification-item{min-height:58px;padding:10px 12px;display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:10px;color:var(--ink);font-weight:700}.notification-item>i:first-child{width:34px;height:34px;border-radius:11px;background:var(--blue-soft);color:var(--navy);display:grid;place-items:center}.search-result{position:relative;padding:13px 42px 13px 14px;display:grid;gap:3px}.search-result>span{color:var(--blue);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.search-result strong{font-size:12px}.search-result small{color:var(--muted);font-size:9px}.search-result>i{position:absolute;right:15px;top:50%;transform:translateY(-50%)}

.management-list{display:grid;gap:9px}.management-item{display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:15px}.management-avatar{width:40px;height:40px;border-radius:13px;background:var(--blue-soft);color:var(--navy);display:grid;place-items:center;font-size:11px;font-weight:800}.management-item span{display:grid}.management-item strong{font-size:11px}.management-item small{color:var(--muted);font-size:9px}.management-actions{display:flex;align-items:center;gap:6px}.management-actions button{width:32px;height:32px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);display:grid;place-items:center;cursor:pointer}.management-actions button:hover{color:var(--red);border-color:#f4c5c5}.management-add{width:100%;margin-top:12px}.service-pill-list{display:flex;flex-wrap:wrap;gap:7px}.service-pill{display:flex;align-items:center;gap:7px;padding:7px 8px 7px 11px;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:10px;font-weight:700}.service-pill button{width:22px;height:22px;border:0;border-radius:50%;background:var(--soft);color:var(--muted);display:grid;place-items:center;cursor:pointer}.service-pill button:hover{background:var(--red-soft);color:var(--red)}.owner-only-note{padding:11px 13px;border-radius:13px;background:var(--blue-soft);color:var(--navy);font-size:10px;line-height:1.5}

.app-sidebar-scrim{display:none}.lead-portal-badge{padding:5px 8px;border-radius:99px;background:var(--blue-soft);color:var(--navy);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}

.finance-filter-head{flex:1 0 100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.finance-filter-head>span{display:flex;align-items:center;gap:7px;color:var(--navy);font-size:10px}.finance-filter-head>span i{font-size:16px}.finance-filter-head>button{width:34px;height:34px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--muted);display:grid;place-items:center;cursor:pointer}.finance-filter-head>button:hover{border-color:var(--navy);color:var(--navy)}

@media(max-width:900px){.kanban-board{grid-template-columns:repeat(4,270px)}.finance-export-options{grid-template-columns:1fr}.workflow-stepper{padding-inline:20px}}
@media(max-width:680px){.lead-filter-panel,.finance-filter-panel{display:grid;grid-template-columns:1fr 1fr}.lead-filter-panel[hidden],.finance-filter-panel[hidden]{display:none}.lead-filter-panel label,.finance-filter-panel label{min-width:0}.amount-adjust{grid-template-columns:1fr 1fr}.workflow-step small{display:none}.finance-toolbar{align-items:stretch}.finance-period{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.finance-period button{white-space:nowrap;flex:0 0 auto}.finance-summary{grid-template-columns:1fr 1fr}.finance-layout .app-card{min-width:0;padding:18px}.finance-layout .app-card-head{gap:10px;align-items:center}.finance-chart-card .donut-wrap{width:min(100%,320px);height:220px}.finance-chart-legend{width:min(100%,320px);margin-top:2px}.finance-row{grid-template-columns:34px minmax(0,1fr) auto;gap:9px;padding:11px 0}.finance-row>i{width:34px;height:34px;border-radius:11px}.finance-row strong{font-size:10px;line-height:1.35}.finance-row small{margin-top:2px;font-size:8px;line-height:1.4}.finance-row b{max-width:84px;font-size:10px}.finance-ledger-card .app-card-head button{flex:0 0 auto;padding:6px 0}.site-action-grid{grid-template-columns:1fr}.activity-centre{padding-inline:16px}.management-item{grid-template-columns:36px 1fr}.management-avatar{width:36px;height:36px}.management-actions{grid-column:2}.app-view .page-content{padding-bottom:150px}}
@media(max-width:420px){.lead-filter-panel,.finance-filter-panel{grid-template-columns:1fr}.finance-summary{grid-template-columns:1fr}.finance-chart-card .donut-wrap{height:190px}.finance-layout .app-card{padding:15px}.finance-row{grid-template-columns:32px minmax(0,1fr) auto;gap:7px}.finance-row>i{width:32px;height:32px}.finance-row b{max-width:72px;font-size:9px}.finance-chart-legend b{font-size:10px}}
/* Unified brief-to-website projects, studio invoices, and 21st-inspired logo uploader. */
.project-lifetime{display:flex;align-items:center;gap:4px;margin-top:5px;color:#8a5b16;font-size:8px;font-weight:750;white-space:nowrap}.project-lifetime-inline{display:none}.project-updated-cell>span{display:grid}
.project-summary{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.project-summary span{padding:9px 12px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--muted);font-size:9px;font-weight:700}.project-summary b{margin-right:3px;color:var(--navy);font-size:11px}.project-subline,.project-access{display:block;margin-top:5px;color:var(--muted);font-size:8px;line-height:1.4}.project-template-line{display:contents}.project-website-category{display:none}.project-status-line{display:grid;justify-items:start}.projects-card .data-table{min-width:900px}.project-actions{min-width:230px;flex-wrap:wrap}.project-actions button{flex:0 0 32px;width:32px;height:32px}.project-actions .site-power{color:var(--muted)}.project-actions .site-power.is-live{border-color:#bce6ce;background:var(--green-soft);color:var(--green)}.project-detail-hero{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(135deg,#f4f7fb,#fff)}.project-detail-hero .client-avatar{width:48px;height:48px;border-radius:16px}.project-detail-hero div{display:grid}.project-detail-hero small{margin-top:3px;color:var(--muted);font-size:9px}.project-modal-actions{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:8px}
.project-cell-label,.project-actions button>span{display:none}.project-access i{margin-right:4px}.brief-link-picker>p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.brief-link-option{padding:12px;border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px}.brief-link-option>i{width:40px;height:40px;border-radius:13px;background:var(--blue-soft);color:var(--navy);display:grid;place-items:center;font-size:18px}.brief-link-option>span{min-width:0;display:grid}.brief-link-option strong{font-size:11px}.brief-link-option small{margin-top:3px;color:var(--muted);font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-updated-inline{display:none!important}.projects-card .data-table tbody tr{position:relative}.project-client-avatar{position:relative;overflow:hidden}.project-client-avatar b{font:inherit}.project-client-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .18s ease}.project-client-avatar.has-image img{opacity:1}.project-more-top{position:absolute;z-index:2;top:12px;right:12px;height:32px;padding:0 10px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--muted);display:flex;align-items:center;gap:4px;font-size:8px;font-weight:800;cursor:pointer}.project-more-top:hover{border-color:var(--navy);color:var(--navy)}.project-passwords{min-width:250px;display:grid;gap:5px}.project-passwords button{min-width:0;height:29px;padding:0 8px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);display:grid;grid-template-columns:38px minmax(0,1fr) 14px;align-items:center;gap:5px;text-align:left;cursor:pointer}.project-passwords button:hover{border-color:var(--blue);background:var(--blue-soft)}.project-passwords span{color:var(--muted);font-size:6px;font-weight:800;text-transform:uppercase}.project-passwords code{overflow:hidden;color:var(--navy);font:800 8px var(--font-body);text-overflow:ellipsis;white-space:nowrap}.project-passwords i{font-size:11px}.project-analytics{min-width:220px;margin-top:7px;display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.project-analytics>span{padding:6px 7px;border:1px solid var(--line);border-radius:10px;background:#fff;display:grid}.project-analytics b{color:var(--navy);font-size:10px}.project-analytics small{margin-top:2px;color:var(--muted);font-size:6px;line-height:1.2;white-space:nowrap}.project-detail-analytics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.project-detail-analytics span{padding:13px;border:1px solid var(--line);border-radius:15px;background:#f8fafc;display:grid}.project-detail-analytics small{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.06em}.project-detail-analytics strong{margin-top:4px;color:var(--navy);font-size:16px}.site-password-copy{padding:13px;border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.site-password-copy>span{min-width:0;display:grid}.site-password-copy small{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.07em}.site-password-copy code{margin-top:4px;color:var(--navy);font-size:13px;font-weight:850;overflow-wrap:anywhere}

.invoice-form{gap:13px}.invoice-brand-preview{padding:14px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(135deg,#edf3fa,#fff);display:flex;align-items:center;gap:11px}.invoice-brand-preview img,.invoice-brand-preview>span{width:48px;height:48px;border:1px solid var(--line);border-radius:15px;background:#fff;object-fit:contain}.invoice-brand-preview>span{background:var(--navy);color:#fff;display:grid;place-items:center;font:800 18px var(--font-display)}.invoice-brand-preview div{display:grid}.invoice-brand-preview small{margin-top:3px;color:var(--muted);font-size:9px}.invoice-choice{padding:13px!important;border:1px solid #cfe0f4;border-radius:15px;background:var(--blue-soft);display:grid!important;grid-template-columns:auto 1fr;align-items:start;gap:10px}.invoice-choice input{width:17px!important;height:17px;margin-top:2px}.invoice-choice span{display:grid}.invoice-choice small{margin-top:3px;color:var(--muted);font-weight:500}.invoice-total-preview{padding:15px;border-radius:16px;background:var(--navy);color:#fff;display:flex;justify-content:space-between;align-items:center}.invoice-total-preview span{color:#c4cfde;font-size:10px}.invoice-total-preview strong{font:750 22px var(--font-display)}.invoice-register{margin-top:14px}.invoice-register-list{display:grid}.invoice-register-row{width:100%;padding:11px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);display:grid;grid-template-columns:38px minmax(0,1fr) auto auto 18px;gap:10px;align-items:center;text-align:left;cursor:pointer}.invoice-register-row:last-child{border-bottom:0}.invoice-register-icon{width:38px;height:38px;border-radius:13px;background:var(--blue-soft);color:var(--navy);display:grid;place-items:center;font-size:17px}.invoice-register-row>span:nth-child(2){display:grid}.invoice-register-row strong{font-size:11px}.invoice-register-row small{margin-top:2px;color:var(--muted);font-size:9px}.invoice-register-row>b{font-size:11px;white-space:nowrap}.invoice-register-row>i{color:var(--muted)}

.square-logo-form{display:grid;gap:12px}.square-logo-uploader{min-height:106px;padding:13px;border:1px dashed #c9d3df;border-radius:18px;background:#fafbfd;display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:13px;align-items:center;cursor:pointer;outline:0;transition:.18s ease}.square-logo-uploader:hover,.square-logo-uploader:focus,.square-logo-uploader.is-dragging{border-color:var(--blue);background:#f2f6fb;box-shadow:0 0 0 4px rgba(72,118,189,.08)}.square-logo-preview,.square-logo-preview img,.square-logo-preview span{width:72px;height:72px;border-radius:17px}.square-logo-preview{overflow:hidden;border:1px solid var(--line);background:#fff}.square-logo-preview img{display:block;object-fit:cover}.square-logo-preview span{background:var(--navy);color:#fff;display:grid;place-items:center;font:800 22px var(--font-display)}.square-logo-copy{min-width:0;display:grid}.square-logo-copy strong{font-size:11px}.square-logo-copy small{margin:3px 0;color:var(--muted);font-size:9px}.square-logo-copy em{color:var(--muted);font-size:8px;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.square-logo-uploader.has-file .square-logo-copy em{color:var(--green)}.square-logo-choose{height:34px;padding:0 10px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--navy);font-size:9px;font-weight:800;cursor:pointer}.square-logo-submit:disabled{opacity:.45;cursor:not-allowed}.logo-cropper{gap:15px}.logo-crop-stage{width:min(310px,100%);aspect-ratio:1;margin:auto;overflow:hidden;border:8px solid #fff;border-radius:26px;background:#eef1f4;box-shadow:0 0 0 1px var(--line),0 18px 45px rgba(19,40,74,.13);display:grid;place-items:center}.logo-crop-stage img{width:100%;height:100%;object-fit:cover;transition:transform .12s ease}.logo-zoom-label{display:grid!important;gap:8px}.logo-zoom-label span{font-size:10px;font-weight:800}.logo-zoom-label input{height:6px!important;padding:0!important;accent-color:var(--navy)}

.performance-chart-wrap{position:relative}.performance-tooltip{position:absolute;z-index:2;width:146px;padding:11px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(18,38,70,.94);box-shadow:0 12px 32px rgba(16,24,40,.22);color:#fff;pointer-events:none;display:grid;gap:5px}.performance-tooltip[hidden]{display:none}.performance-tooltip strong{margin-bottom:2px;font-size:10px}.performance-tooltip span{display:grid;grid-template-columns:7px 1fr auto;gap:5px;align-items:center;color:#cbd5e3;font-size:8px}.performance-tooltip span:last-child{grid-template-columns:1fr auto}.performance-tooltip b{color:#fff}.performance-tooltip i,.performance-legend i{width:7px;height:7px;border-radius:50%}.performance-tooltip .income-dot,.performance-legend .income-dot{background:#233f6d}.performance-tooltip .expense-dot,.performance-legend .expense-dot{background:#d9772b}.performance-tooltip .income-dot{background:#82a8e9}.performance-legend{display:flex;justify-content:flex-end;gap:14px;margin-top:5px;color:var(--muted);font-size:8px}.performance-legend span{display:flex;align-items:center;gap:5px}

@media(max-width:680px){.projects-card{overflow:visible;background:transparent;box-shadow:none}.projects-card .data-table{min-width:0}.projects-card .data-table tbody{display:grid;gap:14px}.projects-card .data-table tr{position:relative;margin:0;padding:17px;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 28px rgba(18,38,70,.07);display:grid;grid-template-columns:minmax(0,1fr) minmax(112px,.72fr);gap:13px 16px}.projects-card .data-table tr::after{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--navy),#779bd0)}.projects-card .data-table td{width:auto!important;padding:0!important;border:0!important;display:block!important;text-align:left!important}.projects-card .data-table td::before{display:none!important}.projects-card .project-client-cell{grid-column:1/-1;padding-bottom:13px!important;border-bottom:1px solid var(--line)!important}.projects-card .client-cell{align-items:center}.projects-card .client-cell .client-avatar{width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,#e9f1fb,#dce9f8);font-size:11px}.projects-card .client-cell strong{font-size:12px}.projects-card .client-cell small{margin-top:3px;font-size:8px}.project-cell-label{display:block;margin-bottom:6px;color:var(--muted);font-size:7px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.projects-card .project-template-line{display:flex;align-items:baseline;gap:7px;min-width:0}.projects-card .project-template-line .project-cell-label{flex:none;margin:0}.projects-card .project-template-line strong{min-width:0;font-size:10px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projects-card .project-category-subline{display:none}.projects-card .project-subline{margin-top:3px}.projects-card .project-status-cell{text-align:right!important}.projects-card .project-website-label{margin:0 0 6px;display:grid;justify-items:end;line-height:1.15;text-align:right}.projects-card .project-website-category{display:block}.projects-card .project-status-line{display:flex;align-items:center;justify-content:flex-end;gap:7px;white-space:nowrap}.projects-card .project-status-line .project-subline{margin:0}.projects-card .project-status-cell .status-badge{display:inline-flex}.projects-card .project-access-cell{grid-column:1/-1;padding:10px 11px!important;border-radius:13px!important;background:#f4f7fb}.projects-card .project-access{margin:0;color:var(--navy);font-size:8px}.projects-card .project-updated-cell{grid-column:1/-1;display:flex!important;align-items:center;justify-content:space-between!important}.projects-card .project-updated-cell .project-cell-label{margin:0}.projects-card .project-updated-cell strong{font-size:9px}.projects-card .project-actions-cell{grid-column:1/-1}.project-actions{min-width:0;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.project-actions button{width:100%;height:40px;min-width:0;flex:auto;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px}.project-actions button>span{display:inline;min-width:0;font-size:7px;font-weight:800;white-space:nowrap}.project-modal-actions{grid-template-columns:1fr}.brief-link-option{grid-template-columns:36px minmax(0,1fr)}.brief-link-option>i{width:36px;height:36px}.brief-link-option .button{grid-column:2;width:100%}.invoice-register-row{grid-template-columns:34px minmax(0,1fr) auto 16px}.invoice-register-row .status-badge{display:none}.invoice-register-row>b{font-size:9px}.square-logo-uploader{grid-template-columns:60px minmax(0,1fr)}.square-logo-preview,.square-logo-preview img,.square-logo-preview span{width:60px;height:60px}.square-logo-choose{grid-column:2;width:max-content}.performance-chart-wrap{height:230px}}
@media(max-width:420px){.project-summary{display:grid;grid-template-columns:1fr 1fr}.project-summary span{border-radius:14px}.square-logo-uploader{grid-template-columns:52px minmax(0,1fr);padding:11px}.square-logo-preview,.square-logo-preview img,.square-logo-preview span{width:52px;height:52px}.invoice-register{padding:15px}.invoice-register-row{gap:7px}.invoice-register-row>b{max-width:74px;overflow-wrap:anywhere}}

@media(max-width:680px){.projects-card .project-client-cell{padding-right:45px!important}.projects-card .project-updated-inline{display:flex!important;align-items:center;gap:4px;color:var(--muted)}.projects-card .data-table .project-updated-cell{display:none!important}.projects-card .project-more-top{top:15px;right:14px;width:34px;height:34px;padding:0;justify-content:center}.projects-card .project-more-top span{display:none}.projects-card .project-passwords{min-width:0;grid-template-columns:1fr 1fr;gap:7px}.projects-card .project-passwords button{height:37px;grid-template-columns:34px minmax(0,1fr) 14px}.projects-card .project-passwords code{font-size:7px}.projects-card .project-analytics{min-width:0;margin-top:8px}.projects-card .project-analytics>span{padding:8px}.projects-card .project-analytics b{font-size:11px}.projects-card .project-analytics small{font-size:6px}.projects-card .project-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.project-detail-analytics{gap:6px}.project-detail-analytics span{padding:10px}.project-detail-analytics strong{font-size:14px}}
@media(max-width:420px){.projects-card .project-passwords{grid-template-columns:1fr}.projects-card .project-analytics small{white-space:normal}.project-detail-analytics{grid-template-columns:1fr}.project-detail-analytics span{grid-template-columns:1fr auto;align-items:center}.project-detail-analytics strong{margin:0}.site-password-copy{grid-template-columns:1fr}.site-password-copy .button{width:100%}}

.lead-assignee{width:100%;margin:10px 0 0;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.lead-assignee>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-assignee>i{margin-left:auto}.lead-card footer{margin-top:10px;padding-top:9px;border-top:1px solid var(--line)}.lead-card-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.lead-card-actions a,.lead-card-actions button{min-width:0;height:34px;padding:0 7px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink-2);display:flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;font-size:8px;font-weight:800;cursor:pointer}.lead-card-actions a:hover,.lead-card-actions button:hover{border-color:var(--navy);background:var(--blue-soft);color:var(--navy)}.lead-card-actions a[href*="wa.me"]{color:#14845a}.field-help{display:block;margin-top:-3px;color:var(--muted);font-size:8px;line-height:1.4;font-weight:500}.lead-calendar{gap:13px}.lead-calendar-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:3px}.lead-calendar-tabs button{flex:0 0 auto;height:35px;padding:0 10px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--muted);font-size:8px;font-weight:800;cursor:pointer}.lead-calendar-tabs button.active{border-color:var(--navy);background:var(--navy);color:#fff}.lead-calendar-tabs b{margin-left:4px}.lead-schedule-list{display:grid;gap:8px}.lead-schedule-item{padding:11px;border:1px solid var(--line);border-radius:15px;display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:10px;align-items:center}.lead-schedule-time{display:flex;align-items:center;gap:5px;color:var(--navy);font-size:8px;font-weight:800}.lead-schedule-item>div:nth-child(2){display:grid}.lead-schedule-item strong{font-size:10px}.lead-schedule-item small{margin-top:2px;color:var(--muted);font-size:8px}.lead-schedule-actions{display:flex;gap:5px}.lead-schedule-actions a,.lead-schedule-actions button{width:31px;height:31px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--navy);display:grid;place-items:center;text-decoration:none;cursor:pointer}
@media(max-width:680px){.lead-card-actions span{display:none}.lead-card-actions a,.lead-card-actions button{padding:0}.lead-schedule-item{grid-template-columns:1fr auto}.lead-schedule-time{grid-column:1/-1}.lead-schedule-actions{grid-column:2;grid-row:2}}
.project-more-glyph{font-size:9px;letter-spacing:1px;line-height:1}.project-more-top{gap:5px}@media(max-width:680px){.projects-card .project-more-top .project-more-glyph{display:inline}.projects-card .project-more-top .project-more-label{display:none}}

/* Compact dashboard action rail and responsive performance filters. */
.quick-actions-section{margin-top:14px;padding:17px 18px 12px;border:1px solid var(--line);border-radius:23px;background:rgba(255,255,255,.54);box-shadow:var(--shadow-sm)}.quick-actions-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.quick-actions-head h2{margin:0;font:700 16px var(--font-display)}.quick-actions-head button{border:0;background:transparent;color:var(--muted);font-size:10px;font-weight:700;cursor:pointer}.quick-actions-card{margin:0;padding:3px 2px 9px;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:thin}.quick-action{flex:0 0 118px;min-height:116px;padding:7px;border:0;border-radius:18px;background:transparent;box-shadow:none;display:grid;justify-items:center;align-content:start;gap:7px;text-align:center;scroll-snap-align:start}.quick-action:hover{background:rgba(255,255,255,.72)}.quick-action i{width:68px;height:68px;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(18,38,70,.06);font-size:25px}.quick-action span{justify-items:center}.quick-action strong{font-size:11px}.quick-action small{margin-top:2px;font-size:7px}.performance-card{min-width:0}.performance-card-head{margin-bottom:10px}.performance-periods{display:flex;gap:6px;margin-bottom:10px;overflow-x:auto;scrollbar-width:none}.performance-periods::-webkit-scrollbar{display:none}.performance-periods button{flex:0 0 auto;height:33px;padding:0 11px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--muted);font-size:8px;font-weight:800;cursor:pointer}.performance-periods button.active{border-color:var(--navy);background:var(--navy);color:#fff}.performance-chart-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.performance-chart-surface{width:100%;height:250px}.performance-chart-surface.yearly{min-width:720px}.performance-chart-surface.monthly{min-width:1080px}.performance-chart-surface.weekly{min-width:560px}

/* Website activity now sits immediately left of More on desktop and mobile. */
.projects-card .data-table{min-width:950px}.project-actions-cell{min-width:270px}.project-row-tools{margin-bottom:8px;display:flex;align-items:center;justify-content:flex-end;gap:7px}.project-row-tools .project-analytics{width:150px;min-width:150px;margin:0}.project-more-inline{height:34px;padding:0 11px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:5px;font-size:8px;font-weight:800;cursor:pointer}.project-more-inline:hover{border-color:var(--navy);color:var(--navy)}

@media(max-width:680px){.quick-actions-section{padding:15px 12px 10px}.quick-actions-card{gap:12px}.quick-action{flex-basis:104px;min-height:104px;padding-inline:3px}.quick-action i{width:62px;height:62px;border-radius:20px;font-size:23px}.quick-action small{display:none}.performance-card-head{align-items:flex-start!important}.performance-card-head>div{min-width:0}.performance-chart-scroll{margin-inline:-18px;padding-inline:18px}.performance-chart-surface{height:230px}.projects-card .data-table{min-width:0}.projects-card .project-client-cell{padding-right:180px!important}.projects-card .project-actions-cell{min-width:0}.projects-card .project-row-tools{position:absolute;z-index:3;top:14px;right:14px;margin:0;gap:4px}.projects-card .project-row-tools .project-analytics{width:auto;min-width:0;margin:0;display:flex;gap:4px}.projects-card .project-row-tools .project-analytics>span{width:58px;min-width:58px;padding:5px 6px;border-radius:9px}.projects-card .project-row-tools .project-analytics b{font-size:9px}.projects-card .project-row-tools .project-analytics small{font-size:5px}.projects-card .project-more-inline{width:34px;height:34px;padding:0}.projects-card .project-more-inline .project-more-label{display:none}.projects-card .client-cell>span:last-child{min-width:0}.projects-card .client-cell strong,.projects-card .client-cell small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:420px){.quick-actions-section{margin-inline:-2px}.quick-action{flex-basis:86px}.performance-chart-scroll{margin-inline:-15px;padding-inline:15px}.projects-card .project-client-cell{padding-right:165px!important}.projects-card .project-row-tools .project-analytics>span{width:53px;min-width:53px;padding-inline:5px}}

/* Keep the mobile drawer and its overlay in one composited transition, avoiding the pre-open flash. */
@media(max-width:900px){body.sidebar-open{overflow:hidden}.app-sidebar{visibility:hidden;will-change:transform;transition:transform .25s cubic-bezier(.22,1,.36,1),visibility 0s linear .25s}.app-sidebar.open{visibility:visible;transition:transform .25s cubic-bezier(.22,1,.36,1),visibility 0s}.app-sidebar-scrim{position:fixed;inset:0 0 0 270px;z-index:55;border:0;display:block;opacity:0;visibility:hidden;pointer-events:none;background:rgba(14,25,43,.42);backdrop-filter:none;transition:opacity .2s ease,visibility 0s linear .22s}.app-sidebar-scrim.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .22s ease,visibility 0s}}

/* Collaborative, tenant-scoped lead notes. */
.lead-card-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.lead-card-actions a,.lead-card-actions button{position:relative}.lead-comment-count{min-width:15px;height:15px;padding:0 4px;border-radius:99px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:6px}.lead-comment-panel{display:grid;gap:13px}.lead-comment-summary{padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--blue-soft);display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--navy);font-size:8px}.lead-comment-summary span{display:flex;align-items:center;gap:6px}.lead-comment-summary i{font-size:15px}.lead-comment-thread{max-height:330px;overflow:auto;display:grid;gap:9px;padding-right:3px}.lead-comment{padding:11px;border:1px solid var(--line);border-radius:16px;background:#fff;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px}.lead-comment-avatar,.lead-comment-composer b{width:34px;height:34px;border-radius:11px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:8px;font-weight:850}.lead-comment>div{min-width:0}.lead-comment header{display:flex;align-items:center;justify-content:space-between;gap:10px}.lead-comment header strong{font-size:10px}.lead-comment time{color:var(--muted);font-size:7px;white-space:nowrap}.lead-comment p{margin:5px 0 0;color:var(--ink-2);font-size:9px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.lead-comment-empty{min-height:150px;border:1px dashed var(--line);border-radius:17px;display:grid;place-items:center;align-content:center;gap:5px;color:var(--muted);text-align:center}.lead-comment-empty i{font-size:28px}.lead-comment-empty strong{color:var(--ink);font-size:11px}.lead-comment-empty p{margin:0;font-size:8px}.lead-comment-form{padding-top:13px;border-top:1px solid var(--line);display:grid;gap:9px}.lead-comment-form label{display:grid;gap:8px}.lead-comment-composer{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:9px}.lead-comment-composer b{width:28px;height:28px;border-radius:9px;font-size:7px}.lead-comment-form textarea{min-height:92px;resize:vertical}.lead-comment-form .button{justify-self:end;min-width:130px}
@media(max-width:680px){.lead-card-actions{gap:5px}.lead-comment-count{position:absolute;top:3px;right:3px;min-width:14px;height:14px}.lead-comment-thread{max-height:280px}.lead-comment-form .button{width:100%}}
@media(max-width:680px){.finance-filter-head{grid-column:1/-1}}

/* Settings safety and positionable studio-logo crop. */
.profile-button>span,.profile-button>img{width:38px;height:38px;border-radius:13px}.profile-button>img{border:1px solid var(--line);background:#fff;object-fit:cover}.read-only-badge{display:inline-flex;margin-left:6px;padding:4px 7px;border-radius:99px;background:var(--blue-soft);color:var(--blue);font:800 7px var(--font-body);vertical-align:middle;text-transform:uppercase;letter-spacing:.06em}.logo-crop-stage{position:relative;cursor:grab;touch-action:none;user-select:none}.logo-crop-stage.is-dragging{cursor:grabbing}.logo-crop-stage img{pointer-events:none;will-change:transform}.logo-crop-guide{position:absolute;inset:14px;border:1px solid rgba(255,255,255,.78);border-radius:18px;box-shadow:0 0 0 999px rgba(18,38,70,.08);pointer-events:none}.logo-crop-stage>small{position:absolute;left:50%;bottom:13px;transform:translateX(-50%);padding:6px 9px;border-radius:99px;background:rgba(18,38,70,.82);color:#fff;display:flex;align-items:center;gap:5px;font-size:7px;font-weight:800;white-space:nowrap;pointer-events:none}.remove-user-confirm{gap:16px}.remove-user-warning{padding:15px;border:1px solid #f4c5c5;border-radius:17px;background:var(--red-soft);display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px}.remove-user-warning>i{width:38px;height:38px;border-radius:12px;background:#fff;color:var(--red);display:grid;place-items:center;font-size:20px}.remove-user-warning strong{font-size:11px}.remove-user-warning p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.55}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.button-danger{border:1px solid var(--red)!important;background:var(--red)!important;color:#fff!important}
@media(max-width:430px){.confirm-actions{grid-template-columns:1fr}}

/* Swipeable invitation catalogue, adapted from the wedding-invite hero phone rail. */
.template-catalogue-toolbar{position:sticky;z-index:5;top:78px;margin-bottom:18px;padding:10px;border:1px solid var(--line);border-radius:19px;background:rgba(246,248,251,.9);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;gap:12px}
.template-category-pills{min-width:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.template-category-pills::-webkit-scrollbar{display:none}.template-category-pills button{flex:0 0 auto;height:38px;padding:0 14px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--muted);font-size:9px;font-weight:800;cursor:pointer}.template-category-pills button.active{border-color:var(--navy);background:var(--navy);color:#fff}.template-category-pills button.is-locked{border-style:dashed;background:#f7f8fa;color:#7b8493}.template-category-pills button.is-locked i{margin-right:5px}.template-category-pills button.is-locked:hover,.template-category-pills button.is-locked:focus-visible{border-color:var(--navy);color:var(--navy);background:var(--blue-soft)}
.template-catalogue-search{width:min(330px,36%);flex:0 0 auto}.template-catalogue{display:grid;gap:18px}.template-collection{scroll-margin-top:150px;padding:20px 18px 10px;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,#fff,#f5f7fa);box-shadow:var(--shadow-sm)}
.template-collection-head{padding:0 2px 14px;display:flex;align-items:end;justify-content:space-between;gap:16px}.template-collection-head span{color:var(--blue);font-size:7px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.template-collection-head h2{margin:4px 0 0;font:700 18px var(--font-display);letter-spacing:-.03em}.template-collection-head p{margin:4px 0 0;color:var(--muted);font-size:8px}
.template-rail-controls{display:flex;gap:6px}.template-rail-controls button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center;cursor:pointer}.template-rail-controls button:hover{border-color:var(--navy);background:var(--blue-soft)}
.template-phone-rail{margin:0 -18px;padding:8px 20px 18px;display:flex;gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.template-phone-rail::-webkit-scrollbar{display:none}.template-phone-card{flex:0 0 184px;min-width:0;scroll-snap-align:center}.template-phone-card[hidden]{display:none}
.template-phone-shell{position:relative;width:100%;aspect-ratio:417/876;padding:6px;border-radius:34px;background:linear-gradient(135deg,#aeb7c3,#445064 48%,#172235);box-shadow:0 20px 44px rgba(18,38,70,.22),inset 0 0 0 1px rgba(255,255,255,.48);transition:transform .22s ease,box-shadow .22s ease}.template-phone-card:hover .template-phone-shell{transform:translateY(-4px);box-shadow:0 26px 52px rgba(18,38,70,.27),inset 0 0 0 1px rgba(255,255,255,.56)}
.template-phone-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:29px;background:#101827}.template-phone-screen>img,.template-phone-screen>video,.template-phone-screen>iframe{position:absolute;inset:0;border:0;display:block}.template-phone-screen>img,.template-phone-screen>video{z-index:0;width:100%;height:100%;object-fit:cover;transition:opacity .25s ease}.template-phone-screen>iframe{z-index:4;max-width:none;background:#fff;transform-origin:top left}.template-phone-screen.is-live>img,.template-phone-screen.is-live>video{opacity:0}
.template-phone-island{position:absolute;z-index:8;top:8px;left:50%;width:34%;height:17px;transform:translateX(-50%);border-radius:99px;background:#050505;box-shadow:0 1px 3px rgba(0,0,0,.55);pointer-events:none}.template-phone-home{position:absolute;z-index:8;bottom:6px;left:50%;width:34%;height:3px;transform:translateX(-50%);border-radius:99px;background:rgba(255,255,255,.8);pointer-events:none}
.template-phone-overlay{position:absolute;z-index:2;inset:auto 0 0;padding:70px 15px 19px;background:linear-gradient(transparent,rgba(6,11,19,.94));color:#fff;pointer-events:none}.template-phone-overlay small{display:block;color:rgba(255,255,255,.67);font-size:7px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.template-phone-overlay h3{margin:5px 0 0;color:#fff;font:650 17px var(--font-display);line-height:1.05}.template-phone-screen.is-live .template-phone-overlay{display:none}
.template-demo-status{position:absolute;z-index:6;inset:0;padding:22px;background:rgba(12,25,43,.9);color:#fff;display:grid;place-items:center;align-content:center;gap:9px;text-align:center;font-size:8px;font-weight:800}.template-demo-status i{font-size:25px}.template-phone-screen.is-loading .template-demo-status i{animation:template-spin .8s linear infinite}
.template-phone-actions{margin-top:10px;display:grid;grid-template-columns:1.2fr .8fr;gap:7px}.template-phone-actions button,.template-phone-actions a{min-width:0;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--navy);display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;font-size:8px;font-weight:850;cursor:pointer}.template-phone-actions button{border-color:var(--navy);background:var(--navy);color:#fff}.template-phone-actions button.active{background:#fff;color:var(--navy)}.template-phone-actions button:disabled{cursor:wait;opacity:.75}.template-phone-actions a:hover{border-color:var(--navy);background:var(--blue-soft)}
.template-live-demo{box-shadow:0 8px 18px rgba(18,38,70,.14)}
@keyframes template-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.template-catalogue-toolbar{top:68px}.template-catalogue-search{width:min(280px,42%)}}
@media(max-width:680px){.template-catalogue-toolbar{position:relative;top:auto;margin-bottom:14px;padding:9px;display:grid}.template-catalogue-search{width:100%;grid-row:1}.template-category-pills{grid-row:2;padding-top:1px}.template-category-pills button{height:36px;padding-inline:12px}.template-collection{padding:17px 14px 8px;border-radius:23px}.template-collection-head{align-items:center}.template-collection-head h2{font-size:16px}.template-collection-head p{font-size:7px}.template-rail-controls button{width:36px;height:36px}.template-phone-rail{margin-inline:-14px;padding:7px 16px 17px;gap:12px}.template-phone-card{flex-basis:min(49vw,186px)}.template-phone-shell{border-radius:31px;padding:5px}.template-phone-screen{border-radius:27px}}
@media(max-width:420px){.template-phone-actions{grid-template-columns:1fr 1fr}.template-collection-head p{max-width:190px}}
@media(prefers-reduced-motion:reduce){.template-phone-rail{scroll-behavior:auto}.template-phone-card:hover .template-phone-shell{transform:none}.template-phone-screen>img,.template-phone-screen>video{transition:none}}

/* Locked products remain discoverable and open an accessible upgrade prompt. */
.toggle:disabled{cursor:not-allowed;opacity:1}.locked-product-row{border-style:dashed;background:#fafbfc}.upgrade-toggle{position:relative;cursor:pointer;box-shadow:0 0 0 0 rgba(18,38,70,0);transition:box-shadow .18s ease,background .18s ease}.upgrade-toggle:hover,.upgrade-toggle:focus-visible{background:#bcc5d1;box-shadow:0 0 0 4px var(--blue-soft);outline:0}.is-product-locked{border-style:dashed}.product-locked-state{padding-block:48px}.product-locked-state .button{width:auto;margin:18px auto 0}.upgrade-plan-dialog{gap:18px}.upgrade-plan-icon{width:62px;height:62px;border-radius:20px;background:var(--blue-soft);color:var(--navy);display:grid;place-items:center;font-size:30px}.upgrade-plan-copy{display:grid;gap:7px}.upgrade-plan-copy strong{font:700 16px var(--font-display);line-height:1.4}.upgrade-plan-copy p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.upgrade-plan-actions{display:grid;grid-template-columns:.7fr 1.3fr;gap:9px}.upgrade-plan-actions .button{width:100%;margin:0;text-decoration:none}.upgrade-plan-actions .button-dark{white-space:normal;text-align:center}
@media(max-width:430px){.product-locked-state{padding:38px 14px}.product-locked-state .button{width:100%}.upgrade-plan-actions{grid-template-columns:1fr}.upgrade-plan-actions .button-dark{order:-1}}

/* Tenant preference: Easy Mode raises only the smallest operational text while preserving the layout. */
#appView.easy-mode .sidebar-nav button,#appView.easy-mode .button,#appView.easy-mode .finance-period button{font-size:11px}
#appView.easy-mode .page-heading p,#appView.easy-mode .settings-card>p,#appView.easy-mode .app-card-head span,#appView.easy-mode .owner-only-note,#appView.easy-mode .drag-help{font-size:12px;line-height:1.6}
#appView.easy-mode .settings-row strong,#appView.easy-mode .finance-row strong,#appView.easy-mode .finance-row b,#appView.easy-mode .client-cell strong,#appView.easy-mode .lead-card h3,#appView.easy-mode .data-table td{font-size:12px;line-height:1.45}
#appView.easy-mode .settings-row small,#appView.easy-mode .finance-row small,#appView.easy-mode .client-cell small,#appView.easy-mode .lead-card p,#appView.easy-mode .project-subline,#appView.easy-mode .project-access,#appView.easy-mode .brief-link-option small{font-size:10.5px;line-height:1.55}
#appView.easy-mode .lead-card footer,#appView.easy-mode .data-table th,#appView.easy-mode .lead-assignee,#appView.easy-mode .lead-service,#appView.easy-mode .report-period-label{font-size:9.5px;line-height:1.45}
#appView.easy-mode .settings-row{min-height:60px}
#appView.easy-mode .lead-card-actions a,#appView.easy-mode .lead-card-actions button{font-size:9.5px}
@media(max-width:680px){#appView.easy-mode .page-heading p,#appView.easy-mode .settings-card>p,#appView.easy-mode .owner-only-note{font-size:11.5px}#appView.easy-mode .finance-row strong,#appView.easy-mode .finance-row b{font-size:11px}#appView.easy-mode .finance-row small{font-size:9.5px}}

/* Keep Easy Mode project identity and website activity in separate mobile rows. */
@media(max-width:680px){
  .projects-card .project-client-cell{padding-right:0!important}
  .projects-card .project-lifetime-inline{display:flex!important;overflow:visible!important;color:#8a5b16;white-space:normal!important}
  .projects-card .project-row-tools{position:static;top:auto;right:auto;width:100%;margin:0 0 10px;display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:7px}
  .projects-card .project-row-tools .project-analytics{width:100%;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .projects-card .project-row-tools .project-analytics>span{width:auto;min-width:0;padding:8px}
  .projects-card .project-row-tools .project-analytics b{font-size:11px}
  .projects-card .project-row-tools .project-analytics small{font-size:7px;white-space:normal}
  .projects-card .project-more-inline{width:40px;height:100%;min-height:42px}
}
@media(max-width:420px){.projects-card .project-client-cell{padding-right:0!important}}