/* 2026 visual refinement: calmer hierarchy and consistent product surfaces. */
:root {
  --canvas:#f3f6fa;
  --surface:#fff;
  --surface-subtle:#eef2f7;
  --ink-strong:#121a32;
  --muted:#657189;
  --line:#d8e0ea;
  --shadow-control:0 1px 2px rgba(18,26,50,.06);
  --shadow-card:0 2px 6px rgba(18,26,50,.045);
  --shadow-overlay:0 18px 52px rgba(18,26,50,.18);
}
body { font-feature-settings:"ss01" 1,"tnum" 1; }
body :is(h1,h2,h3,p) { text-wrap:pretty; }
body :is(button,a) { -webkit-tap-highlight-color:transparent; }
body :is(button,input,textarea,select) { min-width:0; }

:root body#hamkhastApp[data-view] .topbar {
  border-bottom:1px solid rgba(255,255,255,.2)!important;
  box-shadow:0 3px 12px rgba(12,17,38,.1)!important;
}
:root body#hamkhastApp[data-view] .topbar .brand > span { line-height:1.3!important; }
:root body#hamkhastApp[data-view] .topbar .global-search {
  border-color:rgba(216,224,234,.92)!important;
  box-shadow:0 3px 12px rgba(12,17,38,.13)!important;
}
:root body#hamkhastApp[data-view] .topbar .global-search:focus-within {
  border-color:#89b8bc!important;
  box-shadow:0 0 0 3px rgba(8,126,134,.14),0 5px 18px rgba(12,17,38,.14)!important;
}

:root body#hamkhastApp[data-view] #feedView #quickRequestForm.quick-request-composer {
  border:1px solid #8fc8c0!important;
  background:linear-gradient(105deg,#ffdab9 0%,#eadcf5 50%,#c9ebdf 100%)!important;
  box-shadow:0 2px 4px rgba(18,26,50,.04),0 10px 26px rgba(31,76,82,.09)!important;
}
:root body#hamkhastApp[data-view] #feedView #quickRequestForm.quick-request-composer:focus-within {
  border-color:#78b4b5!important;
  box-shadow:0 0 0 3px rgba(8,126,134,.1),0 10px 26px rgba(31,76,82,.08)!important;
}
:root body#hamkhastApp[data-view] #quickRequestForm .quick-request-start {
  background:#126f78!important;
  border:1px solid #0b626b!important;
  color:#fff!important;
  box-shadow:0 4px 11px rgba(18,111,120,.26)!important;
}
:root body#hamkhastApp[data-view] #quickRequestForm .quick-request-start:hover {
  background:#076e76!important;
}
:root body#hamkhastApp[data-view] #quickRequestForm #quickRequestText {
  color:#263650!important;
}
:root body#hamkhastApp[data-view] #quickRequestForm #quickRequestText::placeholder {
  color:#586981!important;
}
:root body#hamkhastApp[data-view] #feedView .feed-discovery {
  min-height:54px;
  border-block:1px solid var(--line)!important;
  background:rgba(243,246,250,.92)!important;
}
:root body#hamkhastApp[data-view] .feed-modes {
  padding:3px!important;
  border:1px solid var(--line)!important;
  border-radius:8px!important;
  background:#e9eef4!important;
  box-shadow:none!important;
}
:root body#hamkhastApp[data-view] .feed-modes button {
  min-height:36px!important;
  border:0!important;
  border-radius:6px!important;
  box-shadow:none!important;
}
:root body#hamkhastApp[data-view] .feed-modes button[aria-pressed="true"] {
  background:#fff!important;
  color:var(--ink-strong)!important;
  box-shadow:0 1px 4px rgba(18,26,50,.1)!important;
}

