/* Hamkhast Coastal Signature. Surface owner; *-structure.css owns layout.
   Uiverse references and notices: assets/licenses/uiverse-neumorphism.txt. */
:root {
  color-scheme: light;
  --radius-control: 8px; --radius-card: 8px; --radius-dialog: 12px;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px;
  --control-height: 44px; --motion-fast: 160ms; --motion-normal: 220ms;
  --focus-ring: 0 0 0 3px #087e8b26; --border-quiet: #e1e6ed;
  --surface: #ffffff; --surface-muted: #f4f6f8;
  --neu-base: #f4f6f8; --neu-light: #fff; --neu-dark: #c5cedb;
  --neu-ink: #17203b; --neu-muted: #59657a; --neu-accent: #192443; --neu-line: #ccd5e2;
  --neu-blue: #dce3ef; --neu-mint: #d7ece9; --neu-lilac: #e5dff0; --neu-peach: #f3e5d2;
  --brand-midnight: #171e3e; --brand-midnight-deep: #11162f; --brand-teal: #087e8b;
  --shell-canvas: #eef2f7; --shell-surface: #f3f6fa;
  --header-surface: #263552; --header-nav: #111a30; --header-border: #3b4b6b;
  --header-accent: #35a1a6; --header-text: #ffffff;
  --brand-violet: #6c55a3; --brand-gold: #d3a75f; --brand-coral: #c85b67;
  --brand-cobalt: var(--brand-midnight); --brand-cobalt-deep: var(--brand-midnight-deep); --brand-plum: var(--brand-violet);
  --brand-emerald: var(--brand-teal); --brand-amber: var(--brand-gold);
  --brand-strong: var(--brand-cobalt); --brand-deep: var(--brand-cobalt-deep); --plum-strong: var(--brand-plum);
  --neu-raised: 0 2px 6px #19244308, 0 10px 28px #19244306;
  --neu-control: 0 1px 2px #1924430d;
  --neu-inset: inset 0 0 0 1px var(--neu-line);
  --ink: var(--neu-ink); --muted: var(--neu-muted); --paper: var(--neu-base); --white: var(--neu-base);
  --line: var(--neu-line); --green: var(--neu-accent); --bg-base: var(--neu-base); --bg-surface: var(--neu-base); --bg-raised: var(--neu-base);
  --text-primary: var(--neu-ink); --text-secondary: var(--neu-muted); --text-muted: var(--neu-muted);
  --primary: var(--brand-strong); --primary-hover: var(--brand-deep); --border-subtle: var(--neu-line); --border-strong: #8799b5;
  --success: var(--brand-emerald); --warning: var(--brand-amber); --danger: #d93655;
  --soft-paper: var(--neu-base); --soft-ink: var(--neu-ink); --soft-muted: var(--neu-muted);
  --soft-raised: var(--neu-raised); --soft-button: var(--neu-control); --soft-inset: var(--neu-inset);
}

