@font-face{font-family:App;src:url('vazirmatn.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:CatLatin;src:url('nunito.ttf') format('truetype');font-weight:200 1000;font-style:normal;font-display:swap}
*{box-sizing:border-box}body{margin:0;background:#f3f5f4;color:#183746;font:15px App,Arial,sans-serif;line-height:1.7}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,a{cursor:pointer}button{border:0;background:none;color:inherit}a{color:#157a79;text-decoration:none}button:disabled{opacity:.5;cursor:wait}h1,h2,h3,p{margin:0 0 12px}h1{font-size:30px;line-height:1.5;letter-spacing:-.6px}h2{font-size:22px}h3{font-size:17px}p{color:#657b84}small,.muted{font-size:12px;color:#73868c}.shell{max-width:1100px;margin:auto;display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;padding:28px}.sidebar{position:sticky;top:28px;height:calc(100vh - 56px);display:flex;flex-direction:column;gap:22px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:bold}.brand img{width:50px;height:50px;border-radius:16px}.brand small{display:block;letter-spacing:2px;font-size:10px}.nav{display:grid;gap:9px}.nav button{padding:13px 16px;border-radius:14px;text-align:start;font-weight:bold;display:flex;gap:12px;align-items:center}.nav button.active{background:#163d50;color:#fff}.nav button:hover:not(.active){background:#e5ecea}.nav svg{width:22px;height:22px}.sidebar-bottom{margin-top:auto}.rail{position:sticky;top:28px;align-self:start}.main{min-width:0}.panel,.post,.card{background:white;border:1px solid #e0e7e5;border-radius:22px;padding:24px;margin-bottom:20px}.compact{padding:18px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.grow{flex:1;min-width:0}.wrap{flex-wrap:wrap}.stack{display:grid;gap:14px}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border-radius:12px;font-weight:bold}.primary{background:#147d7b;color:white}.secondary{background:#e9f1ef;color:#246763}.danger{background:#fff0ec;color:#ac473c}.full{width:100%}.link{color:#147d7b;padding:7px}.pill{font-size:11px;background:#eaf4ed;color:#34704e;border-radius:30px;padding:5px 11px;display:inline-block}.pill.orange{background:#fff0dd;color:#946729}.eyebrow{font-size:11px;color:#42726f;letter-spacing:1px;font-weight:bold}.hero{background:#12384c;color:white;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 170px;gap:10px;padding:30px;border-radius:24px;margin-bottom:25px}.hero p{color:#bfced7}.hero img{width:170px;border-radius:25px;align-self:center}.hero .primary{background:#bde9d9;color:#173f41}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#dfe9e6;flex-shrink:0}.avatar.large{width:100px;height:100px;border:5px solid white;box-shadow:0 0 0 1px #dfebe5}.person{display:flex;align-items:center;gap:12px;text-align:start}.person strong{display:block}.page-title{display:flex;justify-content:space-between;align-items:center;margin:10px 0 20px}.tabs{display:flex;gap:8px;margin:14px 0 22px;flex-wrap:wrap}.tabs button{border-radius:30px;background:#e7edeb;padding:8px 16px;font-size:13px}.tabs .active{background:#12384c;color:white}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid .card{margin:0}.post .body{white-space:pre-wrap;overflow-wrap:anywhere;color:#304b58;margin:20px 0}.post-media{width:100%;max-height:520px;object-fit:contain;border-radius:15px;background:#102e42;display:block;margin:15px 0}.post audio{width:100%;margin:15px 0}.post-footer{border-top:1px solid #e9efec;padding-top:13px;display:flex;gap:18px;align-items:center}.post-footer button{font-size:13px}.liked{color:#dc5d63}.comment{padding:12px;background:#f5f7f6;margin:10px 0;border-radius:12px;font-size:13px;overflow-wrap:anywhere}.comment p{margin:4px 0;color:#44606a}.comment-form{display:flex;gap:8px;margin-top:12px}.comment-form input{min-width:0;flex:1}.empty{text-align:center;padding:45px 20px}.empty svg{width:50px;height:50px;color:#8eaaa3;margin-bottom:15px}.field{display:grid;gap:7px;margin-bottom:15px;font-size:13px;font-weight:bold}input,select,textarea{width:100%;padding:12px 14px;border:1px solid #d8e3dd;background:#fbfcfb;border-radius:11px;color:#183746;min-width:0}textarea{min-height:100px;resize:vertical}input[type=checkbox]{width:18px;height:18px;accent-color:#147d7b}input[type=file]{font-size:12px}input[type=date],input[type=time],input[type=email],input[type=password]{direction:ltr}fieldset{border:1px solid #e0e8e3;border-radius:16px;padding:20px;margin:18px 0}legend{font-weight:bold;padding:0 8px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checks label{display:flex;gap:8px;align-items:center;font-size:13px}.summary{background:#edf4ef;border-inline-start:4px solid #69a58c;padding:18px;border-radius:12px;white-space:pre-line;overflow-wrap:anywhere;color:#355b52}.badge-row{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.stay-card h3{font-size:20px}.stay-card .summary{font-size:13px}.dates{display:flex;gap:9px;color:#527278;font-size:12px;margin:10px 0}.inbox{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px}.thread-list button{display:block;text-align:start;width:100%;padding:14px;border-bottom:1px solid #e6ece8}.thread-list button.active{background:#e9f3ef}.thread-list p{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messages{height:430px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:18px;background:#f3f6f4;border-radius:15px;margin:14px 0}.bubble{max-width:85%;background:white;padding:12px 15px;border-radius:15px;align-self:flex-start;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.mine{background:#d5ece3;align-self:flex-end}.bubble small{display:block;font-size:10px;margin-top:5px}.bubble p{color:inherit;margin:0}.language-screen{max-width:460px;margin:7vh auto;padding:35px;text-align:center}.language-screen img{width:160px;border-radius:30px}.language-screen h1{margin-top:25px}.language-screen button{margin-top:15px;width:100%}.notice{background:#fff5e5;border:1px solid #f0dfbf;padding:13px 16px;border-radius:13px;font-size:12px;color:#826438;margin:14px 0}.error{color:#a4473c;background:#fff1ed;padding:12px;border-radius:12px}.loading{text-align:center;padding:50px}.auth{max-width:440px;margin:20px auto}.profile-cover{height:100px;background:linear-gradient(110deg,#224b61,#72a496);border-radius:18px;margin-bottom:-38px}.profile-top{padding:0 18px}.stat{padding:6px 16px;border-inline-end:1px solid #e4ece7;font-size:13px}.stat strong{display:block;font-size:23px}.file-hint{font-size:11px}.mobile-brand{display:none}dialog{border:0;border-radius:22px;max-width:540px;width:calc(100% - 32px);max-height:90vh;padding:25px;color:#183746;background:white}dialog::backdrop{background:#102e42aa}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 24px;border-radius:14px;background:#153d50;color:white;box-shadow:0 10px 30px #12384c22;z-index:20;display:none;max-width:90%;font-size:13px}#toast.show{display:block}.check-line{display:flex;gap:10px;align-items:flex-start;margin:18px 0;font-size:12px}.meta{font-size:11px}.round{padding:8px;border-radius:50%;background:#f0f4f2}.round svg{width:18px;height:18px}.section-heading{margin:22px 0 12px}.identity{border:1px solid #d8e4df;border-radius:16px;padding:15px;background:#fff}.identity select{font-size:12px;margin-top:10px}.tagline{font-size:12px;color:#70878c;margin:16px 0}.preview-image{width:100%;max-height:220px;object-fit:contain;border-radius:14px}.switch-language{display:flex;gap:10px}.date-help{font-size:11px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.card-text{white-space:pre-wrap;overflow-wrap:anywhere}.test-link{font-size:11px}.skeleton{padding:40px;color:#6a898c}.auth-tabs{display:flex;gap:10px;margin-bottom:20px}.auth-tabs button{flex:1}.footer-note{font-size:11px;margin-top:20px}.row input{min-width:0}.light-separator{border:0;border-top:1px solid #e6eee8;margin:20px 0}
@media(max-width:1150px){.shell{grid-template-columns:210px minmax(0,1fr);max-width:1050px}.rail{display:none}}@media(max-width:740px){body{font-size:14px}.shell{display:block;padding:14px 14px 100px}.sidebar{position:static;height:auto;display:block}.sidebar>.brand,.sidebar .identity,.sidebar-bottom{display:none}.nav{position:fixed;bottom:0;inset-inline:0;z-index:5;display:flex;background:white;border-top:1px solid #dae5df;justify-content:space-around;padding:8px 3px max(8px,env(safe-area-inset-bottom))}.nav button{flex-direction:column;gap:3px;padding:8px 10px;font-size:10px;border-radius:12px}.nav svg{width:21px;height:21px}.mobile-brand{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mobile-brand .brand{font-size:19px}.mobile-brand img{width:42px;height:42px}.hero{grid-template-columns:1fr 105px;padding:23px;gap:14px}.hero img{width:105px}.hero h1{font-size:23px}.hero p{font-size:12px}.hero .primary{font-size:12px;padding:8px 12px}.panel,.post,.card{padding:18px;border-radius:18px}.grid{gap:12px}.grid.cats{grid-template-columns:1fr}.inbox{grid-template-columns:1fr}.thread-list{max-height:200px;overflow:auto}.messages{height:360px}h1{font-size:25px}h2{font-size:20px}.checks{grid-template-columns:1fr}.page-title{gap:10px}.page-title .primary{font-size:11px}.field{font-size:12px}.comment-form .primary{padding:8px 12px}.profile-top{padding:0}.language-screen{padding:24px;margin:5vh auto}#toast{bottom:95px}.post-footer{gap:10px}.hero .eyebrow{font-size:10px}}

/* Native Android shell: settings remain accessible in the top bar. */
.android .rail,.android .test-session{display:none}.android .mobile-brand{display:flex}.android .shell{grid-template-columns:220px minmax(0,760px);max-width:1060px}.android .hero .eyebrow{color:#c4e4d9}.history-actions{flex-wrap:wrap}@media(max-width:740px){.android .shell{display:block}.android .nav button{padding:8px 7px;font-size:10px}.android .hero{grid-template-columns:1fr 95px}.android .hero img{width:95px}}

@media(max-width:740px){.nav button{padding:8px 5px;font-size:9px}.nav{gap:1px}}

[hidden]{display:none!important}.character-story{padding:18px 0;border-top:1px solid #e0e7e5}.sidebar{overflow-y:auto}@media(max-width:740px){.nav{overflow-x:auto;justify-content:flex-start}.nav button,.android .nav button{flex:0 0 auto;min-width:65px;white-space:nowrap}}
.account-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:20px;position:relative;z-index:6}.compact-brand{display:none}.account-menu{position:relative}.account-menu summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;background:white;border:1px solid #d8e4df;border-radius:24px;padding:7px 12px;min-height:44px}.account-menu summary::-webkit-details-marker{display:none}.account-symbol{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#163d50;color:white}.account-dropdown{position:absolute;inset-inline-end:0;top:calc(100% + 8px);width:min(290px,calc(100vw - 28px));padding:18px;border:1px solid #d8e4df;border-radius:16px;background:white;box-shadow:0 12px 35px #18374625}.account-dropdown p{font-size:12px;overflow-wrap:anywhere}.account-dropdown button{display:flex;align-items:center;gap:8px;width:100%;text-align:start;min-height:44px;border-radius:8px;padding:9px}.account-dropdown button:hover{background:#e9f1ef}.account-dropdown [data-action=logout]{border-top:1px solid #e0e7e5;color:#a4473c}.android .compact-brand{display:block}.android .account-bar{justify-content:space-between}@media(max-width:740px){.compact-brand{display:block}.account-bar{justify-content:space-between}.account-bar .brand{font-size:18px}.account-bar .brand img{width:38px;height:38px}.account-menu summary{font-size:12px}.account-bar .brand small{font-size:8px}}
fieldset{min-width:0;border:0;padding:0}fieldset[hidden]{display:none}.translation-fields{border:1px solid var(--line,#dce3eb);border-radius:16px;padding:16px;margin:16px 0}.translation-fields legend{font-weight:700;padding:0 8px}.greeting-card{background:linear-gradient(135deg,#172f50,#294568);color:#fff;border-radius:22px;padding:24px;margin:16px 0}.greeting-card .body{white-space:pre-wrap;font-size:1.1rem;line-height:1.9}.greeting-card .person,.greeting-card .link{color:#fff}.greeting-card .pill{background:#ffe5b1;color:#172f50}.club-cards{margin-bottom:32px}
.greeting-card p{color:#fff}.translation-fields textarea,.translation-fields input{direction:inherit}
/* Shared social layout: keep branding variables controlled by the administrator. */
:root{--line:#e3e7e8;--ink:#24343b;--muted:#64747d;--accent:#147d7b}
body{color:var(--ink);line-height:1.75}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #389d9b;outline-offset:3px}
button{touch-action:manipulation}
.shell{max-width:1100px;grid-template-columns:210px minmax(0,1fr);gap:32px;padding:24px}
.sidebar{top:24px;height:calc(100dvh - 48px);gap:24px;padding-inline-end:20px;border-inline-end:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#ccd7d3 transparent}
.brand{gap:10px;letter-spacing:-.5px}.brand img{width:44px;height:44px;border-radius:13px}.brand small{letter-spacing:1px;font-size:9px;font-weight:normal}
.nav{gap:4px}.nav button{min-height:48px;padding:10px 12px;font-weight:normal;border-radius:10px;gap:14px}
.nav button.active{color:#125a59;background:#e6eeec;font-weight:bold}.nav button:hover:not(.active){background:#eaf0ee}
.nav svg{width:24px;height:24px;flex-shrink:0}.nav .nav-create{margin-top:12px;border:1px solid #cedddb;font-weight:bold}
.identity{padding:14px;border-radius:12px;border-color:var(--line)}.identity .person{margin-top:10px;gap:9px}.identity .avatar{width:36px;height:36px}.identity strong{font-size:13px;overflow-wrap:anywhere}
.sidebar-bottom .tagline{margin:0 0 12px}.sidebar-bottom .footer-note{margin-top:12px;line-height:1.8}
.rail{top:24px}.rail .panel{border:0;background:transparent;padding:16px 0;border-radius:0;border-bottom:1px solid var(--line)}.rail p{font-size:13px;overflow-wrap:anywhere}.rail .eyebrow{display:block;margin-bottom:12px;font-size:10px}
.panel,.card{border-color:var(--line);border-radius:14px;padding:22px;box-shadow:0 2px 5px #233b4503}
.compact{padding:18px}.primary,.secondary,.danger{border-radius:9px;padding:10px 16px;font-size:13px}.primary:hover{filter:brightness(.95)}
h1{font-size:26px;letter-spacing:-.4px}h2{font-size:21px}h3{font-size:16px}.page-title{gap:16px;margin:8px 0 24px}.page-title h1{margin:0}.page-title>.primary{flex-shrink:0}
.account-bar{min-height:48px;margin-bottom:24px}.account-menu summary{border-color:var(--line);border-radius:12px}.account-dropdown{border-color:var(--line);box-shadow:0 12px 40px #24343b18}.account-dropdown strong{overflow-wrap:anywhere}
.hero{padding:26px;grid-template-columns:minmax(0,1fr) 116px;gap:22px;border-radius:16px;margin-bottom:24px;align-items:center}.hero h1{line-height:1.65;margin-bottom:20px;letter-spacing:-.5px}.hero img{width:116px;border-radius:20px}.hero .primary{min-height:42px}
.tabs{border-bottom:1px solid #d8e1de;gap:24px;margin:16px 0 24px;flex-wrap:wrap}.tabs button{background:transparent;border-radius:0;padding:12px 2px;border-bottom:2px solid transparent;color:var(--muted);font-weight:bold;min-height:44px}.tabs button.active{background:transparent;color:#183746;border-color:#147d7b}
.post{padding:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:24px;background:#fff;box-shadow:none}
.post-header{padding:16px 18px;gap:10px;flex-wrap:wrap}.post-header>.person{flex:1;min-width:0}.person>span{min-width:0}.person strong{overflow-wrap:anywhere}.post-header .avatar{width:40px;height:40px}.post-header strong{font-size:14px}.post-header small{font-size:11px}.post-header>small{white-space:nowrap}.post-header .pill{font-size:10px}
.post .post-media{border-radius:0;margin:0;max-height:620px;background:#f0f2f2}.post>audio{width:calc(100% - 36px);margin:8px 18px 18px}
.post .body{margin:16px 18px;color:var(--ink);font-size:14px;line-height:1.9}.post-footer{border:0;padding:8px 18px 0;gap:16px;min-height:52px}.post-footer button{min-height:44px}.post-footer svg{width:24px;height:24px}.post-footer .liked svg{fill:#dc5d631c}.post-footer .meta{color:var(--muted);font-size:12px}
.post-comments{padding:0 18px 12px}.post-comments>summary{font-size:12px;min-height:44px;padding:10px 0;color:var(--muted);cursor:pointer}.post-comments .comment{background:#f7f8f8;border-radius:8px}.post-comments .comment-form{padding-top:8px;border-top:1px solid var(--line)}
.profile-panel{padding:26px}.profile-cover{height:6px;border-radius:6px;margin:0 0 24px;background:#d9e8e4}.profile-top{padding:0}.profile-top>.avatar{float:inline-start;margin-inline-end:22px;margin-bottom:18px;width:88px;height:88px}.profile-heading{flex-wrap:wrap;min-height:88px;margin-bottom:20px}.profile-heading>div:first-child{flex:1;min-width:100px}.profile-heading h1{margin-bottom:4px;font-size:25px}.profile-heading p{margin:0;font-size:13px}.profile-top>.card-text{clear:both;line-height:1.9;color:#42545e}.profile-stats{border-block:1px solid var(--line);margin-top:22px;padding:12px 0;gap:0}.stat{flex:1;text-align:center;padding:4px 8px;font-size:11px}.stat:last-child{border:0}.stat strong{font-size:21px}.profile-top .actions{margin-top:18px}.profile-heading .actions{margin:0}
.card .card-text{margin-top:16px;font-size:13px}.card .actions{padding-top:14px;border-top:1px solid var(--line)}.card .person{min-width:0}.section-heading{font-size:16px;margin:26px 0 18px}
input,select,textarea{background:#fafbfb;border-color:#d8dfe1;border-radius:9px}input:focus,select:focus,textarea:focus{border-color:#147d7b}.field{gap:8px;margin-bottom:20px}.empty{padding:48px 24px}.empty p{max-width:360px;margin:0 auto 20px}
.mobile-nav{display:none}
.service-nav{display:none}.header-actions{display:flex;gap:6px;margin-inline-start:auto}.header-actions button{width:44px;height:44px;display:grid;place-items:center;border-radius:50%}.header-actions button:hover,.header-actions button.active{background:#f1f1f1}.header-actions svg{width:25px;height:25px}.header-actions span{display:none}.care-cats{display:grid;gap:12px}.care-cat{display:flex;align-items:center;gap:16px;width:100%;text-align:start;margin:0}.care-cat>span{flex:1}.care-cat small{display:block;color:var(--muted);margin-top:6px}.care-cat .avatar{width:52px;height:52px}[dir=rtl] .care-cat>svg{transform:rotate(180deg)}
.menu-setting{border-top:1px solid #e3e7e8;padding-top:16px;margin:22px 0}.menu-setting legend{font-size:14px}.menu-setting .check-line{margin:0}.menu-setting .field{margin-bottom:12px}
.settings-page{max-width:620px}.settings-section{padding:22px;margin-bottom:18px}.settings-section h2{font-size:14px;margin:0 0 18px;color:#64747d}.settings-title{display:flex;align-items:center;gap:14px;margin-bottom:18px}.settings-title>svg{width:28px;height:28px;color:#147d7b}.settings-title h2{color:#24343b;font-size:18px;margin:0}.settings-title p{font-size:12px;margin:3px 0 0}.language-options{display:flex;gap:8px}.language-options button{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;min-height:48px;border:1px solid #dbe3e1;border-radius:10px;padding:10px 16px;background:#f8faf9;font-weight:bold}.language-options button.selected{background:#eaf5f0;border-color:#147d7b;color:#125a59}.language-options svg{width:18px;height:18px}.settings-identity{display:flex;align-items:center;gap:12px;margin-bottom:24px}.settings-identity .account-symbol{width:44px;height:44px;font-size:20px}.settings-identity>div{min-width:0}.settings-identity p{font-size:12px;margin:3px 0 0;overflow-wrap:anywhere}.settings-row,.settings-detail>summary{width:100%;display:flex;align-items:center;gap:14px;min-height:58px;padding:14px 0;text-align:start;border-top:1px solid #edf0ef;cursor:pointer;list-style:none;font-size:14px}.settings-row>span,.settings-detail>summary>span{flex:1;min-width:0}.settings-row>svg,.settings-detail>summary>svg{flex-shrink:0;width:22px;height:22px}.settings-row>svg:last-child,.settings-detail>summary>svg:last-child{width:17px;color:#87969b}[dir=rtl] .settings-row>svg:last-child,[dir=rtl] .settings-detail>summary>svg:last-child{transform:rotate(180deg)}.settings-detail[open]>summary>svg:last-child{transform:rotate(90deg)}.settings-detail>summary::-webkit-details-marker{display:none}.settings-detail .panel{border:0;padding:12px 0;margin:0;box-shadow:none}.settings-detail .page-title{display:none}.settings-detail-body{padding:12px 0;font-size:13px}.settings-row:hover,.settings-detail>summary:hover{color:#147d7b}.logout-row{color:#b44044}.quick-language{border-bottom:1px solid #e3e7e8;padding-bottom:14px;margin-bottom:14px}.quick-language small{display:block;margin-bottom:8px}.account-dropdown .language-options button{width:auto;min-height:44px;justify-content:space-between}.settings-page>.footer-note{text-align:center;margin:24px 0}
@media(min-width:741px) and (max-width:1150px){.shell,.android .shell{grid-template-columns:190px minmax(0,620px);gap:28px;max-width:900px}.rail{display:none}.sidebar{padding-inline-end:16px}.nav button{font-size:13px}}
@media(max-width:740px){
 .shell,.android .shell{display:block;padding:0 16px calc(100px + env(safe-area-inset-bottom))}.sidebar{border:0;padding:0;height:auto;overflow:visible}.sidebar>.nav{display:none}
 .account-bar,.android .account-bar{position:sticky;top:0;margin:0 -16px 20px;padding:10px 16px;background:#fff;border-bottom:1px solid var(--line);min-height:64px;gap:8px;z-index:6}.account-bar .brand img{width:34px;height:34px;border-radius:10px}.account-bar .brand{font-size:18px;gap:8px}.account-bar .brand small{display:none}.account-menu summary{padding:5px 8px;gap:6px;font-size:11px}.account-symbol{width:27px;height:27px}.account-bar>.secondary{padding:8px 10px;font-size:11px}.account-bar>.secondary+.compact-brand .brand>span{display:none}
 .mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;inset-inline:0;bottom:0;z-index:8;border-top:1px solid var(--line);background:#fff;padding:5px 6px max(5px,env(safe-area-inset-bottom));box-shadow:0 -3px 16px #24343b05}
 .mobile-nav>button,.mobile-more>summary{width:100%;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 2px;font-size:10px;border-radius:10px;color:#62747c;font-weight:normal;cursor:pointer;list-style:none;text-align:center;line-height:1.5}
 .mobile-nav{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.mobile-nav svg{width:23px;height:23px;flex-shrink:0}.mobile-nav .active,.mobile-more[open]>summary{color:#125a59;background:#edf4f1;font-weight:bold}.mobile-nav>.nav-create svg{width:32px;height:32px;background:#147d7b;color:#fff;border-radius:9px;padding:5px}.mobile-more>summary::-webkit-details-marker{display:none}
 .mobile-more-panel{position:absolute;bottom:calc(100% + 8px);inset-inline:12px;max-height:65dvh;overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid var(--line);padding:16px;border-radius:16px;box-shadow:0 -8px 35px #18374620;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .mobile-more-panel>button{min-height:52px;padding:10px;display:flex;align-items:center;gap:10px;text-align:start;border-radius:10px;font-size:12px;overflow-wrap:anywhere}.mobile-more-panel>button:hover{background:#edf4f1}.mobile-more-panel>.more-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.more-heading>button{width:44px;height:44px;border-radius:50%;background:#f4f6f6}.mobile-more-panel .mobile-profile{grid-column:1/-1;border-top:1px solid var(--line);margin-top:8px;padding-top:12px}.mobile-profile .field{margin:0}
 .hero,.android .hero{grid-template-columns:minmax(0,1fr) 78px;padding:20px;gap:12px;border-radius:14px}.hero img,.android .hero img{width:78px;border-radius:16px}.hero h1{margin-bottom:16px;line-height:1.75}.hero .primary{font-size:11px}.hero .primary svg{width:17px;height:17px}
 .panel,.card{padding:18px;border-radius:12px}.post{padding:0;border-radius:12px;margin-bottom:20px}.post-header{padding:14px;gap:8px}.post-header .avatar{width:36px;height:36px}.post-header>.pill{display:none}.post .body{margin:14px;font-size:13px}.post-footer{padding-inline:14px}.post-comments{padding-inline:14px}.post .post-media{max-height:560px}.tabs{gap:20px;margin:12px 0 20px}.tabs button{font-size:12px}.page-title{margin-bottom:20px;align-items:flex-start}.page-title h1{font-size:23px}.page-title>.primary{max-width:45%;white-space:normal}
 .profile-panel{padding:18px}.profile-top>.avatar{width:72px;height:72px;margin-inline-end:16px}.profile-heading{min-height:72px}.profile-heading h1{font-size:23px}.profile-heading .actions{gap:6px}.profile-heading .secondary{padding:8px 10px;font-size:11px}.stat{padding-inline:4px;font-size:10px}.stat strong{font-size:19px}.grid{gap:12px}.inbox{display:block}.grid.cats{grid-template-columns:1fr}.language-screen{margin:24px 16px}.language-screen.panel{padding:28px}#toast{bottom:calc(90px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){.account-menu summary>span:nth-child(2){display:none}.hero,.android .hero{grid-template-columns:minmax(0,1fr) 60px;padding:16px}.hero img,.android .hero img{width:60px}.grid:not(.cats){grid-template-columns:1fr}.post-header>small{font-size:10px}.post-header .person{gap:8px}.profile-heading .actions{width:100%}}
body{background:var(--page-background,#f3f5f4)}.hero{background:var(--hero-background,#12384c)}.hero h1,.android .hero h1{color:var(--headline-color,#fff);font-size:var(--headline-size,30px);overflow-wrap:anywhere}.design-preview{margin-top:20px}.copy-entry{padding:16px 0;border-bottom:1px solid #e0e7e5}.copy-entry summary{cursor:pointer;display:flex;align-items:center;gap:12px;overflow-wrap:anywhere}.copy-entry summary strong{white-space:pre-wrap;max-height:100px;overflow:auto}.copy-entry .copy-form{padding-top:16px}.copy-entry textarea[name=fa],textarea[name=headline_fa]{direction:rtl}.copy-entry textarea[name=en],textarea[name=headline_en]{direction:ltr}input[type=color]{height:48px;width:100%;padding:4px}@media(max-width:740px){.hero h1,.android .hero h1{font-size:clamp(18px,calc(var(--headline-size,30px)*.77),50px)}#branding-form .grid,.copy-form .grid{grid-template-columns:1fr}}

/* Social navigation: five primary tabs, visible services, inbox/settings in header. */
@media(max-width:740px){
 body{background:var(--page-background,#fff)}
 .account-bar,.android .account-bar{margin-bottom:0;min-height:60px;padding-block:8px;box-shadow:none}
 .account-bar .compact-brand{display:block;margin-inline-end:auto}.account-bar .brand small{display:none}.account-bar .brand img{width:30px;height:30px}.account-bar .brand{font-size:20px;color:#171717}
 .account-bar .account-menu summary{border:0;padding:4px;background:transparent}.account-bar .account-menu summary>span:not(.account-symbol){display:none}
 .header-actions{gap:0;margin-inline-start:0}.header-actions button{width:40px;height:42px;color:#171717}.header-actions svg{width:25px;height:25px}
 .service-nav{display:flex;align-items:stretch;gap:8px;padding:14px 0;margin-bottom:16px;border-bottom:1px solid #ededed}
 .service-nav button{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 4px;border:1px solid #e8e8e8;border-radius:10px;font-size:11px;line-height:1.7;background:#fafafa;color:#262626;min-height:46px;overflow-wrap:anywhere}
 .service-nav button.active{border-color:#292929;background:#f2f2f2;font-weight:bold}.service-nav svg{width:20px;height:20px;flex-shrink:0}
 .mobile-nav{padding-top:4px;box-shadow:none;border-top:1px solid #e5e5e5}.mobile-nav>button{color:#171717;border-radius:0;font-size:10px;min-height:56px}.mobile-nav>button.active{background:none;color:#111;font-weight:bold}.mobile-nav>button.active svg{stroke-width:2.5}.mobile-nav>.nav-create svg{background:none;color:#171717;width:28px;height:28px;padding:0;border-radius:0}
 .mobile-nav svg{width:25px;height:25px}.post{border-inline:0;border-radius:0;margin-inline:-16px;margin-bottom:22px}.post .post-media{max-height:680px}.post-header{padding:12px 16px}.post-footer{padding-inline:16px}.post .body{margin-inline:16px}
 .main>.tabs{margin-top:0}.main>.page-title{margin-top:8px}.sidebar-bottom{display:none}
}

.mobile-nav .avatar,.nav .avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;margin:0}.mobile-nav button.active .avatar{outline:2px solid #171717;outline-offset:2px}

/* Updating the generated introduction must not move the active form control. */
#stay-preview,#stay-results{overflow-anchor:none}.location-credit{display:block;margin:-4px 0 18px;font-size:11px}.location-fields{align-items:start}

.ad-preview{border:1px dashed #64748b;box-shadow:none;text-align:center}.ad-preview strong{display:block;margin-block:12px}.ad-preview small{display:block;color:#475569}.ad-preview p{margin-block-end:0}

/* Business directory */
.services-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;margin-block:20px}
.service-card{display:flex;flex-direction:column;gap:8px;margin:0}.service-card h2{font-size:1.25rem;margin:4px 0}.service-card .actions{margin-top:auto}
.service-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;color:var(--muted,#536477)}
.service-tools{flex-wrap:wrap;gap:8px;margin-bottom:18px}.service-facts{display:grid;grid-template-columns:minmax(90px,1fr) 3fr;gap:10px 16px}.service-facts dt{color:#536477}.service-facts dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
.service-stats{display:flex;flex-wrap:wrap;gap:20px}.service-reply{padding:14px;margin-block:12px;background:#f3f6f8;border-radius:12px}.service-reply.mine{border-inline-start:3px solid #227864}
.advertising-guide li{margin-block:12px}.svc-catalog-row{min-width:0}.service-nav{overflow-x:auto;flex-wrap:nowrap}.service-nav button{flex-shrink:0}
@media(max-width:480px){.service-facts{grid-template-columns:1fr}.service-facts dd{margin-bottom:8px}.service-tools button{flex:1 1 140px}}

.service-photo{width:100%;max-height:280px;aspect-ratio:16/9;object-fit:cover;border-radius:12px;margin-bottom:14px}.service-placeholder{display:grid;place-items:center;aspect-ratio:16/7;border-radius:12px;background:#edf5f2;color:#237962}.service-placeholder svg{width:46px;height:46px}.service-profile .service-placeholder{display:none}

.svc-preference{min-width:0;margin-block:16px;border:1px solid var(--line,#ddd);border-radius:12px;padding:12px}.svc-window input{max-width:100%;min-width:0}#svc-notice-banner:empty{display:none}#svc-notice-banner{margin-block:12px}
.svc-window .grid,.svc-preference .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.svc-window .field,.svc-preference .field{min-width:0}
@media(max-width:640px){.svc-window .grid,.svc-preference .grid{grid-template-columns:minmax(0,1fr)}}

.svc-opening-hours{margin-block:24px}.svc-opening-hours>legend{font-weight:bold}.svc-opening-row{border-bottom:1px solid #e0e7e5;padding:12px 0}.svc-opening-row .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.svc-opening-row .field{min-width:0;margin-bottom:8px}.svc-schedule-editor{border-top:1px solid #e0e7e5;padding-top:16px;margin-top:16px}.svc-setup-status{background:#edf4f2;border-radius:12px;padding:16px;margin-block:14px}.svc-setup-status p:last-child{margin-bottom:0}

/* Appointment journeys: customer navigation is separate from provider tools. */
.svc-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.svc-tabs button{flex:1;min-width:120px}.svc-provider-entry{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:18px}.text-button{border:0;background:transparent;color:var(--accent,#246b6b);padding:8px;font:inherit;text-decoration:underline;cursor:pointer}.svc-intro,.svc-booking-provider{background:#eef6f5;border-radius:16px;padding:18px;margin-bottom:16px;color:#173b3b}.svc-intro h2,.svc-booking-provider h2{margin-top:0}.svc-steps{display:flex;gap:8px;padding:0;list-style:none;margin:16px 0}.svc-steps li{flex:1;padding:12px 8px;background:#f0f3f4;border-radius:10px;font-size:.88rem;color:#4a5d65}.svc-steps li[aria-current=step]{background:#174e51;color:white;font-weight:700}.svc-policy{padding:12px 14px;border-inline-start:3px solid #328687;background:#eff7f6;color:#234e50;line-height:1.8}.svc-next-step{background:#f5f7fa;border-radius:10px;padding:12px;line-height:1.8}.svc-availability{font-size:.9rem;color:#355e5d}.svc-booking-controls,.svc-action-choices{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.svc-booking-controls button{flex:1}.svc-action-choices button[aria-pressed=true]{background:#174e51;color:white;border-color:#174e51}.svc-alternatives{margin:14px 0;padding:12px;border:1px solid #d6e3e3;border-radius:12px}.svc-alternatives summary{cursor:pointer;font-weight:600}.svc-booking-controls [hidden],[data-booking-step][hidden]{display:none!important}@media(max-width:480px){.svc-tabs button{min-width:90px;font-size:.84rem;padding:10px 6px}.svc-steps li{padding:10px 5px;font-size:.78rem}.svc-provider-entry{justify-content:flex-start}.svc-intro{padding:14px}.svc-action-choices button{flex:1 1 45%}}

.svc-search-location{margin:10px 0}.svc-search-location summary{cursor:pointer;padding:8px 0;font-weight:600}.svc-intro .svc-steps{margin-bottom:0}.svc-intro>p{font-size:.9rem;margin-bottom:0}

.svc-reception-summary .service-facts{display:grid;grid-template-columns:minmax(5rem,auto) minmax(0,1fr);gap:.65rem 1rem;align-items:start}.svc-reception-summary .service-facts dt,.svc-reception-summary .service-facts dd{margin:0;overflow-wrap:anywhere}.svc-reception-summary .service-facts dt{font-weight:600}.svc-reception-actions textarea{min-height:5rem}.svc-reception-actions .actions{gap:.65rem}

.svc-management{margin:1rem 0}.svc-management-card{display:flex;flex-direction:column;text-align:start;gap:.5rem;cursor:pointer;width:100%;margin:0}.svc-management-card strong{font-size:1rem}.svc-management-card span{font-weight:400;line-height:1.7;color:var(--muted)}.svc-conversation-preview{border-top:1px solid #e2e8e8;margin-top:1rem;padding-top:.75rem}.svc-conversation-preview h3{font-size:1rem}.svc-conversation-preview .service-reply{margin:.5rem 0}
.svc-management>.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}

.svc-date-time{display:inline-flex;flex-wrap:wrap;gap:.35rem 1rem;unicode-bidi:isolate;align-items:baseline}.svc-date-time>bdi,.svc-date-time>span{white-space:nowrap}.svc-work-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.svc-work-tabs button{flex:1 1 9rem}.svc-work-tabs strong{margin-inline-start:.5rem}.svc-work-layout{display:grid;grid-template-columns:minmax(16rem,1fr) minmax(0,1.4fr);gap:1rem;align-items:start}.svc-work-row{display:flex;flex-direction:column;gap:.65rem;width:100%;text-align:start;cursor:pointer;color:inherit}.svc-work-row.selected{outline:2px solid #147d7b}.svc-work-row .row{width:100%}.svc-work-row>span{overflow-wrap:anywhere}.svc-open-label{font-weight:600;color:#147d7b}.svc-work-entry{margin:1rem 0}.svc-work-list{min-width:0}#svc-work-detail{min-width:0;scroll-margin-top:1rem}@media(max-width:849px){.svc-work-layout{grid-template-columns:minmax(0,1fr)}}

.svc-appointment-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.svc-appointment-card{margin:0}.svc-appointment-card h2{margin:0}.svc-appointment-card>.svc-reception-actions{padding:0;border:0;box-shadow:none;margin:1rem 0}.svc-card-conversation{border-top:1px solid #e2e8e8;padding-top:.75rem}.svc-appointment-card>.meta{margin:.5rem 0}
.svc-appointment-card>.svc-date-time{display:flex}.svc-appointment-card>p.meta{display:block}

/* Reception cards stay in one full-width column, including expanded controls. */
.svc-appointment-cards,.svc-appointment-card{width:100%;min-width:0}
.svc-appointment-card{display:block;overflow-wrap:anywhere}
.svc-appointment-card>header{flex-wrap:wrap;gap:8px;margin-bottom:12px}
.svc-appointment-card>.svc-card-conversation{display:block;width:100%;margin:16px 0 0;padding:0;border-block:1px solid var(--line,#e2e8e8)}
.svc-card-conversation>summary{padding:14px 0;min-height:48px;cursor:pointer;font-weight:600;color:#246763}
.svc-card-messages{max-height:320px;overflow-y:auto;overscroll-behavior:contain}
.svc-card-messages .service-reply{margin:0 0 12px}
.svc-appointment-card>.svc-reception-actions{display:block;width:100%;margin:16px 0 0}
.svc-reception-actions>.field,.svc-reception-actions>.svc-alternatives{width:100%;min-width:0}
.svc-reception-actions>.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
.svc-reception-actions>.actions>button:last-child:nth-child(odd){grid-column:1/-1}
.svc-reception-actions>.svc-alternatives{margin:16px 0 0;background:#f7f9f8;padding:0 14px}
.svc-reception-actions>.svc-alternatives>summary{padding:14px 0;min-height:48px}
.svc-reception-actions>.svc-alternatives>.field{width:100%;margin-top:12px}
.svc-reception-actions>.svc-alternatives>button{width:100%;margin-bottom:14px}

@media(max-width:480px){#svc-work-filter>.grid{grid-template-columns:minmax(0,1fr)}.svc-appointment-card{padding:16px}.svc-reception-actions>.actions>button{padding-inline:8px}}

/* Keep the page frame stable when navigating between short and long views. */
html{scrollbar-gutter:stable}
.main{overflow-wrap:anywhere}
@media(min-width:741px){.shell,.android .shell{max-width:1100px;grid-template-columns:210px minmax(0,1fr);gap:32px}.settings-page{max-width:none}}
/* Business identities: one stable column, generous touch targets, scoped styles. */
.svc-hub-section { margin-block: 28px; }
.svc-hub-section > .row { gap: 12px; flex-wrap: wrap; margin-block-end: 16px; }
.svc-hub-section h2 { margin: 0; font-size: 1.15rem; }
.svc-page-card { margin-block: 14px; }
.svc-card-heading { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; }
.svc-card-heading > div { flex: 1; min-width: 150px; }
.svc-card-heading h3, .svc-card-heading p { margin: 4px 0; }
.svc-card-heading .service-photo, .svc-card-heading .service-placeholder { width: 64px; height: 64px; min-width: 64px; object-fit: cover; border-radius: 18px; margin: 0; flex: none; }
.svc-role { color: #37645e; font-weight: 600; }
.svc-cat-list { display: grid; grid-template-columns: repeat(auto-fit,minmax(210px,1fr)); gap: 12px; margin-block-start: 16px; }
.svc-cat-list .panel { margin: 0; display: grid; gap: 12px; }
.svc-identity { display: flex; align-items: center; gap: 12px; padding: 14px 18px; border: 1px solid #dce6e4; background: #edf5f3; border-radius: 16px; margin-block: 16px; }
.svc-identity > div { display: grid; gap: 3px; flex: 1; min-width: 0; }
.svc-identity strong, .svc-team-member strong { overflow-wrap: anywhere; }
.svc-identity span, .svc-identity small { font-size: .82rem; color: #536b67; }
.svc-identity .service-photo, .svc-identity .service-placeholder { width: 44px; height: 44px; flex: none; border-radius: 12px; object-fit: cover; margin: 0; }
.svc-professional { padding: 0 24px 24px; overflow: hidden; }
.svc-page-cover { height: 110px; margin: 0 -24px 0; background: linear-gradient(120deg,#143e43,#44867c); }
.svc-profile-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; position: relative; padding-top: 20px; }
.svc-profile-heading > div { flex: 1; min-width: 140px; }
.svc-profile-heading h1 { margin: 6px 0; font-size: 1.6rem; line-height: 1.6; }
.svc-profile-heading p { margin: 0; }
.svc-profile-heading .service-photo, .svc-profile-heading .service-placeholder { width: 90px; height: 90px; border: 4px solid white; border-radius: 24px; object-fit: cover; margin: -48px 0 0; flex: none; background: #e7f0ed; }
.svc-profile-bio { line-height: 1.9; white-space: pre-wrap; overflow-wrap: anywhere; }
.svc-page-tools { margin-block: 14px; gap: 10px; }
.svc-page-tools button, .svc-profile-tabs button { min-height: 44px; }
.svc-profile-tabs { display: flex; border-bottom: 1px solid #dce6e4; gap: 8px; margin-block: 22px; }
.svc-profile-tabs button { flex: 1; border: 0; border-bottom: 3px solid transparent; border-radius: 0; background: transparent; color: #617470; padding: 12px 8px; font-weight: 700; }
.svc-profile-tabs button.active { border-bottom-color: #147d79; color: #147d79; }
.svc-profile-tabs button:focus-visible { outline: 2px solid #147d79; outline-offset: 2px; }
.svc-offer-list { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); }
.svc-offer { margin: 0; display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
.svc-offer h3,.svc-offer p { margin: 0; }
.svc-offer button { margin-top: auto; }
.svc-business-post .post-media { width: 100%; max-height: 520px; object-fit: contain; border-radius: 12px; background: #f4f7f6; }
.svc-team-member { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-block: 18px; border-bottom: 1px solid #e4ebe9; }
.svc-team-member > div { display: grid; gap: 6px; min-width: 0; overflow-wrap: anywhere; }
.svc-team-member span { font-size: .88rem; color: #617470; }
.svc-onboarding-extra { border: 1px solid #dce6e4; border-radius: 14px; padding: 18px; margin-block: 20px; }
.svc-onboarding-extra summary { font-weight: 700; cursor: pointer; min-height: 32px; }
@media(max-width:600px) {
 .svc-professional { padding: 0 16px 20px; }
 .svc-page-cover { margin-inline: -16px; height: 90px; }
 .svc-profile-heading h1 { font-size: 1.35rem; }
 .svc-page-tools { display: grid; grid-template-columns: 1fr; }
 .svc-team-member { align-items: stretch; flex-direction: column; }
 .svc-identity { padding: 12px; flex-wrap: wrap; }
 .svc-offer-list,.svc-cat-list { grid-template-columns: 1fr; }
 .svc-hub-section > .row > button { width: 100%; }
}
.nav-group { display: grid; gap: 4px; margin-block: 10px; }
.nav-group > small { padding: 4px 12px; color: #667c78; font-size: .75rem; }
.account-overview { display: flex; align-items: center; gap: 16px; }
.account-overview h2 { margin: 0 0 6px; }
.account-overview p { margin: 0; overflow-wrap: anywhere; }
.account-destinations { padding-block: 0; }
.account-destination { width: 100%; display: flex; align-items: center; gap: 16px; padding: 20px 4px; text-align: start; border: 0; border-bottom: 1px solid #e5eeeb; border-radius: 0; background: transparent; color: inherit; }
.account-destination:last-child { border-bottom: 0; }
.account-destination > span { flex: 1; display: grid; gap: 7px; }
.account-destination small { font-weight: 400; color: #617470; line-height: 1.7; }
.account-destination svg { flex: none; }
.account-destination:hover { background: #f4f8f7; }
.notification-entry { position: relative; }
.notification-count { position: absolute; inset-inline-end: -3px; top: -5px; background: #b33448; color: white; border: 2px solid white; min-width: 20px; padding: 1px 4px; border-radius: 20px; font-size: 11px; }
.notification-count[hidden] { display: none; }
.invitation-alert { width: 100%; display: flex; align-items: center; gap: 12px; border: 1px solid #c9e0db; background: #eaf5f1; color: #174e47; padding: 14px 16px; border-radius: 14px; margin-block: 12px; text-align: start; }
.invitation-alert span { flex: 1; }
.invitation-alert strong { font-size: .85rem; }
@media(max-width:600px) { .account-destination { gap: 12px; } .invitation-alert { flex-wrap: wrap; } .account-bar .header-actions button { min-width: 36px; padding-inline: 6px; } }

/* Icon labels may be hidden; the unread badge must remain visible. */
.header-actions .notification-count:not([hidden]), .nav .notification-count:not([hidden]) { display: inline-flex; align-items: center; justify-content: center; line-height: 16px; height: 20px; box-sizing: border-box; z-index: 1; }
.nav .notification-count { position: static; flex: none; margin-inline-start: auto; }

/* Message counts are independent of service notifications. */
.header-actions button[data-go="messages"] { position: relative; }
.message-count, .thread-unread { background:#b33448; color:#fff; border-radius:20px; min-width:20px; padding:1px 5px; font-size:11px; line-height:18px; text-align:center; }
.header-actions .message-count:not([hidden]), .nav .message-count:not([hidden]), .thread-unread:not([hidden]) { display:inline-flex; align-items:center; justify-content:center; }
.header-actions .message-count { position:absolute; inset-inline-end:-3px; top:-5px; border:2px solid white; }
.nav .message-count { margin-inline-start:auto; }
.message-count[hidden], .thread-unread[hidden] { display:none; }
.thread-unread { margin-inline-start:8px; }

.activity-identity{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;margin-bottom:16px;background:var(--soft,#eaf3f1);border-radius:12px}.activity-identity select{width:auto;min-width:120px;max-width:100%;margin:0}.birthday-card-image{display:block;width:100%;max-width:320px;max-height:320px;object-fit:contain;border-radius:16px;margin:12px auto}

/* Friendly illustrations remain separate from the brand. */
.avatar-placeholder{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:#dcf3c7;color:#43751c;flex-shrink:0}
.avatar-placeholder svg{width:78%;height:78%;max-width:none;max-height:none;flex:none}
.avatar-placeholder.avatar-tone-1{background:#fff0bf;color:#805810}
.avatar-placeholder.avatar-tone-2{background:#ede2ff;color:#72519f}
.avatar-placeholder.avatar-tone-3{background:#dcf3ff;color:#317091}
.avatar-placeholder.avatar-tone-4{background:#ffe2ea;color:#a65370}
:root{--bg:#fdfefb;--ink:#3b4435;--muted:#687064;--green:#276b60;--soft:#eef4f2;--orange:#ffc800;--line:#e5e8e1}
body{background:#fdfefb;color:#3b4435;font-family:App,sans-serif;font-size:16px;line-height:1.85;font-weight:400}
html[lang=en] body{font-family:CatLatin,App,sans-serif;line-height:1.65}
button,input,select,textarea{font-family:inherit;letter-spacing:0}
h1,h2,h3{color:#3b4435;letter-spacing:0;line-height:1.6;font-weight:800}
h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}
p{color:#687064}.meta,small{color:#687064}
.primary{background:#276b60;color:#fff;border:1px solid #276b60;border-radius:12px;box-shadow:0 1px 2px #284b1112;font-weight:700;font-size:14px;min-height:44px;transition:background .15s,border-color .15s}
.primary:hover{background:#20594f;filter:none}.primary:active{background:#19483f;box-shadow:none}
.secondary{background:#fff;color:#43564f;border:1px solid #dce4df;border-radius:11px;box-shadow:none;font-size:13px;font-weight:600;min-height:40px;padding:8px 14px}
.primary:disabled,.secondary:disabled{box-shadow:none}
a,.link{color:#276b60}
.panel,.post,.card,.cat-card{border:2px solid #e5e8e1;border-radius:18px;box-shadow:none}
.nav button{font-size:15px;font-weight:600;min-height:48px}
.nav button.active{background:#edf4f1;color:#276b60;box-shadow:inset 0 0 0 1px #cbded5;border-radius:14px;font-weight:800}
.nav button:hover:not(.active){background:#f2f6ed}
.nav button[data-go=compose]{background:#276b60;color:#fff;border-color:#276b60;box-shadow:none;border-radius:12px;font-weight:700}
.mobile-nav button.active{background:#edf4f1;color:#276b60;box-shadow:inset 0 0 0 1px #cbded5;border-radius:12px}
.mobile-nav>button{font-size:11px;font-weight:600}
.tabs button.active{background:#edf4f1;color:#276b60;box-shadow:inset 0 0 0 1px #cbded5}
.profile-cover,.svc-page-cover{background:#e5f6d7}
.activity-identity,.svc-identity{background:#f2f8eb;border-color:#d8e9c7}
.empty>svg{color:#59a321;background:#edf8e4;border-radius:20px;padding:10px;width:66px;height:66px}
.cats>.card{border:2px solid #e5e8e1}
.greeting-card{background:#fff9de;border-color:#f0df9c}
.account-destination>svg{background:#edf8e4;border-radius:12px;padding:7px;box-sizing:content-box;color:#4d8a1e}
.account-destination:nth-child(3n+2)>svg{background:#e0f4ff;color:#2984b3}
.account-destination:nth-child(3n)>svg{background:#fff4c7;color:#986c00}
input,select,textarea{background:#fff;border:2px solid #e5e8e1;border-radius:12px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #58a51a;outline-offset:2px}
html[lang=fa] .brand,html[lang=fa] .page-title,html[lang=fa] .nav{letter-spacing:0}
@media(max-width:600px){h1{font-size:24px}.primary,.secondary{font-size:14px}.mobile-nav>button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.primary{transition:none}}

.secondary:hover{background:#f2f6f4;border-color:#bccfc5}.secondary:active{background:#e6eee9}.actions{gap:10px}.actions .primary,.actions .secondary{min-height:40px;padding:8px 14px}.actions .link{font-weight:500;font-size:13px}.primary:focus-visible,.secondary:focus-visible{outline:2px solid #276b60;outline-offset:3px}

.primary:disabled,.secondary:disabled{background:#eef1ef;color:#89958e;border-color:#e0e6e2;opacity:1;cursor:not-allowed}

/* Selected white and spring-green theme. */
:root{--bg:#fff;--ink:#343744;--muted:#7c7f89;--green:#91d27d;--soft:#eff8eb;--line:#ececf0}
 body,.shell,.main,.sidebar,.account-bar,.mobile-nav{background:#fff;color:#343744}
 h1,h2,h3{color:#343744}p,.meta,small{color:#7c7f89}
 .panel,.post,.card,.cats>.card{background:#fff;border:1px solid #e8e9ee;box-shadow:0 3px 12px #33334d06;border-radius:18px}
 .primary,.nav button[data-go=compose]{background:#91d27d;border:1px solid #91d27d;color:#294c25;box-shadow:none}
 .secondary{background:#fff;border:1px solid #e4e5eb;color:#555965;box-shadow:none}
 .cats .primary{background:#eff8eb;border-color:#eff8eb;color:#487b3c}
 a,.link{color:#487b3c}
 .mobile-nav button.active,.nav button.active,.tabs button.active{background:#eff8eb;color:#487b3c;box-shadow:none}
 .mobile-nav{border-color:#ececf0}.avatar-placeholder{background:#edf4f7;color:#5c7a8a}
 .avatar-placeholder.avatar-tone-1{background:#ffede3;color:#a67a61}
 .avatar-placeholder.avatar-tone-2{background:#f0eafa;color:#8871a5}
 .avatar-placeholder.avatar-tone-3{background:#e5f3f8;color:#628b9b}
.primary:hover,.nav button[data-go=compose]:hover{background:#83c96d;border-color:#83c96d;color:#294c25}
.primary:active,.nav button[data-go=compose]:active{background:#75bc60;border-color:#75bc60}
.secondary:hover{background:#f5f9f2;border-color:#d5e4ce}.secondary:active{background:#edf5e8}
.cats .primary:hover{background:#e1f0d9;border-color:#e1f0d9}
.nav button:hover:not(.active){background:#f5f9f2}
.profile-cover,.svc-page-cover,.activity-identity,.svc-identity{background:#eff8eb;border-color:#dbead3}
.empty>svg,.account-destination>svg{background:#eff8eb;color:#487b3c}
input,select,textarea{border-color:#e4e5eb}
input:focus-visible,select:focus-visible,textarea:focus-visible,.primary:focus-visible,.secondary:focus-visible{outline-color:#487b3c}
.primary:disabled,.secondary:disabled,.cats .primary:disabled{background:#f1f3f5;color:#818993;border-color:#e4e7eb;box-shadow:none;cursor:not-allowed}


/* Explicit foregrounds prevent the former white-on-light greeting card. */
.greeting-card{background:#fff9e9;color:#433b28;border:1px solid #eee1b9;border-radius:22px;padding:24px;margin:16px 0}
.greeting-card p,.greeting-card .body,.greeting-card strong,.greeting-card .person{color:#433b28}
.greeting-card .link{color:#65501b;text-decoration:underline;text-underline-offset:4px}
.greeting-card .pill{background:#f5e6b2;color:#57451a}
.greeting-card .link:focus-visible,.greeting-card .person:focus-visible{outline:2px solid #65501b;outline-offset:4px}

/* Care type picker follows the spring-green controls on both layouts. */
#web-care-form select[name="type"]{appearance:none;-webkit-appearance:none;background-color:#eff8eb;border:1px solid #c8dfbd;color:#294c25;border-radius:12px;min-height:52px;padding-inline:16px 44px;font-weight:700;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23487b3c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
[dir="rtl"] #web-care-form select[name="type"]{background-position:left 14px center}
#web-care-form select[name="type"]:focus-visible{outline:2px solid #487b3c;outline-offset:3px}
#web-care-form select[name="type"] option{background:#fff;color:#294c25;font-weight:400}

/* The home feed starts directly below its header; secondary actions live in Home options. */
.feed-menu{position:relative}.feed-menu>summary{display:flex;align-items:center;gap:4px;list-style:none;cursor:pointer}.feed-menu>summary::-webkit-details-marker{display:none}.feed-menu-chevron{font-size:16px;color:#487b3c}.feed-menu-panel{position:absolute;inset-inline-start:0;top:calc(100% + 12px);width:min(290px,85vw);padding:10px;background:#fff;border:1px solid #e2e8df;border-radius:16px;box-shadow:0 10px 30px #18374620;z-index:12}.feed-menu-panel>button{width:100%;display:flex;align-items:center;gap:10px;text-align:start;padding:12px;border-radius:10px}.feed-menu-panel>button:hover{background:#eff8eb}.feed-menu-panel svg{width:22px;height:22px}.feed-menu-panel .activity-identity{flex-wrap:wrap;margin:0;padding:10px}.feed-menu-panel .activity-identity select{max-width:100%}.home-feed>.post:first-child{margin-top:0}.home-feed img.post-media{height:auto;max-height:none;object-fit:contain}.service-management{margin-bottom:16px}
@media(min-width:741px){.account-bar:has(.feed-menu) .compact-brand{display:block}}
@media(max-width:740px){.mobile-nav>.nav-create svg{width:32px;height:32px;padding:4px;border:1.5px solid currentColor;border-radius:9px}.home-feed>.post:first-child{border-top:0;border-start-start-radius:0;border-start-end-radius:0}.account-bar:has(.feed-menu){margin-bottom:0}.account-bar .brand{gap:5px}.feed-menu-chevron{font-size:13px}}

.stay-cat-picker{display:grid;gap:10px}.stay-cat-option{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #d9e8d4;border-radius:14px;cursor:pointer}.stay-cat-option:has(input:checked){background:#eff8eb;border-color:#91d27d}.stay-cat-option input{width:20px;height:20px;flex:none}.stay-cat-option .avatar,.stay-cat-detail .avatar{width:40px;height:40px}.stay-cats-info{display:grid;gap:10px;margin-block:12px}.stay-cat-detail{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f7faf6;border-radius:12px}.stay-cat-detail p{margin:4px 0;overflow-wrap:anywhere}
/* Compact social controls share the same layout in the browser and Android. */
.social-header{display:none}
.post-footer [data-action="like"]{color:var(--text,#263238);background:transparent;border:0;box-shadow:none;padding:6px;gap:7px}
.post-footer [data-action="like"].liked{color:#de334b}
.post-footer .liked svg{fill:none}
.post-comments{border:0;border-top:1px solid #eef0f1;border-radius:0;background:transparent;padding:8px 14px}
.post-comments summary{font-size:13px;color:#69727a;padding:3px 0}
.post-comments .comment-form{display:flex;align-items:center;gap:10px;border-top:1px solid #eef0f1;margin-top:8px;padding-top:5px}
.post-comments .comment-form input{flex:1;min-width:0;border:0;background:transparent;box-shadow:none;padding:10px 0;border-radius:0;font-size:14px}
.post-comments .comment-form button{background:transparent;border:0;box-shadow:none;font-size:13px;padding:8px;color:#277b40}
.activity-item{display:flex;align-items:center;gap:12px;width:100%;text-align:start;border:0;border-bottom:1px solid #edf0ed;border-radius:0;box-shadow:none;background:white;padding:16px 12px}
.activity-item.unread{background:#f3faf1}.activity-item>span{flex:1;display:grid;gap:5px}.activity-item small{font-weight:400;color:#6c7770}.unread-dot{width:8px;height:8px;border-radius:50%;background:#de334b}
.feed-refresh{display:flex;align-items:center;gap:8px;min-height:28px}.feed-refresh button{padding:0 9px;font-size:22px}.feed-refresh span{font-size:12px;color:#65716a}
.paw-pop [data-action="like"] svg{animation:paw-pop .35s ease-out}
@keyframes paw-pop{50%{transform:scale(1.35)}}
@media(prefers-reduced-motion:reduce){.paw-pop [data-action="like"] svg{animation:none}}
@media(max-width:760px){
 .main>.account-bar{display:none!important}
 .social-header{display:grid;grid-template-columns:48px 1fr 48px;direction:ltr;align-items:center;position:sticky;top:0;z-index:20;background:white;border-bottom:1px solid #edf0ed;padding:7px 12px;min-height:58px}
 .social-header strong{text-align:center;font-size:23px;font-weight:800}
 .social-header button{position:relative;display:grid;place-items:center;background:transparent;border:0;box-shadow:none;border-radius:12px;width:44px;height:44px;padding:8px;color:#202c26}
 .social-header svg{width:27px;height:27px}
 .social-header img.notification-cat-bell{width:32px;height:32px;object-fit:contain}
 .social-header .notification-count{position:absolute;top:0;right:0;background:#de334b;color:white;min-width:17px;height:17px;border-radius:12px;padding:1px 4px;font-size:10px;line-height:15px}
 .feed-refresh{min-height:24px}.home-feed .post{border-radius:0}
}
.android .main>.account-bar{display:none!important}
.android .social-header{display:grid;grid-template-columns:48px 1fr 48px;direction:ltr;align-items:center;background:white;padding:7px 12px}
.android .social-header strong{text-align:center;font-size:23px}
/* Profile-first account and direct messaging navigation. */
.main>.account-bar{display:none!important}
.social-header{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;direction:ltr;align-items:center;position:sticky;top:0;z-index:20;background:#fff;padding:8px 12px;border-bottom:1px solid #edf0ed;min-height:60px}
.social-header>strong{text-align:center;font-size:23px}.social-header>button{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:8px;border:0;box-shadow:none;background:transparent;color:#202c26}.social-header svg{width:26px;height:26px}.social-header img.notification-cat-bell{width:32px;height:32px;object-fit:contain}
.social-header .notification-count{position:absolute;top:0;right:0;background:#de334b;color:white;border-radius:12px;min-width:17px;font-size:10px;padding:0 4px}
.profile-switcher{position:relative;text-align:center;min-width:0}.profile-switcher summary{list-style:none;cursor:pointer;font-size:19px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px}.profile-switcher summary::-webkit-details-marker{display:none}
.profile-switcher>div{position:absolute;top:40px;left:50%;transform:translateX(-50%);width:min(310px,80vw);max-height:60vh;overflow:auto;background:white;border:1px solid #e6ebe7;border-radius:16px;box-shadow:0 10px 32px #20332920;padding:8px;direction:rtl;z-index:30}.profile-switcher button{display:flex;align-items:center;gap:12px;width:100%;padding:10px;text-align:start}.profile-switcher button span{flex:1}.profile-switcher .avatar{width:38px;height:38px}.profile-switcher [aria-current=true]{background:#eff8eb;border-radius:10px}
.social-profile{padding:22px 16px 15px;background:white}.profile-summary{display:grid;grid-template-columns:88px repeat(3,minmax(0,1fr));align-items:center;gap:8px}.profile-summary .avatar.large{width:82px;height:82px;border:0;box-shadow:none}.profile-stat{display:grid;gap:3px;text-align:center;background:transparent;box-shadow:none;border:0;padding:5px 0}.profile-stat strong{font-size:20px;color:#202c26}.profile-stat span{font-size:12px;color:#526056}.social-profile h1{font-size:17px;margin:14px 0 5px}.social-profile .profile-bio{white-space:pre-wrap;margin-bottom:4px;font-size:14px;color:#29372f}.profile-buttons{display:flex;gap:8px;margin-top:16px}.profile-buttons>button{flex:1;min-width:0;padding:8px 10px;font-size:13px;min-height:38px;box-shadow:none;border-radius:9px}.profile-grid-heading{display:flex;align-items:center;justify-content:center;gap:8px;border-block:1px solid #e9ecea;padding:10px}.profile-grid-heading svg{width:23px;height:23px}.profile-grid-heading span{font-size:12px}.profile-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.profile-post-tile{aspect-ratio:1;padding:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;background:#f0f6ef;border-radius:0;box-shadow:none;position:relative}.profile-post-tile img{width:100%;height:100%;object-fit:cover}.profile-post-tile span{font-size:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding:0 10px}.profile-post-tile svg{width:28px;height:28px}
.profile-menu{min-width:min(340px,80vw)}.profile-menu>button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 4px;border-bottom:1px solid #eef0ed;text-align:start}.profile-menu h2{font-size:19px}.profile-menu svg{width:22px;height:22px}.connection-person{display:flex;align-items:center;gap:12px;padding:12px;width:100%;text-align:start}.connection-person>span{flex:1}
.care-service-entry{margin:16px 0}.care-service-entry>button{display:flex;align-items:center;gap:14px;width:100%;text-align:start;border:1px solid #ddebd9;border-radius:14px;background:#f4faf1;padding:16px}.care-service-entry span{flex:1;display:grid;gap:3px}.care-service-entry small{font-weight:400}.care-service-entry svg{width:25px;height:25px}
.direct-inbox{display:grid;grid-template-columns:minmax(200px,34%) minmax(0,1fr);background:white;border:1px solid #e9ecea;min-height:65vh}.direct-list{border-inline-end:1px solid #e9ecea}.direct-list-title{display:flex;justify-content:space-between;align-items:center;padding:20px 16px}.direct-list-title h1{font-size:22px;margin:0}.direct-list-title svg{width:24px;height:24px}.direct-thread{display:flex;align-items:center;gap:12px;text-align:start;width:100%;padding:14px 12px}.direct-thread.active{background:#f0f7ed}.direct-thread>span:nth-child(2){min-width:0;flex:1;display:grid;gap:3px}.direct-thread small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.direct-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#eff5ed;flex-shrink:0}.direct-avatar svg{width:25px;height:25px}.direct-conversation{display:flex;flex-direction:column;min-width:0;padding:0 14px 12px}.direct-thread-header{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid #eef0ed}.direct-thread-header>div{display:grid}.direct-thread-header button{padding:5px}.direct-thread-header svg{width:22px;height:22px}.direct-conversation .messages{height:45vh;min-height:220px;flex:1;padding:14px 0}.direct-composer{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;border:1px solid #dfe6df;border-radius:24px;padding:7px 10px}.direct-composer textarea{flex:1;min-width:0;min-height:36px;max-height:120px;border:0;background:transparent;resize:vertical;box-shadow:none;padding:5px 8px;font-size:14px}.direct-composer button{display:grid;place-items:center;width:36px;height:36px;color:#34813e}.direct-composer button svg{width:22px;height:22px}.direct-composer .form-error{width:100%;margin:0}.direct-composer .form-error:empty{display:none}.direct-empty{display:grid;place-content:center;text-align:center;gap:14px;min-height:300px;padding:20px}.direct-empty>svg{width:48px;height:48px;justify-self:center}.direct-empty h2{font-size:20px;margin:0}
@media(max-width:740px){.direct-inbox{display:block;border:0;min-height:calc(100dvh - 160px)}.direct-list{border:0}.direct-inbox:not(.thread-open) .direct-conversation{display:none}.direct-inbox.thread-open .direct-list{display:none}.direct-inbox.thread-open .direct-conversation{min-height:calc(100dvh - 175px)}.direct-conversation .messages{max-height:calc(100dvh - 310px)}.social-profile{padding-inline:12px}.profile-summary{grid-template-columns:78px repeat(3,minmax(0,1fr));gap:5px}.profile-summary .avatar.large{width:72px;height:72px}.profile-stat span{font-size:11px}}
html[dir=ltr] .profile-switcher>div{direction:ltr}html[dir=ltr] .direct-thread-header svg{transform:rotate(180deg)}
.svc-directory{background:#fff;max-width:760px;margin-inline:auto;padding:8px 18px 20px}.svc-directory-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.svc-directory-heading h1{font-size:23px;margin:0}.svc-directory-heading .link{font-size:12px;min-height:44px}.svc-category-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0 12px}.svc-category-tabs button,.svc-department-tabs button{background:var(--soft,#f2f8ed);border:1px solid transparent;border-radius:12px;padding:8px 12px;min-height:44px;font-size:13px}.svc-category-tabs button[aria-pressed=true],.svc-department-tabs button[aria-pressed=true]{background:var(--green,#b8e994);color:#26451c;border-color:#8bc66c}.svc-directory-filters{margin-bottom:8px}.svc-directory-filters details{font-size:12px}.svc-directory-filters summary{padding:8px 0;min-height:40px}.svc-directory-filters .grid{margin-top:12px}.svc-directory-count{font-size:12px;margin:8px 0;color:#637367}.svc-directory-list{display:block}.svc-directory-row{display:flex;align-items:center;gap:12px;width:100%;padding:14px 0;min-height:94px;border-bottom:1px solid #e6ece6;border-radius:0;background:#fff;text-align:start;box-shadow:none}.svc-directory-row:hover{background:#f8fbf6}.svc-directory-row .service-photo,.svc-directory-row .service-placeholder{width:52px;height:52px;min-height:0;flex-shrink:0;margin:0;border-radius:14px;object-fit:cover;background:#f1f7ed}.svc-directory-row .service-placeholder{display:grid;place-items:center}.svc-directory-row .service-placeholder svg{width:26px;height:26px}.svc-directory-copy{display:block;min-width:0;flex:1}.svc-directory-copy strong{display:block;font-size:15px;font-weight:650}.svc-directory-location,.svc-directory-summary{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;margin-top:4px}.svc-directory-location{color:#637367}.svc-directory-summary{color:#344c3d}.svc-directory-arrow svg{width:18px;height:18px}.svc-demo-label{font-size:10px;padding:1px 5px;border-radius:6px;background:#fff0cc;color:#6b5018;white-space:nowrap}.svc-load-more{width:100%;margin-top:16px}.svc-directory-shortcuts.care-service-entry{margin:24px 0 0;border-top:1px solid #e6ece6}.svc-directory-shortcuts.care-service-entry button{display:flex;align-items:center;justify-content:space-between;gap:10px;background:transparent;padding:14px 0;width:100%;font-size:13px}.svc-directory-secondary{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.svc-directory-secondary .link{font-size:12px;min-height:44px}.svc-provider-header{background:white;padding:20px;border-bottom:1px solid #e6ece6}.svc-provider-header .svc-profile-heading{margin:0;display:flex;gap:16px;align-items:center}.svc-provider-header .svc-profile-heading>div{min-width:0}.svc-provider-header .svc-profile-heading h1{font-size:24px;margin:0}.svc-provider-header .svc-profile-heading p{font-size:13px;margin:6px 0;overflow-wrap:anywhere}.svc-provider-header .service-photo,.svc-provider-header .service-placeholder{width:72px;height:72px;flex-shrink:0;min-height:0;border-radius:18px;margin:0;object-fit:cover}.svc-demo-notice{font-size:12px;margin-top:16px;padding:10px 12px;background:#fff6de;border-radius:10px;color:#705321}.svc-owner-tools{margin-top:16px}.svc-owner-tools summary{min-height:44px;padding:10px 0}.svc-department-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.svc-service-list{background:#fff}.svc-service-line{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 12px;border-bottom:1px solid #e6ece6}.svc-service-line>div{min-width:0;flex:1}.svc-service-line h3{font-size:16px;margin:0}.svc-service-line p{margin:5px 0;font-size:12px}.svc-service-line button{font-size:12px;flex-shrink:0}.svc-contact-details,.svc-page-about{background:white;padding:20px}.svc-contact-details h2,.svc-page-about h2{font-size:19px}.svc-contact-details p{overflow-wrap:anywhere}.svc-contact-links{display:flex;flex-wrap:wrap;gap:12px}.svc-contact-link{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}.svc-page-content{min-width:0}
@media(max-width:740px){.svc-directory{padding:8px 12px 18px}.svc-directory-row{gap:10px}.svc-category-tabs{gap:5px}.svc-category-tabs button{padding:7px 9px;font-size:12px}.svc-provider-header{padding:16px 12px}.svc-service-line{flex-wrap:wrap}.svc-service-line>div{min-width:180px}.svc-directory-copy strong{font-size:14px}.svc-profile-tabs{gap:5px}.svc-profile-tabs button{font-size:12px;padding:9px}.svc-department-tabs button{font-size:12px}}


/* Social discovery: quiet chrome, full-width media and a compact three-column grid. */
.discovery{width:100%;min-width:0}.explore-search{display:flex;align-items:center;gap:10px;background:#f4f6f5;border-radius:14px;padding:10px 14px;margin:8px 0 12px}.explore-search svg{width:22px;flex-shrink:0}.explore-search input{border:0!important;background:transparent!important;box-shadow:none!important;padding:4px;min-width:0;width:100%}.explore-tabs{display:flex;gap:8px;margin-bottom:14px}.explore-tabs button{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;padding:10px 20px;color:var(--muted)}.explore-tabs button.selected{color:var(--ink);border-bottom-color:#78b75d;font-weight:800}.explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin-bottom:16px}.explore-tile{position:relative;aspect-ratio:1;min-width:0;width:100%;overflow:hidden;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#edf4ef;color:#183a32;text-align:start}.explore-tile img,.explore-tile video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.tile-copy{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;padding:12px;font-size:clamp(11px,2.5vw,18px);line-height:1.7;word-break:break-word}.tile-author{position:absolute;bottom:0;inset-inline:0;padding:8px 6px;background:linear-gradient(transparent,#0009);color:#fff;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-kind{position:absolute;top:6px;inset-inline-end:8px;color:white;text-shadow:0 1px 4px #000}.explore-accounts{display:grid;gap:16px;padding:12px 4px}.text-tag{display:inline!important;background:none!important;border:0!important;padding:0 2px!important;box-shadow:none!important;color:#2777a6!important;font:inherit;line-height:inherit;cursor:pointer;border-radius:0!important;word-break:break-word}.post-tags{display:flex;flex-wrap:wrap;gap:10px;padding:0 16px 12px}.mention-editor{margin:12px 0 18px}.mention-editor>input{width:100%}.mention-editor small{display:block;color:var(--muted);line-height:1.8}.mention-result{display:block;width:100%;text-align:start;background:#f4f8f3;border:0;border-radius:10px;padding:10px;margin:4px 0}.mention-chip{display:inline-block;margin:6px 4px;background:#edf6e8;border:1px solid #cfdfc7;border-radius:20px;padding:6px 12px}.home-feed .post{margin-bottom:22px}.home-feed .post-media{max-height:none;object-fit:contain}.home-feed .post .body{padding:0 16px;margin:4px 0 12px;line-height:1.85;overflow-wrap:anywhere}.home-feed .post-header{padding:12px 16px}.home-feed .post-footer{padding:10px 16px}.discovery [aria-busy=true]{opacity:.55;pointer-events:none}
@media(max-width:700px){.discovery{padding:0}.explore-search{margin-inline:10px}.explore-tabs{margin-inline:10px}.explore-grid{gap:2px}.home-feed .post{border-radius:0;border-inline:0;box-shadow:none}.home-feed .post-media{width:100%;height:auto;max-height:none}.explore-tile{min-height:0!important}.home-feed .post-header small{font-size:10px}}

.notification-stream{padding:0;background:var(--surface,#fff)}
.notification-stream .activity-item{width:100%;margin:0;border:0;border-bottom:1px solid #eee;border-radius:0;padding:16px 8px;display:flex;align-items:center;gap:12px;text-align:start;background:transparent}
.notification-stream .activity-item>svg{width:28px;height:28px;flex-shrink:0;stroke-width:1.5}
.notification-stream .activity-item>span{display:flex;flex:1;flex-direction:column;gap:4px;font-size:14px;line-height:1.6}
.notification-stream .activity-item strong{font-weight:500}
.notification-stream .activity-item small{font-size:11px;color:#777}
.notification-stream .invitation-actions{display:flex;gap:6px;flex-wrap:wrap}
.notification-stream .invitation-actions button{padding:7px 10px;font-size:12px}
/* Direct: quiet white canvas, compact rows and grouped message bubbles. */
.direct-shell .main{max-width:none}.direct-shell .account-bar{display:none}
.direct-inbox{height:calc(100dvh - 125px);min-height:480px;border:1px solid #ededed;border-radius:16px;overflow:hidden;grid-template-columns:minmax(260px,35%) minmax(0,1fr);color:#222}
.direct-list{overflow-y:auto;border-color:#eee}.direct-list-title{padding:20px}.direct-list-title h1{font-size:21px;letter-spacing:0}.direct-list-title button{padding:6px}.direct-list-title svg{stroke-width:1.6}
.direct-search-box{margin:0 18px 18px;display:flex;align-items:center;gap:8px;background:#f5f5f5;border-radius:11px;padding:0 12px}.direct-search-box svg{width:18px;height:18px;color:#888;flex-shrink:0}.direct-search-box input{padding:9px 0;border:0;background:none;border-radius:0;font-size:13px;box-shadow:none}.direct-list-caption{font-size:14px;font-weight:600;padding:0 20px 9px}
.direct-thread{padding:13px 18px;gap:12px;border-radius:0;box-shadow:none;min-height:82px}.direct-thread[hidden]{display:none}.direct-thread:hover,.direct-thread.active{background:#f6f6f6}.direct-thread strong{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.direct-thread small{color:#858585;font-size:12px}.direct-thread-copy{overflow:hidden}.direct-thread-meta{display:flex;flex-direction:column;align-items:end;gap:8px;flex-shrink:0}.direct-thread-meta time{font-size:10px;color:#999}.direct-thread .thread-unread{background:#ee4665;color:white;min-width:17px;height:17px;border-radius:50%;font-size:10px;line-height:17px;text-align:center}.direct-avatar{position:relative;width:52px;height:52px;background:#f1f1f1}.direct-avatar .avatar{width:100%;height:100%;background:#f1f1f1}.direct-avatar>i{position:absolute;bottom:-2px;inset-inline-end:-2px;width:20px;height:20px;display:grid;place-items:center;background:white;border:1px solid #eee;border-radius:50%}.direct-avatar>i svg{width:13px;height:13px}
.direct-conversation{padding:0;min-height:0;background:white}.direct-thread-header{padding:13px 20px;gap:11px;min-height:76px;flex-shrink:0}.direct-thread-header .direct-avatar{width:38px;height:38px}.direct-thread-header .direct-recipient{padding:0;text-align:start;font-size:14px;font-weight:600}.direct-thread-header small{font-size:11px;color:#999}.direct-thread-header .direct-back{padding:7px}.direct-thread-header .direct-back svg{width:21px;height:21px}.direct-thread-header .direct-avatar svg{transform:none!important}.direct-stay-status{text-align:center;font-size:11px;padding:6px;color:#777;background:#fafafa}
.direct-conversation .messages{margin:0;border-radius:0;background:white;padding:20px;gap:5px;height:auto;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;flex:1;direction:ltr}.direct-conversation .bubble{max-width:78%;padding:10px 15px;border-radius:20px;background:#f1f1f1;color:#252525;font-size:14px;line-height:1.65;align-self:flex-start;white-space:pre-wrap}.direct-conversation .bubble.mine{background:#e5f3df;color:#243821;align-self:flex-end}.direct-conversation .bubble.continues{border-bottom-left-radius:7px}.direct-conversation .bubble.joined{border-top-left-radius:7px}.direct-conversation .bubble.mine.continues{border-bottom-left-radius:20px;border-bottom-right-radius:7px}.direct-conversation .bubble.mine.joined{border-top-left-radius:20px;border-top-right-radius:7px}.direct-time{font-size:10px;color:#999;text-align:center;margin:16px 0 10px;direction:inherit}.direct-start{margin:auto;color:#999;font-size:13px}
.direct-composer{margin:10px 16px 16px;border:1px solid #dedede;border-radius:24px;min-height:48px;padding:5px 8px 5px 12px;flex-shrink:0;box-shadow:none}.direct-composer textarea{resize:none;line-height:1.6;padding:7px 8px;min-height:34px}.direct-composer button{color:#438b38}.direct-composer button svg{stroke-width:1.6}.direct-empty{margin:auto;min-height:280px;color:#303030}.direct-empty h2{font-size:18px;font-weight:500}.direct-empty p{font-size:13px;color:#888}.direct-empty .secondary{background:#edf6e8;box-shadow:none;border:0;font-size:13px}.direct-no-match{padding:20px;color:#999;text-align:center;font-size:13px}
@media(max-width:740px){.direct-shell{padding-bottom:74px}.direct-shell .main{padding-inline:0}.direct-inbox{height:calc(100dvh - 150px);min-height:320px;border:0;border-radius:0}.direct-list-title{padding:16px 20px}.direct-inbox.thread-open .direct-conversation{height:100%;min-height:0}.direct-conversation .messages{max-height:none;min-height:0;padding:16px}.direct-thread-header{padding:11px 12px}.direct-composer{margin:8px 12px 12px}.direct-thread-meta time{max-width:65px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.direct-thread .direct-avatar{width:54px;height:54px}.direct-conversation .bubble{max-width:84%}}

@media(max-width:740px) and (max-height:600px){.direct-inbox{min-height:0}.direct-shell .mobile-nav{padding-block:4px}}
/* CatClub social reaction and comment symbols. */
.heart-paw-icon,.comment-paw-icon{display:block;flex:none;overflow:visible}
.heart-paw-icon{width:32px;height:32px;object-fit:contain;overflow:hidden;transition:transform .16s ease}
.heart-paw-icon.is-liked{transform:scale(1.03)}
.comment-paw-icon{color:currentColor}
.comment-count{gap:7px}
.social-header .heart-paw-icon{width:30px;height:30px}.social-header .comment-paw-icon{width:28px;height:28px}
.post-footer .heart-paw-icon{width:32px;height:32px}.post-footer .comment-paw-icon{width:28px;height:28px}
/* One comment trigger opens a sheet shared by browsers and the Android WebView. */
body.comments-open{overflow:hidden}
#modal.comments-dialog{position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,560px);height:min(78dvh,680px);max-width:100%;max-height:calc(100dvh - 12px);padding:0;border-radius:22px 22px 0 0;overflow:hidden}
.comments-panel{display:flex;flex-direction:column;height:100%;min-height:0}
#comments-title{position:relative;margin:0;padding:26px 20px 16px;text-align:center;font-size:17px;border-bottom:1px solid #eee;outline:none;flex:none}
#comments-title:before{content:"";position:absolute;top:9px;left:calc(50% - 18px);width:36px;height:4px;border-radius:4px;background:#d4d4d4}
.comments-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px 20px}
.sheet-comment{padding:10px 0;overflow-wrap:anywhere}.sheet-comment strong{font-size:13px}.sheet-comment p{margin:5px 0;line-height:1.8;white-space:pre-wrap;font-size:14px}.comments-empty{color:#777;text-align:center;margin:28px 0;font-size:14px}
#post-comment-form{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:none;margin:0;padding:12px 16px max(12px,env(safe-area-inset-bottom));border-top:1px solid #eee}
#post-comment-form input{box-sizing:border-box;flex:1;min-width:0;min-height:46px;border:1px solid #ddd;border-radius:24px;background:#fafafa;padding:10px 16px;font-size:16px}
#post-comment-form>button[type="submit"]{display:grid;place-items:center;flex:none;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:#edf6e8;color:#347a3b}
#post-comment-form>button[type="submit"] svg{width:21px;height:21px;stroke-width:1.8}
#post-comment-form .form-error{flex-basis:100%;margin:0}#post-comment-form .form-error:empty{display:none}.post-footer .comment-count{min-width:44px;min-height:44px;padding:8px;justify-content:center}.post-footer [data-action="like"]{min-width:44px;min-height:44px;padding:8px;gap:7px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:741px){#modal.comments-dialog{inset:0;margin:auto;width:520px;border-radius:22px}}
/* Scrollable appointment days and compact time slots. */
.svc-calendar{min-width:0;margin-top:12px}.svc-month-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.svc-month-nav button{padding:8px;background:transparent;border:0;color:var(--primary,#287a52);font-size:.85rem}.svc-month-nav button:disabled{opacity:.35}.svc-day-strip{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:10px 2px 16px;max-width:100%}.svc-day{flex:0 0 108px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 8px;border:1px solid #dce6df;border-radius:14px;background:#fff;scroll-snap-align:center}.svc-day strong{font-size:1.4rem}.svc-day small{font-size:.72rem;white-space:nowrap}.svc-day:disabled{opacity:.4}.svc-day[aria-pressed=true]{border:2px solid #409b55;background:#f0faef}.svc-time-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:10px;margin:18px 0}.svc-time-grid button{border:1px solid #7bb48b;background:#fff;color:#236338;border-radius:10px;padding:12px 5px}.svc-time-grid button[aria-pressed=true]{background:#c9efb5;border-color:#409b55;color:#143f22}.svc-time-grid p{grid-column:1/-1}.svc-preference{min-width:0}.svc-picker-values[hidden]{display:none!important}

/* Feed posts use an open, Instagram-style layout without stacked card borders. */
.home-feed>.post{display:block;padding:0;margin:0 0 20px;border:0!important;border-radius:0;background:#fff;box-shadow:none;overflow:visible}
.home-feed>.post .post-header{padding:12px 16px;min-height:64px}
.post-image-frame{width:100%;aspect-ratio:4/5;overflow:hidden;background:#f0f2f2}
.post-image-frame .post-media{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;margin:0;border-radius:0;background:#f0f2f2}
.home-feed>.post>audio{display:block;width:calc(100% - 32px);margin:8px 16px}
.home-feed>.post .post-footer{padding:6px 12px 0;min-height:52px;border:0}
.home-feed>.post .body{margin:0;padding:4px 16px 12px;font-size:14px;line-height:1.85;overflow-wrap:anywhere}
.home-feed>.post .caption-author{font-weight:800;margin-inline-end:4px;color:var(--ink)}
@media(max-width:740px){
 .home-feed>.post{margin:0 -14px 16px;padding-bottom:8px}
 .home-feed>.post .post-header{padding-inline:16px}
 .home-feed>.post .post-footer{padding-inline:12px}
 .home-feed>.post .body{padding-inline:16px}
}
.post-crop{margin:8px 0 18px}.post-crop>p{font-size:12px;margin-bottom:8px}.post-crop-frame{width:min(100%,360px);aspect-ratio:4/5;overflow:hidden;background:#e8ece9;border-radius:10px;margin-bottom:12px}.post-crop-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none}.post-crop>label{display:block;font-size:12px;margin:8px 0}.post-crop input[type=range]{display:block;padding:0;height:30px;border:0;background:transparent;accent-color:#267a48}
.profile-photo-trigger{cursor:zoom-in}.profile-photo-trigger:focus-visible{outline:3px solid #147d7b;outline-offset:3px}.profile-photo-crop{margin:18px 0}.profile-photo-crop>p,.profile-photo-crop>label{font-size:12px}.profile-photo-crop-frame{width:min(62vw,220px);aspect-ratio:1;overflow:hidden;background:#e8ece9;border-radius:50%;margin:10px auto}.profile-photo-crop-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;user-select:none}.profile-photo-crop>label{display:block;margin:8px 0}.profile-photo-crop input[type=range]{display:block;padding:0;height:30px;border:0;background:transparent;accent-color:#267a48}.profile-photo-dialog{width:min(92vw,760px);max-width:none;max-height:92dvh;padding:48px 12px 12px;background:#101719;overflow:hidden}.profile-photo-dialog img{display:block;max-width:100%;max-height:calc(92dvh - 70px);width:auto;height:auto;object-fit:contain;margin:auto}.profile-photo-dialog .profile-photo-close{position:absolute;inset-block-start:5px;inset-inline-end:10px;color:#fff;font-size:30px;line-height:1;width:40px;height:40px;border-radius:50%;background:#ffffff24}.profile-photo-dialog::backdrop{background:#000b}