/* Shared orange accent. Customer surfaces stay white; expert surfaces use neutral charcoal. */
.screen{--accent:#ff681c;--canvas:#fff;--surface:#f5f5f7;--line:#e6e6e9;--text:#242428;--ink:#242428;--muted:#73737b;color:var(--text);background:var(--canvas)}
.screen .app,.screen .page,.screen[data-view="profile"] .app{background:var(--canvas);color:var(--text)}
.screen .primary,.screen .small-primary,.screen .account-submit,.screen .success-continue,.screen .pro-setup-shell .onboard-footer .primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:none}
.screen .primary:hover,.screen .small-primary:hover{background:#ed5910;border-color:#ed5910}.screen .primary:active{background:#d94d08}
.screen .text-button,.screen .account-forgot,.screen .account-switch,.screen .profile-signin{color:#c84708}
.screen .secondary,.screen .round-btn,.screen .page-header .round-btn,.screen .profile-edit,.screen .tag,.screen .live-role,.screen .info-box,.screen .match-summary,.screen .support-card,.screen .profile-nudge,.screen .empty .empty-icon,.screen .selected-service,.screen .pro-review-card{background:var(--surface);border-color:var(--line);color:var(--text);box-shadow:none}
.screen .field,.screen .choice,.screen .chip,.screen .intake-option{background:var(--canvas);border-color:var(--line);color:var(--text)}
.screen .field:focus{border-color:var(--accent);box-shadow:0 0 0 2px #ff681c18;outline:none}
.screen .choice.selected,.screen .chip.active,.screen .intake-option.selected,.screen .selected-service-tags .chip,.screen .pro-choice-list button.selected{background:var(--canvas);border-color:var(--accent);color:var(--text)}
.screen .intake-option.selected .intake-indicator{background:var(--accent);border-color:var(--accent);color:#fff}
.screen .label,.screen .profile-menu .menu-row,.screen .profile-menu .menu-row>.ico:first-child{color:var(--text)}
.screen .subtitle,.screen .live-subtitle,.screen .body-copy,.screen .field-hint,.screen .help-note,.screen .profile-heading>span,.screen .profile-group-title,.screen .profile-identity p,.screen .profile-metrics span,.screen .profile-role-switch small,.screen .wallet-intro>span,.screen .wallet-intro p,.screen .wallet-empty p,.screen .wallet-note,.screen .request-celebration>p,.screen .request-next p,.screen .celebration-eyebrow,.screen .wallet-card-bottom{color:var(--muted)}
.screen .profile-monogram,.screen .account-avatar,.screen .expert-avatar{background:var(--accent);color:#fff;border:0}
.screen .profile-verified{color:var(--muted);font-size:12px;font-weight:500}.screen .profile-verified .ico{color:var(--accent)}
.screen .profile-role-switch{background:var(--canvas);border:1px solid var(--line);color:var(--text)}.screen .profile-role-switch>span:first-child{color:var(--accent)}
.screen .profile-identity,.screen .profile-metrics,.screen .profile-menu .menu-row,.screen .request-next{border-color:var(--line)}
.screen .service-feature,.screen .welcome-art,.screen .requests-empty-icon,.screen .verification-art{background:var(--surface);color:var(--accent);border-color:var(--line)}
.screen .collection-card-copy>small,.screen .booking-shortcuts .ico,.screen .collection-services>button>.ico{color:var(--muted)}
.screen .collection-cover>span,.screen .collection-service-art,.screen .collection-save-wide[aria-pressed="true"],.screen .offer-card.chosen{background:var(--surface);color:var(--text);border-color:var(--accent)}
.screen .bottom-nav{background:var(--canvas);border-color:var(--line);box-shadow:none}.screen .nav-item{color:var(--muted);background:none}.screen .nav-item.active{color:var(--accent);background:none}.screen .nav-item.active:before,.screen .nav-dot{background:var(--accent)}
.screen .wallet-card{background:var(--accent);border-color:var(--accent);box-shadow:0 12px 28px #24242812;color:#fff}.screen .wallet-card-top .ico,.screen .wallet-card-bottom,.screen .wallet-digits{color:#fff}.screen .wallet-chip{background:#eeeef0;border-color:#fff}.screen .wallet-chip i{border-color:#a5a5ab}.screen .wallet-empty-icon{background:var(--surface);color:var(--accent)}.screen .wallet-add{background:var(--surface);border-color:#b8b8c0;color:var(--muted)}
.screen .request-seal{background:var(--accent);color:#fff}.screen .request-seal i,.screen .request-seal i:nth-of-type(2){background:#c6c6cd}.screen .request-celebration h1,.screen .request-next strong{color:var(--text)}.screen .request-next>span,.screen .request-celebration>.text-button{color:var(--muted)}
.screen .signin-providers button{background:var(--canvas);color:var(--text);border-color:var(--line)}.screen .signin-divider{color:var(--muted)}.screen .signin-divider:before,.screen .signin-divider:after{background:var(--line)}
.screen .real-chat-header,.screen .real-composer,.screen .real-chat-context,.screen .real-bubble{background:var(--surface);color:var(--text);border-color:var(--line)}.screen .real-bubble.mine{background:var(--accent);color:white}.screen .real-bubble.mine small{color:#fff}.screen .real-composer button{background:var(--accent);color:white}
.screen .flow-progress,.screen .onboard-steps i{background:var(--line)}.screen .flow-progress>div,.screen .onboard-steps i.done{background:var(--accent)}
.location-field{position:relative}.screen .location-picker-trigger{cursor:text;font-size:16px!important}.screen .location-picker-panel{margin:6px 0 0;border-radius:12px;background:var(--canvas);border-color:var(--line);width:100%;box-sizing:border-box}.screen .location-picker-results{max-height:220px}.screen .location-picker-results button{padding:12px 10px;min-height:46px;font-size:14px;color:var(--text);background:var(--canvas);white-space:normal;text-align:left}.screen .location-picker-results button[aria-selected="true"],.screen .location-picker-results button.keyboard-active{background:var(--surface);color:var(--accent)}
.settings-detail h2{font-size:13px;font-weight:600;color:var(--muted);margin:28px 0 10px}.settings-group{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.settings-group .menu-row,.settings-value,.settings-group .preference-row{display:flex;align-items:center;gap:12px;min-height:56px;width:100%;padding:14px 0;border:0;border-bottom:1px solid var(--line);box-sizing:border-box;background:none;color:var(--text);font-size:15px;text-align:left;border-radius:0}.settings-group>:last-child{border-bottom:0}.settings-group .menu-row>.ico:last-child{margin-left:auto;width:16px;color:var(--muted)}.settings-group .menu-row>.ico:first-child{width:20px}.settings-value{justify-content:space-between}.settings-value strong{font-size:13px;font-weight:500;color:var(--muted);max-width:65%;overflow-wrap:anywhere;text-align:right}.settings-group .preference-row strong{font-size:15px;font-weight:500}.settings-group .preference-row>span:first-child{flex:1}.screen .preference-row input:checked+.visual-switch{background:var(--accent)}.screen .account-delete-link{color:#c43a32}
.role-leave{animation:role-out .13s ease-in forwards;pointer-events:none}.role-enter{animation:role-in .28s cubic-bezier(.2,.8,.2,1)}@keyframes role-out{to{opacity:0;transform:translateY(8px)}}@keyframes role-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.activity-banner{position:absolute;z-index:90;top:8px;left:12px;right:12px;display:flex;align-items:center;background:var(--canvas);border:1px solid var(--line);border-left:4px solid var(--accent);box-shadow:0 10px 32px #0002;border-radius:16px;color:var(--text);animation:role-in .2s ease-out}.activity-banner>[data-live]{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:16px 10px;text-align:left;color:inherit}.activity-banner>[data-live]>span:nth-child(2){flex:1;min-width:0}.activity-banner strong,.activity-banner small{display:block}.activity-banner strong{font-size:14px}.activity-banner small{font-size:12px;color:var(--muted);margin-top:4px}.activity-banner .ico{width:20px;height:20px}.activity-dismiss{padding:12px;color:var(--muted);min-width:44px;min-height:44px}
.screen[data-theme="pro"]{--canvas:#30363f;--surface:#3b434e;--line:#535e6c;--text:#f7f8fa;--ink:#f7f8fa;--muted:#c1c9d3;--accent:#ff792e;color-scheme:dark;background:var(--canvas)}
.screen[data-theme="pro"] .auth-reference.account-provider,.screen[data-theme="pro"] .auth-shell,.screen[data-theme="pro"] .onboard-footer,.screen[data-theme="pro"] .sticky-action,.screen[data-theme="pro"] .flow-action,.screen[data-theme="pro"] .sheet{background:var(--canvas);color:var(--text)}
.screen[data-theme="pro"] h1,.screen[data-theme="pro"] h2,.screen[data-theme="pro"] h3,.screen[data-theme="pro"] .live-title,.screen[data-theme="pro"] .profile-identity h2,.screen[data-theme="pro"] .pro-step-context strong,.screen[data-theme="pro"] .live-job-card strong,.screen[data-theme="pro"] .live-offer strong{color:var(--text)}
.screen[data-theme="pro"] .field,.screen[data-theme="pro"] .account-provider .field,.screen[data-theme="pro"] .code-digit,.screen[data-theme="pro"] .real-composer textarea{background:var(--surface);border-color:var(--line);color:var(--text)}
.screen[data-theme="pro"] .field::placeholder{color:#a7a8b1}.screen[data-theme="pro"] .account-input label,.screen[data-theme="pro"] .account-footer,.screen[data-theme="pro"] .account-hero p,.screen[data-theme="pro"] .pro-step-context>span{color:var(--muted)}
.screen[data-theme="pro"] .text-button,.screen[data-theme="pro"] .account-forgot,.screen[data-theme="pro"] .account-switch{color:#ff9a60}
.screen[data-theme="pro"] .live-job-card,.screen[data-theme="pro"] .live-offer,.screen[data-theme="pro"] .settings-card,.screen[data-theme="pro"] .portfolio-live article,.screen[data-theme="pro"] .verified-review,.screen[data-theme="pro"] .notification-row,.screen[data-theme="pro"] .expert-card,.screen[data-theme="pro"] .real-message-row,.screen[data-theme="pro"] .pro-choice-list button,.screen[data-theme="pro"] .profile-role-switch{background:var(--canvas);border-color:var(--line);color:var(--text)}
.screen[data-theme="pro"] .live-job-card>span,.screen[data-theme="pro"] .profile-metrics span,.screen[data-theme="pro"] .notification-row p,.screen[data-theme="pro"] .notification-row small,.screen[data-theme="pro"] .inbox-copy p,.screen[data-theme="pro"] .inbox-copy small{color:var(--muted)}
.screen[data-theme="pro"] .empty h2,.screen[data-theme="pro"] .empty p{color:var(--muted)}.screen[data-theme="pro"] .account-emblem{background:var(--surface);border-color:var(--line);box-shadow:none}.screen[data-theme="pro"] .account-back{background:var(--surface);color:var(--text);border-color:var(--line)}
.screen[data-theme="pro"] img[src$="yapilsin-logo.svg"]{content:url('assets/yapilsin-logo-dark.svg')}
@media(prefers-reduced-motion:reduce){.role-leave,.role-enter,.activity-banner{animation:none!important}}
.screen .auth-reference{background:var(--canvas);color:var(--text)}.screen .account-emblem{background:var(--surface);border-color:var(--line);box-shadow:none}.screen .auth-reference .field{background:var(--surface);border-color:var(--line);color:var(--text)}.screen .auth-reference .field:focus{background:var(--canvas);border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #ff681c18}.screen .account-hero h1{color:var(--text)}.screen .account-hero p,.screen .account-input label,.screen .account-footer{color:var(--muted)}
.screen .notification-icon,.screen .expert-discovery-icon,.screen .continue-icon,.screen .collection-cover,.screen .account-emblem{background:var(--surface);color:var(--accent)}.screen .expert-discovery,.screen .continue-card{background:var(--canvas);border-color:var(--line);color:var(--text)}.screen .expert-discovery small{color:var(--muted)}
.screen .wallet-card-top img{filter:brightness(0) invert(1)}

.screen.reduce-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.screen .search-end{background:#fff0e8;color:#f47735}.screen .settings-group .preference-row strong,.screen .live-check{color:var(--text)}.screen[data-theme="pro"] .pro-review-card p,.screen[data-theme="pro"] .portfolio-live p{color:var(--muted)}
.screen .success-login .success-seal{background:var(--accent)}.screen .success-continue{border-radius:12px;padding:12px 22px}.screen .success-copy p{color:var(--muted)}.screen .success-copy h1{color:var(--text)}

/* Settings switch adapted from Uiverse.io by mrhyddenn; orange active state. */
.screen .settings-group .preference-row .visual-switch{
 font-size:17px;position:relative;display:inline-block;flex-shrink:0;
 width:62px;height:35px;background:#fff;border:1px solid #ccc;
 border-radius:30px;transition:background .4s,border-color .4s;
}
.screen .settings-group .preference-row .visual-switch:before{
 position:absolute;content:"";height:1.9em;width:1.9em;border-radius:16px;
 left:1.2px;top:0;bottom:0;background:#fff;
 box-shadow:0 2px 5px #999;transform:translateX(0);transition:transform .4s;
}
.screen .settings-group .preference-row input{
 width:62px;height:44px;right:0;top:50%;transform:translateY(-50%);margin:0;
}
.screen .settings-group .preference-row input:checked+.visual-switch{
 background:var(--accent);border-color:transparent;
}
.screen .settings-group .preference-row input:checked+.visual-switch:before{
 transform:translateX(1.5em);
}
.screen.reduce-motion .settings-group .visual-switch:before{transition:none}
@media(prefers-reduced-motion:reduce){
 .screen .settings-group .visual-switch,.screen .settings-group .visual-switch:before{transition:none}
}
/* Reserve layout space when fields gain focus; only actual keyboard resizing changes the viewport. */
.screen .app{scroll-behavior:auto;overscroll-behavior:contain}
.screen .page:has(input:focus),.screen .page:has(textarea:focus){animation:none}


/* Retained refinements requested after the visual rollback. */
.screen .request-brief{background:var(--surface);border:0;border-radius:18px;padding:0 18px;margin:18px 0 28px}
.screen .request-brief summary{display:flex;justify-content:space-between;align-items:center;min-height:56px;list-style:none;cursor:pointer;font-weight:650;font-size:14px}
.screen .request-brief summary::-webkit-details-marker{display:none}
.screen .request-brief summary>.ico{width:18px;transition:transform .16s}
.screen .request-brief[open] summary>.ico{transform:rotate(90deg)}
.screen .request-brief .body-copy{padding-bottom:18px}

.screen .selection-preview{text-align:center;padding:18px 0}.screen .selection-preview>.expert-avatar{margin:0 auto 18px;width:64px;height:64px;border-radius:22px}
.screen .selection-preview h2{font-size:25px}.screen .selection-preview>p{color:var(--muted);font-size:14px}.screen .selection-preview>strong{display:block;font-size:36px;letter-spacing:-.05em;margin:18px 0}

/* Messaging hierarchy: person, service context, preview, then unread state. */
.screen .real-message-row{border:0;background:var(--surface);border-radius:20px;padding:18px 16px;margin:0 0 10px;gap:13px;min-height:100px}
.screen .real-message-row .expert-avatar{border-radius:18px;width:50px;height:50px;background:var(--canvas);color:var(--text);flex:0 0 50px}
.screen .inbox-copy strong{font-size:15px;font-weight:750;color:var(--text)}.screen .inbox-copy small{font-size:11px;color:var(--muted);margin-top:5px}.screen .inbox-copy p{font-size:13px;color:var(--muted);margin-top:8px}.screen .inbox-copy time{font-size:10px;color:var(--muted)}
.screen .real-message-row.has-unread .inbox-copy p{font-weight:650;color:var(--text)}.screen .unread-count{background:var(--accent);color:white;min-width:22px;height:22px;font-size:11px;border-radius:8px}
.screen .real-chat-header{background:var(--canvas);border:0;padding:14px 18px;gap:12px}.screen .real-chat-header h1{font-size:17px;font-weight:750}.screen .real-chat-header .expert-avatar{border-radius:14px;background:var(--surface);color:var(--text)}
.screen .real-chat-context{margin:0 16px 10px;border:0;border-radius:14px;font-size:12px;min-height:46px;padding:12px 14px}
.screen .real-message-list{padding:20px 18px;background:var(--canvas)}
.screen .real-bubble{border:0;border-radius:20px 20px 20px 6px;padding:13px 16px;max-width:84%;box-shadow:none;margin-bottom:10px}.screen .real-bubble p{font-size:14px;line-height:1.55}.screen .real-bubble small{font-size:9px;color:var(--muted);margin-top:7px}.screen .real-bubble.mine{border-radius:20px 20px 6px 20px;background:#ffe9de;color:#482c20}.screen .real-bubble.mine small{color:#805744}
.screen .real-composer{border:0;background:var(--canvas);gap:10px;padding:10px 16px 16px;align-items:flex-end}.screen .real-composer textarea{border:0;background:var(--surface);border-radius:18px;padding:15px;font-size:16px;min-height:52px;max-height:130px;color:var(--text)}.screen .real-composer button{width:52px;height:52px;flex:0 0 52px;border-radius:18px}.screen .real-composer button:disabled{opacity:.4}
.screen .message-status{font-size:11px;text-align:center;color:var(--muted);padding:0 16px}.screen .chat-start{padding:36px 20px}.screen .chat-start>span{background:var(--surface);color:var(--accent);border-radius:24px}
.screen[data-theme="pro"] :is(.live-job-card,.real-message-row,.profile-role-switch){background:var(--surface)}
.screen[data-theme="pro"] .real-bubble.mine{background:#70503e;color:#fff4eb}.screen[data-theme="pro"] .real-bubble.mine small{color:#f0d7c4}
/* Small functional additions use the previous visual system. */
.screen .request-edit-link{min-height:44px;font-size:12px;padding:6px 0}
.screen .counter-summary{padding:14px;margin:14px 0;border-radius:14px;background:var(--surface);color:var(--text)}
.screen .counter-summary>span,.screen .counter-summary>small{display:block;color:var(--muted);font-size:12px}
.screen .counter-summary>strong{display:block;font-size:23px;margin:6px 0}.screen .counter-summary>p{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.screen .counter-summary>div{display:flex;gap:8px;align-items:center}
.screen .job-roadmap{background:var(--surface);border-radius:18px;padding:18px;margin:18px 0 24px}.screen .job-roadmap h2{font-size:19px;margin:0 0 18px}
.screen .job-roadmap ol{list-style:none;padding:0;margin:0;display:grid;gap:16px}.screen .job-roadmap li{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.screen .job-roadmap li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--canvas);font-size:11px;flex-shrink:0}.screen .job-roadmap li .ico{width:16px;height:16px}.screen .job-roadmap .done>span,.screen .job-roadmap .current>span{background:var(--accent);color:white}.screen .job-roadmap .current{color:var(--text)}.screen .job-roadmap p{font-size:13px;color:var(--muted);line-height:1.6;margin:18px 0}.screen .job-roadmap .secondary{width:100%;min-height:46px}
.screen .notification-button,.screen .simple-home-header,.screen .home-top{position:relative}
.screen .notice-count{position:absolute;top:0;right:0;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;box-sizing:border-box;border-radius:10px;background:var(--accent);color:white;font-size:10px;font-weight:750;border:2px solid var(--canvas);line-height:1;font-style:normal}
.screen .home-brand-badge{right:calc(50% - 90px);top:0}.screen .home-top .home-brand-badge{left:140px;right:auto;top:2px}
.screen .catalog-arrive{animation:catalog-rise .26s cubic-bezier(.2,.8,.2,1)}@keyframes catalog-rise{from{transform:translateY(28px);opacity:.4}to{transform:none;opacity:1}}
.screen .profile-work-summary{display:flex;align-items:center;gap:12px;padding:15px 0;color:var(--text)}.screen .profile-work-summary>div{flex:1}.screen .profile-work-summary strong{font-size:14px}.screen .profile-work-summary p{font-size:12px;margin:4px 0;color:var(--muted)}
/* Expert setup: clear step hierarchy and stable input/keyboard layout. */
.screen .pro-setup-shell .pro-step-context{background:var(--surface);border-radius:18px;padding:18px 20px;margin:18px 0 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.screen .pro-step-context>span{font-size:11px;letter-spacing:.06em}.screen .pro-step-context>strong{font-size:16px}
.screen .pro-setup-shell .label{font-size:13px;font-weight:650;margin:20px 0 8px}.screen .pro-setup-shell .field{border-radius:14px;min-height:52px;padding:14px}.screen .pro-setup-shell textarea.field{min-height:140px;line-height:1.6}
.screen .pro-setup-shell .onboard-steps{gap:5px;margin-top:8px}.screen .pro-setup-shell .onboard-steps i{height:5px;border-radius:3px}
.screen .pro-choice-list{display:grid;gap:8px}.screen .pro-choice-list button{min-height:54px;padding:14px 16px;border-radius:13px;background:var(--surface);border:1px solid transparent;font-size:14px}.screen .pro-choice-list button.selected{border-color:var(--accent)}
.screen .pro-setup-shell .selected-service-tags{gap:7px}.screen .pro-setup-shell .selected-service-tags .chip{min-height:40px;border-radius:12px;font-size:12px;padding:9px 12px}
.screen .pro-setup-shell .onboard-footer{border:0;padding-top:16px}.screen .pro-setup-shell .onboard-footer .primary{min-height:52px;border-radius:14px}
.screen .real-chat,.screen .real-chat-page,.screen .message-status{background:var(--canvas)}
@media(prefers-reduced-motion:reduce){.screen .catalog-arrive{animation:none!important}}