/* Admin capability center */
body:has(#adminName) .nav-label { color:#748096; letter-spacing:0; }
body:has(#adminName) .sidebar nav button { border:1px solid transparent; }
body:has(#adminName) .sidebar nav button svg { color:#60708c; }
body:has(#adminName) .sidebar nav button.active svg { color:#f3cf78; }
body:has(#adminName) .sidebar nav b { background:#fff; color:var(--brand-strong); border-radius:6px; font-size:10px; }
body:has(#adminName) :is(.feature-summary article,.feature-card,.health-card) { background:#f2f5fa; border:1px solid rgba(48,67,103,.1); border-radius:10px; box-shadow:0 5px 18px rgba(37,49,79,.055); }
body:has(#adminName) .feature-card { color:var(--neu-ink); }
body:has(#adminName) .feature-card:hover { border-color:rgba(36,87,150,.28); background:#f7f9fc; box-shadow:0 8px 24px rgba(37,49,79,.09); }
body:has(#adminName) .feature-card small,body:has(#adminName) :is(.section-intro,.operations-head)>div>p:last-child { color:var(--neu-muted); }
body:has(#adminName) .feature-card em { background:#e6ebf4; color:#516078; border-radius:5px; font-weight:800; }
body:has(#adminName) .feature-card em.is-warning { background:#fae5e9; color:#9d3851; }
body:has(#adminName) .feature-icon { border-radius:9px; }
body:has(#adminName) .feature-icon.teal { background:#dceff1; color:#087d87; }
body:has(#adminName) .feature-icon.blue { background:#e1e8f8; color:#365ac0; }
body:has(#adminName) .feature-icon.rose { background:#f7e2e8; color:#b33f60; }
body:has(#adminName) .feature-icon.green { background:#dcefe6; color:#167253; }
body:has(#adminName) .feature-icon.gold { background:#f4ead2; color:#8a6722; }
body:has(#adminName) .feature-icon.violet { background:#ebe3f2; color:#734c76; }
body:has(#adminName) .feature-summary article { border-top:3px solid #365ac0; }
body:has(#adminName) .feature-summary article:nth-child(2) { border-top-color:#078996; }
body:has(#adminName) .feature-summary article:nth-child(3) { border-top-color:#22815d; }
body:has(#adminName) .healthy { color:#167253; }
body:has(#adminName) .unhealthy { color:#b33f60; }
body:has(#adminName) .health-icon { border-radius:8px; background:#e4eaf4; color:#365ac0; }
body:has(#adminName) .health-card.healthy .health-icon { background:#dcefe6; color:#167253; }
body:has(#adminName) .health-card.unhealthy .health-icon { background:#f7e2e8; color:#b33f60; }
body:has(#adminName) .health-card p,body:has(#adminName) .event-item :is(p,small) { color:var(--neu-muted); }
body:has(#adminName) .event-item { border-top:1px solid var(--neu-line); }
body:has(#adminName) .event-item:hover { background:#edf1f8; }
body:has(#adminName) .event-dot { border-radius:50%; background:#728098; box-shadow:0 0 0 4px #72809818; }
body:has(#adminName) .event-item.warning .event-dot { background:#b77a19; box-shadow:0 0 0 4px #b77a1920; }
body:has(#adminName) .event-item.error .event-dot,body:has(#adminName) .event-item.critical .event-dot { background:#c43d5c; box-shadow:0 0 0 4px #c43d5c20; }
body:has(#adminName) .event-level { background:#e4e9f2; color:#56647a; border-radius:4px; }
body:has(#adminName) .event-item.warning .event-level { background:#f6ead1; color:#805b1d; }
body:has(#adminName) .event-item:is(.error,.critical) .event-level { background:#f7e2e8; color:#9d3851; }
body:has(#adminName) .loading-line { color:var(--neu-muted); }
body:has(#adminName) .inline-error { background:#f7e2e8; color:#94374e; border-radius:8px; }
body:has(#adminName) :is(.user-detail-stats article,.admin-user-form,.admin-user-operations,.recent-user-posts) { background:#f2f5fa; border:1px solid rgba(48,67,103,.11); border-radius:9px; }
body:has(#adminName) .user-detail-dialog { background:#e9edf5; border:1px solid rgba(48,67,103,.14); box-shadow:0 24px 70px rgba(22,31,55,.24); }
body:has(#adminName) .user-detail-head { border-bottom:1px solid var(--neu-line); padding-bottom:16px; }
body:has(#adminName) .user-detail-head p:last-child,body:has(#adminName) .user-detail-stats span { color:var(--neu-muted); }
body:has(#adminName) .user-detail-stats article { border-top:3px solid #365ac0; }
body:has(#adminName) .user-detail-stats article:nth-child(2n) { border-top-color:#168b88; }
body:has(#adminName) .access-state.active { color:#167253; }
body:has(#adminName) .access-state.blocked { color:#a63853; }
body:has(#adminName) .role-badge { background:#e4e9f2; color:#56647a; border-radius:5px; }
body:has(#adminName) .role-badge.admin { background:#f4ead2; color:#76571f; }
body:has(#adminName) .recent-user-posts article+article { border-top:1px solid var(--neu-line); }
body:has(#adminName) .danger-soft { color:#a63853; background:#f7e4e9; }
body:has(#adminName) .admin-pagination button,body:has(#adminName) .user-result-head button { background:#e6ebf4; color:#3d4d67; border:1px solid rgba(48,67,103,.12); border-radius:6px; }
html,body { background: var(--neu-base) !important; color: var(--neu-ink) !important; }
body { font-family: Vazirmatn,Tahoma,sans-serif; letter-spacing: 0; }
button,input,textarea,select { letter-spacing: 0; }
body::before,body::after,.ambient,.hero-ribbons,.sunset-cloud-layer { display: none !important; }
body#hamkhastApp { background: var(--shell-canvas) !important; isolation: isolate; }
body#hamkhastApp .sunset-cloud-layer { display: none !important; }
*,*::before,*::after { box-sizing: border-box; }
body [hidden] { display: none !important; }
button,input,textarea,select { font: inherit; color: inherit; }
button { cursor: pointer; border: 0; background: transparent; }
a { color: var(--neu-accent); }
h1,h2,h3,h4,strong { color: inherit; }
small,time { color: var(--neu-muted); }
svg { flex-shrink: 0; }
:focus-visible { outline: 2px solid var(--neu-accent) !important; outline-offset: 4px !important; }
.skip-link {
  position: fixed;
  inset-block-start: 10px;
  inset-inline-start: 50%;
  z-index: 3000;
  padding: 10px 16px;
  color: #fff;
  background: var(--brand-midnight);
  border: 1px solid rgba(255,255,255,.35);
  border-radius: var(--radius-control);
  box-shadow: 0 8px 24px rgba(7,13,35,.28);
  transform: translate(-50%,-160%);
  transition: transform .16s ease;
}
.skip-link:focus { transform: translate(-50%,0); }
.app-shell>.content:focus { outline: none !important; }
button:disabled { cursor: not-allowed; opacity: .55; }
:root body#hamkhastApp[data-view] button[aria-busy=true],:root body button[aria-busy=true]:disabled { position: relative; cursor: progress; color: transparent !important; text-indent: -9999px; opacity: .85; }
button[aria-busy=true] > :is(svg,span) { visibility: hidden; }
button[aria-busy=true]::after { content: ""; position: absolute; width: 18px; height: 18px; left: calc(50% - 9px); top: calc(50% - 9px); border: 2px solid #d3a75f55; border-top-color: #d3a75f; border-radius: 50%; text-indent: 0; animation: control-pending .7s linear infinite; }
@keyframes control-pending { to { transform: rotate(360deg); } }
input,textarea,select { accent-color: var(--neu-accent); caret-color: var(--neu-accent); }
::placeholder { color: #667287 !important; opacity: 1; }

/* Praashoo7/tame-sloth-39, adapted to remain contained on narrow screens. */
body :is(input[type=text],input[type=email],input[type=tel],input[type=password],input[type=search],input[type=number],textarea) {
  border: 1px solid var(--neu-line) !important; border-radius: var(--radius-control) !important; padding: var(--space-3) 14px !important;
  background-color: var(--surface) !important; box-shadow: var(--neu-inset) !important;
  transition: background-color .2s ease,box-shadow var(--motion-normal) ease,border-color .2s ease !important;
}
body :is(input[type=text],input[type=email],input[type=tel],input[type=password],input[type=search],input[type=number],textarea):focus {
  background-color: #fff !important; transform: none !important; border-color: #8ca5ce !important;
  box-shadow: var(--neu-inset),var(--focus-ring) !important;
}

/* Shared control hierarchy: dark commands, quiet utilities, explicit selection. */
body :is(.offer-button,.publish-button,.create-primary,.quick-submit,.auth-submit,.composer-submit,.hero-primary,.hero-secondary,.nav-cta,.mobile-sticky-cta,.feed-more,.save-button,.share-button,.report-button,.more-button,.icon-button,.text-button,.outline-button,.edit-profile-button,.profile-settings-button,.relation-button,.follow-button,.toggle-password,.quick-request-start,.choice-row button,.demo-tabs button,.connections-tabs button,.people-tabs button,.onboarding-actions button),
body:has(#adminName) :is(.toolbar button,.panel-head button,.card-actions button,td button,.dialog-actions button,.security button,.close) {
  border: 1px solid var(--neu-line) !important; border-radius: var(--radius-control) !important;
  background: var(--neu-base) !important; color: var(--neu-ink) !important;
  box-shadow: var(--neu-control) !important; transition: box-shadow var(--motion-fast) ease,color var(--motion-fast) ease,background-color var(--motion-fast) ease !important;
  filter: none !important; text-shadow: none !important;
}
:root body :is(.offer-button,.publish-button,.create-primary,.quick-submit,.auth-submit,.composer-submit,.hero-primary,.nav-cta) { background: var(--brand-midnight) !important; border-color: var(--brand-midnight) !important; color: #fff !important; font-weight: 800 !important; box-shadow: 0 2px 5px #171e3e1f !important; }
body :is(.offer-button,.publish-button,.create-primary,.quick-submit,.auth-submit,.composer-submit,.hero-primary,.hero-secondary,.nav-cta,.feed-more,.save-button,.share-button,.report-button,.more-button,.icon-button,.text-button,.outline-button,.edit-profile-button,.profile-settings-button,.relation-button,.follow-button,.toggle-password,.quick-request-start,.choice-row button,.demo-tabs button,.connections-tabs button,.people-tabs button,.onboarding-actions button):not(:disabled):active,
body:has(#adminName) :is(.toolbar button,.panel-head button,.card-actions button,td button,.dialog-actions button):active { box-shadow: var(--neu-inset) !important; transform: none !important; }
body :is(.save-button[aria-pressed=true],.choice-row button.active,.demo-tabs button.active,.connections-tabs button.active,.people-tabs button.active,.auth-tabs button.active) { background: var(--brand-midnight) !important; color: #fff !important; box-shadow: inset 0 2px 5px #080d1f33,0 3px 8px #10182f38 !important; }
body :is(button.danger,.reject-offer,[data-settings-logout]) { color: var(--danger) !important; }
@media (hover:hover) and (pointer:fine) {
  :root body :is(.offer-button,.publish-button,.create-primary,.quick-submit,.auth-submit,.composer-submit,.hero-primary,.nav-cta):not(:disabled):hover {
    background: #293c61 !important; border-color: #293c61 !important;
  }
  :root body :is(.save-button,.share-button,.report-button,.more-button,.icon-button,.outline-button):not(:disabled):not([aria-pressed=true]):hover {
    background: #e5efef !important; border-color: #9bbfbe !important; color: #12636c !important;
  }
  .person:hover { background: #e9e4f0; }
}
body :is(.search-popover,.account-popover,.post-menu,.ui-select-menu) { scrollbar-width: thin; scrollbar-color: #a9b5c4 transparent; }
body :is(.search-popover,.account-popover,.post-menu) button:focus-visible { background: #e5efef; }

/* Shared form fields, without a second outer input wrapper. */
body :is(.field,.auth-card,.instant-composer,.settings-form,.toolbar,.security,.dialog,.people-search) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),textarea,select) {
  border: 1px solid var(--neu-line) !important; border-radius: var(--radius-control) !important;
  background: var(--surface) !important; color: var(--neu-ink) !important; box-shadow: var(--neu-inset) !important;
}
body :is(.prefixed-input,.prefixed-auth-input,.password-field,.price-input) { border: 0 !important; background: transparent !important; box-shadow: none !important; }
body :is(.field>span,.auth-card label>span,.request-input>span,fieldset legend) { color: var(--neu-ink) !important; }
body :is(.field,.auth-card,.settings-form,.dialog) :is(input,textarea,select):focus-visible { background-color: #f9fbff !important; outline-offset: 2px !important; }

/* Content surfaces are distinct from the quieter supporting panels. */
body :is(.auth-card,.instant-composer,.demo-window,.social-card-pro,.sent-offer,.history-card),
body#hamkhastApp :is(.request-card,.profile-pro,.profile-request-card) {
  background: var(--surface) !important; border: 1px solid var(--neu-line) !important; border-radius: var(--radius-card) !important;
  box-shadow: var(--neu-raised) !important; backdrop-filter: none !important; transform: none !important;
}
body :is(.modal,.settings-modal,.dialog,.account-popover,.search-popover,.post-menu) {
  background: var(--surface) !important; color: var(--neu-ink) !important; border: 1px solid var(--neu-line) !important;
  border-radius: var(--radius-dialog) !important; box-shadow: 0 16px 48px #19244329 !important; backdrop-filter: none !important;
}
body :is(.modal-backdrop,.mobile-drawer-backdrop),body:has(#adminName)>.modal { background: #29223066 !important; backdrop-filter: none !important; }
body :is(.modal-head,.settings-head,.settings-form,.settings-form>section,.form-actions,.settings-actions,.request-detail-head,.request-detail-actions) { background: var(--neu-base) !important; color: var(--neu-ink) !important; border-color: var(--neu-line) !important; box-shadow: none !important; backdrop-filter: none !important; }
body :is(.modal p,.settings-form small,.request-detail-description,.request-detail-fact span,.request-detail-author small) { color: var(--neu-muted) !important; }
body :is(.post-menu button,.account-popover button) { color: var(--neu-ink); border-radius: var(--radius-control); }
body :is(.post-menu button,.account-popover button):hover { background: #d8e2f5; color: var(--brand-deep); }
body :is(.empty-state,.profile-requests-section,.privacy-choice,.privacy-select-row,.privacy-policy-link,.anonymous-choice,.request-detail-author,.request-detail-fact,.request-progress,.request-privacy-note) { background: var(--neu-base) !important; color: var(--neu-ink) !important; border: 1px solid var(--neu-line) !important; border-radius: 12px !important; }
body :is(.post-types label>span,.avatar-shape-presets label>span,.privacy-options label>span) { background: var(--neu-base) !important; color: var(--neu-ink) !important; border: 1px solid var(--neu-line) !important; border-radius: var(--radius-control) !important; box-shadow: var(--neu-control) !important; }
body :is(.post-types,.avatar-shape-presets,.privacy-options) input:checked+span { background: #e0f1ec !important; box-shadow: inset 0 0 0 1px #6aa99b !important; color: #14594f !important; border-color: #6aa99b !important; }

/* Solid application header keeps navigation readable without decorative media. */
:root body#hamkhastApp[data-view] .topbar { background: var(--header-surface) !important; color: var(--header-text) !important; border: 1px solid var(--header-border) !important; border-radius: 18px !important; box-shadow: inset 0 -2px var(--header-accent),0 6px 18px #10193129 !important; backdrop-filter: none !important; }
:root body#hamkhastApp[data-view] .topbar :is(.brand>span,.brand>small) { color: #fff !important; }
:root body#hamkhastApp[data-view] .topbar .profile-name { color: var(--neu-ink) !important; }
:root body#hamkhastApp[data-view] .topbar { --neu-control: 0 2px 6px #10182f20; }
:root body#hamkhastApp[data-view] .topbar .main-nav { background: var(--header-nav) !important; border: 1px solid #52617f !important; border-radius: 12px !important; padding: 4px !important; height: 54px !important; box-shadow: none !important; gap: 3px !important; overflow: visible; isolation: isolate; }
:root body#hamkhastApp[data-view] .topbar .nav-item { background: transparent !important; color: #edf2f9 !important; border: 1px solid transparent !important; box-shadow: none !important; border-radius: var(--radius-control) !important; background-clip: padding-box !important; transition: background-color .18s ease,color .18s ease !important; }
:root body#hamkhastApp[data-view] .topbar .nav-item.active { background: #f1ca82 !important; color: var(--brand-midnight) !important; border-color: #f4deb8 !important; box-shadow: 0 2px 6px #0002,inset 0 1px 0 #fff6 !important; }
:root body#hamkhastApp[data-view] .topbar .nav-item:not(.active):hover { background: #ffffff16 !important; color: #fff !important; }
:root body#hamkhastApp[data-view] .topbar .nav-item:focus-visible { outline-color: #e9c88e !important; outline-offset: 1px !important; }
:root body#hamkhastApp[data-view] .topbar .nav-item::after { content: none !important; }
:root body#hamkhastApp[data-view] .topbar .profile-button { background: #f8f9fc !important; border: 1px solid #ffffffb3 !important; border-radius: 12px !important; box-shadow: 0 4px 12px #10182f26 !important; }
:root body#hamkhastApp[data-view] .topbar .global-search { background: #f8f9fc !important; border: 1px solid #ffffffb3 !important; border-radius: 12px !important; box-shadow: 0 4px 12px #10182f26 !important; }
:root body#hamkhastApp[data-view] .topbar .global-search:focus-within { border-color: #77c2c6 !important; box-shadow: 0 0 0 3px #087e8b40,0 4px 12px #10182f26 !important; }
:root body#hamkhastApp[data-view] .topbar .global-search input { background: transparent !important; color: var(--neu-ink) !important; border: 0 !important; box-shadow: none !important; outline: none !important; transform: none !important; min-width: 0; }
.header-socials a { color: #eef3ff; opacity: 1; }
.global-search kbd { background: transparent; color: var(--neu-muted); border: 1px solid var(--neu-line); border-radius: 4px; }
.global-search { position: relative; isolation: isolate; overflow: visible; transition: box-shadow .22s ease,background-color .22s ease; }
.global-search::before { content: none; }
.global-search:focus-within { background: #f8f9fc !important; box-shadow: 0 0 0 3px #087e8b33 !important; }
.global-search > svg { flex: 0 0 18px; color: #526b9c; transition: transform .2s ease,color .2s ease; }
.global-search:focus-within > svg { color: #3e5f9d; transform: scale(1.08); }
.global-search input[type=search]::-webkit-search-cancel-button { display: none; }
.search-clear { display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; padding: 0 !important; border: 0 !important; border-radius: 9px !important; background: #e3e8f2 !important; color: #66728a !important; box-shadow: none !important; }
.search-clear[hidden] { display: none !important; }
.search-clear svg { width: 14px; height: 14px; }

/* Shared custom selects replace platform dropdown paint with one predictable menu. */
.ui-select { position: relative; min-width: 0; width: 100%; color: var(--neu-ink); font: inherit; }
.ui-select-native { position: absolute !important; z-index: -1 !important; inset: 0 !important; width: 100% !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; opacity: .001 !important; pointer-events: none !important; }
.ui-select-button { display: grid !important; grid-template-columns: minmax(0,1fr) 16px; align-items: center; gap: 8px; width: 100%; min-width: 0; min-height: 42px; padding: 0 12px !important; text-align: right; color: var(--neu-ink) !important; background: var(--surface) !important; border: 1px solid var(--neu-line) !important; border-radius: var(--radius-control) !important; box-shadow: var(--neu-control) !important; transform: none !important; }
.ui-select-button span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-select-button > i { width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .18s ease; }
.ui-select.open .ui-select-button { color: var(--brand-deep) !important; box-shadow: var(--neu-inset),0 0 0 2px #0b9daa66 !important; }
.ui-select.open .ui-select-button > i { transform: rotate(225deg) translate(-2px,-1px); }
.ui-select-menu { position: absolute; z-index: 360; top: calc(100% + 8px); right: 0; left: 0; display: none; max-height: 260px; overflow-y: auto; overscroll-behavior: contain; padding: 6px; border: 1px solid #ffffffb3; border-radius: 12px; background: var(--surface); box-shadow: 0 8px 28px #19244326; scrollbar-width: thin; }
.ui-select.open .ui-select-menu { display: grid; gap: 3px; animation: ui-select-enter .16s ease both; }
.ui-select.drop-up .ui-select-menu { top: auto; bottom: calc(100% + 8px); transform-origin: bottom; }
.ui-select-option { display: flex !important; align-items: center; width: 100%; min-height: 38px; padding: 7px 10px !important; color: var(--neu-muted) !important; text-align: right; background: transparent !important; border: 0 !important; border-radius: var(--radius-control) !important; box-shadow: none !important; transform: none !important; }
.ui-select-option:hover,.ui-select-option:focus-visible { color: var(--brand-deep) !important; background: #e1f0ed !important; outline: none; }
.ui-select-option[aria-selected=true] { color: #fff !important; font-weight: 800; background: var(--brand-strong) !important; }
.ui-select-option[aria-selected=true]::before { content: ""; flex: 0 0 7px; width: 7px; height: 7px; margin-left: 8px; border-radius: 50%; background: #fff; }
.ui-select-menu[popover] { position: fixed; inset: auto; margin: 0; color: var(--neu-ink); font-family: inherit; direction: rtl; }
.ui-select-menu[popover]:popover-open { display: grid; gap: 3px; }
.ui-select-menu[popover]::backdrop { background: transparent; pointer-events: none; }
.ui-select-option:disabled { opacity: .45; }
.composer-pill .ui-select-button,.sort-control .ui-select-button { min-height: 38px; border: 0 !important; background: transparent !important; box-shadow: none !important; }
.composer-pill .ui-select { flex: 1 1 auto; }
.composer-pill .ui-select-button { padding-inline: 5px !important; }
.sort-control { overflow: visible !important; }
.sort-control .ui-select { min-width: 0; z-index: 20; }
.feed-discovery:has(.ui-select.open),.quick-request-actions:has(.ui-select.open) { position: relative; z-index: 90; overflow: visible !important; }
.field > .ui-select,.privacy-select-row > .ui-select,.toolbar > .ui-select { margin-top: 6px; }
.toolbar > .ui-select { width: min(220px,100%); margin-top: 0; }
@keyframes ui-select-enter { from { opacity: 0; transform: translateY(-5px) scale(.985); } to { opacity: 1; transform: none; } }

/* Rail surfaces share the same depth as cards; the feed has no outer frame. */
:root body#hamkhastApp[data-view] .app-shell { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
:root body#hamkhastApp[data-view] :is(.right-rail,.left-rail,.request-filters-scroll) { background: transparent !important; }
:root body#hamkhastApp[data-view] :is(.side-section,.notice) { background: var(--neu-base) !important; border: 0 !important; border-radius: var(--radius-control) !important; box-shadow: none !important; backdrop-filter: none !important; }
:root body#hamkhastApp[data-view] .right-rail .side-section,
:root body#hamkhastApp[data-view] .left-rail .side-section { background: rgba(255,255,255,.9) !important; border: 1px solid #d6dfeb !important; }
:root body#hamkhastApp[data-view] .right-rail .side-section:first-child { border-top: 3px solid #23345f !important; }
:root body#hamkhastApp[data-view] .right-rail .side-section.compact { border-top: 3px solid #168b91 !important; }
:root body#hamkhastApp[data-view] .left-rail .side-section { border-top: 3px solid #725aa8 !important; }
:root body#hamkhastApp[data-view] .notice { background: #fff0d2 !important; border: 1px solid #eed09c !important; }
:root body#hamkhastApp[data-view] :is(.offer-button,.create-primary,.publish-button) { background: var(--brand-strong) !important; border-color: var(--brand-strong) !important; color: #fff !important; }
:root body#hamkhastApp[data-view] .request-card .action-cluster { overflow: visible !important; }
:root body#hamkhastApp[data-view] .side-section h2 { position: relative; color: var(--neu-ink) !important; border: 0 !important; border-bottom: 1px solid rgba(25,36,67,.12) !important; padding: 3px 0 12px !important; }
:root body#hamkhastApp[data-view] .side-section h2::before,
:root body#hamkhastApp[data-view] .side-section h2::after { content: none !important; display: none !important; }
:root body#hamkhastApp[data-view] .side-section .section-heading {
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(25,36,67,.12) !important;
  padding: 3px 0 12px !important;
}
:root body#hamkhastApp[data-view] .side-section .section-heading h2 {
  border-bottom: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
:root body#hamkhastApp[data-view] .category-button { background: transparent !important; color: var(--neu-muted) !important; border: 0 !important; box-shadow: none !important; border-radius: var(--radius-control) !important; }
:root body#hamkhastApp[data-view] .category-button.active { background: var(--brand-strong) !important; box-shadow: inset 0 2px 5px #183f9933 !important; color: #fff !important; }
:root body#hamkhastApp[data-view] .category-list {
  min-width: 0;
  min-height: 0;
  overflow-x: clip;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  padding-inline: 1px;
}
:root body#hamkhastApp[data-view] .category-button,
:root body#hamkhastApp[data-view] .category-button:hover,
:root body#hamkhastApp[data-view] .category-button:active {
  width: 100% !important; max-width: 100%; margin-inline: 0 !important;
  box-sizing: border-box; transform: none !important;
}
.category-button svg { color: var(--category-color,var(--neu-accent)); }
:root body#hamkhastApp[data-view] .category-button.active svg { color: #fff; }
.category-button::after,.category-button::before { display: none !important; }
.person { background: transparent; border-bottom: 1px solid #d3cfd866; border-radius: 6px; transition: background-color .16s ease; }
.person strong { color: var(--neu-ink) !important; }
.person span,.notice p,.check-row,footer { color: var(--neu-muted) !important; }
.notice-icon { background: transparent !important; color: #9a5d12 !important; }
.coastal-motion-card { border-radius: var(--radius-control) !important; box-shadow: var(--neu-raised) !important; }

/* Composer uses the shared field surface and a teal invitation. */
:root body#hamkhastApp[data-view] #feedView #quickRequestForm { background: linear-gradient(110deg,#ffe5bd 0%,#ecdef7 46%,#ccede6 100%) !important; border: 1px solid #c9dcd9 !important; border-radius: var(--radius-control) !important; box-shadow: 0 3px 12px #19244309,inset 0 1px 0 #fffc !important; animation: none !important; transform: none !important; backdrop-filter: none !important; }
:root body#hamkhastApp[data-view] #quickRequestForm .quick-request-start { background: var(--brand-teal) !important; color: #fff !important; animation: none; }
#quickRequestForm:focus-within .quick-request-start { animation: none !important; }
:root body#hamkhastApp[data-view] #feedView #quickRequestText { background: transparent !important; border: 0 !important; box-shadow: none !important; color: var(--neu-ink) !important; }
:root body#hamkhastApp[data-view] #feedView #quickRequestText:focus-visible { outline: none !important; }
:root body#hamkhastApp[data-view] #feedView #quickRequestForm:focus-within { box-shadow: var(--neu-inset),0 0 0 2px #8299bf88 !important; }
:root body#hamkhastApp[data-view] #quickRequestForm :is(.composer-pill,.privacy-pill) { height: 40px; min-height: 40px; border: 0; box-shadow: var(--neu-control); transform: none !important; }
:root body#hamkhastApp[data-view] #quickRequestForm .composer-pill select { appearance: auto; border: 0; outline-offset: 2px; background: transparent; color: var(--neu-ink); min-height: 36px; font-size: 12px; box-shadow: none; }
:root body#hamkhastApp[data-view] #quickRequestForm .location-composer-pill>.location-map-button { border: 0 !important; background: transparent !important; color: var(--neu-accent) !important; box-shadow: none !important; padding: 0 4px !important; min-height: 38px; }
:root body#hamkhastApp[data-view] #quickRequestForm .privacy-pill:focus-within { outline: 2px solid var(--neu-accent); outline-offset: 3px; }
:root body#hamkhastApp[data-view] #quickRequestForm .quick-submit { min-height: 40px; }
:root body#hamkhastApp[data-view] #quickRequestForm .privacy-pill { background: var(--neu-mint); cursor: pointer; }
:root body#hamkhastApp[data-view] #quickRequestForm .privacy-pill:has(input:checked) { background: var(--plum-strong); color: #fff; box-shadow: inset 0 2px 5px #3c214b40; }
:root body#hamkhastApp[data-view] #quickRequestForm .privacy-pill span { width: 100%; justify-content: center; }
:root body#hamkhastApp[data-view] #quickRequestForm.is-open .quick-request-actions { display: flex !important; max-height: none !important; height: auto !important; opacity: 1 !important; visibility: visible !important; }
:root body#hamkhastApp[data-view] #quickRequestForm:not(.is-open):not(.has-content) .quick-request-actions { display: none !important; max-height: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; visibility: hidden !important; }
:root body#hamkhastApp[data-view] #feedView :is(.feed-discovery,.density-control) { background: transparent !important; border: 0 !important; box-shadow: none !important; }
:root body#hamkhastApp[data-view] #feedView .feed-modes { background: #e4e9ee !important; border: 0 !important; border-radius: var(--radius-control); box-shadow: var(--neu-inset) !important; }
:root body#hamkhastApp[data-view] #feedView :is(.density-control button,.sort-control,.mobile-filter-trigger) { background: var(--neu-base) !important; color: var(--neu-muted) !important; border: 0 !important; border-radius: var(--radius-control) !important; box-shadow: none !important; }
:root body#hamkhastApp[data-view] #feedView .feed-modes button { background: transparent !important; color: var(--neu-muted) !important; border: 0 !important; border-radius: 6px !important; box-shadow: none !important; }
:root body#hamkhastApp[data-view] #feedView .feed-modes button[aria-pressed=true] { background: var(--surface) !important; color: var(--brand-midnight) !important; box-shadow: 0 1px 4px #10182f26 !important; }
:root body#hamkhastApp[data-view] #feedView .density-control button[aria-pressed=true],
:root body#hamkhastApp[data-view] #feedView .sort-control { background: #dbe3f1 !important; box-shadow: var(--neu-inset) !important; color: var(--brand-deep) !important; }
.sort-control select { background: transparent; border: 0; color: inherit; }
.sort-control select option,#quickRequestCategory option { background: #f2f5fb; color: var(--neu-ink); font-weight: 650; }
.composer-pill,.privacy-pill { background: var(--neu-base); color: var(--neu-ink); border: 1px solid var(--neu-line); border-radius: var(--radius-control); }

/* Requests have one silhouette and no differently colored footer. */
:root body#hamkhastApp[data-view] .request-card { padding: 14px !important; overflow: visible !important; background: var(--surface) !important; box-shadow: var(--neu-raised) !important; transition: box-shadow .2s ease !important; }
:root body#hamkhastApp[data-view] .request-card :is(.post-top,.post-content,.post-actions,.request-context) { background: transparent !important; box-shadow: none !important; margin-inline: 0 !important; padding-inline: 0 !important; }
:root body#hamkhastApp[data-view] .request-card .post-meta { background: transparent !important; box-shadow: none !important; margin-inline: 0 !important; }
:root body#hamkhastApp[data-view] .request-card-footer .post-meta {
  box-sizing: border-box !important;
  padding-inline: 20px !important;
}
:root body#hamkhastApp[data-view] .request-card :is(.post-accent,.post-top>.post-type) { display: none !important; }
:root body#hamkhastApp[data-view] .request-card::before,:root body#hamkhastApp[data-view] .request-card::after { content: none !important; }
:root body#hamkhastApp[data-view] .request-card .request-context { color: var(--brand-teal); font-size: 11px; min-height: 18px !important; margin-block: 0 4px !important; padding-block: 0 !important; }
.request-context b { color: #817b87; font-weight: 500; }
:root body#hamkhastApp[data-view] .request-card .post-author { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; color: var(--neu-ink) !important; }
:root body#hamkhastApp[data-view] .request-card .post-top { min-height: 40px !important; padding-block: 2px !important; }
:root body#hamkhastApp[data-view] .request-card .post-meta { min-height: 26px !important; padding-block: 0 !important; margin-block: 0 8px !important; }
:root body#hamkhastApp[data-view] .request-card .request-title-button { text-align: start; border-radius: 4px; }
:root body#hamkhastApp[data-view] .request-card .request-title-button:focus-visible { outline-offset: 3px !important; }
:root body#hamkhastApp[data-view] .request-card .post-content { flex: 0 0 auto; margin-block: 0 !important; padding-block: 8px !important; }
:root body#hamkhastApp[data-view] .request-card .post-content h3 { color: var(--neu-ink) !important; font-size: 18px !important; }
:root body#hamkhastApp[data-view] .request-card .post-content p { color: var(--neu-muted) !important; font-size: 13px !important; }
:root body#hamkhastApp[data-view] .request-card .post-actions { border-top: 1px solid var(--border-quiet) !important; min-height: var(--control-height) !important; padding-block: 8px 0 !important; border-radius: 0 !important; }
:root body#hamkhastApp[data-view] .request-card .location-pill { background: transparent !important; border: 0 !important; color: var(--neu-muted) !important; }
.category-pill { border: 0; background: color-mix(in srgb,var(--category-color,#78556e) 21%,var(--surface)); color: color-mix(in srgb,var(--category-color,#78556e) 65%,#17203b); border-radius: 6px; }
.response-count { color: var(--neu-muted) !important; }
.toast[data-kind=error] { background: #792e42; }
.toast[data-kind=success] { background: #14594f; }
.toast[data-kind=info] { background: var(--brand-midnight); }
.owner-state { color: var(--success); }
.offer-box { background: var(--neu-base); border: 1px solid var(--neu-line); border-radius: 12px; color: var(--neu-ink); }
.accepted-contact { background: var(--neu-base); color: var(--neu-ink); box-shadow: var(--neu-inset); border-radius: 12px; }

/* Public pages and admin share the same material. */
.auth-panel,.auth-shell { background: transparent !important; }
body:has(.auth-shell) {
  min-height: 100dvh;
  background: var(--shell-canvas) !important;
}
/* adamgiebl: a restrained convex surface, reserved for the sign-in card. */
.auth-panel .auth-card {
  background: rgba(249,250,252,.96) !important;
  border: 1px solid rgba(255,255,255,.82) !important;
  box-shadow: 0 18px 50px rgba(23,30,62,.14),0 1px 0 rgba(255,255,255,.9) inset !important;
}
/* Praashoo7/brave-moose-56: a compact form and recessed fields, adapted to light surfaces. */
.auth-card form { display: flex; flex-direction: column; gap: 16px; }
.auth-card form.hidden { display: none; }
.auth-panel:has(#registerForm:not(.hidden)) { align-items: start; }
.auth-card form>label { margin: 0; }
.auth-card .auth-form-head { margin-block: 22px 8px; }
.auth-card .auth-form-head>span { color: var(--brand-plum); font-weight: 700; }
.auth-card .auth-submit { min-height: 48px; margin-top: 8px; }
.auth-card input:focus { transform: none !important; }
.auth-card .auth-submit { position: relative; z-index: 2; }
@media (min-width:801px) and (max-height:900px) {
  .auth-panel { padding-block: 12px !important; }
  .auth-card { padding: 18px 24px !important; }
  .auth-tabs { margin-bottom: 12px; }
  .auth-card form { gap: 8px; }
  .auth-card .auth-form-head { margin-block: 8px 2px; }
  .auth-card .generated-id-note { padding-block: 7px; margin-bottom: 4px !important; }
  .auth-card label small { margin-top: 2px; line-height: 1.45; }
}
.auth-scene { background: transparent !important; }
.auth-copy > p {
  display: inline-flex;
  width: fit-content;
  padding: 6px 11px;
  border: 1px solid rgba(23,30,62,.1);
  border-radius: var(--radius-control);
  background: rgba(255,240,210,.8);
  color: #74501d !important;
}
.auth-copy h1 { color: var(--brand-midnight) !important; text-wrap: balance; }
.auth-copy small { color: #3f4b63 !important; font-weight: 550; }
.auth-tabs { border: 0 !important; border-radius: 12px; padding: 4px; gap: 4px; background: var(--neu-base); box-shadow: var(--neu-inset); }
.auth-tabs button { color: var(--neu-muted); border: 0; background: transparent; border-radius: var(--radius-control); }
.auth-copy,.auth-form-head,.auth-brand { color: var(--neu-ink) !important; }
.auth-copy small,.auth-form-head p,.auth-trust span { color: var(--neu-muted); }
.auth-trust span { border: 1px solid transparent; border-radius: var(--radius-control); }
.auth-trust span:nth-child(1) { background: #d8efea; color: #165e57; border-color: #b9ddd5; }
.auth-trust span:nth-child(2) { background: #e9e1f5; color: #5d4579; border-color: #d8c9eb; }
.auth-trust span:nth-child(3) { background: #ffedca; color: #76521d; border-color: #efd6a6; }
.landing-nav,body:has(.policy-hero)>header { background: var(--neu-base) !important; border: 0; border-radius: 16px; box-shadow: var(--neu-control); }
.landing-nav :is(a,strong),.hero h1 { color: var(--neu-ink) !important; }
.hero {
  background: var(--shell-surface);
  border-bottom: 1px solid #d8e0eb;
}
.hero-copy>p,.hero-kicker,.section-heading p,.demo-copy p,.steps p,.security-grid p,details p { color: var(--neu-muted) !important; }
.hero h1 em { color: var(--neu-accent); background: none; }
.trust-strip,.demo-request,.final-cta,.steps article,.security-grid article { background: var(--neu-base); color: var(--neu-ink); border: 0; border-radius: 16px; }
.steps article,.security-grid article,.demo-request { box-shadow: var(--neu-control); }
.offer-stack article { background: var(--neu-base); border: 1px solid var(--neu-line); border-radius: var(--radius-control); }
.offer-stack p,.offer-stack small { color: var(--neu-muted); }
body:has(#adminName) :is(.sidebar,.panel,.toolbar,.admin-pill,.stat) { background: var(--neu-base) !important; color: var(--neu-ink); border: 0; border-radius: 16px; backdrop-filter: none; }
body:has(#adminName) :is(.stat,.toolbar) { background: var(--surface) !important; border: 1px solid var(--neu-line); border-radius: var(--radius-control); box-shadow: var(--neu-control); }
body:has(#adminName) .sidebar nav button { color: var(--neu-muted); border-radius: var(--radius-control); }
body:has(#adminName) .sidebar nav button.active { color: #fff; box-shadow: 0 1px 3px #10182f20; }
body:has(#adminName) :is(.meta,.muted,.body,th) { color: var(--neu-muted); }
body:has(#adminName) .request-card { background: var(--surface); border: 1px solid var(--neu-line); border-radius: var(--radius-control); box-shadow: var(--neu-raised); }
.badge,.skill-list span { color: #51345b; background: var(--neu-lilac); border-radius: 6px; }
.badge.approved { color: var(--success); }
.badge.rejected,.badge.deleted { color: var(--danger); }
body:has(.policy-hero) section { background: var(--neu-base); border: 0; border-radius: 12px; color: var(--neu-ink); }
.toast,.connection-status { background: var(--neu-ink); color: #fff; border-radius: var(--radius-control); box-shadow: 0 6px 20px #0002; }
.app-boot { background: var(--neu-base); color: var(--neu-ink); }

/* adamgiebl/serious-penguin-95: inset depth for compact information surfaces. */
body :is(.request-detail-fact,.stat,.onboarding-art) { box-shadow: inset 0 15px 26px -18px #59698b66,inset 0 8px 16px -15px #26354b66; }
body :is(.request-detail-fact,.stat):nth-child(4n+1) { background: var(--neu-blue) !important; }
body :is(.request-detail-fact,.stat):nth-child(4n+2) { background: var(--neu-mint) !important; }
body :is(.request-detail-fact,.stat):nth-child(4n+3) { background: var(--neu-lilac) !important; }
body :is(.request-detail-fact,.stat):nth-child(4n+4) { background: var(--neu-peach) !important; }
body :is(.request-privacy-note,.accepted-contact,.anonymous-choice) { background: var(--neu-mint) !important; color: #185c43 !important; }
body :is(.request-detail-kicker span,.skill-list span,.privacy-pill) { background: var(--neu-lilac); color: #51345b; }
body :is(.request-detail-fact svg,.request-detail-head strong) { color: var(--neu-accent); }
body .request-progress li.current:before { background: var(--brand-teal); box-shadow: 0 0 0 4px #0b9daa22; }
body .onboarding-dots i.active { background: var(--brand-cobalt); }
body .modal-head,body .settings-head { background: var(--surface) !important; }
body .auth-error { color: #9b304b; }
body .auth-error.success { color: #27624f; background: var(--neu-mint); border-radius: var(--radius-control); }
body .auth-terms { color: var(--neu-muted); }
body :is(.instant-composer,.settings-form,.security,.composer) fieldset { border: 0; min-width: 0; padding-inline: 0; }
body :is(.auth-terms a,.policy-hero a) { text-decoration: underline; text-underline-offset: 3px; }
body :is(.generated-id-note,.empty-state p,.settings-form small) { color: var(--neu-muted) !important; }
body :is(input[type=checkbox],input[type=radio]) { accent-color: var(--brand-strong); }
body .privacy-choice input[role=switch] { background: #cad4e5; border-radius: 20px; box-shadow: var(--neu-inset); cursor: pointer; }
body .privacy-choice input[role=switch]:before { background: #fff; border-radius: 50%; box-shadow: 0 2px 4px #52648533; transition: right .18s ease; }
body .privacy-choice input[role=switch]:checked { background: var(--brand-strong); }
body .appearance-settings fieldset { border: 0; margin: 20px 0; padding: 0; min-width: 0; }
body .cover-presets { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
body .cover-presets label { position: relative; min-width: 0; cursor: pointer; }
body .cover-presets input { position: absolute; inset-inline-start: 8px; top: 8px; z-index: 1; }
body .cover-presets span { display: flex; align-items: flex-end; height: 76px; padding: 8px; box-shadow: var(--neu-control); }
body .cover-presets b { padding: 2px 6px; border-radius: 4px; font-size: 11px; }
body .cover-presets input:focus-visible+span { outline: 2px solid var(--neu-accent); outline-offset: 3px; }
body .cover-topography { background: repeating-linear-gradient(155deg,transparent 0 17px,#ffffff18 18px 19px),linear-gradient(115deg,#5194ab,#6c6fbb) !important; }
body .cover-nebula { background: linear-gradient(125deg,#9485b9,#be9dba,#e6c7c5) !important; }
body .cover-goldwave { background: linear-gradient(120deg,#93aaa7,#d8bc83,#eddbb6) !important; }
body .cover-matrix { background: repeating-linear-gradient(90deg,transparent 0 22px,#ffffff18 23px 24px),linear-gradient(125deg,#397e79,#86b6a2) !important; }
body .cover-presets input:checked+span { outline: 2px solid var(--neu-accent); outline-offset: 3px; box-shadow: var(--neu-control) !important; }
:root body#hamkhastApp[data-view] .request-card .action-cluster { align-items: stretch !important; }
:root body#hamkhastApp[data-view] .request-card .action-cluster :is(.save-button,.share-button,.report-button) { height: auto !important; min-height: 44px !important; align-self: stretch; display: grid; place-items: center; }
body :is(.auth-tabs,.people-tabs,.connections-tabs,.choice-row) { gap: 6px; }
body:has(#adminName) .sidebar { background: #e4e9f7 !important; }
body:has(#adminName) .sidebar nav button.active { background: var(--brand-strong); }
body:has(#adminName) :is(.panel,.request-card,.history-card) { background: #f2f5fa !important; }
body:has(#adminName) :is(th,.panel-head) { background: #e8edf7; }
body:has(#adminName) td { border-bottom: 1px solid var(--neu-line); }
body:has(#adminName) .card-actions { gap: 10px; padding: 16px; }
body:has(#adminName) :is(.badge.pending,.badge.revision_requested) { background: #f3dfbd; color: #74470f; }
body:has(#adminName) .badge.approved { background: var(--neu-mint); color: #27624f; }
body:has(#adminName) :is(.badge.rejected,.badge.deleted) { background: #f4dfe4; color: #9b304b; }
body :is(.feed-discovery,.feed-modes,.density-control) { min-width: 0; }
/* Programmatic focus must settle before a menu action; wheel scrolling stays native. */
body #feed { scroll-behavior: auto; scroll-padding-block: 16px; }
:root body#hamkhastApp[data-view] #quickRequestForm .privacy-pill input:checked+span b { font-size: 0; }
:root body#hamkhastApp[data-view] #quickRequestForm .privacy-pill input:checked+span b:after { content: "ناشناس"; font-size: 11px; }
.sort-control select option:checked,#quickRequestCategory option:checked { background: var(--brand-strong); color: #fff; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  :root body#hamkhastApp[data-view] .offer-button:hover svg { color: #e9c88e; }
  :root body#hamkhastApp[data-view] .request-card:hover { border-color: #9bbfbe !important; box-shadow: 0 6px 20px #19244314 !important; }
  :root body#hamkhastApp[data-view] .category-button:not(.active):hover { background-color: #ffffffaa !important; }
}

/* Shared secondary views use the same hierarchy as the feed. */
:root body#hamkhastApp[data-view] :is(.main-nav,.feed-modes,.people-tabs,.connections-tabs,.quick-request-actions) button:hover,
:root body#hamkhastApp[data-view] .request-card .post-actions button:hover { transform: none !important; }
body :is(.my-post-modes,.people-tabs,.connections-tabs) { padding: var(--space-1); border: 0; border-radius: var(--radius-control); background: #e4e9ee; box-shadow: var(--neu-inset); }
:root body#hamkhastApp[data-view] :is(.my-post-modes,.people-tabs,.connections-tabs) button { min-height: 40px; padding: 8px 14px; border: 0 !important; border-radius: var(--radius-control) !important; color: var(--neu-muted) !important; background: transparent !important; box-shadow: none !important; }
:root body#hamkhastApp[data-view] :is(.my-post-modes,.people-tabs,.connections-tabs) button:is(.active,[aria-pressed=true]) { background: var(--surface) !important; color: var(--brand-midnight) !important; box-shadow: 0 1px 4px #10182f26 !important; font-weight: 750; }
body :is(.people-tabs,.connections-tabs,.auth-tabs) button::after { content: none !important; }
:root body#hamkhastApp[data-view] .page-title { flex: 0 0 auto; min-height: 0 !important; padding: 2px 0 8px !important; margin-bottom: 12px !important; }
:root body#hamkhastApp[data-view] .page-title h1 { font-size: 24px !important; }
.page-title .eyebrow { color: var(--neu-accent); font-size: 11px; }
:root body#hamkhastApp[data-view] .activity-summary { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 10px !important; margin-bottom: 14px; }
.activity-summary > div { --summary-accent:var(--brand-strong); position: relative; overflow: hidden; min-width: 0; padding: 10px 14px !important; border: 1px solid var(--neu-line); border-radius: var(--radius-card); background: var(--surface); box-shadow: var(--neu-raised); }
.activity-summary > div::before { content:""; position:absolute; inset-inline-start:0; top:50%; width:3px; height:26px; border-radius:999px; background:var(--summary-accent); transform:translateY(-50%); }
.activity-summary > div:nth-child(2) { --summary-accent:var(--brand-emerald); }
.activity-summary > div:nth-child(3) { --summary-accent:var(--plum-strong); }
.activity-summary > div:nth-child(4) { --summary-accent:var(--brand-gold); }
.activity-summary > div:nth-child(5) { --summary-accent:var(--brand-coral); }
.activity-summary svg { color:var(--summary-accent); }
.activity-summary span { color: var(--neu-muted); line-height: 1.7; }
body .category-explorer { gap: 12px; }
body .category-tile { display: grid; grid-template-columns: 40px minmax(0,1fr); align-content: center; align-items: center; justify-items: start; gap: 4px 12px; min-width: 0; min-height: 106px; padding: 16px; text-align: right; border: 1px solid var(--neu-line); border-radius: var(--radius-card); background: var(--surface); box-shadow: var(--neu-raised); transition: background-color .2s ease,box-shadow .2s ease; }
body .category-tile::before { content:""; position:absolute; z-index:2; inset-inline-start:0; top:18px; width:3px; height:24px; border-radius:999px; background:var(--category-color); }
body .category-tile > svg { grid-row: 1 / 3; box-sizing: content-box; width: 21px !important; height: 21px !important; padding: 9px; border-radius: var(--radius-control); background: color-mix(in srgb,var(--category-color) 19%,#f8faff); color: color-mix(in srgb,var(--category-color) 82%,#253047); }
body .category-tile strong { font-size: 14px; line-height: 1.8; overflow-wrap: anywhere; }
body .category-tile::before { display: none; }
body .category-tile strong::after { content:none; }
body .category-tile > span { grid-column: 2; font-size: 12px; color: var(--neu-muted); }
body .category-tile:hover { background: color-mix(in srgb,var(--category-color) 14%,#f8faff); transform: none !important; }
body .empty-state { padding: 32px var(--space-5); border: 1px dashed #c3cede !important; background: #f5f7fb !important; box-shadow: none; }
body .empty-state h3 { font-size: 17px; margin: 14px 0 6px; }
body .empty-state > svg { color: #667ea4; }
body .empty-state p { line-height: 1.9; font-size: 13px; }
body .empty-state button { min-height: 44px; }
body .profile-requests-section { padding-inline: 0; border: 0 !important; background: transparent !important; box-shadow: none; }
body .profile-requests-head > b {
  min-width: 32px;
  height: 32px;
  padding-inline: 9px;
  display: grid;
  place-items: center;
  border: 1px solid var(--neu-line);
  border-radius: var(--radius-control);
  background: var(--surface);
  color: var(--brand-midnight);
  font-size: 12px;
  box-shadow: var(--neu-control);
}
body .profile-pro-stats { border-block: 1px solid var(--border-quiet); }
body .profile-pro-stats > button { border: 0 !important; border-radius: 0 !important; background: transparent; box-shadow: none !important; }
body .profile-pro-stats > button + button { border-inline-start: 1px solid var(--border-quiet) !important; }
body .profile-pro-stats strong { color: var(--brand-teal); }
body .profile-pro-stats button:focus-visible { outline-offset: -3px !important; }
body .sent-offer footer { border-top: 1px solid var(--neu-line); }
body .offer-status { border-radius: 6px; padding: 5px 9px; background: #e6eaf2; color: #55627b; font-size: 11px; }
body .offer-status.pending,body .moderation-state.pending { background: #f7eacb; color: #775b27; }
body .offer-status.accepted,body .moderation-state.approved { background: #dcf0e5; color: #28664c; }
body .offer-status.declined,body .moderation-state.rejected { background: #f6e3e8; color: #973d56; }
:root body#hamkhastApp[data-view] .request-card .post-meta .moderation-state {
  min-height: 28px; width: auto; margin: 0 !important; padding: 0 9px;
  border-radius: 6px; font-size: 10px; line-height: 1; white-space: nowrap;
}
:root body#hamkhastApp[data-view] .request-card .post-meta .moderation-state::before { width: 6px; height: 6px; border-radius: 50%; background: currentColor; opacity: .55; }
body .request-map-shell { border: 1px solid var(--neu-line); border-radius: 14px; background: #f6f8fc; box-shadow: var(--neu-raised); }
body :is(.request-map-head,.request-map-foot) { background: #edf2f9; color: var(--neu-muted); }
body :is(.location-picker-panel,#offerLocation) { background: #f2f6fc; border-color: var(--neu-line); }
body .settings-form > section { padding-block: 22px; border-bottom: 1px solid var(--neu-line); }
body .settings-form > section:last-of-type { border-bottom: 0; }
body :is(.modal-head,.settings-head) { border-bottom: 1px solid var(--neu-line) !important; }
body :is(.modal-head,.settings-head) h2 { font-size: 20px; line-height: 1.7; }
body .password-field input { padding-left: 68px !important; }
body .password-field .toggle-password { min-width: 52px; min-height: 34px; font-size: 11px; }
body .auth-card label > span { font-size: 13px; }
body .auth-card :is(label small,.auth-terms) { font-size: 11px; line-height: 1.8; }
body .auth-card .auth-tabs { height: 48px; }
body .instant-composer fieldset { border: 0; padding: 0; min-width: 0; margin: 18px 0; }
body .instant-composer legend { padding: 0; margin-bottom: 10px; font-size: 12px; }
body .instant-composer .choice-row { flex-wrap: wrap; }
body .instant-composer .choice-row button { min-height: 40px; }
body :is(.hero-primary,.nav-cta,.composer-submit) { text-decoration: none; }
body:has(#adminName) .sidebar { border-radius: 0; border-inline-end: 1px solid var(--neu-line); }
body:has(#adminName) :is(.panel-head,.toolbar,.card-head,.card-actions) { flex-wrap: wrap; }
body:has(#adminName) .panel-head { padding-bottom: 14px; border-bottom: 1px solid var(--neu-line); background: transparent; }
body:has(#adminName) .history-card { border: 0 !important; border-bottom: 1px solid var(--neu-line) !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; }
body:has(#adminName) :is(.list-item,.meta,.body,.history-meta,.card-head > div) { min-width: 0; overflow-wrap: anywhere; }
body:has(#adminName) .list-item { border-bottom: 1px solid var(--neu-line); align-items: start; }
body:has(#adminName) .list-item time { white-space: nowrap; font-size: 11px; }
body:has(#adminName) .card-actions { padding: 14px 0 0; border-top: 1px solid var(--neu-line); }
body:has(#adminName) :is(.approve,.dialog-actions button[type=submit]) { background: var(--brand-teal) !important; border-color: var(--brand-teal) !important; color: #fff !important; }
body:has(#adminName) .card-actions .danger { background: #f6e5eb !important; color: #963d56 !important; }
body:has(#adminName) :is(.toolbar button,.card-actions button,.dialog-actions button) { min-height: 42px; }
body:has(#adminName) .security + .security { margin-top: 20px; }
body:has(#adminName) .security :is(form,label,fieldset) { min-width: 0; }
body:has(#adminName) .security input { min-width: 0; max-width: 100%; }
body:has(#adminName) .security input[type=file] { width: 100%; font-size: 12px; }
body:has(#adminName) .security h2 { font-size: 18px; line-height: 1.8; }
body:has(#adminName) .security p { font-size: 13px; line-height: 1.9; }
body:has(#adminName) .coastal-card-admin form { grid-template-columns: repeat(2,minmax(0,1fr)); }
body:has(#adminName) .appearance-actions { flex-wrap: wrap; }
body:has(#adminName) .appearance-actions button { flex: 1 1 150px; min-height: 44px; }
.coastal-admin-preview { border-radius: 12px; }
.coastal-admin-preview :is(strong,small) { color: #fff !important; text-shadow: 0 1px 4px #0009; }
.coastal-admin-preview.text-black :is(strong,small) { color: #171b23 !important; text-shadow: 0 1px 4px #fffc; }
body:has(#adminName) .dialog { max-height: calc(100dvh - 32px); overflow-y: auto; }
body:has(#adminName) .table-wrap { max-width: 100%; scrollbar-width: thin; }
.admin-menu-toggle,.admin-menu-close,.admin-nav-backdrop { display: none; }
body :is(.accept-offer,.reject-offer) { min-height: 44px; padding: 10px 14px; border: 1px solid var(--neu-line); border-radius: var(--radius-control); box-shadow: var(--neu-control); }
body .accept-offer { background: var(--brand-teal); border-color: var(--brand-teal); color: #fff; }
body .reject-offer { margin-inline-start: 8px; background: #f3e9ed; }
body .offer-box { margin-top: 12px; padding: 16px; }
body .offer-box p { padding: 0; overflow-wrap: anywhere; }
body:has(.policy-hero) .policy-hero h1 { font-size: 40px; }
body:has(.policy-hero) main > nav a { min-height: 40px; border-radius: var(--radius-control); background: #e1e9f6; }
body:has(.policy-hero) main > section { border-top: 1px solid var(--neu-line); border-radius: 0; background: transparent; }
body :is(.ui-select-menu,.modal,.settings-modal,.category-list,.request-filters-scroll) { scrollbar-width: thin; scrollbar-color: #bac5d7 transparent; }

@media (min-width:941px) {
  :root body#hamkhastApp[data-view] #feed > .request-card {
    align-self: start;
    height: auto !important;
  }
  :root body#hamkhastApp[data-view] .profile-requests-section { margin-top: 10px !important; }
  :root body#hamkhastApp[data-view] .profile-pro-identity { padding-top: 56px !important; }
  :root body#hamkhastApp[data-view] .profile-pro-identity h1 { margin: 20px 0 12px; font-size: 24px; }
  :root body#hamkhastApp[data-view] { padding: 0 !important; }
  :root body#hamkhastApp[data-view] > .desktop-app-frame {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: none;
    height: 100dvh;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: #f4f6fa;
    box-shadow: none;
  }
  :root body#hamkhastApp[data-view] > .desktop-app-frame > .topbar {
    flex: 0 0 122px;
    width: 100% !important;
    margin: 0 auto !important;
    border-radius: 0 !important;
    box-shadow: 0 5px 16px #29213522 !important;
  }
  :root body#hamkhastApp[data-view] > .desktop-app-frame > .app-shell {
    flex: 1 1 auto;
    grid-template-rows: minmax(0,1fr);
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 18px 20px 22px !important;
    background: #f4f6fa !important;
  }
  :root body#hamkhastApp[data-view] .topbar-brand-zone .search-spotlight { display: block !important; width: min(390px,34vw) !important; }
  :root body#hamkhastApp[data-view] .topbar .global-search { display: flex !important; width: 100% !important; }
  :root body#hamkhastApp[data-view] .topbar::before,
  :root body#hamkhastApp[data-view] .topbar::after { content: none !important; display: none !important; }
  :root body#hamkhastApp[data-view] .topbar .main-nav {
    align-self: start !important;
    margin-top: 0 !important;
    padding: 4px !important;
    border-radius: 12px !important;
    transform: translateY(-4px);
  }
  :root body#hamkhastApp[data-view] .topbar .main-nav .nav-item:first-child,
  :root body#hamkhastApp[data-view] .topbar .main-nav .nav-item:last-child { border-radius: var(--radius-control) !important; }
  :root body#hamkhastApp[data-view] .search-popover {
    top: calc(100% + 10px) !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-height: min(380px,calc(100dvh - 170px));
    overflow-y: auto;
    padding: 11px !important;
    border-radius: 16px !important;
    z-index: 120 !important;
  }
  :root body#hamkhastApp[data-view] #feedView .quick-request-composer:is(.is-open,.has-content) {
    height: auto !important;
    min-height: 118px !important;
  }
  :root body#hamkhastApp[data-view] #quickRequestForm .quick-request-actions {
    position: static !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    min-height: 50px;
    margin-top: 8px !important;
    padding-top: 8px !important;
    border-top: 1px solid #b9aebf55;
  }
  :root body#hamkhastApp[data-view] #quickRequestForm .quick-request-actions .composer-pill { flex: 1 1 170px; }
  :root body#hamkhastApp[data-view] #quickRequestForm .privacy-pill { flex: 0 0 92px; }
  :root body#hamkhastApp[data-view] #quickRequestForm .quick-submit { flex: 0 0 142px; margin-inline-start: auto; }
  :root body#hamkhastApp[data-view] #feedView .feed-discovery {
    display: grid !important;
    grid-template-columns: auto 180px minmax(86px,1fr);
    grid-template-areas: "modes sort tools";
    align-items: center;
    min-height: 54px;
    padding: 6px !important;
    gap: var(--space-2) !important;
    border-radius: 14px;
    background: transparent !important;
    box-shadow: none !important;
  }
  :root body#hamkhastApp[data-view] #feedView .feed-modes { grid-area: modes; height: 42px; padding: 3px; }
  :root body#hamkhastApp[data-view] #feedView .feed-modes button { height: 36px !important; min-height: 36px !important; padding-inline: 14px !important; }
  :root body#hamkhastApp[data-view] #feedView .feed-head-tools { grid-area: sort; width: 180px !important; min-width: 0 !important; }
  :root body#hamkhastApp[data-view] #feedView .feed-left-tools { grid-area: tools; justify-self: end; }
  :root body#hamkhastApp[data-view] #feedView .sort-control {
    width: 180px !important;
    max-width: none !important;
    height: 42px !important;
    background: #f0f3f8 !important;
    color: var(--neu-ink) !important;
    box-shadow: var(--neu-control) !important;
  }
  :root body#hamkhastApp[data-view] :is(.left-rail,.right-rail) { overflow: visible !important; }
  :root body#hamkhastApp[data-view] .left-rail { grid-template-rows: 64px minmax(0,340px) minmax(120px,210px) 42px !important; align-content: start; }
  :root body#hamkhastApp[data-view] .topbar { width: min(1540px,calc(100% - 48px)) !important; }
  :root body#hamkhastApp[data-view] .app-shell { width: min(1540px,calc(100% - 48px)) !important; gap: 28px !important; padding: 18px 12px 24px !important; }
  :root body#hamkhastApp[data-view] #feedView { padding-inline: 8px !important; }
  :root body#hamkhastApp[data-view] #feedView>#feed { width: 100% !important; padding: 2px 0 30px !important; margin-inline: 0 !important; gap: var(--space-4) !important; }
  :root body#hamkhastApp[data-view] #feedView>:is(#quickRequestForm,.feed-discovery,#feed,.feed-more) { margin-inline: 0 !important; max-width: none !important; }
  :root body#hamkhastApp[data-view] #feedView>#feed>.request-card { width: 100% !important; min-width: 0 !important; }
  :root body#hamkhastApp[data-view] .right-rail .create-primary { border-radius: var(--radius-control) !important; }
  :root body#hamkhastApp[data-view] #feedView .feed-discovery { margin-top: 6px !important; margin-bottom: 2px !important; padding-inline: 6px !important; }
}
@media (max-width:940px) {
  /* Keep the horizon in the gap between the mobile identity row and search. */
  :root body#hamkhastApp[data-view] .topbar { background-size: auto, auto 380px !important; background-position: center, 60% bottom !important; }
  :root body#hamkhastApp[data-view] > .desktop-app-frame { display: contents; }
  :root { --neu-raised: 0 2px 8px #1924430a; --neu-control: 0 1px 2px #1924430d; }
  :root body#hamkhastApp[data-view] .topbar { border-radius: 0 0 16px 16px !important; box-shadow: 0 3px 12px #bcb7c333 !important; }
  :root body#hamkhastApp[data-view] .app-shell { padding-inline: 18px !important; }
  :root body#hamkhastApp[data-view] #feed { gap: 16px !important; }
  :root body#hamkhastApp[data-view] .request-card { padding: 12px !important; border-radius: var(--radius-control) !important; }
  :root body#hamkhastApp[data-view] .request-card .post-content h3 { font-size: 17px !important; }
  :root body#hamkhastApp[data-view] .app-dock { background: var(--surface) !important; color: var(--neu-muted); border-top: 1px solid var(--neu-line); box-shadow: 0 -4px 16px #1924430a; }
  :root body#hamkhastApp[data-view] .app-dock>button { color: var(--neu-muted); }
  :root body#hamkhastApp[data-view] .app-dock>button.active { border-radius: 0; color: #12636c; background: transparent; box-shadow: inset 0 3px 0 #168b91; }
  :root body#hamkhastApp[data-view] .app-dock .dock-create { background: var(--brand-midnight); color: #fff; border-radius: 14px !important; box-shadow: var(--neu-control); }
  :root body#hamkhastApp[data-view] [data-mobile-panel] { background: var(--neu-base) !important; }
  .landing-nav { left: 10px !important; right: 10px !important; width: auto !important; transform: none !important; margin: 0 !important; }
  .sort-control .ui-select-button { font-size: 12px; padding-inline: 6px !important; gap: 4px; grid-template-columns: minmax(0,1fr) 10px; }
  .sort-control .ui-select-menu { min-width: 150px; right: auto; left: 0; }
  :root body#hamkhastApp[data-view] .activity-summary { gap: 8px !important; margin-bottom: var(--space-4); }
  :root body#hamkhastApp[data-view] .activity-summary > div { padding: 12px 6px !important; }
  .activity-summary strong { font-size: 22px; }
  .activity-summary span { font-size: 11px; }
  body .category-explorer { gap: 12px; }
  body .category-tile { grid-template-columns: minmax(0,1fr); padding: 14px; min-height: 132px; gap: 6px; }
  body .category-tile > svg { grid-row: auto; }
  body .category-tile > span { grid-column: auto; }
  body .category-tile strong { font-size: 13px; }
  :root body#hamkhastApp[data-view] .page-title h1 { font-size: 21px !important; }
  body .my-post-modes { margin-bottom: 16px; }
  body:has(#adminName) .toolbar > .ui-select { width: 100%; }
  body:has(#adminName) .list-item { flex-wrap: wrap; }
}

/* Stage 2: focused request creation and a calmer, scan-first feed. */
:root body#hamkhastApp[data-view] #feedView #quickRequestForm {
  position:relative;
  padding:10px!important;
  border:1px solid #c7d9da!important;
  background:linear-gradient(110deg,#fff4e3 0%,#f7f1fb 48%,#eaf8f4 100%)!important;
  box-shadow:0 1px 2px rgba(17,26,53,.04),0 7px 20px rgba(17,26,53,.045)!important;
}
:root body#hamkhastApp[data-view] #feedView #quickRequestForm:focus-within {
  border-color:#78aaa9!important;
  box-shadow:0 0 0 3px rgba(8,126,134,.13),0 8px 24px rgba(17,26,53,.06)!important;
}
:root body#hamkhastApp[data-view] #quickRequestForm .quick-request-main { align-items:center!important; }
:root body#hamkhastApp[data-view] #quickRequestForm .quick-request-actions {
  border-top:1px solid rgba(103,122,148,.18)!important;
}
:root body#hamkhastApp[data-view] #quickRequestForm .quick-char-count {
  display:block;
  margin:2px 50px 0 4px;
  color:#6b7690;
  direction:ltr;
  font-size:10px;
  line-height:1.4;
  text-align:right;
}
:root body#hamkhastApp[data-view] #quickRequestForm .quick-char-count[data-level="near-limit"] { color:#a65a32; font-weight:750; }
:root body#hamkhastApp[data-view] #quickRequestForm .quick-submit:disabled { background:#aab2c2!important; border-color:#aab2c2!important; color:#fff!important; box-shadow:none!important; }
:root body#hamkhastApp[data-view] #feedView .feed-discovery {
  border-bottom:1px solid var(--line)!important;
  border-radius:0!important;
}
:root body#hamkhastApp[data-view] #feedView .feed-summary { display:flex; align-items:center; gap:8px; }
:root body#hamkhastApp[data-view] #feedView .feed-result-count { color:var(--muted); font-size:11px; white-space:nowrap; }
:root body#hamkhastApp[data-view] #feedView #resetFeedFilters { color:var(--brand-teal); font-size:10px; font-weight:750; }
:root body#hamkhastApp[data-view] .request-card { display:flex!important; flex-direction:column!important; }
:root body#hamkhastApp[data-view] .request-card .request-card-footer { margin-top:auto!important; }
:root body#hamkhastApp[data-view] .request-card .request-context { letter-spacing:0; font-weight:750; }
:root body#hamkhastApp[data-view] .request-card .post-content h3 { color:var(--ink-strong)!important; line-height:1.72!important; }
:root body#hamkhastApp[data-view] .request-card .post-content p { line-height:1.95!important; }
:root body#hamkhastApp[data-view] .request-card .category-pill { border:1px solid color-mix(in srgb,var(--category-color) 28%,transparent)!important; }
:root body#hamkhastApp[data-view] .request-card .post-actions { border-top-color:var(--line)!important; }
@media (min-width:941px) {
  :root body#hamkhastApp[data-view] #feedView .feed-discovery { position:sticky; top:0; z-index:12; background:rgba(246,248,251,.96)!important; backdrop-filter:blur(10px); }
}
@media (max-width:620px) {
  :root body#hamkhastApp[data-view] #quickRequestForm .quick-char-count { margin-inline:4px; text-align:left; }
  :root body#hamkhastApp[data-view] #feedView .feed-summary { display:none!important; }
  :root body#hamkhastApp[data-view] #feedView .feed-summary:has(#resetFeedFilters:not([hidden])) { display:flex!important; }
  :root body#hamkhastApp[data-view] #feedView .feed-result-count { display:none; }
  :root body#hamkhastApp[data-view] #feedView .feed-discovery { border-bottom:0!important; }
}
@media (max-width:560px) {
  body:has(.policy-hero) .policy-hero h1 { font-size: 32px; line-height: 1.65; }
}
@media (max-width:850px) {
  body.admin-nav-open { overflow: hidden; }
  body:has(#adminName) .sidebar { inset: 0 0 0 auto; z-index: 60; width: min(310px,calc(100% - 44px)); height: 100dvh; padding: 20px 16px max(20px,env(safe-area-inset-bottom)); border-radius: 16px 0 0 16px; visibility: hidden; transform: translateX(100%); transition: transform .2s ease,visibility .2s; box-shadow: -12px 0 32px #303a5030; }
  body:has(#adminName).admin-nav-open .sidebar { visibility: visible; transform: none; }
  body:has(#adminName) .sidebar .brand { display: flex; padding: 40px 8px 24px; }
  body:has(#adminName) .sidebar nav { display: grid; overflow-y: auto; gap: 6px; }
  body:has(#adminName) .sidebar nav button { min-height: 44px; font-size: 13px; }
  body:has(#adminName) .sidebar .side-footer { display: grid; }
  body:has(#adminName) .sidebar button:hover { transform: none; }
  .admin-nav-backdrop:not([hidden]) { display: block; position: fixed; inset: 0; z-index: 55; background: #303a505c; }
  .admin-menu-toggle,.admin-menu-close { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; background: #edf2fa; border: 1px solid #ffffffa6; border-radius: var(--radius-control); box-shadow: var(--neu-control); }
  .admin-menu-close { position: absolute; left: 16px; top: 16px; }
  .admin-menu-toggle svg,.admin-menu-close svg { width: 21px; height: 21px; }
  body:has(#adminName) main { padding-bottom: 28px; }
  body:has(#adminName) header { gap: 10px; height: auto; min-height: 70px; }
  body:has(#adminName) header > div:first-of-type { flex: 1; min-width: 0; }
  body:has(#adminName) header h1 { font-size: 18px; line-height: 1.7; }
  body:has(#adminName) .admin-pill { max-width: 88px; padding: 0; font-size: 11px; }
}
@media (max-width:650px) {
  body:has(#adminName) .coastal-card-admin form { grid-template-columns: minmax(0,1fr); }
}
@media (prefers-reduced-motion:reduce) { :root body :is(button,input,textarea,select,.request-card,.ui-select-menu,.sidebar),body .privacy-choice input:before,body button[aria-busy=true]::after { transition: none !important; animation: none !important; } }
@media (forced-colors:active) { button,input,textarea,select,.request-card { border: 1px solid ButtonText !important; box-shadow: none !important; } }

/* One canonical, tightly cropped brand mark across public, app, auth and admin UI. */
body :is(.brand-mark,.landing-brand img,.footer-brand img,.final-cta>img,.app-boot img,.sidebar .brand img,.access-denied>img),
body:has(.policy-hero) header img {
  object-fit: cover !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 22% !important;
  background: #171e3e !important;
  box-shadow: none !important;
}

/* Header content follows the same responsive container as the workspace. */
@media (min-width:941px) {
  :root body#hamkhastApp[data-view] .topbar .brand {
    display: grid !important;
    grid-template-columns: 40px minmax(0,1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    column-gap: 10px !important;
    row-gap: 0 !important;
    direction: rtl !important;
    overflow: hidden !important;
  }
  :root body#hamkhastApp[data-view] .topbar .brand-mark {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    position: static !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
  }
  :root body#hamkhastApp[data-view] .topbar .brand > span,
  :root body#hamkhastApp[data-view] .topbar .brand > small {
    grid-column: 2 !important;
    position: static !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  :root body#hamkhastApp[data-view] .topbar .brand > span { grid-row: 1 !important; }
  :root body#hamkhastApp[data-view] .topbar .brand > small { grid-row: 2 !important; }
}

@media (min-width:1241px) {
  :root body#hamkhastApp[data-view] .topbar {
    display: grid !important;
    grid-template-columns: 216px minmax(640px,960px) 216px !important;
    grid-template-rows: 54px 46px !important;
    grid-template-areas:
      "brand nav account"
      "brand search account" !important;
    justify-content: center !important;
    align-content: center !important;
    align-items: center !important;
    column-gap: 18px !important;
    row-gap: 4px !important;
    padding-inline: 0 !important;
    direction: rtl !important;
  }
  :root body#hamkhastApp[data-view] .topbar-brand-zone {
    display: contents !important;
  }
  :root body#hamkhastApp[data-view] .topbar .brand {
    grid-area: brand !important;
    align-self: start !important;
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 216px !important;
    margin: 0 !important;
  }
  :root body#hamkhastApp[data-view] .topbar .main-nav {
    grid-area: nav !important;
    align-self: center !important;
    justify-self: center !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
  }
  :root body#hamkhastApp[data-view] .topbar .search-spotlight {
    grid-area: search !important;
    position: static !important;
    inset: auto !important;
    align-self: center !important;
    justify-self: center !important;
    width: min(390px,100%) !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
  }
  :root body#hamkhastApp[data-view] .topbar-tools {
    grid-area: account !important;
    align-self: start !important;
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
}

/* Unified touch chrome and quieter desktop rails. */
@media (max-width: 940px) {
  :root body#hamkhastApp[data-view] .app-dock {
    border-radius: 0 !important;
    background: rgba(255,255,255,.96) !important;
    backdrop-filter: blur(12px);
  }
  :root body#hamkhastApp[data-view] #feedView .feed-discovery {
    padding: 5px !important;
    border: 1px solid #d6dfeb !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,.82) !important;
    box-shadow: 0 3px 12px rgba(23,30,62,.05) !important;
  }
}
@media (min-width: 941px) {
  :root body#hamkhastApp[data-view] .side-section {
    border-radius: 8px !important;
    box-shadow: 0 4px 14px rgba(23,30,62,.045) !important;
  }
  :root body#hamkhastApp[data-view] #feedView .feed-discovery {
    min-height: 48px !important;
    margin-block: 6px 10px !important;
  }
}

/* 2026-10 usability pass: stable rhythm, reachable controls and clearer hierarchy. */
:root body#hamkhastApp[data-view] :is(button,a,input,textarea,select):focus-visible {
  outline: 3px solid var(--brand-teal) !important;
  outline-offset: 3px !important;
}
:root body#hamkhastApp[data-view] .request-card {
  border-color: rgba(73,92,126,.22) !important;
}
:root body#hamkhastApp[data-view] .request-card .post-content h3 {
  text-wrap: balance;
}
:root body#hamkhastApp[data-view] .request-card .post-content p {
  max-width: 68ch;
}
:root body#hamkhastApp[data-view] .request-card .post-actions button:active,
:root body#hamkhastApp[data-view] .feed-discovery button:active,
:root body#hamkhastApp[data-view] .app-dock button:active {
  transform: translateY(1px) !important;
}
body:has(#hero-title) .hero-copy :is(h1,h2) {
  text-shadow: 0 2px 18px rgba(255,255,255,.34);
}
body:has(#hero-title) .hero-copy > p {
  color: #3f4b63 !important;
  font-weight: 500;
}
body:has(#hero-title) .landing-nav {
  border: 1px solid rgba(255,255,255,.62) !important;
  box-shadow: 0 8px 28px rgba(31,38,71,.12) !important;
}
@media (max-width:940px) {
  :root body#hamkhastApp[data-view] #feedView .feed-discovery {
    position: sticky !important;
    top: var(--mobile-header) !important;
    z-index: 36 !important;
    width: calc(100% + 8px) !important;
    margin-inline: -4px !important;
    margin-bottom: 8px !important;
    padding: 6px 4px !important;
    border-bottom: 1px solid rgba(69,87,119,.16) !important;
    background: rgba(241,245,250,.96) !important;
    box-shadow: 0 5px 12px rgba(24,36,66,.06) !important;
  }
  :root body#hamkhastApp[data-view] #feedView .feed-modes,
  :root body#hamkhastApp[data-view] #feedView .sort-control,
  :root body#hamkhastApp[data-view] #feedView .mobile-filter-trigger {
    min-height: 42px !important;
  }
  :root body#hamkhastApp[data-view] .request-card {
    border-color: rgba(64,84,120,.2) !important;
    box-shadow: 0 4px 14px rgba(36,52,80,.07) !important;
  }
  :root body#hamkhastApp[data-view] .request-card .post-content {
    padding-block: 10px 8px !important;
  }
  :root body#hamkhastApp[data-view] .request-card .post-actions {
    min-height: 62px !important;
  }
  :root body#hamkhastApp[data-view] .app-dock {
    border-top-color: rgba(64,84,120,.18) !important;
    box-shadow: 0 -5px 18px rgba(25,38,68,.1) !important;
  }
}
@media (max-width:350px) {
  :root body#hamkhastApp[data-view] #feedView .feed-discovery {
    width: 100% !important;
    margin-inline: 0 !important;
  }
}

@media (min-width:941px) and (max-width:1240px) {
  :root body#hamkhastApp[data-view] .topbar {
    display: grid !important;
    grid-template-columns: minmax(170px,1fr) auto 48px !important;
    grid-template-rows: 50px 44px !important;
    grid-template-areas:
      "brand nav account"
      "search search search" !important;
    align-content: center !important;
    align-items: center !important;
    gap: 4px 12px !important;
    padding: 10px clamp(14px,2vw,24px) !important;
    direction: rtl !important;
  }
  :root body#hamkhastApp[data-view] .topbar-brand-zone { display: contents !important; }
  :root body#hamkhastApp[data-view] .topbar .brand {
    grid-area: brand !important;
    width: min(220px,100%) !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  :root body#hamkhastApp[data-view] .topbar .main-nav {
    grid-area: nav !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
  }
  :root body#hamkhastApp[data-view] .topbar .search-spotlight {
    grid-area: search !important;
    position: static !important;
    inset: auto !important;
    justify-self: center !important;
    width: min(390px,100%) !important;
    margin: 0 !important;
    transform: none !important;
  }
  :root body#hamkhastApp[data-view] .topbar-tools {
    grid-area: account !important;
    width: 48px !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  :root body#hamkhastApp[data-view] .topbar-tools .profile-button {
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  :root body#hamkhastApp[data-view] .topbar-tools .profile-button > :not(.avatar) {
    display: none !important;
  }
  :root body#hamkhastApp[data-view] .topbar-tools .profile-button .avatar {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
  }
}

@media (max-width:940px) {
  :root body#hamkhastApp[data-view] .topbar {
    position: fixed !important;
    inset: 0 0 auto 0 !important;
    z-index: 100 !important;
    margin: 0 !important;
    transform: none !important;
  }
  :root body#hamkhastApp[data-view] .app-shell {
    margin-top: var(--mobile-header) !important;
  }
  :root body#hamkhastApp[data-view] .topbar .brand {
    display: grid !important;
    grid-template-columns: 36px minmax(0,1fr) !important;
    grid-template-rows: 44px !important;
    align-items: center !important;
    justify-self: start !important;
    column-gap: 8px !important;
    width: min(180px,100%) !important;
    min-width: 0 !important;
    max-width: 180px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    direction: rtl !important;
  }
  :root body#hamkhastApp[data-view] .topbar .brand-mark {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: static !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
  }
  :root body#hamkhastApp[data-view] .topbar .brand > span {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: static !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 17px !important;
    line-height: 1.4 !important;
    text-align: right !important;
  }
  :root body#hamkhastApp[data-view] .topbar .brand > small {
    display: none !important;
  }
}

/* Final mobile header geometry: logo and account avatar share one visual size. */
@media (max-width:620px) {
  :root body#hamkhastApp[data-view] .topbar .brand {
    grid-template-columns: 42px minmax(0,1fr) !important;
  }
  :root body#hamkhastApp[data-view] .topbar .brand-mark {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    border-radius: 10px !important;
  }
  :root body#hamkhastApp[data-view] .topbar .profile-button {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
  }
  :root body#hamkhastApp[data-view] .topbar .profile-button .avatar {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
  }
  :root body#hamkhastApp[data-view] .topbar .brand > span {
    align-self: center !important;
    transform: translateY(-2px) !important;
  }
}

/* Design system v1: shared foundation for public, product and admin UI. */
:root {
  --canvas:#f6f8fb; --surface:#fff; --surface-subtle:#f1f4f8; --surface-tint:#edf7f5;
  --ink-strong:#111a35; --ink:#202b46; --muted:#667189; --line:#dce3ed; --line-strong:#c5d0df;
  --brand-midnight:#171e3e; --brand-midnight-deep:#10162f; --brand-teal:#087e86; --brand-gold:#d4a953;
  --radius-control:8px; --radius-card:8px; --radius-dialog:12px;
  --shadow-card:0 1px 2px rgba(17,26,53,.04),0 8px 24px rgba(17,26,53,.055);
  --shadow-float:0 20px 55px rgba(17,26,53,.18);
  --neu-base:var(--canvas); --neu-ink:var(--ink); --neu-muted:var(--muted); --neu-line:var(--line);
  --border-quiet:var(--line); --border-subtle:var(--line); --neu-raised:var(--shadow-card);
  --neu-control:0 1px 2px rgba(17,26,53,.07); --focus-ring:0 0 0 3px rgba(8,126,134,.16);
}
html { color:var(--ink); background:var(--canvas); }
body { color:var(--ink); font-size:14px; line-height:1.75; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; }
::selection { color:#fff; background:var(--brand-teal); }
body :is(h1,h2,h3,h4) { color:var(--ink-strong); font-weight:850; }
body :is(p,small,time,.muted) { color:var(--muted); }
body :is(button,a,input,textarea,select) { transition-duration:var(--motion-fast); }
body :is(button,a).disabled,body :is(button,a):disabled { filter:saturate(.6); }
body :is(input[type=text],input[type=email],input[type=tel],input[type=password],input[type=search],input[type=number],textarea,select) { min-height:44px; border-color:var(--line-strong)!important; background:#fff!important; box-shadow:0 1px 2px rgba(17,26,53,.035)!important; }
body :is(input,textarea,select):focus { border-color:var(--brand-teal)!important; box-shadow:var(--focus-ring)!important; }
body :is(.auth-card,.instant-composer,.demo-window,.social-card-pro,.sent-offer,.history-card),body#hamkhastApp :is(.request-card,.profile-pro,.profile-request-card),body:has(#adminName) :is(.panel,.feature-card,.health-card,.request-card) { border-color:var(--line)!important; box-shadow:var(--shadow-card)!important; }
body :is(.modal,.settings-modal,.dialog,.account-popover,.search-popover,.post-menu,.ui-select-menu) { border-color:var(--line)!important; box-shadow:var(--shadow-float)!important; }
:root body#hamkhastApp[data-view] :is(.right-rail,.left-rail) .side-section { background:rgba(255,255,255,.94)!important; border:1px solid var(--line)!important; border-top-width:1px!important; box-shadow:0 2px 10px rgba(17,26,53,.035)!important; }
:root body#hamkhastApp[data-view] :is(.right-rail,.left-rail) .side-section h2 { color:var(--ink-strong)!important; font-size:13px!important; }
:root body#hamkhastApp[data-view] .category-button { min-height:42px; border-radius:6px!important; }
:root body#hamkhastApp[data-view] .category-button:not(.active):hover { background:var(--surface-subtle)!important; }
:root body#hamkhastApp[data-view] .topbar .main-nav { background:rgba(16,22,47,.94)!important; border-color:rgba(255,255,255,.18)!important; box-shadow:0 8px 24px rgba(7,12,29,.2)!important; }
:root body#hamkhastApp[data-view] .topbar .nav-item.active { background:#f0ca7a!important; border-color:#f7dfa8!important; box-shadow:inset 0 1px rgba(255,255,255,.58),0 2px 5px rgba(0,0,0,.2)!important; }
:root body#hamkhastApp[data-view] .topbar :is(.global-search,.profile-button) { background:rgba(255,255,255,.97)!important; border-color:rgba(255,255,255,.72)!important; box-shadow:0 4px 16px rgba(7,12,29,.16)!important; }
body:has(#hero-title) .landing-nav,body:has(.auth-shell) .auth-card { border:1px solid rgba(197,208,223,.82)!important; border-radius:10px!important; box-shadow:var(--shadow-card)!important; }
body:has(#hero-title) .landing-nav { background:rgba(255,255,255,.94)!important; }
body:has(#hero-title) .section-heading>span { color:var(--brand-teal)!important; }
body:has(#hero-title) :is(.steps article,.security-grid article,.demo-window) { border-color:var(--line)!important; border-radius:8px!important; box-shadow:var(--shadow-card)!important; }
@media (min-width:941px) {
  :root body#hamkhastApp[data-view]>.desktop-app-frame,:root body#hamkhastApp[data-view]>.desktop-app-frame>.app-shell { background:var(--canvas)!important; }
  :root body#hamkhastApp[data-view] .app-shell { gap:24px!important; }
  :root body#hamkhastApp[data-view] #feedView>#feed { gap:14px!important; }
  :root body#hamkhastApp[data-view] .request-card:hover { border-color:#b7c6d8!important; box-shadow:0 2px 4px rgba(17,26,53,.05),0 12px 30px rgba(17,26,53,.08)!important; }
}
@media (max-width:940px) {
  :root body#hamkhastApp[data-view] .app-shell { background:transparent!important; }
  :root body#hamkhastApp[data-view] .request-card { box-shadow:0 2px 12px rgba(17,26,53,.07)!important; }
  :root body#hamkhastApp[data-view] .app-dock { border-top-color:var(--line)!important; box-shadow:0 -6px 22px rgba(17,26,53,.08)!important; }
  body:has(#hero-title) .landing-nav { border-radius:0 0 10px 10px!important; }
}

@media (max-width:350px) {
  :root body#hamkhastApp[data-view] .topbar .brand {
    width: min(150px,100%) !important;
    max-width: 150px !important;
  }
  :root body#hamkhastApp[data-view] .topbar .brand > span {
    font-size: 16px !important;
  }
}

/* Keep header identity controls optically stable across every mobile width. */
:root body#hamkhastApp[data-view] .topbar .brand-mark {
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  flex: 0 0 42px !important;
}
@media (min-width:941px) {
  :root body#hamkhastApp[data-view] .topbar .brand {
    grid-template-columns: 42px minmax(0,1fr) !important;
  }
}
@media (max-width:940px) {
  :root body#hamkhastApp[data-view] .topbar .brand {
    grid-template-columns: 42px minmax(0,1fr) !important;
  }
  :root body#hamkhastApp[data-view] .topbar .brand-mark {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    flex: 0 0 42px !important;
  }
  :root body#hamkhastApp[data-view] .topbar .profile-button {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
  }
}

/* Compact feed cards have a fixed scan rhythm, including image posts. */
@media (min-width:941px) {
  :root body#hamkhastApp[data-view][data-feed-density="compact"] #feed .request-card:not(.details-expanded) {
    height:350px!important;
    min-height:350px!important;
    max-height:350px!important;
    overflow:hidden!important;
  }
  :root body#hamkhastApp[data-view][data-feed-density="compact"] #feed .request-card:not(.details-expanded) .post-content {
    min-height:0!important;
    overflow:hidden!important;
  }
  :root body#hamkhastApp[data-view][data-feed-density="compact"] #feed .request-card .post-content h3 { line-height:1.65!important; }
  :root body#hamkhastApp[data-view][data-feed-density="compact"] #feed .request-card .post-content p { line-height:1.75!important; }
}

/* Stage 3: compact identity, operational admin hierarchy and useful feedback. */
:root body#hamkhastApp[data-view] .edit-profile-button { display:inline-flex!important; align-items:center; justify-content:center; gap:7px; }
:root body#hamkhastApp[data-view] .edit-profile-button svg { width:16px; height:16px; }
:root body#hamkhastApp[data-view] .profile-pro-stats button { cursor:pointer; transition:background-color var(--motion-fast) ease,color var(--motion-fast) ease!important; }
:root body#hamkhastApp[data-view] .profile-pro-stats button:hover { background:var(--surface-tint)!important; }
:root body#hamkhastApp[data-view] .profile-request-card { border-color:var(--line)!important; box-shadow:0 1px 3px rgba(17,26,53,.04)!important; }
:root body#hamkhastApp[data-view] .profile-request-card:hover { border-color:#b6c4d7!important; background:#fbfcfe!important; transform:none!important; }
:root body#hamkhastApp[data-view] .profile-request-status { border:1px solid currentColor; border-radius:999px!important; font-weight:750; }

@media (min-width:941px) {
  :root body#hamkhastApp[data-view] #fullProfile { width:min(900px,100%); margin-inline:auto; }
  :root body#hamkhastApp[data-view] .profile-pro-cover { height:144px!important; }
  :root body#hamkhastApp[data-view] .profile-pro-main { padding:0 24px 20px!important; }
  :root body#hamkhastApp[data-view] .profile-pro-identity {
    display:grid!important;
    grid-template-columns:120px minmax(0,1fr) auto!important;
    align-items:end!important;
    gap:18px!important;
    min-height:0!important;
    margin:-58px 0 0!important;
    padding:0!important;
    text-align:right!important;
  }
  :root body#hamkhastApp[data-view] .profile-pro-avatar { position:static!important; grid-column:1!important; width:120px!important; height:120px!important; margin:0!important; transform:none!important; }
  :root body#hamkhastApp[data-view] .profile-pro-identity>div { grid-column:2!important; width:auto!important; max-width:none!important; margin:0 0 8px!important; padding:0!important; text-align:right!important; }
  :root body#hamkhastApp[data-view] .profile-pro-identity h1 { margin:0 0 2px!important; font-size:24px!important; }
  :root body#hamkhastApp[data-view] .profile-pro-identity .edit-profile-button { grid-column:3!important; width:auto!important; min-height:44px; margin:0 0 8px!important; padding-inline:16px!important; }
  :root body#hamkhastApp[data-view] .profile-account-facts { display:flex!important; flex-wrap:wrap; gap:8px 18px!important; margin-top:16px!important; padding:12px 0!important; border-block:1px solid var(--line); }
  :root body#hamkhastApp[data-view] .profile-pro-stats { margin:0!important; border-top:0!important; }
  :root body#hamkhastApp[data-view] .profile-pro-stats>* { min-height:68px; padding:10px!important; }
  :root body#hamkhastApp[data-view] .profile-pro-bio { margin-top:14px!important; }
}

@media (min-width:941px) {
  :root body#hamkhastApp[data-view] .profile-pro-identity {
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    margin:-96px 0 0!important;
    padding:0!important;
    text-align:center!important;
  }
  :root body#hamkhastApp[data-view] .profile-pro-avatar {
    position:static!important;
    width:200px!important;
    height:200px!important;
    margin:0!important;
    transform:none!important;
  }
  :root body#hamkhastApp[data-view] .profile-pro-identity>div {
    width:100%!important;
    max-width:100%!important;
    margin:-12px 0 0!important;
    padding:0!important;
    text-align:center!important;
  }
  :root body#hamkhastApp[data-view] .profile-pro-identity .edit-profile-button {
    width:auto!important;
    margin:4px auto 0!important;
  }
}

body:has(#adminName) { background:var(--canvas)!important; }
body:has(#adminName) .sidebar { border-inline-start:1px solid var(--line); background:#f0f3f9!important; }
body:has(#adminName) .sidebar nav button { min-height:44px; border-radius:7px!important; }
body:has(#adminName) .sidebar nav button.active { background:var(--brand-midnight)!important; color:#fff!important; box-shadow:0 5px 14px rgba(23,30,62,.14)!important; }
body:has(#adminName) main>header { border-bottom:1px solid var(--line); }
body:has(#adminName) :is(.feature-summary article,.feature-card,.health-card) { border:1px solid var(--line)!important; border-top-width:1px!important; border-radius:8px!important; background:#fff!important; box-shadow:var(--shadow-card)!important; }
body:has(#adminName) :is(.feature-summary article,.feature-card,.health-card):hover { border-color:#bdc9d9!important; transform:none!important; }
body:has(#adminName) .feature-summary strong { color:var(--ink-strong); font-variant-numeric:tabular-nums; }
body:has(#adminName) .table-wrap { border:1px solid var(--line); border-radius:8px; background:#fff; }
body:has(#adminName) table tr:hover td { background:#f7f9fc; }

.toast { overflow:hidden; min-height:46px; padding-inline:16px!important; border:1px solid rgba(255,255,255,.15); box-shadow:0 14px 34px rgba(17,26,53,.24)!important; }
.toast::after { content:""; position:absolute; inset:auto 0 0; height:3px; background:rgba(255,255,255,.72); transform-origin:right; transform:scaleX(0); }
.toast.show::after { animation:toast-life var(--toast-duration,3500ms) linear forwards; }
@keyframes toast-life { from { transform:scaleX(1); } to { transform:scaleX(0); } }
@media (prefers-reduced-motion:reduce) { .toast.show::after { animation:none; transform:scaleX(1); } }

/* Keep search suggestions attached to the field instead of using a screen-wide sheet. */
:root body#hamkhastApp[data-view] .search-spotlight { position:relative !important; }
:root body#hamkhastApp[data-view] .search-popover {
  position:absolute !important;
  inset:auto auto auto 50% !important;
  top:calc(100% + 8px) !important;
  width:min(420px,calc(100vw - 32px)) !important;
  min-width:0 !important;
  max-width:420px !important;
  max-height:min(360px,calc(100dvh - 160px)) !important;
  padding:10px !important;
  overflow-y:auto !important;
  transform:translateX(-50%) !important;
  border-radius:10px !important;
  z-index:140 !important;
}
:root body#hamkhastApp[data-view] #peopleSearchResults { max-height:220px; overflow-y:auto; }

/* Connection lists use a distinct profile action beside relationship controls. */
:root body#hamkhastApp[data-view] .connection-profile {
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 18px;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:6px;
  border:0 !important;
  background:transparent !important;
  color:inherit;
  text-align:right;
  box-shadow:none !important;
}
:root body#hamkhastApp[data-view] .connection-copy { min-width:0; }
:root body#hamkhastApp[data-view] .connection-copy :is(strong,small) { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
:root body#hamkhastApp[data-view] .connection-profile>svg { width:16px; color:var(--text-muted); }
:root body#hamkhastApp[data-view] .connection-row > button:not(.connection-profile),
:root body#hamkhastApp[data-view] .request-actions button { flex:0 0 auto; white-space:nowrap; }
@media (hover:hover) and (pointer:fine) {
  :root body#hamkhastApp[data-view] .connection-profile:hover { background:var(--surface-subtle) !important; }
}
@media (max-width:620px) {
  :root body#hamkhastApp[data-view] .search-popover {
    width:min(350px,calc(100vw - 32px)) !important;
    max-height:min(52dvh,360px) !important;
  }
}

.request-writing-meta { display:flex; align-items:center; justify-content:space-between; gap:10px; min-width:0; }
.request-character-count { flex:0 0 auto; color:var(--text-muted); font-size:11px; direction:rtl; }
.request-policy svg { width:16px; height:16px; flex:0 0 auto; }
.request-policy { display:flex; align-items:flex-start; gap:7px; margin:4px 0 0; color:var(--text-muted); font-size:10px; line-height:1.8; }
#quickRequestForm .request-writing-meta,#quickRequestForm .request-policy { display:none; }
#quickRequestForm:is(.is-open,.has-content) .request-writing-meta,#quickRequestForm:is(.is-open,.has-content) .request-policy { display:flex; }
@media (max-width:620px) { .request-writing-meta { align-items:flex-start; flex-wrap:wrap; } }