/* Renok native-app experience. Additive design layer; no business rules or route changes. */
:root{
  --renok-app-bg:#f3f7f4;
  --renok-app-surface:#ffffff;
  --renok-app-line:#e3ebe5;
  --renok-app-shadow:0 8px 28px rgba(16,57,39,.055);
  --renok-app-shadow-soft:0 3px 12px rgba(16,57,39,.035);
  --renok-app-radius:18px;
}
html{scroll-padding-top:84px;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{overscroll-behavior-y:contain;}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent;}
.btn,.main-nav a,.mobile-bottom-nav a,.category-tile,.listing-card,.job-card,.rental-card,.chat-inbox-item{touch-action:manipulation;}
.btn{border-radius:13px;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease;}
.btn-primary{box-shadow:0 4px 12px rgba(0,77,64,.12);}
.btn-primary:active,.btn-accent:active,.btn-outline:active{transform:scale(.985);}
input,textarea,select{border-radius:13px;}
input[type=checkbox],input[type=radio]{accent-color:#087653;}
::selection{background:#cdebd7;color:#103d2d;}
@media(min-width:821px){
  .site-header{box-shadow:0 3px 20px rgba(18,61,43,.035);}
  .listing-card,.job-card,.rental-card,.category-tile,.admin-panel,.seller-card{transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease;}
}
@media(max-width:820px){
  html{scroll-padding-top:76px;}
  body:not(.admin-body){background:var(--renok-app-bg);}
  body:not(.admin-body) main{min-height:45vh;}
  body:not(.admin-body) .container{width:min(100% - 28px,680px);}
  body:not(.admin-body) .narrow-container{width:min(100% - 28px,640px);}

  /* App bar */
  .site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.93);border-bottom:1px solid rgba(222,233,226,.9);box-shadow:0 3px 18px rgba(11,54,37,.055);backdrop-filter:blur(20px) saturate(155%);-webkit-backdrop-filter:blur(20px) saturate(155%);}
  .nav-wrap{min-height:62px!important;gap:10px!important;width:calc(100% - 26px)!important;}
  .brand{gap:7px;font-size:1.35rem;letter-spacing:-.065em;}
  .brand-logo{width:34px;height:34px;object-fit:contain;border-radius:11px;}
  .nav-toggle{width:42px;height:42px;flex:0 0 42px;border:1px solid #e0eae3;border-radius:14px;background:#f7faf8;box-shadow:none;transition:background .18s,border-color .18s,transform .18s;}
  .nav-toggle:active{transform:scale(.96);background:#eaf4ed;}
  .nav-toggle span{width:18px;margin:4px auto;height:2px;transition:transform .18s,opacity .18s;}
  .nav-open .nav-toggle span:first-child{transform:translateY(6px) rotate(45deg);}
  .nav-open .nav-toggle span:nth-child(2){opacity:0;}
  .nav-open .nav-toggle span:last-child{transform:translateY(-6px) rotate(-45deg);}

  /* The menu becomes a floating app sheet instead of a full-width site dropdown. */
  .main-nav{top:calc(62px + 8px)!important;left:12px!important;right:12px!important;max-height:calc(100dvh - 150px)!important;overflow-y:auto;overscroll-behavior:contain;padding:12px!important;gap:5px!important;border:1px solid #e0eae3!important;border-radius:21px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 22px 60px rgba(11,45,31,.2)!important;}
  .main-nav>a.nav-icon-link:not(.btn),.main-nav .nav-icon-button,.main-nav>a.btn.nav-icon-cta{display:flex;align-items:center;width:100%;min-height:48px;height:auto;padding:12px 13px!important;gap:12px!important;border:1px solid transparent!important;border-radius:13px!important;background:#f6f9f7!important;color:#315747!important;box-shadow:none!important;}
  .main-nav>a.nav-icon-link:not(.btn):active,.main-nav .nav-icon-button:active{background:#eaf5ed!important;}
  .main-nav .nav-label{display:inline;font-size:.9rem;font-weight:700;line-height:1.25;}
  .main-nav .nav-icon-link svg,.main-nav .nav-icon-button svg,.main-nav>a.btn.nav-icon-cta svg{width:20px;height:20px;flex:0 0 20px;}
  .main-nav .nav-icon-cta.nav-post{justify-content:center;margin:5px 0 0!important;background:#07583f!important;color:#fff!important;border-color:#07583f!important;box-shadow:0 6px 16px rgba(7,88,63,.16)!important;}
  .main-nav .nav-icon-cta.nav-post .nav-label{font-size:.92rem;}
  .main-nav .nav-icon-cta.nav-install{display:flex;justify-content:center;margin:4px 0 0!important;background:#fff!important;border:1px solid #d9e7de!important;color:#255843!important;white-space:normal;}
  .main-nav .nav-logout{padding:0!important;margin:0!important;}
  .main-nav .nav-logout button{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px 13px;border:1px solid transparent;border-radius:13px;background:#fff5f3;color:#a33a30;}
  .main-nav .language-switcher{align-self:stretch;margin:5px 0!important;}
  .main-nav .language-switcher summary{width:100%;height:45px;justify-content:flex-start;padding:0 13px;border-radius:13px;}
  .main-nav .language-switcher-menu{left:0;right:auto;width:min(100%,300px);}
  body.nav-open{overflow:hidden;touch-action:none;}
  body.nav-open:before{content:"";position:fixed;z-index:90;inset:62px 0 0;background:rgba(17,38,27,.18);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);}

  /* Floating bottom app navigation with space for iOS home-indicator. */
  .mobile-bottom-nav{display:grid!important;position:fixed!important;z-index:120!important;left:9px!important;right:9px!important;bottom:calc(7px + env(safe-area-inset-bottom))!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:3px!important;padding:7px 7px 8px!important;border:1px solid rgba(222,233,226,.94)!important;border-radius:22px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 9px 35px rgba(8,43,29,.16),0 1px 2px rgba(8,43,29,.045)!important;backdrop-filter:blur(24px) saturate(165%)!important;-webkit-backdrop-filter:blur(24px) saturate(165%)!important;}
  .mobile-bottom-nav a{position:relative;min-width:0;min-height:49px!important;gap:4px!important;padding:5px 1px!important;border:1px solid transparent;border-radius:14px!important;color:#718178!important;font-size:.61rem!important;font-weight:750!important;line-height:1.05!important;transition:background .18s,color .18s,transform .18s;}
  .mobile-bottom-nav a svg{width:21px!important;height:21px!important;stroke-width:1.85!important;}
  .mobile-bottom-nav a.is-active{background:#eaf5ee!important;color:#075a41!important;}
  .mobile-bottom-nav a.is-active:before{content:"";position:absolute;top:4px;left:50%;width:17px;height:2px;border-radius:99px;background:#0a875b;transform:translateX(-50%);}
  .mobile-bottom-nav a:active{transform:scale(.94);}
  .mobile-bottom-nav a.mobile-nav-post{align-self:center;justify-self:center;min-width:48px!important;width:49px;min-height:51px!important;margin-top:-15px!important;padding:7px 6px 6px!important;gap:3px!important;border:4px solid var(--renok-app-bg)!important;border-radius:17px!important;background:linear-gradient(145deg,#0b7955,#03533d)!important;color:#fff!important;box-shadow:0 7px 17px rgba(4,83,61,.23)!important;}
  .mobile-bottom-nav a.mobile-nav-post svg{width:23px!important;height:23px!important;stroke-width:2.1!important;}
  .mobile-bottom-nav a.mobile-nav-post span{font-size:.6rem!important;color:#fff!important;}
  .mobile-tab-avatar{width:22px!important;height:22px!important;border-radius:8px!important;}
  body.nav-open .mobile-bottom-nav{display:none!important;}
  body:not(.admin-body) .site-footer{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important;}

  /* Page hierarchy and app-like surfaces */
  .page-section{padding-top:20px!important;padding-bottom:29px!important;}
  .breadcrumbs{display:flex!important;flex-wrap:nowrap!important;gap:7px!important;margin-bottom:14px!important;overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding:2px 0 3px;font-size:.7rem!important;}
  .breadcrumbs::-webkit-scrollbar{display:none;}
  .page-heading{margin-bottom:18px!important;}
  .page-heading h1,.messenger-page-heading h1{margin-bottom:8px!important;font-size:clamp(1.55rem,6vw,1.95rem)!important;line-height:1.08!important;letter-spacing:-.045em!important;}
  .page-heading p,.messenger-page-heading p{font-size:.86rem!important;line-height:1.55!important;}
  .eyebrow{letter-spacing:.09em;}
  .section{padding-block:27px!important;}
  .section-heading{gap:10px!important;}
  .section-heading h2,.section-soft .section-heading h2{font-size:1.28rem!important;line-height:1.17!important;}
  .section-subtitle{font-size:.8rem!important;line-height:1.5!important;}
  .page-section>.container>h1:first-child{font-size:1.7rem;letter-spacing:-.045em;}
  .empty-state,.messenger-empty{border-radius:20px!important;background:#fff!important;box-shadow:var(--renok-app-shadow-soft);}
  .alert{border-radius:14px!important;padding:12px 13px!important;font-size:.83rem!important;}
  .flash-stack{padding-top:10px!important;}
  .auth-notice{border-radius:15px!important;box-shadow:0 5px 18px rgba(10,58,38,.05);}
  .cyber-threat-notice{margin:10px 12px 0;border:1px solid #f0dfb0;border-radius:16px;background:#fff9e8;box-shadow:var(--renok-app-shadow-soft);}
  .cyber-threat-notice .container{width:100%!important;padding:13px!important;}
  .cyber-threat-notice-copy p{font-size:.77rem;line-height:1.55;}
  .seasonal-holiday-bar{margin:8px 10px 0;border-radius:14px;}

  /* Listing tiles, recommendations and categories */
  .listing-grid,.listing-grid-results{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .listing-card,.job-card,.rental-card,.chat-inbox-item{border-radius:17px!important;border-color:#e0e9e3!important;background:#fff!important;box-shadow:0 3px 12px rgba(17,56,39,.045)!important;overflow:hidden;}
  .listing-card:active,.job-card:active,.rental-card:active,.category-tile:active,.chat-inbox-item:active{transform:scale(.992);}
  .listing-image,.listing-grid-results .listing-image{aspect-ratio:1/1!important;background:#edf2ee!important;}
  .listing-card-body,.listing-grid-results .listing-card-body{padding:10px!important;}
  .listing-title,.listing-grid-results .listing-title{font-size:.8rem!important;line-height:1.36!important;min-height:2.15em;overflow-wrap:anywhere;}
  .listing-price,.listing-grid-results .listing-price{font-size:.94rem!important;letter-spacing:-.025em;}
  .listing-location{font-size:.68rem!important;line-height:1.35;}
  .listing-meta{font-size:.62rem!important;}
  .category-section{background:transparent!important;border-top:0!important;border-bottom:0!important;}
  .category-tile{border-radius:17px!important;background:#fff!important;border-color:#e2ebe5!important;box-shadow:0 3px 12px rgba(16,54,39,.045)!important;}
  .category-icon{border-radius:14px!important;}

  /* Search and filters */
  .search-layout{display:flex!important;flex-direction:column!important;gap:13px!important;}
  .filter-panel{position:static!important;width:100%;border:1px solid #e1eae4!important;border-radius:18px!important;padding:15px!important;background:#fff!important;box-shadow:var(--renok-app-shadow-soft);}
  .filter-panel h2{font-size:1rem!important;}
  .filter-panel .form-stack{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;}
  .filter-panel .form-stack>h2,.filter-panel .form-stack>.field-grid,.filter-panel .form-stack>.btn,.filter-panel .form-stack>.clear-filters{grid-column:1/-1;}
  .results-toolbar{flex-wrap:wrap;margin-bottom:12px!important;gap:7px!important;font-size:.77rem!important;}
  .pagination{gap:7px!important;flex-wrap:wrap;padding-top:21px!important;}
  .pagination a{min-height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px!important;background:#fff;}

  /* Forms */
  input:not([type=checkbox]):not([type=radio]):not([type=submit]),select,textarea{font-size:16px!important;min-height:48px!important;border-radius:13px!important;}
  textarea{min-height:116px!important;line-height:1.55;}
  label{gap:7px!important;font-size:.82rem!important;line-height:1.4;}
  .form-stack{gap:15px!important;}
  .form-panel,.opportunity-form-panel,.opportunity-price-card,.rental-price-card,.job-post-price-card{border:1px solid #e0e9e3!important;border-radius:19px!important;background:#fff!important;box-shadow:var(--renok-app-shadow-soft)!important;}
  .form-panel{padding:16px!important;}
  .field-grid,.profile-edit-form{grid-template-columns:minmax(0,1fr)!important;gap:13px!important;}
  .form-subheading{align-items:flex-start!important;gap:11px!important;padding-top:18px!important;}
  .form-step{width:37px!important;height:37px!important;flex-basis:37px!important;border-radius:12px!important;}
  .form-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:9px!important;}
  .form-actions>.btn,.form-panel .btn-block,.opportunity-post-layout .btn{width:100%;min-height:48px!important;white-space:normal;}
  .form-actions .btn-outline{order:2;}
  .form-actions .btn-primary{order:1;}
  input[type=file]{width:100%;max-width:100%;min-height:48px!important;padding:9px!important;font-size:.82rem!important;border:1px dashed #cbdcd0!important;background:#f8fbf9!important;}
  .existing-photos{gap:8px!important;}
  .captcha-label{grid-template-columns:minmax(0,1fr) 95px!important;}
  .captcha-label strong{font-size:.9rem!important;}
  .narrow-container .page-heading{margin-bottom:16px!important;}

  /* Listing details */
  .detail-layout{display:flex!important;flex-direction:column!important;gap:12px!important;}
  .detail-main,.detail-sidebar{width:100%;min-width:0;}
  .detail-sidebar{position:static!important;order:0;}
  .detail-main{order:1;}
  .seller-card,.detail-description,.detail-location,.detail-facts,.detail-meeting-map,.gallery-thumbs{min-width:0;}
  .seller-card{padding:16px!important;border-radius:19px!important;border-color:#e1e9e3!important;box-shadow:var(--renok-app-shadow-soft)!important;}
  .seller-card-heading{gap:11px!important;}
  .seller-joined{margin-left:0!important;}
  .gallery-main{border-radius:19px!important;aspect-ratio:1/1!important;max-height:450px!important;}
  .gallery-thumbs{gap:8px!important;}
  .gallery-thumb{flex-basis:64px!important;height:60px!important;border-radius:11px!important;}
  .detail-description{padding:18px 1px!important;}
  .detail-description h1{font-size:1.55rem!important;line-height:1.12!important;overflow-wrap:anywhere;}
  .detail-price{font-size:1.55rem!important;}
  .detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
  .description-copy{margin-top:18px!important;padding:19px 0!important;line-height:1.7!important;font-size:.9rem!important;}
  .seller-action-stack{gap:9px!important;}
  .seller-action-stack>.btn,.seller-action-stack form .btn{min-height:49px!important;border-radius:13px!important;}

  /* Seller profile */
  .profile-hero{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:13px!important;padding:17px!important;border:1px solid #deebe2!important;border-radius:21px!important;background:linear-gradient(145deg,#fff,#f1f8f3)!important;box-shadow:var(--renok-app-shadow-soft)!important;}
  .profile-info{min-width:0;width:100%;}
  .profile-meta{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:7px 10px!important;line-height:1.45!important;overflow-wrap:anywhere;}
  .profile-hero-actions,.profile-business-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%;}
  .profile-hero-actions .btn,.profile-business-actions .btn{width:100%;min-width:0;min-height:44px!important;padding:10px 11px!important;white-space:normal;overflow-wrap:anywhere;font-size:.78rem!important;}
  .profile-edit-card{border:1px solid #e0e9e3!important;border-radius:19px!important;background:#fff!important;box-shadow:var(--renok-app-shadow-soft)!important;}
  .profile-avatar{border-radius:18px!important;}

  /* Messenger becomes a compact, app-like conversation surface. */
  .messenger-page .container{width:calc(100% - 20px)!important;}
  .messenger-page-heading{align-items:flex-start!important;gap:8px!important;margin-bottom:15px!important;}
  .messenger-heading-mark{flex-basis:46px!important;width:46px!important;height:46px!important;border-radius:15px!important;}
  .messenger-heading-mark svg{width:23px!important;height:23px!important;}
  .messenger-tools{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:13px!important;border-radius:17px!important;}
  .messenger-notification-controls{justify-content:flex-start!important;}
  .messenger-notification-status{text-align:left!important;}
  .chat-inbox-list{gap:9px!important;}
  .chat-inbox-item{padding:12px!important;gap:10px!important;}
  .chat-header{gap:10px!important;padding:13px!important;border-radius:17px!important;}
  .messenger-thread-header{grid-template-columns:auto minmax(0,1fr)!important;}
  .messenger-thread-header>.chat-state{grid-column:1/-1;justify-self:start;}
  .chat-message-panel{border-radius:18px!important;}
  .chat-message-list{min-height:200px!important;max-height:54dvh!important;padding:12px!important;gap:9px!important;}
  .chat-message{max-width:91%!important;padding:10px 12px!important;border-radius:15px 15px 15px 5px!important;font-size:.85rem!important;}
  .chat-message-mine{border-radius:15px 15px 5px 15px!important;}
  .chat-compose-form{padding:12px!important;padding-bottom:calc(12px + env(safe-area-inset-bottom))!important;}
  .chat-compose-form textarea{min-height:78px!important;}
  .chat-compose-footer{align-items:stretch!important;flex-direction:column!important;gap:8px!important;}
  .chat-compose-footer .btn{width:100%;}

  /* Jobs, rentals, wallet and PRO */
  .jobs-hero,.rental-page-hero{border-radius:21px!important;padding:20px 17px!important;gap:14px!important;}
  .jobs-hero h1,.rental-page-hero h1{font-size:1.7rem!important;line-height:1.08!important;}
  .jobs-hero-graphic,.rental-hero-graphic{max-width:100%;}
  .job-search-form,.job-search-form-advanced{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .job-search-form .btn,.job-search-actions,.rental-search-actions{grid-column:1/-1!important;}
  .jobs-list,.rental-grid{gap:10px!important;}
  .job-card{padding:14px!important;gap:10px!important;}
  .job-card-main{min-width:0;}
  .job-card h2,.job-card h3{font-size:.95rem!important;line-height:1.3!important;overflow-wrap:anywhere;}
  .rental-card-image{aspect-ratio:1.12!important;}
  .rental-card-body{padding:11px!important;}
  .rental-card-price{font-size:1rem!important;}
  .wallet-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .wallet-actions>.btn{width:100%;}
  .amount-cell{overflow-wrap:anywhere;}
  .mtn-credentials-grid{grid-template-columns:1fr!important;}
  .pro-hero-redesigned{padding-top:28px!important;padding-bottom:28px!important;}
  .pro-benefits-redesigned{grid-template-columns:1fr 1fr!important;gap:9px!important;}
  .pro-purchase-card,.pro-flow-card,.pro-wallet-explainer{border-radius:18px!important;}

  /* Data-heavy sections remain readable on a phone. */
  .table-wrap,.admin-table-wrap,.table-responsive{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border-radius:14px;}
  table{max-width:100%;}
  th,td{overflow-wrap:anywhere;}

  /* App-install page */
  .install-page,.install-card,.install-section{border-radius:20px;}
  [data-pwa-install-page], [data-pwa-installed-confirm]{width:100%;min-height:49px!important;}

  /* Keep all page content clear of the floating navigation. */
  body:not(.admin-body) .site-footer{position:relative;}
  body:not(.admin-body) main{padding-bottom:16px;}
}
@media(max-width:560px){
  .filter-panel .form-stack,.job-search-form,.job-search-form-advanced{grid-template-columns:minmax(0,1fr)!important;}
  .filter-panel .form-stack>h2,.filter-panel .form-stack>.field-grid,.filter-panel .form-stack>.btn,.filter-panel .form-stack>.clear-filters{grid-column:auto;}
  .field-grid{grid-template-columns:minmax(0,1fr)!important;}
  .detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .profile-hero-actions,.profile-business-actions{grid-template-columns:minmax(0,1fr)!important;}
  .jobs-hero-graphic,.rental-hero-graphic{display:none!important;}
  .pro-benefits-redesigned{grid-template-columns:minmax(0,1fr)!important;}
  .admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:380px){
  .brand{font-size:1.2rem;}
  .nav-wrap{width:calc(100% - 20px)!important;}
  .mobile-bottom-nav{left:5px!important;right:5px!important;padding-inline:4px!important;}
  .mobile-bottom-nav a{font-size:.56rem!important;}
  .mobile-bottom-nav a.mobile-nav-post{width:44px;min-width:44px!important;}
  .listing-grid,.listing-grid-results{gap:7px!important;}
  .listing-card-body,.listing-grid-results .listing-card-body{padding:8px!important;}
  .listing-title,.listing-grid-results .listing-title{font-size:.75rem!important;}
}

/* Admin is part of the product too: turn the dense desktop sidebar into a swipeable app tab rail. */
@media(max-width:820px){
  .admin-body{min-height:100dvh;background:#f3f7f4!important;padding-bottom:env(safe-area-inset-bottom);}
  .admin-topbar{position:sticky!important;top:0;z-index:130;display:flex!important;align-items:center!important;gap:10px!important;min-height:61px!important;padding:8px 12px!important;background:rgba(255,255,255,.95)!important;border-bottom:1px solid #e1e9e3!important;box-shadow:0 3px 18px rgba(10,49,33,.06)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
  .admin-topbar .brand{min-width:0;font-size:1.12rem!important;gap:6px!important;}
  .admin-topbar .brand-logo{width:30px!important;height:30px!important;}
  .admin-topbar .brand small{font-size:.55rem!important;letter-spacing:.07em;}
  .admin-top-actions{display:flex!important;gap:7px!important;min-width:0!important;align-items:center!important;}
  .admin-top-actions>a,.admin-top-actions form button{display:inline-flex!important;align-items:center;justify-content:center;min-height:38px!important;padding:7px 9px!important;border-radius:11px!important;font-size:.7rem!important;white-space:nowrap;}
  .admin-shell{display:flex!important;flex-direction:column!important;gap:0!important;min-height:calc(100dvh - 61px);}
  .admin-sidebar{position:sticky!important;top:61px;z-index:90;display:flex!important;flex-wrap:nowrap!important;gap:6px!important;width:100%;padding:9px 12px!important;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;background:rgba(248,251,249,.97)!important;border-bottom:1px solid #e0e9e3!important;box-shadow:0 5px 12px rgba(13,53,35,.035);-webkit-overflow-scrolling:touch;}
  .admin-sidebar::-webkit-scrollbar{display:none;}
  .admin-sidebar-label{display:none!important;}
  .admin-sidebar>a{display:inline-flex!important;flex:0 0 auto!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:39px!important;padding:8px 12px!important;border:1px solid #e1eae4!important;border-radius:12px!important;background:#fff!important;color:#436253!important;font-size:.72rem!important;font-weight:750!important;white-space:nowrap;box-shadow:none!important;}
  .admin-sidebar>a.active{background:#e8f5ed!important;color:#07583f!important;border-color:#c7e2d0!important;box-shadow:inset 0 -2px #087653!important;}
  .admin-main{width:100%!important;min-width:0!important;padding:17px 12px 35px!important;}
  .admin-page-header{gap:10px!important;margin-bottom:16px!important;}
  .admin-page-header h1{font-size:1.55rem!important;line-height:1.12!important;}
  .admin-panel,.admin-stat,.settings-panel{border-radius:17px!important;box-shadow:0 4px 15px rgba(14,52,35,.045)!important;}
  .admin-panel{padding:15px!important;}
  .admin-panel-heading{padding:12px 14px!important;margin:-15px -15px 15px!important;border-radius:17px 17px 0 0!important;}
  .admin-table{min-width:630px;}
  .admin-stat-grid{gap:9px!important;}
  .admin-stat{padding:13px!important;min-width:0;}
  .admin-stat strong,.admin-stat-value{overflow-wrap:anywhere;font-size:1.35rem!important;}
  .admin-settings-form,.platform-settings-form{gap:15px!important;}
  .admin-body label{font-size:.79rem!important;}
  .admin-body input:not([type=checkbox]):not([type=radio]):not([type=file]),.admin-body select,.admin-body textarea{font-size:16px!important;min-height:47px!important;max-width:100%;}
  .admin-body .btn{min-height:43px;white-space:normal;}
  .admin-body .form-actions,.admin-body .platform-save-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important;}
  .admin-body .form-actions .btn,.admin-body .platform-save-row .btn{width:100%!important;}
  .admin-flashes{padding:0!important;margin-bottom:13px!important;}
}

/* Gentle app transitions. Elements remain visible if JavaScript or IntersectionObserver is unavailable. */
@keyframes renokAppEnter{from{opacity:.01;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes renokTapPulse{0%{transform:scale(1)}50%{transform:scale(.975)}100%{transform:scale(1)}}
html.renok-app-ui body:not(.admin-body).renok-app-ready main{animation:renokAppEnter .24s ease-out both;}
html.renok-app-ui .renok-reveal{transition:opacity .34s ease,translate .34s ease;}
html.renok-app-ui.renok-reveal-enabled .renok-reveal:not(.is-app-visible){opacity:0;translate:0 9px;}
html.renok-app-ui .renok-reveal.is-app-visible{opacity:1;translate:0 0;}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important;}
  html.renok-app-ui body:not(.admin-body).renok-app-ready main{animation:none!important;}
  html.renok-app-ui .renok-reveal,html.renok-app-ui.renok-reveal-enabled .renok-reveal:not(.is-app-visible),html.renok-app-ui .renok-reveal.is-app-visible{transition:none!important;opacity:1!important;translate:none!important;}
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;}
}