:root body#hamkhastApp[data-view] .request-card {
  border-color:var(--line)!important;
  box-shadow:var(--shadow-card)!important;
}
:root body#hamkhastApp[data-view] .request-card .request-context {
  color:#08747c!important;
  font-size:10px!important;
  font-weight:850!important;
}
:root body#hamkhastApp[data-view] .request-card .post-content h3 {
  font-weight:850!important;
  letter-spacing:0!important;
}
:root body#hamkhastApp[data-view] .request-card .post-content p { color:#5c6880!important; }
:root body#hamkhastApp[data-view] .request-card .post-actions {
  padding-block:12px!important;
}
:root body#hamkhastApp[data-view] .category-pill {
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}
:root body#hamkhastApp[data-view] .request-card :is(.save-button,.share-button,.report-button,.more-button):not([aria-pressed="true"]):not(.saved):not(.active) {
  border-color:#cfdae7!important;
  background:#f8fafc!important;
}
:root body#hamkhastApp[data-view] .request-card .offer-button {
  box-shadow:0 3px 9px rgba(23,30,62,.14)!important;
}

:root body#hamkhastApp[data-view] :is(.page-title,.section-heading) h1,
:root body#hamkhastApp[data-view] :is(.page-title,.section-heading) h2 { letter-spacing:0!important; }
:root body#hamkhastApp[data-view] :is(.empty-state,.loading-state) { border-style:dashed!important; box-shadow:none!important; }
body :is(.modal,.settings-modal,.dialog) { overflow:hidden; }
body :is(.modal-head,.settings-head) { border-bottom:1px solid var(--line)!important; }

@media (min-width:941px) {
  :root body#hamkhastApp[data-view] .topbar .brand { transition:none!important; }
  :root body#hamkhastApp[data-view] .request-card { height:auto!important; min-height:min-content!important; }
  :root body#hamkhastApp[data-view] .request-card .post-actions { flex-shrink:0!important; height:auto!important; min-height:69px!important; }
  :root body#hamkhastApp[data-view]>.desktop-app-frame { box-shadow:0 18px 60px rgba(17,25,50,.12)!important; }
  :root body#hamkhastApp[data-view] .app-shell { padding-top:22px!important; }
  :root body#hamkhastApp[data-view] :is(.right-rail,.left-rail) .side-section { border-radius:8px!important; }
  :root body#hamkhastApp[data-view] :is(.right-rail,.left-rail) .side-section h2 {
    padding-bottom:10px!important;
    border-bottom:1px solid var(--line)!important;
  }
}

@media (max-width:940px) {
  :root body#hamkhastApp[data-view] .topbar { box-shadow:0 6px 20px rgba(12,17,38,.2)!important; }
  :root body#hamkhastApp[data-view] .app-shell { padding-inline:max(10px,env(safe-area-inset-left))!important; }
  :root body#hamkhastApp[data-view] #feedView .feed-discovery {
    border:0!important;
    background:transparent!important;
    padding-inline:0!important;
  }
  :root body#hamkhastApp[data-view] .request-card { border-radius:8px!important; }
  :root body#hamkhastApp[data-view] .request-card .post-content h3 { font-size:16px!important; }
  :root body#hamkhastApp[data-view] .request-card .post-actions { gap:7px!important; }
  :root body#hamkhastApp[data-view] .request-card .offer-button { min-width:0!important; }
}

@media (max-width:390px) {
  :root body#hamkhastApp[data-view] .app-shell { padding-inline:7px!important; }
  :root body#hamkhastApp[data-view] .request-card { padding-inline:12px!important; }
  :root body#hamkhastApp[data-view] .request-card :is(.save-button,.share-button,.report-button,.more-button) {
    width:40px!important;
    min-width:40px!important;
  }
}

/* Admin contrast: the final light sidebar must not inherit its old light-on-dark text. */
body:has(#adminName) {
  --admin-text:#17213a;
  --admin-muted:#4e5c73;
}
body:has(#adminName) :is(main,.view,.panel,.toolbar,.request-card,.feature-card,.health-card) {
  color:var(--admin-text)!important;
}

