/* ZAPROS: component layout. Visual tokens and components are defined below. */

@scope (body.dashboard-body){
*{box-sizing:border-box}
html, body{min-height:100%;margin:0}
svg{width:22px;height:22px}
.hidden{display:none !important}
.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:10px 16px;cursor:pointer;text-align:center}
.button:hover{transform:translateY(-1px)}
.button:disabled{opacity:.5;cursor:default;transform:none}
.wide{width:100%}
.actions{display:flex;flex-wrap:wrap;gap:9px}
.auth-page{position:relative;display:grid;min-height:100vh;padding:74px 20px 28px}
.auth-brand{position:absolute;top:26px;left:max(20px, calc(50% - 225px))}
.auth-card, .auth-card-register{width:min(450px, 100%)}
.auth-hero{display:none}
.auth-form, .auth-card-register .auth-form{padding:20px 0}
.auth-form::before{display:grid;width:48px;height:48px;margin-bottom:18px;content:"Z"}
.auth-form .eyebrow{display:none}
.auth-form h1{margin:0 0 8px}
.auth-form > .muted{margin:0}
.auth-form form{display:grid;gap:12px;margin-top:24px}
.auth-form label, .form-grid label, .inline-form label, .offer-form label, .field{display:grid;gap:6px}
.auth-form input, .form-grid input, .form-grid select, .form-grid textarea, .inline-form input, .inline-form textarea, .offer-form input, .offer-form textarea, .package-phone input{width:100%;min-height:46px;padding:10px 13px}
.form-error{min-height:17px;margin:0}
.auth-note{margin:16px 0 5px;text-align:center}
.auth-back-button{padding:0;cursor:pointer}
.back-link{display:block;margin-top:8px;text-align:center}
.content{width:100%;max-width:1120px;margin:0 auto;padding:22px 26px 46px}
.hero-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:8px 0 12px}
.hero-panel h2{margin:2px 0}
.hero-panel p{margin:0}
.hero-icon{display:grid;width:40px;height:40px}
.availability-banner{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px;padding:10px 14px}
.availability-copy{display:flex;min-width:0;align-items:center;gap:9px}
.availability-copy strong, .availability-copy small{display:block}
.availability-copy small{margin-top:2px}
.availability-icon{display:grid;width:30px;height:30px;flex:0 0 30px}
.availability-switch{display:grid;min-width:72px;justify-items:center;gap:2px;cursor:pointer}
.availability-switch input{position:absolute;width:1px;height:1px;opacity:0}
.availability-switch span{position:relative;display:block;width:48px;height:26px}
.availability-switch span::after{position:absolute;top:3px;left:3px;width:20px;height:20px;content:""}
.availability-switch input:checked + span::after{transform:translateX(22px)}
.request-filters{margin-bottom:18px}
.filters{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:10px;margin-bottom:14px}
.filters select{width:100%;min-height:48px;padding:0 44px 0 15px}
.direction-filter{display:grid;gap:9px}
.direction-filter > span{display:flex;align-items:center;justify-content:space-between}
.direction-filter select{width:fit-content;max-width:100%;min-height:38px;padding:0 38px 0 15px}
.card-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(360px,1fr));gap:12px}
.card.clickable{cursor:pointer}
.lead-card{display:flex;min-height:0;flex-direction:column;padding:17px 18px 14px}
.lead-card:hover{transform:translateY(-1px)}
.lead-card__status, .lead-card__body, .lead-card__footer{display:none}
.lead-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.lead-card__badges{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}
.request-status{padding:6px 10px}
.lead-card__city{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.lead-card__content{margin-top:6px}
.lead-card__content h3{margin:0 0 5px}
.lead-card__description{display:-webkit-box;min-height:0;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.lead-card__budget{display:flex;align-items:center;gap:5px;margin-top:7px}
.lead-card__offer{display:block;margin-top:7px}
.lead-card__bottom{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-top:10px}
.lead-card__time{display:grid;gap:3px}
.lead-card__responses{display:grid;min-width:100px;justify-items:end}
.lead-card__responses-track{display:block;width:100%;height:5px;overflow:hidden}
.lead-card__responses-track i{display:block;height:100%}
.lead-card__open{align-self:center}
.section-card, .app-card{padding:16px}
.section-card h3, .app-card h3{margin:0 0 11px}
.details-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:12px}
.details-main, .details-side{display:grid;gap:12px;align-content:start}
.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);gap:12px}
.profile-row{display:flex;justify-content:space-between;gap:20px;padding:10px 0}
.profile-row small{display:block;margin-bottom:3px}
.balance-buy-button{width:100%;margin-top:12px;padding:10px;cursor:pointer}
.profile-help-card{margin-top:15px}
.profile-help-card__head{display:flex;align-items:center;gap:12px}
.profile-help-card__icon{display:grid;width:42px;height:42px;flex:0 0 42px}
.profile-help-card h3{margin-bottom:3px}
.profile-help-card p{margin:0}
.profile-help-card__button{width:100%;margin-top:14px}
.form-grid, .inline-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.form-grid .span-2{grid-column:1/-1}
.inline-form{grid-template-columns:1fr}
.app-detail-page{display:grid;width:min(720px,100%);gap:12px;margin:0 auto}
.detail-titlebar{display:grid;grid-template-columns:42px 1fr 42px;align-items:center}
.detail-titlebar > strong{text-align:center}
.app-icon-back{width:38px;height:38px;cursor:pointer}
.app-back-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0}
.app-status-pill{padding:6px 10px}
.app-deadline{display:flex;align-items:center;gap:8px;padding:13px 15px}
.app-deadline > div{display:grid;gap:2px}
.request-summary{padding:4px 0 2px}
.app-fact-line{display:flex;justify-content:space-between;gap:20px;padding:7px 0}
.app-fact-line strong, .app-fact-line a{max-width:58%;text-align:right}
.app-card hr{margin:10px 0 14px}
.app-card h2{margin:0 0 7px}
.request-full-description{margin:0;white-space:pre-line}
.request-photos{padding-top:2px}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,145px));gap:9px}
.gallery figure{margin:0}
.gallery-button{display:block;width:100%;padding:0;overflow:hidden;cursor:zoom-in}
.gallery img{display:block;width:100%;height:150px;object-fit:cover}
.gallery figcaption{margin-top:5px}
.app-communication{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.app-secondary-action{min-height:48px;cursor:pointer}
.response-capacity{display:grid;padding:13px 15px}
.response-capacity > div{display:flex;justify-content:space-between}
.response-capacity > span{display:block;height:5px;margin-top:8px;overflow:hidden}
.response-capacity i{display:block;height:100%}
.app-section-title{display:flex;justify-content:space-between}
.app-offer-price{display:block;margin-top:8px}
.app-meta-row{display:flex;flex-wrap:wrap;gap:7px}
.app-meta-row span{padding:6px 9px}
.app-locked{display:flex;gap:10px;padding:14px}
.app-detail-actions{display:grid;gap:5px;margin-top:3px}
.app-primary-action{width:100%;min-height:50px}
.app-decline-action, .app-text-button{cursor:pointer;padding:10px}
.app-unavailable{text-align:center}
.conversation{display:grid;gap:9px}
.message{max-width:84%;padding:10px 12px}
.message.client{margin-right:auto}
.message.zapros, .message.partner{margin-left:auto}
.message small{display:block;margin-top:5px}
.offers{display:grid;gap:8px}
.offer{padding:12px}
.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.direction-picker{display:grid;gap:7px;margin-top:4px}
.direction-picker__toolbar{display:grid;gap:7px;padding:0}
.direction-search{position:relative;display:flex;align-items:center}
.direction-search span{position:absolute;z-index:1;left:13px;pointer-events:none}
.direction-search input, .form-grid .direction-search input{width:100%;min-height:44px;padding:9px 13px 9px 39px;-webkit-appearance:none;appearance:none}
.direction-count{display:none;width:fit-content;max-width:100%;overflow:hidden;padding:5px 9px;text-overflow:ellipsis;white-space:nowrap}
.direction-count.has-selection{display:inline-flex}
.direction-list{display:grid;max-height:190px;overflow:auto;padding:4px}
.direction-option, .direction-custom{display:flex !important;align-items:center;gap:10px !important;min-height:43px;padding:8px 10px;cursor:pointer}
.form-grid .direction-option input, .form-grid .direction-custom input, .direction-option input, .direction-custom input{width:17px;height:17px;margin:0}
.direction-custom span{display:grid}
.direction-custom-input{padding:10px}
.direction-custom-input input{width:100%;min-height:46px;padding:10px 13px}
.direction-empty{padding:16px;text-align:center}
.profile-wizard{display:grid;gap:13px}
.profile-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:0 0 3px}
.profile-progress > i{height:2px}
.profile-progress__item{display:flex;align-items:center;gap:6px}
.profile-progress__item b{display:grid;width:25px;height:25px}
.profile-step{min-width:0}
.step-heading{margin-bottom:10px}
.step-heading h3{margin:0 0 3px}
.step-heading p{margin:0}
.wizard-actions{justify-content:space-between;margin-top:12px}
.city-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 0;padding:15px 0 0}
.city-picker legend{grid-column:1/-1;margin-bottom:3px}
.choice-card{display:grid !important;grid-template-columns:18px 1fr;align-items:center;gap:8px !important;min-height:58px;padding:9px 10px;cursor:pointer}
.form-grid .choice-card input{width:16px;height:16px;margin:0}
.choice-card span{display:grid;gap:2px}
.city-select{display:grid !important;grid-column:1/-1;gap:5px !important;margin-top:1px}
.city-select select{width:100%;min-height:44px;padding:9px 36px 9px 12px;-webkit-appearance:auto;appearance:auto}
.city-nationwide{grid-column:1/-1;display:flex;flex-direction:column;gap:3px;padding:12px 14px}
.subcategory-picker{margin-top:10px;overflow:hidden}
.subcategory-picker__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px}
.subcategory-group{display:grid;max-height:222px;gap:2px;overflow:auto;padding:5px}
.subcategory-option{display:flex !important;align-items:center;gap:9px !important;min-height:39px;padding:7px 9px;cursor:pointer}
.form-grid .subcategory-option input, .subcategory-option input{width:17px;height:17px;margin:0}
.subcategory-placeholder{padding:18px 12px;text-align:center}
.profile-confirmation-modal{width:min(470px,100%);padding:20px}
.profile-confirmation-modal > h2{margin:0 0 5px}
.profile-confirmation-modal > .muted{margin:0 0 14px}
.profile-confirmation-modal .form-grid{gap:8px}
.profile-confirmation-modal .form-grid label{gap:4px}
.profile-confirmation-modal .form-grid input, .profile-confirmation-modal .form-grid select, .profile-confirmation-modal .form-grid textarea{min-height:42px;padding:8px 11px}
.profile-confirmation-modal input[type="file"]{padding:5px}
.profile-confirmation-modal input[type="file"]::file-selector-button{min-height:30px;margin-right:8px;padding:5px 9px;cursor:pointer}
.modal-backdrop{position:fixed;inset:0;z-index:3000;display:grid;padding:20px}
.modal{position:relative;width:min(620px,100%);max-height:92vh;overflow:auto;padding:22px}
.modal-close{position:relative;z-index:2;float:right;cursor:pointer}
.offer-sheet{display:grid;gap:12px}
.offer-sheet h2{margin:0}
.offer-sheet > .muted{margin:0}
.sheet-handle{display:none}
.offer-method{display:grid;grid-template-columns:52px 1fr 22px;align-items:center;gap:12px;padding:14px;text-align:left;cursor:pointer}
.offer-method i{display:grid;width:52px;height:52px}
.offer-method span{display:grid;gap:3px}
.offer-form{display:grid;gap:11px}
.offer-form__row{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.voice-sheet{justify-items:center;padding-top:12px;text-align:center}
.voice-sheet h2{text-align:center}
.voice-record-button{display:grid;width:118px;height:118px;margin:22px 0 7px;cursor:pointer}
.voice-hints{display:grid;width:100%;gap:10px;margin-top:22px;padding:18px;text-align:left}
.empty-offers{justify-items:center;text-align:center}
.empty-offers__icon{display:grid;width:56px;height:56px}
.package-list{display:grid;max-height:390px;gap:12px;overflow:auto}
.package-sheet #package-form{display:grid;gap:14px}
.package-direction{display:grid;gap:8px}
.package-direction h3{margin:0}
.package-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.package-plan-option{position:relative;display:grid;min-width:0;gap:7px;padding:13px 11px;overflow:hidden;cursor:pointer}
.package-plan-option:hover{transform:translateY(-1px)}
.package-plan-option:has(input:checked){transform:translateY(-1px)}
.package-plan-option:has(input:checked) .package-plan-title strong::after{margin-left:6px;content:"✓ Выбрано"}
.package-plan-option--best{padding-top:42px}
.package-plan-input{position:absolute;width:1px;height:1px;opacity:0}
.package-plan-title{display:grid;gap:2px;padding-right:38px}
.package-best-badge{position:absolute;top:10px;left:10px;width:fit-content;padding:5px 8px}
.package-long-badge{width:fit-content;padding:4px 7px}
.package-discount{position:absolute;top:10px;right:9px;padding:5px 7px}
.package-plan-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px}
.package-saving{display:grid;gap:2px;padding:7px 8px}
.package-option{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;padding:11px;cursor:pointer}
.package-option input{width:18px;height:18px}
.package-option span{display:grid;gap:3px}
.package-phone{display:grid;gap:6px}
.package-banks{margin:0;padding:0;min-width:0}
.package-banks legend{margin-bottom:9px;padding:0}
.package-bank-options{display:flex;flex-wrap:wrap;gap:10px}
.package-bank-option{display:flex;flex:1 1 130px;align-items:center;gap:9px;min-height:48px;padding:12px;cursor:pointer}
.package-bank-option input{width:18px;height:18px;margin:0}
.package-total{display:flex;align-items:center;justify-content:space-between}
.package-pending{display:grid;gap:5px;padding:14px}
@media (max-width: 420px){.package-plan-grid{grid-template-columns:1fr}}
.photo-modal{width:min(1200px,96vw);padding:12px}
.photo-modal .modal-close{position:absolute;top:12px;right:12px}
.photo-lightbox{display:grid;min-height:220px}
.photo-lightbox img{max-width:100%;max-height:calc(92vh - 24px);object-fit:contain}
.empty-state, .loading-state{padding:42px 20px;text-align:center}
.loading-state::before{display:block;width:28px;height:28px;margin:0 auto 13px;content:"";animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.toast-region{position:fixed;right:18px;bottom:18px;z-index:4000;display:grid;gap:8px}
.toast{max-width:360px;padding:12px 15px}
@media (max-width: 900px){.content{padding:14px 16px 28px}
.hero-panel{display:none}
.availability-banner{min-height:46px;gap:8px;margin-bottom:9px;padding:7px 10px}
.availability-copy{gap:7px}
.availability-copy small{display:none}
.availability-icon{width:24px;height:24px;flex-basis:24px}
.availability-switch{min-width:58px;gap:1px}
.availability-switch span{width:40px;height:22px}
.availability-switch span::after{width:16px;height:16px}
.availability-switch input:checked + span::after{transform:translateX(18px)}
.card-grid{grid-template-columns:1fr;gap:11px}
.details-grid, .profile-layout{grid-template-columns:1fr}}
@media (max-width: 580px){.content{padding-inline:14px}
.filters{gap:8px}
.filters select{min-height:46px}
.lead-card{padding:15px 16px 13px}
.lead-card__responses{min-width:96px}
.app-communication{grid-template-columns:1fr 1fr}
.gallery img{height:178px}
.form-grid, .offer-form__row{grid-template-columns:1fr}
.form-grid .span-2{grid-column:auto}
.modal-backdrop{align-items:end;padding:0}
.modal.offer-modal{width:100%;max-height:92vh;padding:18px 22px 26px}
.modal.profile-confirmation-modal{width:100%;max-height:calc(100dvh - 58px);padding:16px}
.profile-confirmation-modal > .muted{margin-bottom:11px}
.profile-confirmation-modal .wizard-actions{position:sticky;z-index:4;bottom:-16px;margin:11px -16px -16px;padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
.profile-confirmation-modal .wizard-actions .button{min-height:43px}
.offer-modal .modal-close{position:absolute;top:19px;right:18px}
.sheet-handle{display:block;width:44px;height:4px;margin:-8px auto 18px}
.voice-sheet h2{text-align:center}
.direction-list{max-height:176px}
.subcategory-group{max-height:205px}
.direction-count{align-self:flex-start}}
.compact-filters{display:grid;gap:9px;margin-bottom:14px}
.filter-trigger-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.filter-trigger-grid--single{grid-template-columns:1fr}
.filter-trigger{position:relative;display:grid;min-width:0;min-height:46px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:8px 12px;cursor:pointer;text-align:left}
.filter-trigger small{grid-column:1}
.filter-trigger strong{grid-column:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.filter-trigger > span{grid-column:2;grid-row:1 / 3}
.filter-trigger-wide{width:100%;min-height:42px}
.lead-card__content--without-city{margin-top:13px}
.filter-modal{width:min(500px,100%)}
.filter-dialog h2, .filter-confirm h2{margin:0 34px 4px 0}
.filter-dialog > .muted{margin:0 0 13px}
.filter-check-list{max-height:min(52vh,430px);margin-bottom:14px;overflow:auto}
.filter-check{display:flex;min-height:43px;align-items:center;gap:11px;padding:8px 12px;cursor:pointer}
.filter-check input{width:18px;height:18px;flex:0 0 18px;margin:0}
.filter-dialog.has-subcategories .filter-check-list{max-height:min(27vh,260px)}
.filter-subcategory-picker{margin:0 0 14px}
.filter-subcategory-picker .subcategory-group{max-height:min(24vh,220px)}
.filter-confirm p{margin:12px 0}
.filter-selection-summary{margin-bottom:16px;padding:11px 12px}
.filter-confirm .actions{justify-content:flex-end}
@media(max-width:600px){.filter-trigger-grid{gap:7px}
.filter-trigger{min-height:44px;padding:7px 10px}
.modal.filter-modal{width:100%;max-height:88vh;padding:18px 18px 24px}
.filter-check-list{max-height:55vh}}
.profile-photo-field{display:flex;flex-direction:column;gap:8px}
.profile-photo-field>input[type=file]{padding:10px}
.profile-photo-current,.profile-photo-view{display:block;width:min(100%,500px);aspect-ratio:16/9;object-fit:contain}
.profile-photo-editor{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.profile-photo-editor.hidden{display:none}
.profile-photo-editor canvas{display:block;width:min(100%,600px);aspect-ratio:16/9;object-fit:contain;cursor:grab;touch-action:none}
.profile-photo-editor input[type=range]{width:100%}
.profile-confirmation-modal .profile-photo-field{gap:5px}
.profile-confirmation-modal .profile-photo-field > input[type="file"]{min-height:42px;padding:5px}
.profile-confirmation-modal .direction-picker{gap:7px}
.profile-confirmation-modal .direction-count{display:none !important}
.profile-confirmation-modal .direction-list{padding:0}
.profile-confirmation-modal .direction-option{min-height:45px;padding:9px 11px}
.profile-confirmation-modal .direction-custom{min-height:45px;padding:8px 11px}
.profile-confirmation-modal .subcategory-picker__head{padding:10px 11px}
.profile-confirmation-modal .subcategory-group{gap:0;padding:0}
.profile-confirmation-modal .subcategory-option{min-height:42px;padding:8px 11px}
@media(max-width:580px){.profile-confirmation-modal .profile-progress{margin-bottom:2px}
.profile-confirmation-modal .step-heading{margin-bottom:8px}
.profile-confirmation-modal .direction-list{max-height:174px}
.profile-confirmation-modal .subcategory-group{max-height:205px}}
:root{--sidebar-width:244px;--sidebar-collapsed:76px}
*{box-sizing:border-box}
.dashboard-body{min-height:100vh;margin:0}
.dashboard-body .app-shell{display:block;min-height:100vh}
.dashboard-body .app-content{max-width:none;padding:0}
.sidebar{position:fixed;inset:0 auto 0 0;z-index:1040;display:flex;width:var(--sidebar-width);flex-direction:column;padding:18px 14px 14px;overflow:hidden}
.sidebar-brand{display:flex;min-height:48px;align-items:center;gap:11px;padding:0 8px;white-space:nowrap}
.brand-mark{display:grid;width:38px;height:38px;flex:0 0 38px}
.brand-copy{display:flex;flex-direction:column}
.partner-mini{display:flex;align-items:center;gap:10px;margin:18px 0 12px;padding:10px}
.partner-mini .avatar{display:grid;width:36px;height:36px;flex:0 0 36px}
.partner-mini div{min-width:0}
.partner-mini strong, .partner-mini small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.partner-mini small{margin-top:2px}
.sidebar-section-label{margin:20px 10px 8px;white-space:nowrap}
.sidebar-nav{display:flex;flex:1;flex-direction:column;gap:5px}
.sidebar-link, .sidebar-logout, .sidebar-collapse{display:flex;min-height:44px;align-items:center;gap:11px;padding:0 12px;cursor:pointer;text-align:left;white-space:nowrap}
.sidebar-icon{display:grid;width:21px;height:21px;flex:0 0 21px}
.sidebar-icon svg{width:21px;height:21px}
.sidebar-logout{width:100%;margin:5px 0}
.sidebar-collapse{width:100%}
.app-main{display:flex;min-height:100vh;flex-direction:column;margin-left:var(--sidebar-width)}
.app-shell.sidebar-collapsed .sidebar, html.sidebar-is-collapsed .app-shell .sidebar{width:var(--sidebar-collapsed)}
.app-shell.sidebar-collapsed .app-main, html.sidebar-is-collapsed .app-shell .app-main{margin-left:var(--sidebar-collapsed)}
.app-shell.sidebar-collapsed .brand-copy, .app-shell.sidebar-collapsed .partner-mini > div, .app-shell.sidebar-collapsed .sidebar-section-label, .app-shell.sidebar-collapsed .sidebar-label, html.sidebar-is-collapsed .brand-copy, html.sidebar-is-collapsed .partner-mini > div, html.sidebar-is-collapsed .sidebar-section-label, html.sidebar-is-collapsed .sidebar-label{display:none}
.app-shell.sidebar-collapsed .sidebar-brand, .app-shell.sidebar-collapsed .partner-mini, .app-shell.sidebar-collapsed .sidebar-link, .app-shell.sidebar-collapsed .sidebar-logout, .app-shell.sidebar-collapsed .sidebar-collapse, html.sidebar-is-collapsed .sidebar-brand, html.sidebar-is-collapsed .partner-mini, html.sidebar-is-collapsed .sidebar-link, html.sidebar-is-collapsed .sidebar-logout, html.sidebar-is-collapsed .sidebar-collapse{justify-content:center;padding-inline:0}
.app-shell.sidebar-collapsed .sidebar-collapse-icon, html.sidebar-is-collapsed .sidebar-collapse-icon{transform:rotate(180deg)}
.topbar{position:sticky;top:0;z-index:1020;display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:18px;padding:12px 26px}
.topbar-start{display:flex;align-items:center;gap:12px}
.topbar-eyebrow{margin-bottom:2px}
.topbar-title{margin:0}
.topbar-actions{display:flex;align-items:center;gap:8px}
.mobile-wordmark{display:none}
.icon-button{display:grid;width:42px;height:42px;cursor:pointer}
.mobile-menu-button{display:none}
.app-content{width:100%;flex:1}
.app-footer{padding:16px 24px 22px;text-align:center}
.sidebar-overlay{display:none}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px 0 18px}
.page-title{margin:0 0 4px}
.page-description{margin:0}
.dashboard-body .app-content > h1, .dashboard-body .app-content > form, .dashboard-body .app-content > .card, .dashboard-body .app-content > .alert, .dashboard-body .app-content > .page-heading{width:calc(100% - 52px);max-width:1120px;margin-right:auto;margin-left:auto}
.dashboard-body .app-content > h1{margin-top:24px}
.dashboard-body .app-content > form:not(.d-inline){margin-top:18px;padding:20px}
.card{overflow:hidden}
.card-header{padding:14px 18px}
.card-body{padding:18px}
.table-responsive-mobile{overflow-x:auto}
.table{width:100%}
.table th, .table td{padding:13px 15px;text-align:left}
.form-label{display:block;margin-bottom:6px}
.form-control, .form-select{width:100%;min-height:44px;padding:10px 12px}
.mb-3{margin-bottom:14px}
.d-inline{display:inline}
.text-end{text-align:right !important}
.text-nowrap{white-space:nowrap}
.btn{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:8px 13px;cursor:pointer}
.btn-sm{min-height:34px;padding:6px 10px}
.alert{margin-top:16px;padding:12px 14px}
.badge, .status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px}
.status-badge > span{width:6px;height:6px}
.col-md-5, .col-md-6, .col-lg-7{max-width:700px}
.megabait-promo{display:flex;width:calc(100% - 52px);max-width:1120px;min-height:70px;align-items:center;gap:12px;margin:22px auto 0;padding:12px 14px;cursor:pointer;text-align:left}
.megabait-logo{display:grid;width:62px;height:44px;padding:6px}
.megabait-logo img{max-width:100%;max-height:100%}
.megabait-copy{display:grid;flex:1}
.megabait-arrow{display:grid;width:34px;height:34px}
@media (max-width: 900px){.app-main, .app-shell.sidebar-collapsed .app-main, html.sidebar-is-collapsed .app-main{margin-left:0;padding-bottom:76px}
.sidebar, .app-shell.sidebar-collapsed .sidebar, html.sidebar-is-collapsed .sidebar{position:fixed;inset:auto 0 0 0;z-index:2000;width:100% !important;height:70px;padding:0;transform:none !important}
.sidebar-brand, .partner-mini, .sidebar-section-label, .sidebar-logout, .sidebar-collapse, .sidebar-overlay{display:none !important}
.sidebar-nav{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%;gap:0}
.sidebar-link, .app-shell.sidebar-collapsed .sidebar-link, html.sidebar-is-collapsed .sidebar-link{display:flex !important;align-items:center;justify-content:center !important;flex-direction:column;gap:3px;padding:5px !important}
.sidebar-link.active .sidebar-icon{display:grid;width:50px;height:30px}
.sidebar-label{display:block !important}
.topbar{min-height:72px;padding:10px 16px}
.topbar-start{display:none}
.mobile-wordmark{display:block}
.topbar-actions{margin-left:auto}
.mobile-menu-button{display:none !important}
.app-footer{display:none}
.dashboard-body .app-content > h1, .dashboard-body .app-content > form, .dashboard-body .app-content > .card, .dashboard-body .app-content > .alert, .dashboard-body .app-content > .page-heading{width:calc(100% - 28px)}
.page-heading{align-items:flex-start;flex-direction:column}
.megabait-promo{width:calc(100% - 28px)}}
@media (max-width: 580px){.topbar{padding-inline:14px}
.icon-button{width:40px;height:40px}
.profile-shortcut{display:grid}
.table th, .table td{padding:11px 12px}}
:root{--sidebar-width:254px;--sidebar-collapsed:86px}
html{scroll-padding-top:90px}
.button, .btn{min-height:48px;padding:12px 19px;gap:12px}
.button:disabled{opacity:.5}
.brand-kicker{display:inline-flex;align-items:center;gap:8px}
.brand-kicker i{width:7px;height:7px;flex:0 0 7px}
.auth-page{display:flex;min-height:100svh;flex-direction:column;padding:0 48px}
.auth-top, .auth-footer{display:flex;width:min(1240px,100%);align-items:center;justify-content:space-between;gap:20px;margin-inline:auto}
.auth-top{padding:30px 0}
.auth-brand{position:static;display:flex;flex-direction:column}
.auth-brand span{margin-top:8px}
.auth-site-link{display:flex;align-items:center;gap:15px}
.auth-card, .auth-card-register{display:grid;width:min(1150px,100%);flex:1;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,100px);margin:12px auto 28px}
.auth-hero{display:block;position:relative;min-width:0}
.auth-hero h2{margin:18px 0 18px}
.auth-hero > p{margin:0}
.auth-art{position:relative;width:100%;height:340px;margin:16px 0;isolation:isolate}
.auth-art-orbit{position:absolute;z-index:-1;width:300px;height:280px;bottom:12px;left:16%;transform:rotate(-8deg)}
.auth-art > img{display:block;position:relative;width:100%;height:100%;object-fit:contain}
.auth-art-note{position:absolute;right:0;bottom:38px;display:flex;align-items:center;gap:10px;padding:11px 15px;transform:rotate(-4deg)}
.auth-art-note b{display:grid;width:25px;height:25px}
.auth-benefits{display:flex;flex-wrap:wrap;gap:16px;padding-top:17px}
.auth-benefits > span{display:grid;gap:3px}
.auth-form, .auth-card-register .auth-form{width:100%;padding:clamp(28px,3.5vw,48px)}
.auth-form::before{display:none}
.auth-step-mark{display:grid;width:54px;height:54px;margin-bottom:28px}
.auth-form .eyebrow{display:block;margin:0 0 10px}
.auth-form h1{margin:0 0 14px}
.auth-form form{gap:8px;margin-top:30px}
.auth-form label{gap:10px}
.auth-form input{min-height:58px;padding:15px 17px}
.auth-form .button.primary{justify-content:space-between;min-height:54px}
.auth-form > .button{margin-top:24px}
.auth-form #otp-code{text-align:center}
.form-error{min-height:18px;margin:0 0 5px}
.auth-reassurance{display:flex;align-items:flex-start;gap:11px;margin-top:27px;padding-top:23px}
.auth-reassurance > span{display:grid;width:24px;height:24px;flex:0 0 24px}
.auth-reassurance p{margin:0}
.auth-reassurance strong{display:block;margin-bottom:4px}
.auth-note{margin:24px 0 0}
.auth-back-button{width:100%;margin-top:8px;padding:10px}
.auth-footer{padding:22px 0}
.sidebar{padding:24px 18px 15px}
.sidebar-brand{gap:10px;padding:0 3px}
.brand-mark{width:38px;height:38px;flex-basis:38px}
.brand-copy small{margin-top:4px}
.partner-mini{gap:10px;margin:28px 0 8px;padding:12px 8px}
.partner-mini .avatar{width:36px;height:36px;flex:0 0 36px}
.sidebar-section-label{margin:23px 8px 11px}
.sidebar-nav{flex:0;gap:7px}
.sidebar-link, .sidebar-logout, .sidebar-collapse{min-height:49px;gap:12px;padding:0 13px}
.sidebar-companion{display:flex;flex-direction:column;margin:auto 0 18px;padding-top:26px;text-align:center}
.sidebar-companion img{width:150px;height:100px;margin:0 auto 8px;object-fit:contain}
.sidebar-companion > span{margin-top:8px}
.sidebar-logout, .sidebar-collapse{min-height:40px}
.app-shell.sidebar-collapsed .sidebar-companion, html.sidebar-is-collapsed .sidebar-companion{display:none}
.app-shell.sidebar-collapsed .sidebar-nav, html.sidebar-is-collapsed .sidebar-nav{flex:1}
.topbar{min-height:82px;padding:16px 38px}
.topbar-eyebrow{margin-bottom:3px}
.topbar-label{margin-right:12px}
.icon-button{width:39px;height:39px}
.content{max-width:1240px;padding:30px 38px 48px}
.app-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 38px;padding:21px 0}
.hero-panel{display:flex;gap:24px;margin-bottom:24px;padding:8px 0 20px}
.hero-panel h2{margin:9px 0 9px;overflow-wrap:anywhere}
.hero-panel p{max-width:620px}
.hero-icon{flex:0 0 62px;width:62px;height:62px}
.availability-banner{min-height:42px;margin-bottom:12px;padding:4px 0 10px}
.availability-copy small{margin-top:3px}
.availability-icon{width:30px;height:30px}
.compact-filters{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:10px;margin-bottom:16px}
.filter-trigger-city{grid-column:1 / -1}
.filter-trigger-grid{gap:10px}
.filter-trigger, .filter-trigger-wide{min-height:50px;padding:8px 12px}
.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.lead-card{position:relative;display:flex;flex-direction:column;gap:0;min-width:0;padding:18px}
.lead-card:hover{transform:translateY(-3px)}
.lead-card__top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px}
.lead-card__identity{display:inline-flex;flex:0 0 auto;align-items:center;gap:7px}
.lead-card__mascot{display:block;width:36px;height:36px;flex:0 0 36px;overflow:hidden}
.lead-card__mascot img{display:block;width:100%;height:100%;object-fit:contain}
.lead-card__badges{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px;min-width:0}
.detail-heading .lead-card__badges{justify-content:flex-start}
.request-status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;white-space:nowrap}
.request-status::before{display:block;width:5px;height:5px;flex:0 0 5px;content:""}
.lead-card__content, .lead-card__content--without-city{flex:1;margin:0;padding:0}
.lead-card__content h3{margin:0 0 8px;overflow-wrap:anywhere}
.lead-card__description, .request-card-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0 0 10px}
.lead-card__city{display:inline-flex;width:fit-content;gap:5px;margin:0 0 8px;padding:0}
.lead-card__city b{display:none}
.lead-card__budget{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;margin:9px 0 11px;padding:0}
.lead-card__offer{display:block;margin:8px 0;padding:0}
.lead-card__bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:10px}
.lead-card__time{display:grid;min-width:0;gap:5px}
.lead-card__time strong{display:inline-block;justify-self:start;padding:5px 8px}
.lead-card__responses{display:flex;min-width:0;align-items:center;gap:12px}
.lead-card__open{display:grid;width:32px;height:32px;flex:0 0 32px}
.order-tabs{display:flex;width:fit-content;gap:5px;margin-bottom:23px;padding:5px}
.order-tabs .button{min-height:42px}
.app-detail-page{width:100%;gap:20px}
.detail-titlebar{display:flex;justify-content:flex-start;gap:10px}
.detail-titlebar > strong{text-align:left}
.app-icon-back{display:grid;width:38px;height:38px}
.detail-heading{padding:6px 0 2px}
.detail-heading .app-back-row{justify-content:flex-start;gap:12px}
.detail-heading h2{max-width:900px;margin:13px 0 9px;overflow-wrap:anywhere}
.detail-heading > p{margin:0}
.app-status-pill{padding:5px 9px}
.detail-columns{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:22px}
.detail-main, .detail-aside{display:grid;min-width:0;gap:18px}
.detail-aside{position:sticky;top:102px}
.app-card, .section-card{padding:25px}
.section-card > h3, .app-card > h3{margin:0 0 18px}
.request-summary{padding:27px}
.request-full-description{white-space:pre-wrap;overflow-wrap:anywhere}
.request-photos{padding:24px}
.app-fact-line{align-items:baseline;gap:15px;padding:10px 0}
.app-fact-line strong, .app-fact-line a{overflow-wrap:anywhere}
.detail-budget{display:grid;gap:6px;padding:25px}
.detail-budget > p{margin:9px 0 4px}
.detail-budget .app-detail-actions{margin-top:12px}
.detail-budget--unspecified{gap:3px;padding:20px}
.detail-budget--unspecified > p{margin-top:6px}
.detail-budget .app-primary-action{padding-inline:12px}
.app-deadline{gap:10px;padding:17px 19px}
.app-communication{grid-template-columns:1fr}
.app-secondary-action{min-height:48px}
.response-capacity{padding:17px 19px}
.app-section-title{align-items:center;gap:10px}
.app-offer-price{margin:12px 0}
.offer-summary > p{white-space:pre-wrap;overflow-wrap:anywhere}
.app-locked{align-items:flex-start;padding:17px}
.detail-companion{display:flex;align-items:center;gap:12px;padding:12px 3px}
.detail-companion img{width:85px;height:65px;object-fit:contain}
.detail-companion p{margin:0}
.detail-companion strong{display:block}
.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}
.profile-row{padding:15px 0;gap:16px}
.profile-row small{margin-bottom:4px}
.profile-row strong{overflow-wrap:anywhere;white-space:pre-wrap}
.balance-buy-button{width:100%;min-height:44px;margin-top:18px}
.profile-help-card p{margin-top:5px}
.profile-photo-view, .profile-photo-current{margin-bottom:12px}
.form-grid, .offer-form{gap:18px}
.form-grid label, .offer-form label, .inline-form label, .field, .package-phone{gap:8px}
.form-grid input:not([type=radio]):not([type=checkbox]):not([type=range]), .form-grid select, .form-grid textarea, .offer-form input, .offer-form textarea, .inline-form input, .inline-form textarea, .package-phone input{min-height:50px;padding:12px 14px}
textarea{resize:vertical}
.profile-progress{gap:14px;margin-bottom:16px;padding:0 0 20px}
.profile-progress__item{gap:9px}
.profile-progress__item b{width:32px;height:32px}
.direction-search input, .form-grid .direction-search input{min-height:48px;padding-left:39px}
.direction-option, .direction-custom, .subcategory-option, .filter-check{min-height:45px}
.direction-picker .direction-option input, .subcategory-picker .subcategory-option input{min-height:17px;flex:0 0 17px}
.subcategory-picker__head{padding:13px 14px}
.modal-backdrop{padding:24px}
.modal{padding:30px}
.modal-close{display:grid;width:32px;height:32px;margin:-9px -9px 0 4px}
.offer-sheet{gap:17px}
.offer-sheet h2{padding-right:18px}
.offer-method{min-height:92px}
.offer-method small{margin-top:3px}
.package-plan-option{padding:16px 13px}
.package-plan-option--best{padding-top:43px}
.profile-confirmation-modal{width:min(620px,100%);padding:30px}
.profile-confirmation-modal > h2{margin-bottom:10px;padding-right:24px}
.profile-confirmation-modal > .muted{margin-bottom:23px}
.profile-confirmation-modal .form-grid{gap:15px}
.profile-confirmation-modal .form-grid label{gap:7px}
.profile-confirmation-modal .form-grid input:not([type=radio]):not([type=checkbox]):not([type=range]), .profile-confirmation-modal .form-grid select, .profile-confirmation-modal .form-grid textarea{min-height:48px;padding:11px 13px}
.onboarding-mascot{display:block;width:120px;height:88px;margin:-4px 0 12px;object-fit:contain}
.conversation{gap:16px}
.message{max-width:85%;padding:15px 18px;overflow-wrap:anywhere;white-space:pre-wrap}
.offer{padding:18px}
.offer p{white-space:pre-wrap;overflow-wrap:anywhere}
.empty-state, .loading-state{padding:48px 24px}
.empty-state > img{display:block;width:215px;height:145px;margin:0 auto 22px;object-fit:contain}
.empty-state h3{margin:0 0 10px}
.empty-state p{max-width:420px;margin:0 auto 22px}
.loading-state{min-height:220px;padding-top:72px}
.toast{padding:15px 20px}
.partner-result-page{display:grid;min-height:100svh;justify-items:center;align-content:center;gap:28px;padding:35px 20px}
.partner-result-card{width:min(470px,100%);padding:34px;text-align:center}
.partner-result-card > img{display:block;max-width:100%;height:180px;margin:0 auto 20px;object-fit:contain}
.partner-result-card h1{margin:12px 0}
.partner-result-card p{margin-bottom:25px}
@media (min-width: 901px) and (max-height: 800px){.sidebar-companion img{width:105px;height:70px}
.sidebar-companion{padding-top:18px;margin-bottom:10px}
.sidebar-companion > span{display:none}
.auth-art{height:255px}
.auth-art-orbit{height:215px;width:230px}}
@media (min-width: 901px) and (max-width: 1150px){:root{--sidebar-width:218px}
.sidebar{padding-inline:12px}
.content{padding-inline:25px}
.topbar{padding-inline:25px}
.detail-columns{grid-template-columns:minmax(0,1fr) 270px;gap:16px}
.profile-layout{grid-template-columns:minmax(0,1fr) 270px}
.lead-card{padding:17px}}
@media (max-width: 900px){.auth-page{padding-inline:26px}
.auth-card{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:26px}
.auth-art{height:255px}
.auth-art-orbit{width:220px;height:215px;left:10%}
.auth-art-note{display:none}
.auth-benefits{gap:10px}
.auth-form{padding:28px}
.sidebar, .app-shell.sidebar-collapsed .sidebar, html.sidebar-is-collapsed .sidebar{height:calc(74px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}
.sidebar-companion{display:none}
.sidebar-nav{flex:1}
.sidebar-link, .app-shell.sidebar-collapsed .sidebar-link, html.sidebar-is-collapsed .sidebar-link{padding:8px 5px !important;gap:4px}
.sidebar-link.active .sidebar-icon{width:54px;height:30px}
.app-main, .app-shell.sidebar-collapsed .app-main, html.sidebar-is-collapsed .app-main{padding-bottom:calc(86px + env(safe-area-inset-bottom))}
.topbar{min-height:70px;padding:13px 24px}
.topbar-label{display:none}
.content{padding:24px}
.hero-panel{display:flex}
.availability-copy small{display:block}
.availability-switch span{width:44px;height:26px}
.availability-switch span::after{width:20px;height:20px}
.availability-switch input:checked + span::after{transform:translateX(18px)}
.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.detail-columns{grid-template-columns:minmax(0,1fr) 270px;gap:16px}
.detail-aside{top:88px}
.profile-layout{grid-template-columns:minmax(0,1fr) 270px;gap:16px}
.toast-region{bottom:calc(90px + env(safe-area-inset-bottom))}}
@media (max-width: 680px){.auth-page{padding-inline:20px}
.auth-top{padding:22px 0}
.auth-site-link{gap:8px}
.auth-card{width:min(470px,100%);flex:initial;grid-template-columns:1fr;gap:22px;margin-top:12px}
.auth-hero{min-height:156px;padding:6px 140px 10px 0}
.auth-hero .brand-kicker{max-width:210px;gap:6px}
.auth-hero h2{margin:12px 0 0}
.auth-hero > p, .auth-benefits{display:none}
.auth-art{position:absolute;top:5px;right:-7px;width:150px;height:166px;margin:0}
.auth-art-orbit{left:8px;bottom:5px;width:136px;height:123px}
.auth-form{padding:28px 25px}
.auth-step-mark{display:none}
.auth-form form{margin-top:25px}
.auth-reassurance{margin-top:23px;padding-top:20px}
.auth-footer{margin-top:auto}
.topbar{padding-inline:18px;min-height:66px}
.content{padding:19px 17px 28px}
.availability-banner{min-height:40px;gap:10px;margin-bottom:11px;padding:0 0 9px}
.availability-copy small{max-width:230px}
.availability-icon{display:none}
.compact-filters{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);margin-bottom:13px;gap:8px}
.filter-trigger-grid{gap:8px}
.filter-trigger{min-height:48px;padding:8px 10px}
.filter-trigger-wide{min-height:47px}
.card-grid{grid-template-columns:1fr;gap:14px}
.lead-card{padding:16px}
.lead-card__top{margin-bottom:10px}
.lead-card__budget{margin-top:8px}
.hero-panel{align-items:flex-start;gap:12px;margin-bottom:19px;padding-bottom:19px}
.hero-icon{width:44px;height:44px;flex-basis:44px}
.detail-columns, .profile-layout{grid-template-columns:1fr;gap:17px}
.detail-aside{position:static}
.app-card, .section-card{padding:22px}
.detail-budget{padding:22px}
.detail-budget .app-primary-action{min-height:52px}
.detail-companion{max-width:360px;margin:0 auto}
.profile-layout > aside{display:grid;gap:17px}
.profile-help-card{margin-top:0}
.form-grid, .offer-form__row{grid-template-columns:1fr}
.form-grid .span-2{grid-column:1}
.modal-backdrop{padding:0;align-items:end}
.modal, .modal.offer-modal, .modal.filter-modal, .modal.profile-confirmation-modal{width:100%;max-height:calc(100dvh - 26px);padding:25px 22px calc(25px + env(safe-area-inset-bottom))}
.modal-close{margin:-6px -4px 0 4px}
.modal.offer-modal .modal-close{top:22px;right:17px}
.profile-confirmation-modal .wizard-actions{bottom:calc(-25px - env(safe-area-inset-bottom));margin:16px -22px calc(-25px - env(safe-area-inset-bottom));padding:15px 22px calc(15px + env(safe-area-inset-bottom))}
.profile-confirmation-modal .wizard-actions .button{min-height:48px}
.sheet-handle{margin-top:-11px;margin-bottom:5px}
.message{max-width:93%}
.empty-state{padding:35px 22px}
.empty-state > img{width:185px;height:125px}
.partner-result-card{padding:27px}}
@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important}}
.topbar .icon-button{display:inline-flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}
.topbar .icon-button svg{display:block;width:21px;height:21px}
.app-icon-back{padding:0;flex-shrink:0}
.detail-titlebar{flex-wrap:wrap;row-gap:8px}
.detail-conversation-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-left:auto;min-height:38px;padding:7px 10px;cursor:pointer}
.detail-conversation-count{display:inline-grid;min-width:22px;height:22px;padding:0 5px}
@media (max-width: 900px){.sidebar-link .sidebar-icon, .sidebar-link.active .sidebar-icon{display:grid;width:54px;height:30px;flex:0 0 30px}
.sidebar-link .sidebar-icon svg{display:block;width:21px;height:21px}}
@media (max-width: 680px){.content:has(.app-detail-page){padding-top:12px}
.app-detail-page{gap:12px}
.detail-heading{padding:0}
.detail-heading h2{margin:8px 0 6px}
.detail-heading .app-back-row{flex-wrap:wrap;gap:8px}}
@media (max-width: 680px){.content:has(.profile-layout){padding-top:12px}
.content:has(.profile-layout) > .hero-panel{gap:10px;margin-bottom:12px;padding:0 0 10px}
.content:has(.profile-layout) > .hero-panel .eyebrow{margin-bottom:4px}
.content:has(.profile-layout) > .hero-panel h2{margin:4px 0}
.content:has(.profile-layout) > .hero-panel p{margin:4px 0 0}
.content:has(.profile-layout) > .hero-panel .hero-icon{width:34px;height:34px;flex-basis:34px}
.profile-layout, .profile-layout > aside{gap:12px}
.profile-layout .section-card{padding:16px}
.profile-layout .section-card > h3{margin:0 0 10px}
.profile-layout .profile-row{padding:9px 0;gap:10px}
.profile-layout .profile-row small{margin-bottom:2px}
.profile-layout .section-card > .actions{margin-top:12px !important}
.profile-layout .balance-buy-button{margin-top:12px}}
.detail-overview{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));align-items:center;gap:10px 16px;padding:14px 16px}
.detail-overview .app-deadline, .detail-overview .response-capacity{min-width:0;margin:0;padding:0}
.detail-overview .response-capacity > div{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;justify-content:space-between}
.detail-overview .detail-companion{margin:0;padding:0;gap:8px}
.detail-overview .detail-companion img{width:48px;height:38px}
.detail-overview .detail-conversation-button{width:100%;margin:0}
@media (max-width: 680px){.detail-overview{grid-template-columns:minmax(0, 1fr);gap:10px;padding:12px 14px}
.detail-overview .detail-companion{max-width:none}
.detail-overview .detail-conversation-button{min-height:40px}}
@media (max-width: 680px){.profile-layout > aside{order:-1;gap:10px}
.profile-layout .response-balance-card{display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:center;gap:8px 12px;padding:12px 14px}
.profile-layout .response-balance-card > h3{margin:0}
.profile-layout .response-balance-card > .price{margin:0}
.profile-layout .response-balance-card > .profile-row{grid-column:1 / -1;padding:5px 0}
.profile-layout .response-balance-card > .muted{grid-column:1 / -1;margin:0}
.profile-layout .response-balance-card > .balance-buy-button{grid-column:1 / -1;min-height:40px;margin:0;padding:8px 10px}
.profile-layout .profile-help-card{padding:12px 14px;margin-top:0}
.profile-layout .profile-help-card__head{gap:8px}
.profile-layout .profile-help-card__icon{width:30px;height:30px;flex-basis:30px}
.profile-layout .profile-help-card h3{margin:0}
.profile-layout .profile-help-card p{margin:3px 0 0}
.profile-layout .profile-help-card__button{min-height:40px;margin-top:8px;padding:8px 10px}}
.profile-photo-upload-row{display:flex;align-items:center;gap:12px}
.profile-photo-field .profile-photo-upload{position:relative;display:flex;flex:0 0 112px;width:112px;min-height:74px;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px;overflow:hidden;cursor:pointer;text-align:center}
.profile-photo-upload img{display:block;width:96px;height:54px;object-fit:contain}
.profile-photo-field .profile-photo-upload input[type=file]{position:absolute;inset:0;width:100%;height:100%;min-height:0;padding:0;opacity:0;cursor:pointer}
.profile-photo-field:has(.profile-photo-editor:not(.hidden)) .profile-photo-upload img{display:none}
.profile-photo-field .profile-photo-editor canvas{width:min(100%, 280px)}
.profile-confirmation-modal:has(#profile-confirm-form) > .onboarding-mascot{float:left;width:44px;height:44px;margin:0 10px 6px 0}
.profile-confirmation-modal:has(#profile-confirm-form) > h2{margin:0 0 5px}
.profile-confirmation-modal:has(#profile-confirm-form) > .muted{margin-bottom:12px}
#profile-confirm-form{clear:both}
#profile-confirm-form .profile-progress{padding-bottom:10px;margin-bottom:10px;gap:10px}
#profile-confirm-form .profile-progress__item b{width:26px;height:26px}
#profile-confirm-form .form-grid{gap:10px}
#profile-confirm-form .form-grid label{gap:4px}
#profile-confirm-form .form-grid input:not([type=file]):not([type=radio]):not([type=checkbox]):not([type=range]){min-height:42px;padding:8px 10px}
#profile-confirm-form textarea{min-height:76px;padding:8px 10px}
#profile-confirm-form .profile-photo-field{gap:5px}
#profile-confirm-form .actions{margin-top:0}
@media (max-width: 680px){.modal.profile-confirmation-modal:has(#profile-confirm-form){padding:16px 18px calc(16px + env(safe-area-inset-bottom))}
#profile-confirm-form .wizard-actions{bottom:calc(-16px - env(safe-area-inset-bottom));margin:10px -18px calc(-16px - env(safe-area-inset-bottom));padding:10px 18px calc(10px + env(safe-area-inset-bottom))}}
.quotes-page-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px}
.quotes-page-caption > span{margin-left:auto;text-align:right}
.quotes-first-page{padding:4px 0;cursor:pointer}
.content:has(> .availability-banner) > .compact-filters{margin-bottom:8px}
@media (max-width: 680px){.content:has(> .availability-banner){padding-top:10px}
.content > .availability-banner{min-height:32px;margin-bottom:8px;padding:0 0 6px}
.content:has(> .availability-banner) .filter-trigger{min-height:44px;padding-top:7px;padding-bottom:7px}}
#profile-confirm-form input::placeholder,
#profile-confirm-form textarea::placeholder{opacity:1}
#profile-confirm-form .profile-confirm-phone{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:8px;padding:6px 0;margin-bottom:7px}
#profile-confirm-form .form-grid{gap:8px}
#profile-confirm-form .form-grid label{gap:3px}
#profile-confirm-form .form-grid input:not([type=file]):not([type=radio]):not([type=checkbox]):not([type=range]),
#profile-confirm-form .form-grid select,
#profile-confirm-form .form-grid textarea{min-height:38px;padding:7px 9px}
#profile-confirm-form .form-grid textarea{min-height:62px}
#profile-confirm-form .profile-progress{padding-bottom:7px;margin-bottom:8px}
#profile-confirm-form .profile-photo-upload{min-height:62px;flex-basis:100px;width:100px}
#profile-confirm-form .actions .button{min-height:42px;padding:9px 12px}
#profile-confirm-form .wizard-actions{margin-top:18px}
.profile-confirmation-modal[data-saving="1"]{position:relative}
.profile-confirmation-modal[data-saving="1"] > form{display:none}
.profile-confirmation-modal[data-saving="1"] > .loading-state{margin-top:20px}
.profile-confirmation-modal:has(#profile-confirm-form) > .muted{margin-bottom:7px}
.profile-photo-field:has(.profile-photo-editor:not(.hidden)) > .profile-photo-upload-row{display:none}
.profile-photo-replace{align-self:flex-start;padding:5px 0;cursor:pointer}
.app-response-dock > .app-primary-action{width:100%}
@media (max-width: 680px){.app-detail-page:has(.app-response-dock){padding-bottom:80px}
.app-detail-page .app-response-dock{position:fixed;z-index:1990;right:0;left:0;bottom:calc(74px + env(safe-area-inset-bottom));padding:10px 16px}
.app-detail-page .app-response-dock > .app-primary-action{min-height:48px;margin:0}}
#quote-modal-form .offer-form__row{grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px}
#quote-modal-form .offer-form__row > label,
#quote-modal-form .offer-form__row input{min-width:0}
.offer-mastery-tip{display:flex;align-items:flex-start;gap:10px;margin:10px 0 14px;padding:10px 12px}
.offer-mastery-tip img{flex:0 0 44px;width:44px;height:44px;object-fit:contain}
.offer-sheet .offer-mastery-tip p{margin:0}
.offer-sheet:has(#quote-modal-form){gap:10px}
.offer-sheet:has(#quote-modal-form) .offer-mastery-tip{margin:0;padding:8px 10px}
#quote-modal-form{gap:10px}
#quote-modal-form label{gap:4px}
#quote-modal-form input{min-height:40px;height:40px;padding:7px 10px}
#quote-modal-form textarea{min-height:88px;height:88px;padding:8px 10px}
#quote-modal-form > .button{min-height:42px;padding:9px 12px}
@media (max-width: 680px){.modal.offer-modal:has(#quote-modal-form){padding:18px 18px calc(16px + env(safe-area-inset-bottom))}
.offer-sheet:has(#quote-modal-form) .sheet-handle{margin:-6px auto 0}}
.voice-record-button > span{display:grid}
.voice-record-button svg{display:block;width:42px;height:42px}
.voice-sheet{gap:12px}
.voice-sheet .voice-record-button{width:94px;height:94px;margin:14px 0 7px}
.voice-sheet .offer-mastery-tip{width:100%;margin:4px 0 0;text-align:left}
.voice-sheet .voice-hints{margin-top:0;padding:12px 14px;gap:6px}
.voice-task{width:100%;min-width:0;padding:10px 12px;text-align:left}
.voice-task > strong{display:block;margin-bottom:6px}
.voice-task-scroll{max-height:150px;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;padding-right:6px}
.voice-task-scroll h3{margin:0 0 6px;overflow-wrap:anywhere}
.voice-task-scroll p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.voice-task > small{display:block;margin-top:7px}
.voice-guidance{width:100%;text-align:left}
.voice-guidance .voice-hints{grid-template-columns:44px minmax(0, 1fr);margin-top:0;gap:5px 10px}
.voice-guidance-mascot{grid-column:1;grid-row:1 / 4;width:44px;height:44px;object-fit:contain}
.voice-guidance .voice-hints > strong, .voice-guidance .voice-hints > p, .voice-guidance .voice-hints > small{grid-column:2}
.voice-guidance .voice-hints p{margin:0}
@media (max-width: 680px){.modal.voice-modal{padding:18px 18px calc(16px + env(safe-area-inset-bottom))}
.voice-sheet{gap:10px;padding-top:0}
.voice-sheet .voice-record-button{width:78px;height:78px;margin:10px 0 6px}}
}

@scope (body:has(#auth-panel)){
*{box-sizing:border-box}
body{margin:0}
button{cursor:pointer}
button:disabled{opacity:.55;cursor:wait}
[hidden]{display:none!important}
.client-header{max-width:780px;margin:auto;min-height:68px;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.client-main{max-width:780px;margin:auto;padding:16px 24px 48px}
.client-tabs{display:flex;gap:8px;margin-bottom:24px}
.client-tabs button{padding:11px 16px;min-height:44px}
.client-tabs #create-tab{margin-left:auto}
.client-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
h1{margin:0 0 7px}
h2{margin:0}
.client-heading p{margin:0}
.client-primary,.client-secondary{padding:12px 16px;display:inline-flex;align-items:center;justify-content:center;min-height:44px}
.client-request-list{display:grid;gap:12px}
.client-request-card{position:relative;padding:18px;display:flex;flex-direction:column;gap:12px}
.client-request-card h2{overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.client-request-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.client-status{padding:5px 9px}
.client-request-meta{display:flex;flex-wrap:wrap;gap:10px 18px}
.client-card-link{align-self:flex-end}
.client-card-link:after{content:"";position:absolute;inset:0}
.client-form-card{padding:24px}
.client-form-card fieldset{margin:0;padding:0;min-width:0}
.client-field{margin-bottom:18px}
.client-field label{display:block;margin-bottom:9px}
.client-field label span{margin-left:6px}
.client-field textarea,.client-field input,.client-field select{width:100%;padding:13px}
.client-field textarea{resize:vertical;min-height:170px;max-height:600px}
.client-voice-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:-6px}
.client-file-button{cursor:pointer;position:relative}
.client-file-button input{position:absolute;width:1px;height:1px;opacity:0}
.client-muted{margin:8px 0 18px}
.client-price-field{margin-top:24px;margin-bottom:0}
.client-price-input{position:relative;max-width:280px}
.client-price-input input{padding-right:38px}
.client-price-input>span{position:absolute;right:15px;top:14px}
.client-publish-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px;margin-top:6px}
.client-publish-row p{max-width:260px;margin:0}
.client-publish-row button{flex-shrink:0}
.client-notice{padding:12px 16px;margin-bottom:16px;overflow-wrap:anywhere}
.client-empty{text-align:center;padding:30px 20px}
.client-empty img{object-fit:contain}
.client-mascot{object-fit:contain;flex-shrink:0}
#client-success{text-align:center}
#client-success img{object-fit:contain;margin-bottom:12px}
@media(max-width:520px){.client-main{padding:16px 16px 36px}
.client-header{padding:14px 16px;min-height:60px}
.client-header>span{max-width:115px;text-align:right}
.client-tabs{margin-bottom:22px}
.client-tabs button{padding:10px 13px}
.client-heading{gap:12px;align-items:flex-start}
.client-heading>.client-secondary{padding:9px 10px}
.client-form-card{padding:18px}
.client-request-card{padding:16px}
.client-publish-row{flex-direction:column;align-items:stretch;gap:12px}
.client-publish-row p{max-width:none}
.client-price-input{max-width:none}
.client-voice-actions{gap:12px}
.client-mascot{width:54px;height:54px}}
.client-tabs{flex-wrap:wrap}
.client-grant-table{overflow-x:auto}
.client-grant-table table{width:100%}
.client-grant-table th,.client-grant-table td{padding:14px 12px;text-align:left;vertical-align:top}
.client-grant-table td:not(:first-child){white-space:nowrap}
.client-grant-table .client-muted{margin:5px 0}
.client-grant-table summary{cursor:pointer;margin-top:7px}
.client-description{white-space:pre-wrap;overflow-wrap:anywhere}
#my-grants{display:grid;gap:12px;margin-top:28px}
#my-grants .client-muted{margin:0}
@media(max-width:520px){.client-tabs{gap:6px}
.client-tabs button{padding:10px}
.client-grant-table th,.client-grant-table td{padding:12px 8px}}
.client-chat-history{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}
.client-chat-bubble{max-width:88%;padding:14px 18px;white-space:pre-wrap;overflow-wrap:anywhere}
.client-chat-bubble.user{align-self:flex-end}
.client-chat-bubble.assistant{align-self:flex-start}
#description-field textarea{min-height:120px}
#description-field .client-voice-actions{margin-top:14px}
#request-preview{padding-bottom:18px}
#auth-panel{margin-top:20px}
#auth-panel form>button{margin:5px 5px 5px 0}
#client-success .client-secondary{margin-top:12px}
#client-code{max-width:230px}
#publish-note{flex:1}
#request-preview strong{display:block;margin-top:10px}
.client-main{max-width:800px}
@media(max-width:520px){.client-chat-bubble{max-width:94%}
#auth-panel button{width:100%;margin-right:0}
#previous-step{align-self:flex-start}}
.client-chat-meta{display:block;opacity:.8;margin-bottom:5px}
.client-chat-retry{display:block;margin-top:9px;padding:6px 10px}
.client-typing{display:flex;align-items:center;gap:9px}
.client-typing-dots{display:inline-flex;gap:4px}
.client-typing-dots i{width:5px;height:5px;animation:client-dot 1.2s ease-in-out infinite}
@keyframes client-dot{0%,70%,100%{opacity:.3;transform:translateY(0)}
35%{opacity:1;transform:translateY(-3px)}}
#description-field textarea{min-height:70px}
#request-preview:not([hidden]){margin-top:16px;padding:16px}
#confirm-request{margin-top:12px}
@media(prefers-reduced-motion:reduce){.client-typing-dots i{animation:none;opacity:.7}}
#create-panel{display:flex;flex-direction:column;height:clamp(480px,calc(100dvh - 190px),900px);min-height:0;overflow:hidden}
.conversation-header{display:flex;align-items:center;gap:12px;flex-shrink:0;min-height:72px;padding:12px 20px}
.conversation-back{display:grid;width:30px;height:42px;padding:0;cursor:pointer}
.conversation-avatar{display:grid;width:44px;height:44px;flex:0 0 44px}
.conversation-person{min-width:0}
.conversation-person h1{margin:0}
.conversation-person p{margin:2px 0 0}
.conversation-home{margin-left:auto;white-space:nowrap}
.chat-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
#create-panel .client-chat-history{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;display:flex;flex-direction:column;gap:10px;padding:22px 28px;margin:0;scroll-behavior:smooth}
.conversation-day{align-self:center;margin:0 0 12px;padding:5px 12px}
.client-chat-history .client-chat-bubble{position:relative;flex-shrink:0;max-width:78%;padding:9px 12px 6px;white-space:pre-wrap}
.client-chat-history .client-chat-bubble.assistant{align-self:flex-start}
.client-chat-history .client-chat-bubble.user{align-self:flex-end}
.client-chat-bubble.assistant::before{content:"";position:absolute;top:0;left:-7px}
.client-chat-bubble.user::after{content:"";position:absolute;top:0;right:-7px}
.conversation-message-meta{display:flex;justify-content:flex-end;align-items:center;gap:5px;margin:3px 0 0 18px;white-space:nowrap}
.client-chat-meta{margin-bottom:6px}
.client-chat-history .client-typing{min-width:115px;padding:12px 15px}
.client-direction-choices{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 6px}
.client-direction-choices button{min-height:36px;padding:8px 11px}
#create-panel #client-form{flex-shrink:0;padding:10px 14px}
#request-fields{display:flex;flex-direction:column}
#description-field{margin:0}
#description-field .conversation-compose{display:flex;align-items:flex-end;gap:10px}
#description-field #client-text{display:block;flex:1;min-width:0;width:auto;min-height:46px;max-height:128px;margin:0;padding:12px 16px;resize:none;overflow-y:auto}
.conversation-action{display:grid;flex:0 0 46px;width:46px;height:46px;padding:12px;cursor:pointer}
.conversation-action svg{display:block;width:23px;height:23px}
.conversation-action:disabled{opacity:.5}
.conversation-recording{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.conversation-recording #voice-status{margin:6px 8px 0}
.conversation-recording #voice-status:empty{display:none}
.conversation-recording #recover-voice{margin-top:8px;padding:6px 10px;min-height:32px}
#create-panel .client-publish-row{margin:0;padding:0;display:block}
#create-panel #publish-note{max-width:none;margin:7px 8px 0}
#confirm-request{order:-1;margin:0 0 10px;min-height:44px;width:100%}
#create-panel #client-success{flex:1;min-height:0;overflow:auto;margin:0;padding:40px 24px}
#client-success img{display:none}
#client-success h2{margin-top:24px}
body.chat-auth-open #auth-panel{position:fixed;z-index:2000;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(460px,calc(100% - 32px));max-height:calc(var(--chat-viewport,100dvh) - 32px);overflow-y:auto;padding:24px}
body.chat-mode #client-notice:not([hidden]){position:fixed;z-index:2100;top:12px;left:50%;transform:translateX(-50%);width:min(600px,calc(100% - 32px))}
@media(max-width:680px){body.chat-mode{height:var(--chat-viewport,100dvh);overflow:hidden}
body.chat-mode>.client-header,body.chat-mode .client-tabs{display:none}
body.chat-mode .client-main{height:100%;max-width:none;padding:0;margin:0}
body.chat-mode #create-panel{height:100%}
.conversation-header{min-height:66px;padding:10px 12px;gap:9px}
.conversation-avatar{width:40px;height:40px;flex-basis:40px}
.conversation-back{width:24px}
#create-panel .client-chat-history{padding:18px 16px;gap:9px}
.client-chat-history .client-chat-bubble{max-width:88%}
#create-panel #client-form{padding:9px 10px calc(9px + env(safe-area-inset-bottom))}
#description-field #client-text{padding-inline:14px}
.conversation-action{width:46px;flex-basis:46px}
body.chat-mode #client-notice:not([hidden]){top:70px}}
@media(prefers-reduced-motion:reduce){#create-panel .client-chat-history{scroll-behavior:auto}
.client-typing-dots i{animation:none}}
body.chat-auth-open #auth-panel{top:calc(var(--chat-viewport,100dvh) / 2)}
body.chat-mode{height:var(--chat-viewport,100dvh);overflow:hidden}
body.chat-mode>.client-header,body.chat-mode .client-tabs{display:none}
body.chat-mode .client-main{height:100%;max-width:1100px;padding:16px;margin:0 auto}
body.chat-mode #create-panel{height:100%;min-height:0}
#create-panel .client-chat-history{flex:1 1 0;min-height:0}
#create-panel .client-chat-history .conversation-review{width:min(430px,90%);max-width:90%;white-space:normal;padding:14px 16px 8px}
.conversation-review #request-preview{padding:0;margin:0 0 12px}
.conversation-review #request-preview strong{display:block;margin-top:10px}
.conversation-review #request-preview strong:first-child{margin-top:0}
.conversation-review #confirm-request{margin:0;padding:12px;width:100%}
.conversation-review #confirm-request:disabled{opacity:.5;cursor:wait}
#create-panel .conversation-review #publish-note{margin:6px 0 0}
#create-panel #client-form{padding:10px 16px}
#create-panel #client-form .client-publish-row{display:none}
#description-field #client-text{min-height:46px;max-height:110px;box-sizing:border-box}
#description-field [hidden],#create-panel .conversation-review[hidden]{display:none!important}
.conversation-action{overflow:hidden;box-sizing:border-box}
.conversation-record-bar{display:flex;align-items:center;gap:12px;flex:1;min-width:0;height:46px}
.conversation-cancel{display:grid;flex:0 0 40px;width:40px;height:40px;padding:9px;cursor:pointer}
.conversation-record-dot{animation:record-pulse 1s ease-in-out infinite}
.conversation-record-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@keyframes record-pulse{50%{opacity:.35}}
@media(max-width:680px){body.chat-mode .client-main{padding:0}
#create-panel #client-form{padding:8px 10px calc(8px + env(safe-area-inset-bottom))}
.conversation-record-bar{gap:8px}}
@media(prefers-reduced-motion:reduce){.conversation-record-dot{animation:none}}
body.chat-auth-open #auth-panel{width:min(440px,calc(100% - 32px));padding:32px}
.auth-mark{display:grid;position:relative;width:48px;height:48px;margin-bottom:22px}
.auth-mark span{position:absolute;right:7px;bottom:7px}
#auth-panel .auth-eyebrow{margin:0 0 8px}
body.chat-auth-open #auth-panel h2{margin:0 0 12px}
#auth-panel>.client-muted{margin:0 0 26px}
#auth-panel .client-field{margin-bottom:18px}
#auth-panel .client-field label{margin-bottom:8px}
#auth-panel #client-phone,#auth-panel #client-code{height:56px;padding:14px 16px;width:100%;box-sizing:border-box}
#auth-panel #client-code{text-align:center}
#auth-panel #client-phone::placeholder{opacity:1}
#auth-panel .client-primary{width:100%;min-height:52px;margin:0}
#auth-panel .client-secondary{min-height:40px;padding:8px 4px}
#auth-panel #auth-back{display:block;margin:12px auto 0;text-align:center}
#auth-panel #resend-code{display:block;margin:12px auto 0}
#auth-panel #change-phone{display:block;margin:0 auto}
#auth-panel #auth-error:empty{display:none}
#auth-panel #auth-error{margin:14px 0}
@media(max-width:480px){body.chat-auth-open #auth-panel{padding:26px 22px}}
.conversation-header img.conversation-avatar{width:52px;height:52px;flex:0 0 52px;object-fit:contain}
#auth-panel .auth-mascot{display:block;width:100px;height:100px;object-fit:contain;margin:0 auto 14px}
#auth-panel .auth-eyebrow,body.chat-auth-open #auth-panel h2,#auth-panel>.client-muted{text-align:center}
#create-panel #client-success img{display:block;width:100px;height:100px;object-fit:contain;margin:0 auto}
@media(max-width:680px){.conversation-header img.conversation-avatar{width:46px;height:46px;flex-basis:46px}}
body.chat-auth-open #auth-panel{margin-top:0}
#auth-panel.auth-code-step .auth-mascot{width:76px;height:76px;margin-bottom:12px}
#auth-panel.auth-code-step .auth-eyebrow{margin-bottom:6px}
body.chat-auth-open #auth-panel.auth-code-step h2{margin-bottom:8px}
#auth-panel.auth-code-step #auth-description{margin:0 0 18px}
#auth-panel #otp-destination{margin:0 0 18px;padding:12px 10px;text-align:center;overflow-wrap:anywhere}
#auth-panel #otp-form .client-field{margin-bottom:16px}
#auth-panel #otp-form label{display:block;text-align:center;margin-bottom:8px}
#auth-panel #client-code{display:block;max-width:none;width:100%;height:60px;padding:10px 10px 10px calc(10px + .4em)}
#auth-panel .otp-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
#auth-panel .otp-actions #resend-code,#auth-panel .otp-actions #change-phone{width:auto;margin:0;padding:8px 0;min-height:40px}
#auth-panel .otp-actions #resend-code:disabled{cursor:default;opacity:1}
#auth-panel .otp-actions #change-phone{text-align:right}
#auth-panel.auth-code-step #auth-back{margin:14px auto 0;padding-top:14px;width:100%}
@media(max-height:600px){body.chat-auth-open #auth-panel.auth-code-step{padding:20px}
#auth-panel.auth-code-step .auth-mascot{width:52px;height:52px;margin-bottom:6px}
#auth-panel.auth-code-step .auth-eyebrow{display:none}}
}

@scope (body.home-page){
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
.home-header{max-width:1200px;margin:auto;min-height:88px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.home-header>a:last-child{padding:12px 18px}
.home-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:64px;align-items:center;max-width:1200px;margin:auto;padding:80px 24px 88px}
.home-hero:before{content:"";position:absolute;z-index:-1;inset:0 calc((min(1200px,100vw) - 100vw)/2)}
.hero-copy{min-width:0}
.eyebrow{margin:0 0 20px}
.home-hero .eyebrow{display:inline-flex;padding:9px 12px}
h1{margin:0}
.hero-description{max-width:520px;margin:24px 0 0}
.home-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:15px 22px}
.hero-note{margin:18px 0 0}
.chat-preview{min-width:0;padding:22px}
.preview-header{display:flex;align-items:center;gap:12px;padding-bottom:18px;margin-bottom:20px}
.preview-avatar{display:grid;width:42px;height:42px}
.preview-header strong,.preview-header small{display:block}
.preview-header small{margin-top:4px}
.online-dot{width:8px;height:8px;margin-left:auto}
.bubble{width:fit-content;max-width:92%;margin:12px 0;padding:12px 15px}
.bubble.customer{margin-left:auto}
.preview-result{margin:20px 0;padding:16px}
.preview-result span{display:block}
.preview-result strong{display:block;margin-top:6px}
.preview-result p{margin:6px 0 0}
.preview-input{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px}
.home-section{max-width:1200px;margin:0 auto;padding:76px 24px}
.home-section h2,.home-final h2{margin:0}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}
.steps article{padding:26px}
.steps article>span{display:grid;width:40px;height:40px}
.steps h3{margin:24px 0 12px}
.steps p,.directions p,.home-faq p{margin:0}
.directions{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px}
.directions p{margin-top:20px;max-width:360px}
.direction-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}
.direction-links a{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:18px;overflow-wrap:anywhere}
.home-faq h2{margin-bottom:28px}
.home-faq details{margin:12px 0;padding:20px 24px}
.home-faq summary{cursor:pointer}
.home-faq p{margin:16px 0 0;max-width:820px}
.home-final{text-align:center;padding:64px 24px}
.home-final p{margin:16px 0 24px}
@media(max-width:900px){.home-hero{gap:28px;padding-top:56px;padding-bottom:56px}
.home-actions{flex-direction:column;align-items:stretch}
.directions{gap:28px}
.steps{gap:12px}
.steps article{padding:20px}}
@media(max-width:680px){.home-header{min-height:74px;padding:16px 20px}
.home-header>a:last-child{padding:10px}
.home-hero{grid-template-columns:1fr;padding:44px 20px;gap:32px}
.home-hero:before{inset:0}
.home-actions{flex-direction:row}
.home-actions .button{flex:1;padding:14px 12px;gap:8px}
.chat-preview{width:100%;max-width:480px;margin:auto;padding:18px}
.home-section{padding:44px 20px}
.steps,.directions{grid-template-columns:1fr}
.steps h3{margin-top:18px}
.direction-links{grid-template-columns:1fr}
.home-faq details{padding:18px}
.home-final{padding:44px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body.home-page{overflow-x:clip}
.home-page .home-header{min-height:84px;max-width:1200px}
.home-page .home-hero{padding-top:72px;padding-bottom:80px;gap:60px}
.home-page .home-hero:before{inset:0}
.home-page .home-hero .eyebrow{padding:0}
.home-page h1{overflow-wrap:break-word}
.home-page .hero-description{max-width:470px}
.home-page .home-actions .primary{order:-1}
.home-page .chat-preview{padding:24px;transform:none}
.home-page .preview-header{padding-bottom:18px;margin-bottom:22px}
.home-page .bubble{padding:14px 16px}
.home-page .preview-result{padding:18px 4px 0;margin:22px 0}
.home-page .preview-input{min-height:48px;padding:12px 16px}
.home-page .home-section{padding-top:60px;padding-bottom:60px}
.home-page .steps article{padding:26px}
.home-page .home-faq details{margin:0;padding:22px 0}
@media(max-width:900px){.home-page .home-hero{gap:28px;padding-top:48px;padding-bottom:48px}}
@media(max-width:680px){.home-page .home-hero{padding:36px 20px;gap:32px}
.home-page .home-section{padding:40px 20px}
.home-page .chat-preview{padding:20px}
.home-page .home-actions{flex-direction:column}
.home-page .home-actions .button{width:100%}}
.home-page .home-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
.hero-photo{position:relative;min-width:0;padding-bottom:28px}
.hero-photo-image{display:block;width:100%;height:auto;aspect-ratio:760/620;object-fit:cover}
.hero-photo-caption{display:flex;align-items:center;gap:14px;position:relative;margin:-36px 20px 0;padding:12px 20px}
.hero-photo-caption img{flex:0 0 80px;width:80px;height:80px;object-fit:contain}
.hero-photo-caption strong{display:block}
.hero-photo-caption span{display:block;margin-top:5px}
@media(max-width:680px){.home-page .home-hero{grid-template-columns:minmax(0,1fr);gap:28px}
.hero-photo-caption{margin:-24px 12px 0;padding:10px 14px;gap:10px}
.hero-photo-caption img{width:64px;height:64px;flex-basis:64px}}
.home-page .home-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:54px;align-items:center;padding-bottom:54px}
.hero-photo{padding-bottom:0}
.hero-photo-image{min-height:430px;object-position:60% center}
.hero-offers{position:relative;width:88%;margin:-145px 0 0 -20px;padding:17px 18px}
.hero-offers-heading{display:flex;align-items:center;gap:8px}
.hero-offers-heading>small{margin-left:auto;padding:3px 6px}
.offer-dot{height:7px;width:7px;flex-shrink:0}
.hero-offers>p{margin:7px 0 12px}
.sample-offer{display:flex;align-items:center;gap:10px;padding:11px 0}
.sample-avatar{display:grid;width:32px;height:32px;flex:0 0 32px}
.sample-offer>div{min-width:0}
.sample-offer strong{display:block}
.sample-offer small{display:block;margin-top:4px}
.sample-offer>b{margin-left:auto;white-space:nowrap}
.hero-photo-caption{margin:16px 0 0;padding:0 10px}
.hero-photo-caption img{width:64px;height:64px;flex-basis:64px}
.home-page .home-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.comparison-image{position:relative;min-width:0}
.comparison-image>img{display:block;width:100%;height:auto;aspect-ratio:1.1;object-fit:cover}
.image-note{position:absolute;bottom:20px;left:20px;right:20px;padding:14px 16px}
.comparison-copy>p:not(.eyebrow),.partners-copy>p:not(.eyebrow){margin:20px 0}
.comparison-points{padding:0;margin:24px 0;display:grid;gap:18px}
.comparison-points li{display:flex;align-items:flex-start;gap:14px}
.comparison-points li>span{display:grid;flex:0 0 36px;height:36px}
.comparison-points p{margin:5px 0 0}
.text-action{display:inline-flex;gap:18px;padding:10px 0}
.home-page .home-partners{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center;padding-top:52px;padding-bottom:52px}
.partners-copy{padding:32px}
.partners-photo{width:100%;height:auto;max-height:510px;object-fit:cover;object-position:center 40%}
.partner-benefits{display:grid;gap:10px;margin:24px 0}
.partner-benefits span:before{content:'✓';margin-right:10px}
@media(max-width:900px){.home-page .home-hero{gap:30px}
.hero-offers{width:96%;margin-left:-8px;padding:14px}
.home-page .home-comparison,.home-page .home-partners{gap:30px}
.partners-copy{padding:24px}
.sample-offer{gap:7px}}
@media(max-width:680px){.home-page .home-hero,.home-page .home-comparison,.home-page .home-partners{grid-template-columns:minmax(0,1fr);gap:28px}
.hero-photo-image{min-height:0;aspect-ratio:1.1}
.hero-offers{width:calc(100% - 24px);margin:-70px 12px 0;padding:16px}
.hero-photo-caption{margin-top:12px}
.comparison-image>img{aspect-ratio:1.35}
.partners-copy{padding:24px;order:1}
.partners-photo{max-height:320px;object-position:center 30%}
.home-page .home-partners{padding-top:36px;padding-bottom:36px}}
}

@scope (body.cabinet-offers){
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
.page{width:min(620px,100%);margin:0 auto;padding:0 0 32px;overflow:hidden}
.appbar{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;height:64px;padding:0 16px;position:sticky;top:0;z-index:5}
.app-title{text-align:center}
.request-pill{padding:7px 10px}
.info-button{display:grid;width:34px;height:34px;padding:0;cursor:pointer}
.content-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 16px 12px}
.content-head strong{display:block}
.content-head span{display:block;margin-top:3px}
.swipe-icon{display:flex;align-items:center;gap:4px;white-space:nowrap}
.notice{margin:0 16px 12px;padding:11px 13px}
.track{display:flex;gap:12px;overflow-x:auto;padding:2px 0 14px 16px;scroll-behavior:smooth;scrollbar-width:none;touch-action:pan-x pan-y}
.track::-webkit-scrollbar{display:none}
.offer-card{display:flex;flex:0 0 86%;flex-direction:column;overflow:hidden}
.offer-card:last-child{margin-right:14%}
.offer-card.single{flex-basis:calc(100% - 32px);margin-right:16px}
.photo{position:relative;height:190px;overflow:hidden}
.photo img{display:block;width:100%;height:100%;object-fit:cover}
.photo-placeholder{position:absolute;inset:0;display:grid;text-align:center}
.photo-placeholder i{display:grid;width:58px;height:58px;margin:0 auto 8px}
.photo.has-photo .photo-placeholder{display:none}
.photo-count{position:absolute;right:11px;bottom:10px;padding:6px 9px}
.status{position:absolute;top:10px;left:10px;padding:6px 9px}
.offer-body{display:flex;flex:1;flex-direction:column;padding:15px}
.offer-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px}
.offer-heading h2{min-width:0;margin:0}
.price{text-align:right;white-space:nowrap}
.description{display:-webkit-box;min-height:40px;margin:11px 0 13px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.facts{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;margin-bottom:13px}
.fact{display:flex;align-items:center;gap:5px;padding:8px 9px}
.contact-button{width:100%;height:48px;cursor:pointer}
.contact-button:active{transform:translateY(1px)}
.contact-state{display:grid;min-height:48px;padding:8px;text-align:center}
.carousel-footer{display:grid;justify-items:center;gap:9px;padding:0 16px}
.dots{display:flex;gap:7px;height:10px;align-items:center}
.dot{width:7px;height:7px;padding:0;cursor:pointer}
.dot.active{width:20px}
.request-open{padding:5px;cursor:pointer}
.bottom-actions{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;padding:16px}
.finalize-button{padding:9px 13px;cursor:pointer}
.cancel-form{margin:0}
.cancel-button{padding:7px;cursor:pointer}
.privacy{margin:0 20px;text-align:center}
.empty-offers{margin:0 16px;padding:25px;text-align:center}
.modal{position:fixed;inset:0;z-index:30;display:none;padding:12px}
.modal.open{display:grid}
.dialog{width:min(460px,100%);max-height:88vh;overflow:auto;padding:19px}
.handle{width:38px;height:4px;margin:-5px auto 15px}
.dialog h2{margin:0 0 7px}
.dialog>p,.request-description{margin:0 0 15px;white-space:pre-line}
.request-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px}
.chip{padding:6px 8px}
.contact-options,.final-list{display:grid;gap:8px}
.contact-option{display:flex;align-items:center;gap:10px;padding:12px;cursor:pointer}
.contact-option input{width:18px;height:18px}
.modal-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:15px}
.modal-actions button{min-height:44px;cursor:pointer}
@media(min-width:700px){.page{padding-top:12px}
.offer-card{flex-basis:78%}
.offer-card:last-child{margin-right:22%}}
@media(max-width:370px){.appbar{grid-template-columns:auto 1fr auto}
.info-button{display:none}
.offer-card{flex-basis:88%}
.photo{height:170px}
.offer-heading{display:block}
.price{margin-top:5px;text-align:left}
.fact{padding:7px}
.content-head{padding-top:13px}}
html{scroll-behavior:smooth}
.page{width:min(560px,100%);overflow:visible;padding-bottom:38px}
.appbar{grid-template-columns:1fr auto auto;height:62px}
.app-title{display:none}
.content-head{padding:18px 16px 12px}
.swipe-icon,.dots,.counter{display:none!important}
.feed-tabs{position:sticky;top:62px;z-index:4;display:flex;gap:6px;overflow-x:auto;padding:7px 12px 10px;scrollbar-width:none}
.feed-tabs::-webkit-scrollbar{display:none}
.feed-tab{flex:0 0 auto;padding:9px 13px;cursor:pointer}
.track{display:block;overflow:visible;padding:12px 0 1px;touch-action:auto}
.offer-card{display:block;width:auto;margin:0 12px 16px;overflow:hidden}
.offer-card:last-child,.offer-card.single{width:auto;margin:0 12px 16px}
.offer-card.is-dismissed{opacity:.72}
.offer-card[hidden]{display:none}
.offer-author{display:flex;align-items:center;gap:10px;padding:11px 13px}
.author-avatar{position:relative;display:grid;flex:0 0 38px;width:38px;height:38px;overflow:hidden}
.author-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.author-copy{min-width:0;flex:1}
.author-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.author-copy small{display:block;margin-top:2px}
.author-status{padding:5px 8px}
.photo{height:auto;aspect-ratio:1/1}
.photo-count{right:10px;bottom:10px}
.status{top:10px}
.offer-actions{display:flex;align-items:center;gap:8px;padding:10px 13px 2px}
.reaction-button{display:flex;align-items:center;gap:6px;padding:8px 10px;cursor:pointer}
.restore-label{display:none}
.dismiss-button.active .dismiss-label{display:none}
.dismiss-button.active .restore-label{display:inline}
.offer-body{padding:10px 14px 15px}
.description{display:block;min-height:0;margin:10px 0;-webkit-line-clamp:unset}
.facts{margin:0 0 13px}
.carousel-footer{padding:0 16px 8px}
.feed-empty{display:none;margin:14px 12px;padding:30px 18px;text-align:center}
.feed-empty.show{display:block}
.scroll-hint{position:fixed;left:50%;bottom:70px;z-index:20;display:none;min-width:180px;padding:13px 18px;text-align:center;transform:translateX(-50%);pointer-events:none}
.scroll-hint.show{display:block;animation:hintFade .3s ease}
.scroll-hand{display:block;animation:handMove 1.25s ease-in-out infinite}
.scroll-hint strong{display:block;margin-top:3px}
@keyframes handMove{0%,100%{transform:translateY(7px)}
55%{transform:translateY(-8px)}}
@keyframes hintFade{from{opacity:0;transform:translate(-50%,10px)}
to{opacity:1;transform:translate(-50%,0)}}
@media(min-width:700px){.page{padding-top:10px}
.feed-tabs{top:72px}}
.offer-author{align-items:flex-start;padding:15px 14px 3px}
.favorite-icon-button{display:grid;flex:0 0 40px;width:40px;height:40px;padding:0}
.offer-sequence{margin:0 14px 9px;text-align:right}
.photo{width:calc(100% - 26px);height:auto;max-height:190px;aspect-ratio:16/9;margin:0 13px}
.offer-body{padding:12px 14px 0}
.offer-price-row{display:block}
.offer-price-row>span{display:block;margin-top:2px}
.price{text-align:left}
.description{display:-webkit-box;min-height:0;margin:12px 0 2px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.description-more{align-self:flex-start;margin:0 0 12px;padding:3px 0;cursor:pointer}
.full-offer-description{white-space:pre-line}
.contact-profile{display:block!important}
.offer-actions{display:grid;grid-template-columns:1fr;align-items:center;gap:0;margin-top:12px;padding:11px 0 12px}
.offer-actions:has(.dismiss-button){grid-template-columns:1fr 1px 1fr}
.offer-actions .reaction-button{justify-content:center;padding:6px}
.action-divider{width:1px;height:24px}
.author-meta{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;gap:5px}
.author-meta .offer-sequence{margin:0}
@media(max-width:370px){.appbar{grid-template-columns:1fr auto auto}
.info-button{display:grid}
.price{margin:0;text-align:left}
.photo{height:auto;max-height:185px}
.content-head{padding-top:14px}}
.photo{height:auto;max-height:none;aspect-ratio:16/9}
.photo img{object-fit:contain}
body.client-zapros .page{max-width:720px!important;margin:auto!important}
.client-request{padding:16px}
.client-status-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.client-status{padding:7px 10px}
.client-request h1{margin:16px 0 8px;overflow-wrap:anywhere}
.client-city{margin:0 0 12px}
.client-tip{display:flex;align-items:center;gap:12px;padding:12px;margin:14px 0}
.client-tip img{object-fit:contain;flex-shrink:0}
.client-tip p{margin:0}
.client-task-card{padding:18px}
.client-task-card h2{margin:0 0 10px}
.client-task-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.client-edit{margin-top:16px;padding-top:12px}
.client-edit summary{cursor:pointer}
.client-edit label{display:block;margin:14px 0 6px}
.client-edit textarea{box-sizing:border-box;width:100%;padding:12px;resize:vertical}
.client-edit small{display:block;margin:8px 0}
#client-proposals{scroll-margin-top:90px;flex-wrap:wrap;align-items:flex-start}
#client-proposals>div{flex:1 1 180px;min-width:0}
#client-proposals>.request-open{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;white-space:nowrap;padding:9px 12px}
#client-proposals>.request-open svg{flex-shrink:0}
body.client-zapros .empty-offers{padding:24px!important}
.empty-offers img{display:block;margin:0 auto 10px;object-fit:contain}
.empty-offers strong{display:block}
body.client-zapros .full-offer-description{white-space:pre-wrap;overflow-wrap:anywhere}
body.client-zapros .appbar{grid-template-columns:1fr auto;height:46px;position:static;padding:0 16px}
.client-request-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px 0}
.client-back{display:inline-flex;align-items:center;min-height:44px}
.client-details-button{min-height:40px;padding:9px 12px;cursor:pointer}
.client-request{padding:10px 16px 8px}
.client-status{padding:3px 7px}
.client-request-heading{display:flex;align-items:center;gap:10px;margin-top:7px}
.client-request-heading h1{margin:0;flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.client-request-heading img{object-fit:contain;flex-shrink:0}
.client-city{margin:8px 0 0}
.client-request-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:4px}
.client-request-actions .client-details-button{padding:5px 0;min-height:36px}
#client-proposals{padding:12px 16px 6px;scroll-margin-top:65px}
body.client-zapros .feed-tabs{padding:4px 12px 8px;gap:5px}
body.client-zapros .feed-tab{padding:8px 11px}
.feed-tabs{top:0!important}
.client-edit{margin-bottom:16px}
.request-meta .chip{overflow-wrap:anywhere}
body.cabinet-page.cabinet-offers{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}
body.cabinet-offers main.page{width:100%!important;max-width:1060px!important;margin:0 auto!important;padding:24px!important;overflow:visible!important}
body.cabinet-offers .appbar{display:none!important}
body.cabinet-offers .client-request{padding:20px;margin:0 0 20px}
body.cabinet-offers .client-status-row{display:flex;justify-content:space-between;gap:12px;align-items:center}
body.cabinet-offers .client-status{padding:5px 9px}
body.cabinet-offers .client-details-button{padding:8px 0;margin-right:16px}
body.cabinet-offers .content-head{padding:0 0 16px;margin:0}
body.cabinet-offers .feed-tabs{position:static!important;display:flex;gap:6px;flex-wrap:wrap;overflow:visible;padding:0;margin:0 0 18px}
body.cabinet-offers .feed-tab{padding:9px 12px;white-space:nowrap}
body.cabinet-offers .empty-offers{margin:0;padding:36px 20px;text-align:center}
body.cabinet-offers .empty-offers img{display:block;width:96px;height:96px;object-fit:contain;margin:0 auto 16px}
body.cabinet-offers .empty-offers p{max-width:380px;margin:12px auto 0}
body.cabinet-offers .notice{padding:14px 16px}
@media(max-width:680px){body.cabinet-offers main.page{padding:18px 16px!important}
body.cabinet-offers .client-request{padding:16px}}
body.cabinet-offers .modal{z-index:1300}
body.cabinet-offers:has(.client-request){padding-bottom:env(safe-area-inset-bottom)!important}
body.cabinet-offers:has(.client-request)>.cabinet-nav{display:none}
body.cabinet-offers .cabinet-detail-back{margin-bottom:18px}
}

.zapros-site-footer{padding:44px 0}
.site-footer__inner{display:grid;gap:28px}
.site-footer__brand{display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-footer__logo{display:inline-flex;align-items:center;gap:10px}
.zapros-site-footer p{max-width:430px;margin:0}
.site-footer__nav{display:flex;flex-wrap:wrap;gap:10px;padding:18px 0}
.site-footer__nav a{padding:10px 12px}
.static-page-header{display:flex;justify-content:space-between;align-items:center;padding-top:24px;padding-bottom:24px}
.static-page{padding-top:48px;padding-bottom:72px;min-height:60vh}
.static-page h1{margin-bottom:32px}
.static-page__content{overflow-wrap:anywhere}
.static-page__content img{max-width:100%;height:auto}
.static-page__content table{display:block;max-width:100%;overflow:auto}
.static-page__content h2,.static-page__content h3{margin:28px 0 14px}
.static-page__content p{margin:0 0 16px}
.static-page__content ul,.static-page__content ol{padding-left:24px}
@media(max-width:640px){.site-footer__brand{align-items:flex-start;flex-direction:column}
.static-page{padding-top:28px}
.site-footer__nav a{padding:8px}}

body.cabinet-page{--cabinet-nav-height:72px;--cabinet-width:1060px;margin:0;padding:0 0 calc(var(--cabinet-nav-height) + env(safe-area-inset-bottom));min-height:100dvh}
.cabinet-page *{box-sizing:border-box}
.cabinet-page [hidden]{display:none!important}
body.cabinet-page .app-shell{min-height:0}
body.cabinet-page .app-main,html.sidebar-is-collapsed body.cabinet-page .app-main,body.cabinet-page .app-shell.sidebar-collapsed .app-main{margin:0;padding:0}
body.cabinet-page .sidebar,body.cabinet-page .sidebar-overlay{display:none!important}
.cabinet-header{display:flex;align-items:center;gap:20px;width:100%;min-height:76px;margin:0;padding:12px max(24px,calc((100% - 1012px)/2))}
.cabinet-brand{white-space:nowrap}
.cabinet-header-label{margin-left:auto;white-space:nowrap}
.cabinet-header-actions{display:flex;gap:8px;margin-left:auto}
.cabinet-icon-button{display:grid;width:40px;height:40px;padding:9px;cursor:pointer}
.cabinet-icon-button svg{width:21px;height:21px}
body.cabinet-page .client-main,body.cabinet-page .app-content{width:100%;max-width:var(--cabinet-width);margin:0 auto;padding:24px}
body.cabinet-page .app-content #content{width:100%;max-width:none;margin:0;padding:0}
.cabinet-nav{position:fixed;z-index:1100;bottom:0;left:50%;transform:translateX(-50%);width:min(760px,100%);height:calc(var(--cabinet-nav-height) + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px 8px calc(8px + env(safe-area-inset-bottom))}
.cabinet-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:48px;padding:4px 0;text-align:center}
.cabinet-nav svg{width:22px;height:22px;flex-shrink:0}
body.cabinet-page .client-tabs,body.cabinet-page #refresh-requests{display:none}
body.cabinet-page .client-heading,body.cabinet-page .hero-panel{display:flex;align-items:center;gap:16px;margin:0 0 20px;padding:0 0 20px}
body.cabinet-page .client-heading h1,body.cabinet-page .hero-panel h2{margin:0 0 8px}
body.cabinet-page .client-heading p,body.cabinet-page .hero-panel p{margin:0}
body.cabinet-page .client-request-card,body.cabinet-page .lead-card,body.cabinet-page .section-card{padding:20px}
body.cabinet-page .card-grid,body.cabinet-page .client-request-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.cabinet-page .client-primary,body.cabinet-page .button.primary{min-height:46px;padding:12px 18px}
body.cabinet-page .client-secondary,body.cabinet-page .button.secondary{min-height:42px;padding:10px 14px}
body.cabinet-page .availability-banner{min-height:48px;padding:10px 14px}
body.cabinet-page .filter-trigger{padding:12px 14px}
body.cabinet-page .order-tabs{padding:4px;gap:4px}
body.cabinet-page .toast-region{bottom:calc(var(--cabinet-nav-height) + 16px + env(safe-area-inset-bottom))}
body.cabinet-page.chat-mode{height:var(--chat-viewport,100dvh);min-height:0;overflow:hidden;padding-bottom:0}
body.cabinet-page.chat-mode>.cabinet-header,body.cabinet-page.chat-mode>.cabinet-nav{display:none}
body.cabinet-page.chat-mode .client-main{height:100%;padding:16px}
body.cabinet-page.chat-mode #create-panel{height:100%}
@media(max-width:680px){.cabinet-header{min-height:68px;padding:12px 16px;gap:10px}
.cabinet-header-label{display:none}
body.cabinet-page .client-main,body.cabinet-page .app-content{padding:18px 16px}
body.cabinet-page .card-grid,body.cabinet-page .client-request-list{grid-template-columns:minmax(0,1fr);gap:14px}
.cabinet-nav{padding-inline:4px}
body.cabinet-page .client-request-card,body.cabinet-page .lead-card,body.cabinet-page .section-card{padding:16px}
body.cabinet-page.chat-mode .client-main{padding:0}
body.cabinet-page .app-detail-page .app-response-dock{bottom:calc(var(--cabinet-nav-height) + env(safe-area-inset-bottom))}}
body.cabinet-page #requests-panel .client-heading{align-items:center;margin-bottom:20px;padding-bottom:0}
body.cabinet-page #requests-panel .request-create{margin-left:auto;white-space:nowrap}
body.cabinet-page #request-list{grid-template-columns:minmax(0,1fr);gap:12px}
body.cabinet-page #request-list .request-row{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:28px;padding:22px 24px}
body.cabinet-page #request-list .request-copy{min-width:0}
body.cabinet-page #request-list h2{margin:0}
body.cabinet-page #request-list .request-summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;margin:8px 0 0;white-space:pre-line}
body.cabinet-page #request-list .client-request-meta{margin-top:14px;gap:6px 16px}
body.cabinet-page #request-list .request-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px;padding-left:24px}
body.cabinet-page #request-list .client-status{padding:5px 9px;white-space:normal}
body.cabinet-page #request-list .request-offer-count{margin:0}
body.cabinet-page #request-list .request-open{width:100%;text-align:center}
body.cabinet-page #request-list .client-empty{padding:36px 20px}
@media(max-width:680px){body.cabinet-page #requests-panel .client-heading{flex-wrap:wrap;gap:14px}
body.cabinet-page #requests-panel .request-create{margin-left:0}
body.cabinet-page #request-list .request-row{grid-template-columns:minmax(0,1fr);padding:18px;gap:16px}
body.cabinet-page #request-list .request-actions{padding:14px 0 0;align-items:flex-start;gap:12px}
body.cabinet-page #request-list .request-open{min-height:46px}}
body.cabinet-page #requests-panel .client-heading{display:flex;flex-direction:column;align-items:stretch;gap:18px}
body.cabinet-page #requests-panel .request-create{width:100%;margin:0;min-height:56px;justify-content:center}
body.cabinet-page:has(.app-detail-page),body.cabinet-page:has(.conversation-page){padding-bottom:env(safe-area-inset-bottom)}
body.cabinet-page:has(.app-detail-page)>.cabinet-nav,body.cabinet-page:has(.conversation-page)>.cabinet-nav{display:none}
body.cabinet-page .cabinet-detail-back{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;cursor:pointer}
body.cabinet-page .app-detail-page .app-response-dock{bottom:0;padding-bottom:calc(10px + env(safe-area-inset-bottom))}

@scope (body:has(#app.shell)){*{box-sizing:border-box}
body{margin:0}
.top{display:flex;justify-content:space-between;align-items:center;padding:18px 28px}
.top-actions{display:flex;gap:10px}
.shell{width:min(1400px,calc(100% - 32px));margin:28px auto;display:grid;grid-template-columns:360px 1fr;gap:22px}
.card{padding:20px}
h1,h2{margin:0 0 16px}
label{display:block;margin:14px 0 6px}
input,textarea{width:100%;padding:11px}
textarea{min-height:620px;resize:vertical}
.button{padding:11px 15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.wide{width:100%;margin-top:14px}
.list{display:grid;gap:9px;margin-top:16px}
.landing{padding:12px;cursor:pointer}
.landing strong,.landing small{display:block}
.landing small{margin-top:4px}
.editor-head,.actions,.upload-row{display:flex;gap:10px;align-items:center}
.editor-head{justify-content:space-between;margin-bottom:12px}
.actions{margin-top:12px;flex-wrap:wrap}
.upload-row input{flex:1}
.hidden{display:none!important}
.message{margin:12px 0;padding:10px}
code{padding:3px 6px;word-break:break-all}
@media(max-width:900px){.shell{grid-template-columns:1fr}
.top{padding:15px 16px}
.editor-head{align-items:flex-start;flex-direction:column}
textarea{min-height:440px}}}

@scope (body.landing-page){*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
.container{width:min(1160px,calc(100% - 36px));margin:auto}
header{position:sticky;top:0;z-index:10}
nav{height:72px;display:flex;align-items:center;justify-content:space-between}
.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px}
.button:hover{transform:translateY(-2px)}
.hero{padding:82px 0 72px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center}
.eyebrow{display:inline-block}
h1{margin:15px 0 22px}
.lead{max-width:720px}
.hero-actions{display:flex;gap:13px;align-items:center;margin-top:30px;flex-wrap:wrap}
.visual{min-height:420px;padding:30px;transform:rotate(2deg)}
.visual h2{margin:0 0 22px}
.message{padding:16px;margin:12px 0}
.message small{display:block;margin-bottom:4px}
.message:nth-child(3){margin-left:24px}
.message:nth-child(4){margin-left:45px}
section{padding:78px 0}
.section-head{max-width:720px;margin-bottom:34px}
.section-head h2{margin:10px 0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{padding:25px}
.card b{display:block;margin-bottom:7px}
.card p{margin:0}
.step-number{width:42px;height:42px;display:grid;margin-bottom:18px}
.cta{padding:0 0 78px}
.cta-box{padding:48px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.cta-box h2{margin:0 0 10px}
.cta-box p{margin:0}
footer{padding:28px 0}
footer .container{display:flex;justify-content:space-between;gap:15px}
.reveal{opacity:0;transform:translateY(18px)}
.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr}
.visual{min-height:auto;transform:none}
.grid{grid-template-columns:1fr}
.cta-box{align-items:flex-start;flex-direction:column}
.hero{padding-top:55px}}
@media(max-width:520px){nav .button{padding:10px 13px}
.hero-actions .button{width:100%}
.cta-box{padding:30px 24px}
footer .container{flex-direction:column}}}


/* One shared set of visual tokens and defaults. */
:root{color-scheme:light;--green:#075c35;--green-dark:#034523;--green-soft:#edf7f1;--ink:#22252b;--dark:#22252b;--text:#22252b;--muted:#616973;--line:#d9dde2;--soft:#f7f8fa;--surface:#fff;--danger:#b42318;--warning:#916319;--blue:#235d99;--shadow:0 2px 8px #1828200a;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--cabinet-nav-height:72px;--cabinet-width:1060px}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:400 15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--green);text-decoration:none}h1,h2,h3,h4{color:var(--ink);line-height:1.3;font-weight:700}h1{font-size:30px}h2{font-size:24px}h3{font-size:19px}p{line-height:1.6}small{font-size:12px}.hidden,[hidden]{display:none!important}img{max-width:100%}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button{border:0;background:transparent;color:inherit}input,textarea,select{padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}input[type=checkbox],input[type=radio]{accent-color:var(--green)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:1px}label{font-size:14px;font-weight:600}table{border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left}th{background:#f7f8fa}hr{border:0;border-top:1px solid var(--line)}.muted,.client-muted{color:var(--muted)}.container{width:min(1160px,calc(100% - 40px));margin:auto}
.button,.btn,.client-primary,.client-secondary,.contact-button,.modal-confirm,.modal-cancel,.app-primary-action,.app-secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:600;text-decoration:none}.button.primary,.primary,.client-primary,.contact-button,.modal-confirm{background:var(--green);color:#fff;border-color:var(--green)}.button.danger,.form-error,#auth-error,#client-edit-error{color:var(--danger)}.error{color:var(--danger)}.button:hover,.client-secondary:hover{border-color:var(--green)}.client-primary:hover,.button.primary:hover{background:var(--green-dark)}
.cabinet-header,.home-header{border-bottom:1px solid var(--line);background:#fff}.cabinet-brand,.brand{font-size:28px;font-weight:800;letter-spacing:-1.3px;color:var(--ink)}.cabinet-brand span,.brand span{color:var(--green)}.cabinet-icon-button{border:1px solid var(--line);border-radius:10px}.cabinet-icon-button svg,.cabinet-nav svg,.conversation-action svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.cabinet-header-label{font-size:13px;color:var(--muted)}.cabinet-nav{background:#fff;border:1px solid var(--line);border-radius:16px 16px 0 0;box-shadow:0 -2px 12px #18282008}.cabinet-nav a{border-radius:10px;font-size:12px;color:var(--muted)}
.card,.section-card,.app-card,.client-form-card,.client-request-card,.offer-card,.empty-state,.client-empty,.filter-trigger,.static-page{background:#fff;border:1px solid var(--line);border-radius:14px}.static-page{border:0}.client-request-card h2{font-size:21px}.client-request-meta,.client-request-top{font-size:13px;color:var(--muted)}.client-status,.status-badge,.request-status,.chip{border-radius:20px;padding:5px 10px;background:#edf7f1;color:var(--green);font-size:12px;font-weight:600}.request-status--viewed{background:#eef3fa;color:#235d99}.request-status--responded{background:#f3effa;color:#725089}.request-status--declined,.notice.closed{background:#fff0ed;color:#a1372b}.request-status--expired{background:#fff7e8;color:#916319}.request-status::before{background:currentColor;border-radius:50%}.availability-switch span{background:#d9dde2;border-radius:24px}.availability-switch span::after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #14212b24}.availability-switch input:focus-visible+span{outline:2px solid #075c35;outline-offset:3px}.availability-switch input:checked+span{background:var(--green)}.lead-card__mascot{border-radius:50%;background:#f4f5f6}.lead-card__open{border-radius:10px}.order-tabs{border:1px solid var(--line);border-radius:10px}.order-tabs button{border-radius:8px}.order-tabs button.active{background:#edf7f1;color:var(--green)}
.modal-backdrop,.sidebar-overlay{background:#14212b66;backdrop-filter:blur(2px)}.modal,.dialog{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px #14212b20}.cabinet-offers .modal{background:#14212b66;border:0;border-radius:0;box-shadow:none}.cabinet-offers .dialog{background:#fff}.modal-close,.app-icon-back{font-size:22px}.notice,.client-notice,.toast,.app-locked{border:1px solid var(--line);border-radius:10px;background:#f7f8fa;color:var(--ink);padding:14px}.notice.error,.client-notice.error,.toast.error{background:#fff4f2;border-color:#e8bdb6;color:var(--danger)}
body.chat-auth-open #auth-panel{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 0 0 100vmax #14212b66,0 16px 50px #14212b20}#auth-title{font-size:26px;text-align:center}.auth-eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--green)}#auth-panel label{font-size:13px}#auth-panel #client-code{font-size:28px;font-variant-numeric:tabular-nums;letter-spacing:.4em;text-align:center}#auth-panel #client-phone{font-size:18px}#otp-destination{background:#f7f8fa;border-radius:10px;font-size:13px;color:var(--muted)}#auth-panel .client-secondary{background:transparent;border:0;color:var(--muted)}
#create-panel{border:1px solid var(--line);border-radius:14px;background:#f7f8fa}.conversation-header{background:#fff;border-bottom:1px solid var(--line)}.conversation-person h1{font-size:17px}.conversation-person p,.conversation-home,.conversation-day{font-size:12px;color:var(--muted)}.conversation-back{font-size:30px}.client-chat-bubble{background:#fff;border:1px solid #e1e5e8;border-radius:14px;font-size:15px;line-height:1.6}.client-chat-bubble.user{background:#e6f4eb;border-color:#d5e8db}.client-chat-meta{font-size:11px;color:var(--muted)}.conversation-day{background:#fff;border-radius:8px}.conversation-composer,#client-form{background:#fff}.conversation-action{background:var(--green);color:#fff;border-radius:50%}.conversation-record-dot{color:#c6362b}.conversation-clock{font-variant-numeric:tabular-nums}.conversation-cancel{color:#b42318;font-size:22px}.client-typing-dots i{background:#75847d;border-radius:50%}.client-typing{font-size:13px;color:var(--muted)}.conversation-record-bar{background:#f7f8fa;border-radius:20px}#publish-note,#voice-status{font-size:12px;color:var(--muted)}
.photo{background:#f7f8fa}.photo-placeholder{color:var(--muted)}.offer-author{border-bottom:1px solid var(--line)}.author-copy strong{font-size:18px}.author-copy small,.offer-sequence,.fact,.privacy{font-size:13px;color:var(--muted)}.price{font-size:24px;font-weight:700}.feed-tab{border:1px solid var(--line);border-radius:8px;background:#fff}.feed-tab.active{background:#edf7f1;color:var(--green)}.reaction-button{color:var(--muted);border-radius:8px}.reaction-button.active{color:var(--green)}.contact-option,.contact-line,.contact-row{border:1px solid var(--line);border-radius:10px;background:#fff}.client-details-button,.description-more{color:var(--green);font-weight:600}.client-back{color:var(--green)}.client-request-number{font-size:12px}.profile-row{border-bottom:1px solid var(--line)}.profile-row small{color:var(--muted)}
.home-page h1{font-size:clamp(36px,4.2vw,56px);letter-spacing:-.04em}.home-page h2{font-size:clamp(28px,3.2vw,40px)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--green)}.hero-description{font-size:18px;color:var(--muted)}.hero-note{font-size:13px;color:var(--muted)}.hero-photo-image,.comparison-image>img,.partners-photo{border-radius:18px}.hero-offers,.steps article,.home-faq details,.partners-copy,.direction-links a{border:1px solid var(--line);border-radius:14px;background:#fff}.sample-avatar{border-radius:9px;background:#edf7f1;color:var(--green)}.sample-offer{border-top:1px solid var(--line)}.sample-offer strong{font-size:13px}.sample-offer small{font-size:12px;color:var(--muted)}.hero-offers{box-shadow:0 8px 24px #14212b12}.hero-offers>p{font-size:13px;color:var(--muted)}.hero-offers-heading>small{font-size:11px;color:var(--muted)}.hero-offers-heading strong{font-size:15px}.sample-offer>b{font-size:16px;font-weight:700}.hero-photo-caption strong{font-size:15px}.hero-photo-caption p{font-size:13px;color:var(--muted)}.steps article>span,.comparison-points li>span{background:#edf7f1;color:var(--green);border-radius:10px}.home-section,.home-final{border-bottom:1px solid var(--line)}.home-faq summary{font-weight:600}.image-note{background:#fffffff2;border-radius:10px}.site-footer__logo{font-size:26px;font-weight:800}.zapros-site-footer{background:#f7f8fa;color:var(--ink);border-top:1px solid var(--line)}.site-footer__nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.site-footer__nav a,.site-footer__bottom,.zapros-site-footer p{color:var(--muted)}.site-footer__bottom{font-size:13px}.text-action{color:var(--green);font-weight:600}
body:has(#app.shell) .top{border-bottom:1px solid var(--line)}body:has(#app.shell) .card{padding:20px}body:has(#app.shell) .landing{border:1px solid var(--line);border-radius:10px}body:has(#app.shell) textarea{font-family:Consolas,monospace;font-size:13px}


/* Shared Zapros visual language: neutral surfaces, clear type, restrained green. */
:root{--green:#075c35;--green-dark:#034523;--green-soft:#edf7f1;--ink:#22252b;--dark:#22252b;--muted:#616973;--line:#d9dde2;--soft:#f7f8fa;--surface:#fff}
body,body.home-page,body.cabinet-page,body.cabinet-page.cabinet-offers{--green:#075c35;--green-dark:#034523;--green-soft:#edf7f1;--ink:#22252b;--muted:#616973;--line:#d9dde2;--soft:#fff;--shell-ink:#22252b;--shell-muted:#616973;--shell-line:#d9dde2;background:#fff!important;color:#22252b!important;font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;line-height:1.55}
button,input,select,textarea{font-family:inherit}button,a,input,textarea,select{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #075c35;outline-offset:3px}
body .cabinet-header,body .home-header,body .top{background:#fff;border-bottom:1px solid #d9dde2}
body .cabinet-brand,body .brand{color:#161a20}body .cabinet-brand span,body .brand span{color:#075c35}
body .cabinet-header-label{font-size:13px;color:#616973}
body .cabinet-icon-button{border-color:#d9dde2;border-radius:10px;color:#22252b}
body .market-heading{margin:0 0 20px}body .market-heading h1,body.cabinet-page .client-heading h1,body.cabinet-page .hero-panel h2{font-size:30px;line-height:1.2;font-weight:750;letter-spacing:-.03em;color:#22252b}
body .market-heading p,body.cabinet-page .client-heading p,body.cabinet-page .hero-panel p{font-size:15px;color:#616973;margin:8px 0 0}
body.cabinet-page .availability-banner{min-height:46px;padding:6px 0;background:#fff;border:0;border-radius:0;margin-bottom:16px}
body.cabinet-page .availability-copy strong{font-size:15px;font-weight:600;color:#22252b}body .availability-icon{display:none}body .availability-switch input:checked+span{background:#075c35}
body.cabinet-page .partner-notifications{background:#fff;border:1px solid #d9dde2;border-radius:12px;padding:16px;margin-bottom:20px;box-shadow:none}
.notification-compact{display:flex;align-items:center;gap:14px}.notification-compact>div{flex:1;min-width:0}.notification-bell{width:27px;height:27px;flex-shrink:0;fill:none;stroke:#22252b;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.cabinet-page .partner-notifications h3{font-size:15px;font-weight:700;margin:0 0 3px;color:#22252b;line-height:1.4}
body.cabinet-page .partner-notifications .muted{font-size:13px;line-height:1.5;color:#616973;margin:0}
.notification-toggle{background:none;border:0;padding:10px 0 10px 8px;color:#075c35;font-size:14px;font-weight:700;cursor:pointer;min-height:44px}.notification-apps{margin-top:12px;border-top:1px solid #e6e8eb;padding-top:10px;font-size:13px}.notification-apps summary{cursor:pointer}.notification-apps .actions{margin-top:10px}
body.cabinet-page .filter-trigger{padding:12px 14px;background:#fff;border:1px solid #cdd2d8;border-radius:9px;box-shadow:none}body.cabinet-page .filter-trigger strong{font-size:14px;font-weight:600;color:#22252b}body .filter-trigger small{font-size:12px;color:#616973}
body.cabinet-page .card-grid{gap:18px}body.cabinet-page .lead-card,body.cabinet-page #request-list .request-row,body.cabinet-page .section-card,body.cabinet-page .app-card,body.cabinet-offers .offer-card{background:#fff;border:1px solid #d9dde2;border-radius:14px;box-shadow:0 2px 7px #1b26300a;color:#22252b}
body.cabinet-page .lead-card{padding:20px;overflow:hidden}body.cabinet-page .lead-card:hover,body.cabinet-page #request-list .request-row:hover{border-color:#97aaa0;box-shadow:0 4px 12px #1b263010}
body.cabinet-page .lead-card__top{background:none;padding:0;margin:0 0 16px;color:#616973;min-height:36px}body .lead-card__mascot{width:36px;height:36px;background:#f4f5f6}body .lead-card__top .request-number{font-size:12px;font-weight:500;color:#616973;opacity:1}
body.cabinet-page .lead-card h3,body.cabinet-page #request-list h2{font-size:21px;line-height:1.35;font-weight:700;color:#22252b;margin:0 0 10px}
body.cabinet-page .lead-card__content{padding:0}body.cabinet-page .lead-card__description,body.cabinet-page #request-list .request-summary{font-size:15px;color:#616973;line-height:1.6}
body.cabinet-page .lead-card__budget{display:flex;align-items:flex-start;flex-direction:column;gap:3px;margin:18px 0 0;padding:0;background:none;border:0}
body.cabinet-page .lead-card__budget span{font-size:13px;color:#616973}body.cabinet-page .lead-card__budget strong{font-size:20px;color:#22252b;font-weight:700}body.cabinet-page .lead-card__budget--unspecified strong{font-size:17px}
body.cabinet-page .lead-card__bottom{padding:14px 0 0;margin:18px 0 0;border-top:1px solid #e2e5e8;background:none;gap:12px}
body.cabinet-page .lead-card__time small,body.cabinet-page .lead-card__responses strong{font-size:12px;color:#616973;font-weight:500}body .lead-card__responses{gap:12px;flex-wrap:wrap;justify-content:flex-end}
body.cabinet-page .lead-card__open{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:110px;height:42px;padding:8px 12px;background:#075c35;border:1px solid #075c35;border-radius:9px;color:#fff;font-size:13px;font-weight:600;white-space:nowrap}
body .request-status,body.cabinet-page .client-status,body.cabinet-page #request-list .client-status{border:0;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:600}body .request-status--new,body.cabinet-page .client-status{background:#edf7f1;color:#075c35}
body.cabinet-page .button.primary,body.cabinet-page .client-primary,body.home-page .button.primary,body .contact-button,body .modal-confirm{background:#075c35;border-color:#075c35;color:#fff;border-radius:10px;font-weight:650}
body.cabinet-page .button.secondary,body.cabinet-page .client-secondary,body.home-page .button.secondary{background:#fff;border:1px solid #cdd2d8;color:#22252b;border-radius:10px}
body .cabinet-nav{background:#fff;border-color:#d9dde2;box-shadow:0 -2px 10px #1b263007}body .cabinet-nav a{background:none;color:#616973;font-weight:500;font-size:12px}body .cabinet-nav a.active{background:none;color:#075c35;font-weight:700}body .cabinet-nav a.active svg{background:#edf7f1;border-radius:12px;box-sizing:content-box;padding:4px;margin:-4px}body .cabinet-nav a:hover{background:#f7f8fa}
body .detail-heading,body .detail-budget,body .offer-summary,body .profile-row{background:#fff;color:#22252b;border-color:#d9dde2}body .detail-heading h2{color:#22252b}body .detail-budget strong{color:#22252b}body .profile-row small,body .app-fact-line>span{color:#616973;font-size:13px}
body .order-tabs{background:#f7f8fa;border-color:#d9dde2}body .order-tabs .active{background:#fff;color:#075c35;border-color:#cdd2d8}
body #auth-panel{background:#fff;border:1px solid #d9dde2;border-radius:20px;color:#22252b;box-shadow:0 16px 50px #17212b20}body #auth-panel h2{color:#22252b;font-weight:750}body #auth-panel p,body #auth-panel label{color:#616973}body #auth-panel input,body .profile-wizard input,body .profile-wizard textarea,body .form-grid input,body .form-grid select,body .form-grid textarea{background:#fff;border:1px solid #cdd2d8;color:#22252b;border-radius:10px;font-size:16px}
body.cabinet-page .conversation-header{background:#fff;border-color:#d9dde2;color:#22252b}body.cabinet-page #chat-history{background-color:#f3f6f4;background-image:radial-gradient(circle,rgba(75,104,85,.16) .8px,transparent 1px);background-size:18px 18px}body.cabinet-page .client-chat-bubble.assistant{background:#fff;color:#22252b;border-color:#e0e4e7}body.cabinet-page .client-chat-bubble.user{background:#e6f4eb;color:#22252b;border-color:#d4e8dc}
body.cabinet-offers .client-request,body.cabinet-offers .empty-offers,body.cabinet-page .client-empty{background:#fff;border:1px solid #d9dde2;border-radius:14px;color:#22252b;box-shadow:none}body.cabinet-offers .empty-offers strong{color:#22252b}body.cabinet-offers .empty-offers p{color:#616973}body.cabinet-offers .feed-tab{background:#fff;border-color:#d9dde2;color:#616973}body.cabinet-offers .feed-tab.active{background:#edf7f1;color:#075c35;border-color:#c9e2d4}body.cabinet-offers .price{color:#22252b}body.cabinet-offers .dialog{background:#fff;color:#22252b;border:1px solid #d9dde2;border-radius:18px}
body.home-page .home-hero,body.home-page .home-final,body.home-page .partners-copy{background:#fff;color:#22252b}body.home-page .home-hero:before{background:none}body.home-page h1,body.home-page h2,body.home-page h3{color:#22252b}body.home-page h1 span{color:#075c35}body.home-page .hero-description,body.home-page .hero-note,body.home-page .comparison-copy p,body.home-page .partners-copy p{color:#616973}body.home-page .partners-copy,body.home-page .home-faq details,body.home-page .direction-links a,body.home-page .steps article,body.home-page .hero-offers{border-color:#d9dde2;border-radius:14px}body.home-page .home-final{border-color:#e2e5e8}body.home-page .sample-offer small,body.home-page .hero-offers>p{color:#616973}body.home-page .sample-offer>b{color:#22252b}body .muted{color:#616973}body .card{border-color:#d9dde2}
@media(max-width:680px){body .market-heading h1,body.cabinet-page .client-heading h1{font-size:28px}body .market-heading p{font-size:14px}body.cabinet-page .lead-card{padding:18px 16px}body.cabinet-page .lead-card h3{font-size:20px}body.cabinet-page .partner-notifications{padding:13px}.notification-compact{gap:10px}.notification-bell{width:22px;height:22px}.notification-toggle{font-size:13px}.notification-compact h3{font-size:14px!important}body .cabinet-nav a{font-size:11px}body .lead-card__time{max-width:40%}body.cabinet-page .lead-card__open{min-width:100px}body .home-section{padding-top:40px;padding-bottom:40px}}



body.cabinet-page .cabinet-detail-back{display:inline-flex;min-height:44px;padding:10px 16px;align-items:center;background:#075c35;color:#fff;border-radius:10px;font-weight:600}body.cabinet-page .cabinet-detail-back:hover{background:#034523}
body.cabinet-page .client-main,body.cabinet-page .app-content{padding:24px}body.cabinet-page.chat-mode .client-main{height:100%;padding:16px}.cabinet-offers .cabinet-detail-back{margin-bottom:18px}
@media(max-width:680px){body.cabinet-page .client-main,body.cabinet-page .app-content{padding:18px 16px}body.cabinet-page.chat-mode .client-main{padding:0}.cabinet-nav{border-radius:0}.home-page .hero-description{font-size:16px}.conversation-header img.conversation-avatar{border-radius:0;background:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Composer grows with text; long messages remain scrollable without scrollbar chrome. */
#description-field #client-text{overflow-y:auto;scrollbar-width:none;resize:none}
#description-field #client-text::-webkit-scrollbar{display:none;width:0;height:0}
.conversation-recording:has(#voice-status:empty){display:none}

/* Intake composer and explicit reset confirmation. */
#create-panel #client-form,#create-panel #request-fields,#description-field,#description-field .conversation-compose{border:0;border-radius:0;box-shadow:none;outline:none}
#description-field #client-text{border:1px solid #cdd5d0;box-shadow:none;outline:none;background:#fff;border-radius:24px}
#description-field #client-text:focus,#description-field #client-text:focus-visible{border-color:#a4b8aa;outline:none;box-shadow:none}
.conversation-header .conversation-home{display:none}
.conversation-clear{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;margin-left:auto;padding:10px;background:transparent;border:0;border-radius:10px;color:#616973}
.conversation-clear:hover{background:#f2f4f5;color:#b42318}.conversation-clear svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#clear-chat-dialog{width:min(420px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid #d9dde2;border-radius:18px;background:#fff;color:#22252b;box-shadow:0 18px 60px #14212b24}
#clear-chat-dialog::backdrop{background:#14212b66}#clear-chat-dialog h2{margin:0 0 12px;font-size:23px}#clear-chat-dialog p{font-size:15px;color:#616973}.clear-chat-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}#clear-chat-error{color:#b42318!important}#clear-chat-error:empty{display:none}

/* Dedicated /client/login page, sharing the existing OTP forms. */
body.cabinet-page.auth-page{min-height:100dvh;height:auto;overflow:auto;padding-bottom:0;background:#fff!important}
body.auth-page .cabinet-nav,body.auth-page .cabinet-header-actions,body.auth-page .cabinet-header-label,body.auth-page .client-tabs,body.auth-page #requests-panel,body.auth-page #create-panel,body.auth-page #grants-panel{display:none!important}
body.auth-page .cabinet-header{display:flex}
body.cabinet-page.auth-page .client-main{width:100%;max-width:480px;height:auto;margin:0 auto;padding:48px 24px}
body.auth-page #auth-panel{position:static;inset:auto;transform:none;width:100%;max-width:none;max-height:none;overflow:visible;margin:0;padding:0;border:0;border-radius:0;box-shadow:none!important;background:#fff}
body.auth-page #auth-panel .auth-mascot{width:100px;height:100px;margin:0 auto 20px}
body.auth-page #auth-panel h2{font-size:28px;text-align:center;margin:8px 0 12px}
body.auth-page #auth-panel .auth-eyebrow{text-align:center;color:#075c35;font-size:11px;font-weight:700;letter-spacing:.1em}
body.auth-page #auth-description{text-align:center;margin:0 0 28px;font-size:15px;color:#616973}
body.auth-page #auth-panel input{width:100%}
body.auth-page #auth-panel #auth-back{display:block;margin:20px auto 0}
@media(max-width:680px){body.cabinet-page.auth-page .client-main{padding:32px 24px}body.auth-page #auth-panel h2{font-size:25px}}

/* Compact customer request details. */
body.cabinet-offers.offers-detail{padding-bottom:env(safe-area-inset-bottom)!important}
body.cabinet-offers.offers-detail main.page{width:100%;max-width:860px;margin:0 auto;padding:20px!important}
body.cabinet-offers.offers-detail .cabinet-detail-back{min-height:40px;margin:0 0 12px;padding:8px 0;border:0;background:none;color:#075c35;font-size:14px;font-weight:600}
body.cabinet-offers.offers-detail .client-request{margin:0 0 24px;padding:18px;border:1px solid #d9dde2;border-radius:14px}
body.cabinet-offers.offers-detail .client-status-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}
body.cabinet-offers.offers-detail .client-status{font-size:11px;padding:4px 8px}
body.cabinet-offers.offers-detail .client-request-number{font-size:12px;color:#616973;white-space:nowrap}
body.cabinet-offers.offers-detail .client-request h1{display:block;overflow:visible;margin:0;font-size:23px;line-height:1.35;font-weight:700;letter-spacing:-.02em;overflow-wrap:anywhere;-webkit-line-clamp:unset}
body.cabinet-offers.offers-detail .client-city{font-size:13px;color:#616973;margin:8px 0 0}
body.cabinet-offers.offers-detail .client-request-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
body.cabinet-offers.offers-detail .client-details-button{min-height:38px;padding:8px 12px;margin:0;border:1px solid #d9dde2;border-radius:9px;background:#fff;font-size:13px;font-weight:600;color:#075c35;text-decoration:none}
body.cabinet-offers.offers-detail .content-head{margin:0 0 12px;padding:0;border:0}
body.cabinet-offers.offers-detail .content-head h2{display:flex;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700}
.offers-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:8px;background:#f1f3f5;color:#616973;font-size:13px;font-weight:500}
body.cabinet-offers.offers-detail .feed-tabs{position:static!important;display:flex;flex-wrap:wrap;gap:6px;overflow:visible;padding:0;margin:0 0 14px;background:none;border:0}
body.cabinet-offers.offers-detail .feed-tab{padding:8px 10px;min-height:36px;font-size:12px}
body.cabinet-offers.offers-detail .empty-offers{margin:0;padding:24px 18px;text-align:center;background:#f8faf9;border:1px solid #e1e6e3;border-radius:14px}
body.cabinet-offers.offers-detail .empty-offers img{display:block;width:72px;height:72px;margin:0 auto 12px;object-fit:contain}
body.cabinet-offers.offers-detail .empty-offers strong{display:block;font-size:18px;color:#22252b}
body.cabinet-offers.offers-detail .empty-offers p{max-width:330px;margin:8px auto 0;font-size:14px;line-height:1.6;color:#616973}
body.cabinet-offers.offers-detail .bottom-actions{padding:16px 0;margin:0;border:0}
body.cabinet-offers.offers-detail .cancel-button{min-height:40px;background:none;color:#616973;font-size:13px}
body.cabinet-offers.offers-detail .privacy{margin:0 auto 16px;max-width:400px;font-size:12px;text-align:center;color:#616973}
@media(max-width:680px){body.cabinet-offers.offers-detail main.page{padding:12px 16px!important}body.cabinet-offers.offers-detail .client-request{padding:16px;margin-bottom:20px}body.cabinet-offers.offers-detail .client-request h1{font-size:22px}}

/* Compact work feed, with metadata above and a single clear action below. */
body.dashboard-body .market-heading{margin:0 0 12px}
body.dashboard-body .market-heading h1{margin:0;font-size:27px;line-height:1.25}
body.dashboard-body .market-heading p{margin:6px 0 0;font-size:13px;line-height:1.5}
body.dashboard-body .availability-banner{min-height:38px;margin-bottom:12px;padding:4px 0}
body.dashboard-body .availability-copy strong{font-size:14px}
body.dashboard-body .partner-notifications{padding:12px;margin-bottom:14px;border-radius:12px;box-shadow:none}
body.dashboard-body .partner-notifications h3{font-size:14px;line-height:1.35}
body.dashboard-body .partner-notifications .muted{font-size:12px;line-height:1.45}
body.dashboard-body .compact-filters{gap:8px;margin-bottom:8px}
body.dashboard-body .filter-trigger{padding:9px 12px;min-height:50px}
body.dashboard-body .filter-trigger small{font-size:11px}
body.dashboard-body .filter-trigger strong{font-size:13px}
body.dashboard-body .quotes-page-caption{font-size:12px;color:#616973;margin-bottom:10px}
body.dashboard-body .card-grid{gap:12px}
body.dashboard-body .lead-card{padding:16px;border-radius:13px;box-shadow:0 2px 6px #18282007}
body.dashboard-body .lead-card__top{margin-bottom:12px;min-height:30px}
body.dashboard-body .lead-card__identity{display:grid;grid-template-columns:30px auto;column-gap:8px;row-gap:0;align-items:center}
body.dashboard-body .lead-card__mascot{width:30px;height:30px;grid-row:1/3}
body.dashboard-body .request-number{font-size:11px;line-height:1.4}
body.dashboard-body .request-created{font-size:11px;color:#616973;line-height:1.4;white-space:nowrap}
body.dashboard-body .request-status{font-size:11px;padding:4px 8px}
body.dashboard-body .lead-card h3{font-size:18px;line-height:1.4;margin:0 0 8px;letter-spacing:-.015em}
body.dashboard-body .lead-card__description{font-size:14px;line-height:1.5;margin:0;-webkit-line-clamp:2}
body.dashboard-body .lead-card__budget{flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin:12px 0 0}
body.dashboard-body .lead-card__budget span{font-size:12px}
body.dashboard-body .lead-card__budget strong{font-size:18px}
body.dashboard-body .lead-card__budget--unspecified strong{font-size:14px;font-weight:600}
body.dashboard-body .lead-card__bottom{display:flex;align-items:center;justify-content:space-between;margin:14px 0 0;padding:12px 0 0;gap:10px}
body.dashboard-body .request-response-count{font-size:12px;color:#616973}
body.dashboard-body .lead-card__open{height:38px;min-width:104px;padding:8px 12px;font-size:12px}
@media(max-width:680px){body.dashboard-body .app-content{padding-top:16px}body.dashboard-body .lead-card h3{font-size:18px}body.dashboard-body .notification-compact{gap:8px}}

/* Request screen: app header, compact content, one response action. */
body.dashboard-body:has(.request-detail-screen) .cabinet-header,body.dashboard-body:has(.request-detail-screen) .cabinet-nav{display:none!important}
body.dashboard-body:has(.request-detail-screen){padding-bottom:0}
body.dashboard-body:has(.request-detail-screen) .app-content{padding-top:0}
body.dashboard-body .request-detail-screen{max-width:900px;margin:0 auto;gap:16px;padding-bottom:20px}
body.dashboard-body .request-detail-screen:has(.app-response-dock){padding-bottom:100px}
.request-app-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;min-height:68px;padding:10px 0;background:#fff;border-bottom:1px solid #d9dde2}
.request-app-header>div:not(.lead-card__badges){flex:1;min-width:0}
.request-app-header strong{display:block;font-size:15px;font-weight:650;color:#22252b}
.request-app-header small{display:block;font-size:12px;color:#616973;margin-top:2px}
.request-app-back{display:grid;place-items:center;flex:0 0 40px;width:40px;height:44px;padding:8px;border:0;border-radius:10px;background:#fff;color:#22252b}
.request-app-back:hover{background:#f3f5f6}.request-app-back svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.dashboard-body .request-detail-screen .detail-heading{padding:0;margin:0;border:0;background:none}
body.dashboard-body .request-detail-screen .detail-heading h2{font-size:23px;line-height:1.4;margin:0;font-weight:700;letter-spacing:-.02em}
body.dashboard-body .request-detail-screen .detail-overview{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 14px;border:1px solid #d9dde2;border-radius:12px;background:#f8faf9}
.request-response-summary{display:flex;flex-direction:column;gap:3px;font-size:13px}.request-response-summary>span{font-size:12px;color:#616973}
body.dashboard-body .request-detail-screen .detail-conversation-button{width:auto;min-height:40px;padding:8px 10px;margin:0;border:0;background:#fff;border-radius:8px;color:#075c35;font-size:13px;font-weight:600}
body.dashboard-body .request-detail-screen .detail-columns{gap:16px}
body.dashboard-body .request-detail-screen .detail-main{display:grid;gap:14px}
body.dashboard-body .request-detail-screen .app-card{padding:16px;margin:0;box-shadow:none}
body.dashboard-body .request-detail-screen .app-card h3{margin:0 0 10px;font-size:17px}
body.dashboard-body .request-detail-screen .request-full-description{margin:0;font-size:15px;line-height:1.65;white-space:pre-line;overflow-wrap:anywhere}
body.dashboard-body .request-detail-screen .app-locked{padding:12px;font-size:13px;line-height:1.55;margin:0}
body.dashboard-body .request-detail-screen .detail-budget{padding:16px;border:1px solid #d9dde2;border-radius:12px;gap:6px}
body.dashboard-body .request-detail-screen .detail-budget>small{font-size:12px;color:#616973}
body.dashboard-body .request-detail-screen .detail-budget>strong{font-size:20px;color:#22252b}
body.dashboard-body .request-detail-screen .app-decline-action{min-height:40px;padding:8px 0;margin:6px 0 0;color:#616973;font-size:13px;text-align:left}
body.dashboard-body .request-detail-screen .app-response-dock{position:fixed;z-index:1000;bottom:0;left:50%;right:auto;transform:translateX(-50%);width:min(940px,100%);padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #d9dde2;background:#fff;box-shadow:none}
body.dashboard-body .request-detail-screen .app-response-dock .app-primary-action{width:100%;min-height:48px;margin:0}
@media(max-width:680px){body.dashboard-body .request-detail-screen{gap:14px}.request-app-header{margin:0 -16px;padding:10px 12px}body.dashboard-body .request-detail-screen .detail-heading h2{font-size:21px}body.dashboard-body .request-detail-screen .detail-columns{grid-template-columns:minmax(0,1fr)}body.dashboard-body .request-detail-screen .app-response-dock{padding-inline:16px}}

/* Explain the one-time profile step before composing an offer. */
body.dashboard-body .modal.profile-confirmation-modal{width:min(480px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:24px;overflow-y:auto;overscroll-behavior:contain;border-radius:18px}
.profile-intro{padding-right:24px}.profile-intro-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#075c35;font-weight:700}
body.dashboard-body .profile-intro h2{margin:6px 0 10px;font-size:24px;line-height:1.3}
.profile-intro>.muted{font-size:14px;line-height:1.55;margin:0 0 16px}
.profile-request-context{display:grid;gap:4px;padding:12px;border:1px solid #d9dde2;border-radius:10px;background:#f7f9f8;margin:0 0 16px}
.profile-request-context small,.profile-request-context span{font-size:12px;color:#616973}.profile-request-context strong{font-size:14px;line-height:1.4}
body.dashboard-body .profile-confirmation-modal .profile-progress{display:grid;grid-template-columns:1fr 20px 1fr;gap:8px;margin:16px 0 20px;font-size:13px}
.profile-confirmation-modal .profile-progress__item{color:#616973}.profile-confirmation-modal .profile-progress__item b{place-items:center;border-radius:50%;background:#edf0f2;color:#616973;font-size:12px}
.profile-confirmation-modal .profile-progress__item.active{color:#075c35;font-weight:600}.profile-confirmation-modal .profile-progress__item.active b{background:#075c35;color:#fff}.profile-confirmation-modal .profile-progress>i{background:#d9dde2}
body.dashboard-body .profile-confirmation-modal .form-grid{gap:16px}.profile-confirmation-modal .form-grid label{font-size:13px;line-height:1.5}
body.dashboard-body .profile-confirmation-modal .profile-step .actions{position:static;margin:8px 0 0;padding:0;background:#fff}.profile-confirmation-modal .actions .button.primary{width:100%;white-space:normal}
.profile-confirmation-modal .profile-confirm-phone{font-size:13px;color:#616973;gap:10px}
@media(max-width:680px){body.dashboard-body .modal.profile-confirmation-modal{padding:20px;max-height:calc(100dvh - 24px)}body.dashboard-body .profile-intro h2{font-size:22px}.profile-confirmation-modal .wizard-actions{display:flex;flex-wrap:wrap;gap:10px}.profile-confirmation-modal .wizard-actions .button.primary{flex:1;min-width:180px}}

/* Readable specialization selection in the profile wizard. */
body.dashboard-body .profile-confirmation-modal:has([data-step="2"]:not(.hidden)) .profile-intro>.muted,body.dashboard-body .profile-confirmation-modal:has([data-step="2"]:not(.hidden)) .profile-request-context,body.dashboard-body .profile-confirmation-modal:has([data-step="2"]:not(.hidden)) .profile-confirm-phone{display:none}
body.dashboard-body .profile-confirmation-modal .step-heading{margin:0 0 16px}
body.dashboard-body .profile-confirmation-modal .step-heading h3{font-size:19px;line-height:1.35;margin:0 0 8px}
body.dashboard-body .profile-confirmation-modal .step-heading p{font-size:13px;line-height:1.55;margin:0;color:#616973}
body.dashboard-body .profile-confirmation-modal .direction-search input{border-radius:10px;background:#f7f8fa;font-size:14px}
body.dashboard-body .profile-confirmation-modal .direction-list{max-height:190px;gap:8px;padding:3px 2px;scrollbar-width:thin}
body.dashboard-body .profile-confirmation-modal .direction-option,body.dashboard-body .profile-confirmation-modal .subcategory-option{padding:10px 12px;min-height:44px;border:1px solid #d9dde2;border-radius:10px;background:#fff;font-size:14px;line-height:1.4}
body.dashboard-body .profile-confirmation-modal .direction-option:has(input:checked),body.dashboard-body .profile-confirmation-modal .subcategory-option:has(input:checked){border-color:#99b9a6;background:#edf7f1;color:#034523}
body.dashboard-body .profile-confirmation-modal .direction-option:focus-within,body.dashboard-body .profile-confirmation-modal .subcategory-option:focus-within{outline:2px solid #075c35;outline-offset:1px}
body.dashboard-body .profile-confirmation-modal .direction-option input,body.dashboard-body .profile-confirmation-modal .subcategory-option input{flex:0 0 18px;min-height:18px;width:18px;height:18px;padding:0;margin:0;accent-color:#075c35}
body.dashboard-body .profile-confirmation-modal .subcategory-picker{margin-top:20px;border:0}
body.dashboard-body .profile-confirmation-modal .subcategory-picker__head{display:flex;flex-wrap:wrap;gap:4px 12px;padding:0 0 10px}
body.dashboard-body .profile-confirmation-modal .subcategory-picker__head strong{font-size:14px}
body.dashboard-body .profile-confirmation-modal .subcategory-picker__head small{font-size:12px;color:#616973}
body.dashboard-body .profile-confirmation-modal .subcategory-group{gap:8px;max-height:260px;padding:3px 2px;scrollbar-width:thin}
body.dashboard-body .profile-confirmation-modal .profile-step .wizard-actions{position:static;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:20px 0 0;padding:16px 0 0;border-top:1px solid #d9dde2;background:#fff}
body.dashboard-body .profile-confirmation-modal .wizard-actions .button{width:100%;min-width:0;min-height:46px;margin:0;white-space:normal}
body.dashboard-body .profile-confirmation-modal .wizard-actions .button.primary{grid-row:1;font-size:14px}
body.dashboard-body .profile-confirmation-modal .wizard-actions .button.secondary{border:0;background:none;color:#616973;min-height:40px}

/* Bound landing photos to their text columns rather than the full section. */
body.home-page .home-comparison,body.home-page .home-partners{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px}
body.home-page .home-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:48px}
body.home-page .comparison-image,body.home-page .hero-photo,body.home-page .comparison-copy,body.home-page .partners-copy{min-width:0}
body.home-page .hero-photo-image{display:block;width:100%;height:420px;min-height:0;max-height:420px;object-fit:cover;object-position:60% center}
body.home-page .comparison-image>img,body.home-page .partners-photo{display:block;width:100%;height:400px;min-height:0;max-height:400px;object-fit:cover;object-position:center 35%}
@media(max-width:900px){body.home-page .home-hero,body.home-page .home-comparison,body.home-page .home-partners{gap:28px}body.home-page .hero-photo-image{height:340px}body.home-page .comparison-image>img,body.home-page .partners-photo{height:320px}}
@media(max-width:680px){body.home-page .home-hero,body.home-page .home-comparison,body.home-page .home-partners{grid-template-columns:minmax(0,1fr);gap:24px}body.home-page .hero-photo-image{height:280px;max-height:280px}body.home-page .comparison-image>img,body.home-page .partners-photo{height:240px;max-height:240px}body.home-page .partners-copy{order:1}}

/* Public latest requests. */
body.home-page .latest-requests{padding-top:40px;padding-bottom:48px}
.latest-requests-heading{margin-bottom:24px}.latest-requests-heading .eyebrow{margin:0 0 8px}.latest-requests-heading h2{margin:0}.latest-requests-heading p:not(.eyebrow){margin:10px 0 0;color:#616973;font-size:15px}
.home-request-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.home-request-card{display:flex;flex-direction:column;min-width:0;padding:20px;border:1px solid #d9dde2;border-radius:14px;background:#fff;box-shadow:0 2px 7px #18282007}
.home-request-meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#616973}
.home-request-card h3{font-size:18px;line-height:1.45;margin:12px 0;overflow-wrap:anywhere}.home-request-city{font-size:13px;color:#616973;margin:0 0 16px}
.home-request-bottom{display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid #e4e7e9}.home-request-bottom strong{font-size:15px}.home-request-bottom a{font-size:13px;color:#075c35;font-weight:600}
.home-requests-more{display:flex;justify-content:center;margin-top:28px}.home-requests-more .button{min-width:240px}.home-requests-status{grid-column:1/-1;padding:24px;border:1px solid #d9dde2;border-radius:14px;color:#616973;text-align:center}
@media(max-width:960px){.home-request-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){body.home-page .latest-requests{padding:28px 20px 36px}.home-request-grid{grid-template-columns:minmax(0,1fr);gap:12px}.home-request-card{padding:16px}.home-requests-more .button{width:100%}.latest-requests-heading{margin-bottom:18px}}
