/* Yapılsın interface: readable type, explicit controls, restrained surfaces. */
:root{--text:#222326;--ink:#222326;--muted:#686a72;--line:#e7e7eb;--orange:#f36b25;--orange-dark:#cf4605;--orange-light:#fff2e9}
.screen{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:15px;line-height:1.45}
.screen button{min-height:44px;touch-action:manipulation}
.screen button:focus-visible,.screen input:focus-visible,.screen textarea:focus-visible{outline:2px solid #bd480c;outline-offset:3px}
.screen button:active{transform:scale(.985)}
.page{padding:0 20px 28px}
.screen .status-bar,.screen.is-home .status-bar{background:#fff}
.screen .page-title,.screen .page-title-row .page-title{font-size:22px;letter-spacing:-.5px;line-height:1.3;margin:0;font-weight:700}
.screen .topbar,.screen .page-title-row{min-height:64px;height:auto;padding:12px 0;margin:0 0 8px}
.page-header{height:auto;min-height:64px;gap:10px;margin-bottom:8px}
.screen .page-header h1{font-size:19px;font-weight:700;letter-spacing:-.3px;line-height:1.3}
.screen .round-btn,.screen .page-header .round-btn,.screen .notification-button,.screen .sheet-close{width:44px;min-width:44px;height:44px;min-height:44px;border-radius:14px;background:#f5f5f7;border:1px solid #eaeaec;display:grid;place-items:center;padding:0}
.screen .round-btn>.ico,.screen .page-header .ico,.screen .notification-button>.ico{width:22px;height:22px}
.screen .primary,.screen .small-primary{background:var(--orange-dark);border-color:var(--orange-dark);color:white;min-height:50px;height:auto;font-size:15px;font-weight:650;padding:13px 18px;border-radius:14px;box-shadow:none;line-height:1.4}
.screen .primary:hover,.screen .small-primary:hover{background:#b63d03}
.screen .secondary{min-height:48px;font-size:15px;line-height:1.4;padding:12px 16px;background:#f4f4f6;color:#303138;border:1px solid #dfdfe4;box-shadow:none}
.screen .text-button{font-size:14px;color:#af420c;gap:6px;padding:8px 4px;line-height:1.4}
.screen .text-button .ico{width:17px;height:17px}
.screen .field,.screen .searchbox input,.screen .orange-signup-body .field{font-size:16px;min-height:50px;padding:13px 14px;color:#25262b;background:#f6f6f8;border:1px solid #dedee3;line-height:1.5}
.screen .searchbox input{padding:0;min-height:44px;border:0;background:transparent}
.screen .field::placeholder,.screen .searchbox input::placeholder{color:#73757d}
.screen .label{font-size:14px;font-weight:600;color:#3d3f47;margin-top:22px;margin-bottom:9px}
.screen .subtitle,.screen .flow-subtitle,.screen .body-copy{font-size:14px;line-height:1.55;color:#62646d}
.screen .flow-heading{font-size:24px;line-height:1.3;letter-spacing:-.6px}
.screen .flow-meta,.screen .optional,.screen .field-helper>span{font-size:12px;color:#6c6e76;letter-spacing:0}
.screen .choice,.screen .chip,.screen .time-slot,.screen .filter-control{font-size:14px;min-height:44px;padding:10px 13px;color:#454750}
.screen .choice.selected,.screen .chip.active{color:#a33c07;background:#fff1e7;border-color:#ecb18d;font-weight:650}
.screen .option strong{font-size:15px}.screen .option small{font-size:13px;color:#62646d;line-height:1.5}
.screen .segments{padding:4px;border:1px solid #e5e5e9;border-radius:14px;gap:2px;margin:8px 0 20px}
.screen .segments>button{font-size:13px;min-height:44px;padding:10px 5px;color:#63656e;font-weight:550}
.screen .segments>button.active{color:#25262b;background:#fff;box-shadow:0 1px 4px #1919230b}
.screen .section-heading h2,.screen .simple-section-title h2{font-size:18px;font-weight:700;letter-spacing:-.3px}
.screen .info-box,.screen .help-note,.screen .notice,.screen .preview-disclosure,.screen .privacy-caption,.screen .privacy-line{font-size:12px;line-height:1.55;color:#656771}
.screen .form-error{font-size:14px;color:#ac301c}
.screen .sheet h2{font-size:22px;line-height:1.3;letter-spacing:-.4px}
.screen .sheet .subtitle{font-size:14px;color:#62646d}
.screen .sheet-close{top:15px;right:15px}
.screen .illustrated-signup .sheet-close{width:44px;height:44px}
.screen .orange-signup-art{height:132px}
.screen .orange-signup-body{padding:22px 24px 24px}
.screen .orange-signup-body h2{font-size:22px}
.screen .orange-signup-body .signup-disclosure{font-size:12px;color:#696b73}
/* Home: centered identity with a separate location control. */
.visual-home{background:#fff}
.visual-home .page{padding-top:0}
.simple-home-header{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;margin:0;min-height:62px}
.home-brand{width:154px;height:auto;justify-self:center}
.header-balance{width:44px}
.screen .notification-button{background:#fff;border:0;position:relative}
.notification-button>i{right:8px;top:8px;background:#e45c17}
.home-location{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;color:#62646c;font-size:14px;margin:0 0 10px}
.home-location>.ico{width:17px;height:17px;color:#c64a0c}.home-location>.ico:last-child{width:14px;height:14px;color:#6c6e76}
.orange-search{height:52px;font-size:15px;color:#686a73;background:#f4f4f6;border:1px solid #e9e9ed;box-shadow:none;margin-bottom:18px;border-radius:14px}
.orange-search>.ico{width:22px;height:22px;color:#686a73}
.service-feature{height:144px;background:#fff0e4;border:0;border-radius:18px;padding:20px;box-shadow:none}
.feature-copy>strong{font-size:23px;font-weight:700;letter-spacing:-.6px}
.feature-cta{font-size:14px;padding:10px 14px;min-height:42px;border-radius:11px;background:#cf4605;box-shadow:none;margin-top:16px}
.feature-cta>.ico{width:17px;height:17px}
.feature-art{right:0;top:9px}.feature-art i{display:none}
.simple-section-title{margin:22px 0 12px;min-height:44px}
.simple-section-title button{font-size:13px;color:#6b4b3a;padding:8px 0 8px 8px;gap:3px}
.simple-section-title .ico{width:17px;height:17px}
.service-shortcuts{gap:18px 8px}
.service-shortcuts>button{gap:8px;min-height:94px}
.service-shortcuts>button>span{width:64px;height:64px;border-radius:18px;background:#f5f5f7}
.service-shortcuts .service-art{width:52px;height:52px}
.service-shortcuts strong{font-size:12px;font-weight:550;white-space:normal;line-height:1.35;text-align:center;color:#34363e;max-width:80px}
.popular-service{border:1px solid #eeeef1;padding:14px 5px;background:#f7f7f9}
.popular-service>span{font-size:13px;line-height:1.4;font-weight:550}
.booking-shortcuts>button{min-height:58px;font-size:14px;padding:12px;border-radius:14px;background:#fafafa}
.booking-shortcuts .ico{width:19px;height:19px}
.compact-status{padding:14px;background:#fafafa;border-radius:14px}
.compact-status strong{font-size:14px}.compact-status small{font-size:12px;color:#71737c}
/* Bottom navigation: actual 24px glyphs, not padded 9px glyphs. */
.bottom-nav{height:86px;padding:9px 12px 23px;background:#fff;border-top:1px solid #e9e9ed;box-shadow:none}
.screen .nav-item{width:78px;min-height:52px;gap:5px;color:#70727a;padding:4px 0}
.nav-item>.ico{padding:0;width:24px;height:24px;stroke-width:1.8;border-radius:0;transform:none!important}
.nav-item>span{font-size:12px;font-weight:550;line-height:1.3}
.nav-item.active{color:#bf4309}.nav-item.active>span{font-weight:700}
.nav-item.active:after,.nav-item.active:before{display:none}
.nav-dot{width:6px;height:6px;right:22px;top:2px;background:#d94a00}
/* Profile: one identity card and grouped, unmistakably interactive rows. */
.app-titlebar{height:62px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.app-titlebar h1{font-size:20px;line-height:1.3;font-weight:700;letter-spacing:-.35px;margin:0}
.screen[data-view="profile"] .app{background:#f5f5f7}
.screen[data-view="profile"] .status-bar{background:#f5f5f7}
.account-card{display:flex;align-items:center;flex-direction:column;background:white;border:1px solid #e8e8ed;border-radius:20px;padding:20px 18px;margin-bottom:18px;text-align:center}
.account-avatar{width:60px;height:60px;border-radius:50%;background:#fff0e5;color:#be490e;font-size:21px;font-weight:650;display:grid;place-items:center;margin-bottom:10px}
.account-avatar>.ico{width:28px;height:28px;stroke-width:1.7}
.account-identity{min-width:0;width:100%}.account-identity h2{font-size:18px;letter-spacing:-.3px;font-weight:650;margin:0;overflow-wrap:anywhere}
.account-identity p{font-size:13px;color:#6c6e77;margin:4px 0 0;overflow-wrap:anywhere}
.screen .account-card .primary{width:100%;margin-top:16px;min-height:48px}
.screen .account-edit{font-size:14px;font-weight:600;background:#fff4ec;border:1px solid #f0cdb6;color:#a33d08;border-radius:12px;padding:9px 18px;margin-top:14px}
.settings-card{background:#fff;border:1px solid #e5e5ea;border-radius:16px;overflow:hidden;margin-bottom:16px;padding:0 14px}
.screen .settings-card .menu-row{min-height:58px;padding:13px 0;gap:12px;background:#fff;font-size:15px;line-height:1.4;border-bottom:1px solid #eeeef1;position:relative;color:#303139}
.settings-card .menu-row:last-child{border-bottom:0}.settings-card .menu-row:hover{background:#fafafa}.settings-card .menu-row:active{background:#fff3ea;transform:none}
.settings-card .menu-row>.ico:first-child{width:21px;height:21px;color:#62646d;stroke-width:1.8}
.settings-card .menu-row>.ico:last-child{width:18px;height:18px;color:#91939a}
.settings-card .menu-row>span{font-weight:550}
.screen .logout-button{width:100%;border:1px solid #e5e5ea;border-radius:14px;font-size:14px;font-weight:550;color:#ad381d;background:white;margin-bottom:10px}
.account-preview-note{font-size:11px;line-height:1.5;text-align:center;color:#777982;margin:12px 0 0}
/* Conversations and empty states use the same concise, legible hierarchy. */
.message-row{padding:18px 0;gap:12px;min-height:96px}
.message-row .portrait,.message-row .person-initials{width:48px;height:48px;border-radius:50%;flex-shrink:0}
.message-row h3{font-size:15px;font-weight:650;line-height:1.4;margin:0 0 3px}
.message-row p{font-size:14px;line-height:1.5;color:#686b75;margin-top:4px}
.thread-subtitle{font-size:12px;color:#777982}
.message-row>.ico{width:18px;height:18px;color:#9698a0}
.screen .empty{padding:58px 10px 28px}
.screen .empty .empty-icon{width:60px;height:60px;border:1px solid #ececef;box-shadow:none;border-radius:18px;background:#f7f7f8;color:#686b75;margin-bottom:20px}
.screen .empty .empty-icon .ico{width:27px;height:27px}
.screen .empty h2{font-size:19px;font-weight:650;letter-spacing:-.3px;margin:0 0 10px}
.screen .empty p{font-size:14px;line-height:1.6;color:#6a6d76;max-width:270px;margin:0 auto 24px}
.screen .empty .primary{width:100%}
.screen .chat-bubble{font-size:15px;line-height:1.55;color:#32343b;background:#f2f2f5}
.screen .chat-bubble.mine{color:#56321e;background:#ffeddf}
.screen .chat-input input{font-size:16px}.screen .chat-input button{width:46px;min-width:46px;height:46px;background:#cf4605}
.screen .thread-context{font-size:13px;color:#62646c}
/* Catalog, requests and detail screens retain their existing actions. */
.category-directory strong{font-size:13px;line-height:1.4}.category-directory small,.catalog-count{font-size:12px;color:#72747d}
.screen .back-categories{font-size:14px;color:#666871;margin-top:0}
.visual-service-row{padding:14px 0;gap:12px}.visual-service-row strong{font-size:15px}.visual-service-row small{font-size:12px;color:#70727b}
.catalog-total{font-size:13px;color:#a5400b}
.selected-service strong{font-size:15px}.selected-service small{font-size:12px;color:#71737c}
.screen .request-tile h3,.screen .job-tile h3{font-size:18px}
.screen .request-tile p,.screen .job-tile>p,.screen .job-facts>span,.screen .request-tile-bottom>span{font-size:13px;color:#656771}
.screen .tag,.screen .request-tile-top>span:last-child{font-size:11px;color:#676973}
.screen .offer-top h3,.screen .pro-row strong{font-size:15px}
.screen .offer-message,.screen .request-summary>p{font-size:14px;color:#5c5f68;line-height:1.6}
.screen .offer-top small,.screen .offer-includes>span,.screen .offer-top>div>span{font-size:12px;color:#656771}
.screen .offer-footer .small-primary,.screen .offer-footer .secondary{font-size:14px;padding:11px 14px;min-height:46px}
.screen .offer-question{font-size:14px;min-height:44px;color:#a84410}
.screen .request-detail-heading>h1{font-size:24px}.screen .request-detail-heading>p{font-size:13px;color:#676973}
.screen .summary-line,.screen .request-summary-meta>span,.screen .brief-toggle{font-size:14px;color:#61636c}
.screen .profile-fact p,.screen .profile-stats span,.screen .metric span{font-size:13px;color:#656771}
.screen .menu-row{font-size:15px;min-height:56px}.screen .row-caption{font-size:12px;color:#6d6f77}
.screen .notification-row strong,.screen .address-card strong{font-size:15px}.screen .notification-row p,.screen .address-card>small{font-size:13px;color:#676973}
.screen .photo-add>span{font-size:14px}.screen .photo-add small{font-size:12px;color:#6f7179}
.screen .photo-thumb button{width:30px;height:30px;min-height:30px}
.screen .date-cell{font-size:12px}.screen .date-cell strong{font-size:19px}

@media(max-width:600px){.studio{padding-left:0}.page{padding-left:20px;padding-right:20px}.home-brand{width:150px}.app{height:calc(100% - 82px);padding-top:env(safe-area-inset-top,0px)}.bottom-nav{height:82px;padding-bottom:20px}.app.no-nav{height:calc(100% - 20px)}.flow-action{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.account-card{padding:20px 18px}.orange-signup-body{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.screen *{scroll-behavior:auto!important}}
.screen .preference-row{min-height:72px;padding:16px 0;gap:14px}.screen .preference-row strong{font-size:15px;color:#30323a}.screen .preference-row small{font-size:12px;line-height:1.5;color:#70727b}.screen .visual-switch{width:44px;height:26px;flex-shrink:0}.screen .faq-list summary{font-size:15px;line-height:1.5;min-height:56px;padding:15px 0}.screen .faq-list p,.screen .support-card p{font-size:14px;line-height:1.6;color:#656771}.screen .support-card h2{font-size:18px}.screen .schedule-card strong{font-size:15px}.screen .schedule-card small{font-size:12px;color:#6b6d76}.screen .profile-tabs>button{font-size:14px;min-height:46px}.screen .profile-nudge strong{font-size:14px}.screen .profile-nudge small{font-size:12px;color:#6b6d76}.screen .week-selector button{min-height:64px}.screen .week-selector small{font-size:12px}.screen .compare-column p{font-size:13px}.screen .compare-column small{font-size:11px}.screen .photo-thumb{width:64px;height:64px}.screen .photo-thumb button{width:44px;height:44px;min-height:44px;top:-12px;right:-12px;border:8px solid white}.screen .toggle{min-height:26px;position:relative}.screen .toggle:before{content:'';position:absolute;inset:-10px 0}