/* 2026 product surface pass: hierarchy and interaction without removing controls. */
:root body#hamkhastApp[data-view] {
  --ui-surface:#ffffff;
  --ui-surface-soft:#f7f9fc;
  --ui-line:#d7e0ea;
  --ui-ink:#111a35;
  --ui-muted:#617087;
  --ui-teal:#087f8c;
}
:root body#hamkhastApp[data-view] #feedView .feed-discovery {
  border:1px solid var(--ui-line)!important;
  border-radius:8px!important;
  background:rgba(248,250,252,.96)!important;
  box-shadow:0 1px 2px rgba(17,26,53,.03)!important;
}
:root body#hamkhastApp[data-view] .feed-modes button,
:root body#hamkhastApp[data-view] :is(.feed-refresh-button,.mobile-filter-trigger,.density-control button) {
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}
@media (hover:hover) and (pointer:fine) {
:root body#hamkhastApp[data-view] .feed-modes button:hover:not([aria-pressed="true"]),
:root body#hamkhastApp[data-view] :is(.feed-refresh-button,.mobile-filter-trigger,.density-control button):hover {
  border-color:#b8c8d8!important;
  background:#f4f8fb!important;
  color:var(--ui-teal)!important;
}
}
:root body#hamkhastApp[data-view] .request-card {
  isolation:isolate;
  border:1px solid var(--ui-line)!important;
  background:var(--ui-surface)!important;
  box-shadow:0 1px 2px rgba(17,26,53,.035),0 7px 18px rgba(17,26,53,.045)!important;
  transition:border-color .18s ease,box-shadow .18s ease!important;
}
:root body#hamkhastApp[data-view] .request-card .post-top {
  align-items:center!important;
}
:root body#hamkhastApp[data-view] .request-card .post-author strong {
  color:var(--ui-ink)!important;
  font-weight:800!important;
}
:root body#hamkhastApp[data-view] .request-card .post-author span,
:root body#hamkhastApp[data-view] .request-card .location-pill {
  color:#526078!important;
}
:root body#hamkhastApp[data-view] .request-card .post-content {
  padding-block:10px 12px!important;
}
:root body#hamkhastApp[data-view] .request-card .post-content h3 {
  color:var(--ui-ink)!important;
  line-height:1.65!important;
}
:root body#hamkhastApp[data-view] .request-card .post-content p {
  color:var(--ui-muted)!important;
  line-height:1.9!important;
}
:root body#hamkhastApp[data-view] .request-card-footer {
  border-top-color:var(--ui-line)!important;
}
:root body#hamkhastApp[data-view] .request-card :is(.share-button,.save-button,.report-button,.more-button):not([aria-pressed="true"]):not(.saved) {
  border-color:#cad6e4!important;
  color:#24324d!important;
  background:#f9fbfd!important;
  box-shadow:0 1px 2px rgba(17,26,53,.04)!important;
}
:root body#hamkhastApp[data-view] .request-card :is(.share-button,.save-button,.report-button,.more-button):hover {
  border-color:#91b9bd!important;
  color:#076f79!important;
  background:#eef8f7!important;
}
:root body#hamkhastApp[data-view] .request-card .save-button:is(.saved,[aria-pressed="true"]) {
  border-color:#8bb8ba!important;
  color:#076f79!important;
  background:#e8f5f3!important;
}
:root body#hamkhastApp[data-view] .page-title {
  border-bottom:1px solid var(--ui-line);
}
:root body#hamkhastApp[data-view] .empty-state {
  border-color:#bdcbd9!important;
  background:linear-gradient(180deg,#fbfcfe,#f4f7fa)!important;
}
@media (hover:hover) and (pointer:fine) {
  :root body#hamkhastApp[data-view] .request-card:hover {
    border-color:#afc3d4!important;
    box-shadow:0 3px 10px rgba(17,26,53,.065)!important;
    transform:none!important;
  }
}
@media (prefers-reduced-motion:reduce) {
  :root body#hamkhastApp[data-view] .request-card { transition:none!important; transform:none!important; }
}
@media (max-width:940px) {
  :root body#hamkhastApp[data-view] #feedView .feed-discovery {
    padding:6px!important;
    border-color:#dbe3ec!important;
    background:#edf2f6!important;
  }
  :root body#hamkhastApp[data-view] .request-card .post-content { padding-block:8px 10px!important; }
  :root body#hamkhastApp[data-view] .request-card-footer .post-actions { background:#fbfcfe!important; }
  :root body#hamkhastApp[data-view] .page-title { padding-bottom:10px!important; }
}
body:has(#adminName) :is(.muted,.meta,.body,th,.section-intro p,.operations-head p,.panel-head p,.feature-card small,.health-card p,.event-item p,.event-item small) {
  color:var(--admin-muted)!important;
}
body:has(#adminName) .sidebar #nav .nav-label {
  color:#647188!important;
}
body:has(#adminName) .sidebar #nav button {
  color:#34425b!important;
}
body:has(#adminName) .sidebar #nav button svg {
  color:#53627b!important;
}
body:has(#adminName) .sidebar #nav button:hover {
  color:#17213a!important;
  background:#e2e8f1!important;
}
body:has(#adminName) .sidebar #nav button.active {
  color:#fff!important;
  background:var(--brand-midnight)!important;
}
body:has(#adminName) .sidebar #nav button.active svg { color:#f2ca72!important; }
body:has(#adminName) :is(input,textarea,select) { color:#17213a!important; }
body:has(#adminName) :is(input,textarea)::placeholder { color:#66738a!important; }
body:has(#adminName) .side-footer :is(a,button) { color:#34425b!important; }

/* List separators belong between people, never after the final row. */
:root body#hamkhastApp[data-view] .people #peopleList .person:last-child {
  border-bottom:0!important;
}
:root body#hamkhastApp[data-view] .left-rail .side-section.people .section-heading h2 {
  border-bottom:0!important;
}
@media (max-width:700px){.sunset-cloud-layer{animation:none!important;transform:none!important;will-change:auto!important}}

/* Image-free product shell. */
:root body#hamkhastApp {
  background:var(--shell-canvas)!important;
  background-image:none!important;
}
:root body#hamkhastApp .sunset-cloud-layer { display:none!important; }
:root body#hamkhastApp[data-view]>.desktop-app-frame,
:root body#hamkhastApp[data-view]>.desktop-app-frame>.app-shell {
  background:var(--shell-surface)!important;
  background-image:none!important;
}
:root body#hamkhastApp[data-view] .topbar {
  background:var(--header-surface)!important;
  background-image:none!important;
  border:1px solid var(--header-border)!important;
  box-shadow:inset 0 -1px var(--header-accent),0 3px 10px rgba(16,25,49,.1)!important;
}
:root body#hamkhastApp[data-view] .topbar :is(.brand>span,.brand>small) { color:#fff!important; }
:root body#hamkhastApp[data-view] .topbar .main-nav {
  background:var(--header-nav)!important;
  border-color:#52617f!important;
  box-shadow:none!important;
}
body:has(.auth-shell),body:has(.landing-nav),body:has(#adminName) {
  background:var(--shell-canvas)!important;
  background-image:none!important;
}
body:has(.landing-nav) .hero {
  background:var(--shell-surface)!important;
  background-image:none!important;
  border-bottom:1px solid #d8e0eb;
}
:root body#hamkhastApp[data-view] .topbar .brand-mark {
  border:1px solid #d9b866!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.12)!important;
}
:root body#hamkhastApp[data-view] .topbar :is(.notification-button,.profile-button) {
  border-color:#d7deea!important;
}

/* Shared interaction states do not change control geometry. */
body#hamkhastApp .topbar .profile-button > svg.lucide { color:#26344d!important; }
body#hamkhastApp :is(button,a,input,textarea):focus-visible {
  outline:2px solid #087f8c;
  outline-offset:3px;
}
@media (min-width:941px) {
  :root body#hamkhastApp[data-view] .request-card .post-content p { font-size:14px!important; }
  :root body#hamkhastApp[data-view] .request-card .post-author strong { font-size:13px!important; }
  :root body#hamkhastApp[data-view] .right-rail :is(.category-button,.check-row) { font-size:12px!important; line-height:1.7; }
  :root body#hamkhastApp[data-view] .left-rail .person strong { font-size:13px!important; }
  :root body#hamkhastApp[data-view] .feed-modes button { font-size:12px!important; padding-inline:12px!important; }
  :root body#hamkhastApp[data-view] .request-card :is(.post-author span,.location-pill,.response-count) { font-size:12px!important; }
  :root body#hamkhastApp[data-view] .request-card .post-actions { gap:12px!important; }
}
@media (hover:hover) and (pointer:fine) {
  :root body#hamkhastApp[data-view] .request-card :is(.share-button,.report-button,.more-button):hover {
    background:#eaf3f4!important; border-color:#9cbfc3!important; color:#096c76!important;
  }
  body#hamkhastApp .request-title-button:hover { color:#087f8c!important; }
  body#hamkhastApp .request-title-button:hover h3 { color:inherit!important; }
  body#hamkhastApp :is(.account-popover,.search-popover) button:hover { background:#edf5f5!important; }
}

/* Final hierarchy: shared surfaces, restrained media, and a branded image-free hero. */
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:1px solid var(--line)!important;
  box-shadow:var(--shadow-card)!important;
}
body :is(.modal,.settings-modal,.user-detail-dialog,.account-popover,.search-popover,.ui-select-menu) {
  box-shadow:var(--shadow-overlay)!important;
}
body :is(.icon-button,.notification-button,.profile-button,.save-button,.share-button,.report-button,.more-button) {
  box-shadow:var(--shadow-control)!important;
}
:root body#hamkhastApp[data-view] .request-card .post-image {
  width:100%!important;
  height:clamp(160px,18vw,210px)!important;
  margin:10px 0 12px!important;
  border:1px solid #d8e0ea;
  border-radius:7px!important;
  object-fit:cover;
  object-position:center;
}
body:has(#hero-title) .hero {
  position:relative;
  isolation:isolate;
  column-gap:clamp(34px,6vw,88px)!important;
  overflow:hidden;
}
body:has(#hero-title) .hero::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset-block:0;
  inset-inline-end:0;
  width:48%;
  background:#e8eef5;
  border-inline-start:1px solid #d7e0eb;
}
body:has(#hero-title) .hero-copy {
  padding-inline-start:clamp(18px,3vw,42px)!important;
  border-inline-start:4px solid var(--brand-teal);
  text-align:start!important;
}
body:has(#hero-title) .hero-copy>p { margin-inline:0!important; }
body:has(#hero-title) .hero-actions { justify-content:flex-start!important; margin-inline:0!important; }

@media (max-width:940px) {
  body:has(#hero-title) .hero::before { width:100%; height:42%; inset-block-end:auto; border:0; border-bottom:1px solid #d7e0eb; }
  body:has(#hero-title) .hero-copy { padding:18px 16px 22px!important; border-inline-start:0; border-block-start:4px solid var(--brand-teal); text-align:center!important; }
  body:has(#hero-title) .hero-copy>p { margin-inline:auto!important; }
  body:has(#hero-title) .hero-actions { justify-content:center!important; margin-inline:auto!important; }
  :root body#hamkhastApp[data-view] .request-card .post-image { height:clamp(158px,48vw,190px)!important; }
}

@media (max-width:700px) {
  :root body#hamkhastApp[data-view] .topbar { min-height:58px!important; padding-inline:10px!important; }
  :root body#hamkhastApp[data-view] .topbar .brand { min-height:44px!important; align-items:center!important; }
  :root body#hamkhastApp[data-view] .topbar .brand-mark { width:40px!important; height:40px!important; }
  :root body#hamkhastApp[data-view] .topbar-tools { gap:8px!important; align-items:center!important; }
  :root body#hamkhastApp[data-view] .topbar-tools :is(.notification-button,.profile-button) { width:44px!important; min-width:44px!important; height:44px!important; }
}