/* JakSky UX Clean V92 | additive-only visual polish; no video order / API changes */
:root { --jakUX-focus:#56bbff; --jakUX-softline:rgba(128,184,246,.22); }
/* CS: the Admin button is always visible; other topics are still accessible with one tap. */
#jakCsLayer .jakCsPanel {
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
}
#jakCsLayer .jakCsToolbar {
  min-width:0; background:#fcfaff; padding:11px 12px 10px;
  border-bottom:1px solid rgba(126,67,99,.11);
}
#jakCsLayer .jakCsPriorityRow{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:9px;align-items:center}
#jakCsLayer .jakCsPriorityRow button {
  display:inline-flex;align-items:center;justify-content:center;gap:5px;
  width:100%;min-width:0;min-height:43px;white-space:normal;
  padding:9px 10px;margin:0;border-radius:13px;
  font:750 12.5px/1.2 system-ui,-apple-system,'Segoe UI',sans-serif;
  -webkit-tap-highlight-color:transparent;cursor:pointer;
}
#jakCsLayer .jakCsPriorityRow .jakCsAdminPrimary {
  color:white!important;background:linear-gradient(120deg,#1f91ec,#506af1)!important;
  border:1px solid rgba(255,255,255,.17)!important;
  box-shadow:0 4px 12px rgba(31,123,220,.17)!important;
}
#jakCsLayer .jakCsMoreToggle {
  color:#5d5264;background:#f2ebf4;border:1px solid #e6dbe9;
  box-shadow:none;
}
#jakCsLayer .jakCsMoreToggle[aria-expanded="true"] {background:#eae1ef}
#jakCsLayer .jakCsToolbar .jakCsChips {
  display:flex;flex-wrap:wrap;align-items:center;gap:7px;
  margin:9px 0 0;padding:0;border:0;background:transparent;
  overflow-x:visible;max-height:min(30dvh,180px);overflow-y:auto;
}
#jakCsLayer .jakCsToolbar:not(.jakUXExpanded) .jakCsChips {display:none!important;}
#jakCsLayer .jakCsToolbar .jakCsChip { min-height:36px;padding:0 11px;font-size:11.5px; }
#jakCsLayer .jakCsChip:focus-visible,
#jakCsLayer .jakCsMoreToggle:focus-visible,
#jakCsLayer .jakCsAdminPrimary:focus-visible,
#jakCsLayer .jakCsClose:focus-visible,
#jakCsLayer .jakCsManage:focus-visible,
#jakCsLayer .jakCsSend:focus-visible {outline:2px solid #75c9ff!important;outline-offset:2px!important;}
#jakCsLayer .jakCsHead{gap:8px;padding:13px 12px}
#jakCsLayer .jakCsHeadText b{font-size:15px!important;letter-spacing:-.01em}
#jakCsLayer .jakCsHeadText small{font-size:10.5px;line-height:1.25}
#jakCsLayer .jakCsMessages {scroll-behavior:auto;overscroll-behavior:contain;padding:13px 12px 16px;}
#jakCsLayer .jakCsBubble{font-size:13px;line-height:1.52;padding:11px 12px;border-radius:15px;}
#jakCsLayer .jakCsBubbleMeta{font-size:9px;margin-top:6px}
#jakCsLayer .jakCsAction{min-height:35px;font-size:11px;border-radius:11px;padding:0 10px}
#jakCsLayer .jakCsInput {font-size:16px!important;line-height:1.3!important;height:45px!important}
#jakCsLayer .jakCsSend {height:45px;min-width:45px;width:45px}
#jakCsLayer .jakCsComposer {grid-template-columns:minmax(0,1fr) 45px;}
html[data-jak-theme="dark"] #jakCsLayer .jakCsToolbar{background:#2c1b28;border-bottom-color:rgba(255,255,255,.08)}
html[data-jak-theme="dark"] #jakCsLayer .jakCsMoreToggle{background:#402d3c;color:#ffe3f1;border-color:#62465a}
@media(max-width:560px){
  #jakCsLayer .jakCsPanel{height:min(690px,89dvh)!important;border-radius:22px 22px 0 0!important}
  #jakCsLayer .jakCsPriorityRow button{font-size:12px;min-height:43px}
  #jakCsLayer .jakCsToolbar{padding:9px 12px}
  #jakCsLayer .jakCsManage{min-width:68px;white-space:nowrap}
}
@media(max-width:345px){
  #jakCsLayer .jakCsPriorityRow{grid-template-columns:1fr 1fr;gap:6px}
  #jakCsLayer .jakCsPriorityRow button{padding:8px 5px;font-size:11px}
}
/* Home: refine touch targets only. Keep grid layout and sorting exactly as-is. */
body.jakPageHome #search {font-size:16px!important;min-height:52px;outline:none;transition:border-color .14s ease,box-shadow .14s ease}
body.jakPageHome #search:focus{outline:2px solid rgba(74,170,255,.55);outline-offset:1px}
body.jakPageHome #filterTabs {overscroll-behavior-x:contain;scrollbar-width:none}
body.jakPageHome #filterTabs button {min-height:43px;-webkit-tap-highlight-color:transparent}
body.jakPageHome .bottomNav button {min-height:56px;-webkit-tap-highlight-color:transparent}
body.jakPageHome .bottomNav button:focus-visible,
body.jakPageHome #filterTabs button:focus-visible {outline:2px solid var(--jakUX-focus);outline-offset:-3px}
body.jakPageHome .bottomNav { -webkit-backdrop-filter:none!important;backdrop-filter:none!important; }
body.jakPageHome #list .card { transition:box-shadow .15s ease; }
body.jakPageHome #list .card:focus-within {box-shadow:0 0 0 2px rgba(91,161,255,.45)}
/* Owner: visible access buttons, readable forms, without altering any action handler. */
body.jakPageOwner #panel .ownerFinalNav {
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;padding:8px!important;backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.jakPageOwner #panel .ownerFinalNav button {
  min-width:0;min-height:43px!important;padding:8px 5px!important;
  font-size:clamp(10px,2.7vw,13px)!important;line-height:1.25!important;
  overflow-wrap:anywhere;
}
body.jakPageOwner #panel input:not([type="checkbox"]):not([type="radio"]),
body.jakPageOwner #panel select, body.jakPageOwner #panel textarea,
body.jakPageOwner #loginBox input{font-size:16px!important;}
body.jakPageOwner #panel input:focus-visible,
body.jakPageOwner #panel select:focus-visible,
body.jakPageOwner #panel textarea:focus-visible,
body.jakPageOwner #panel button:focus-visible{outline:2px solid #60bfff!important;outline-offset:2px!important}
body.jakPageOwner #panel .ownerFinalCard,
body.jakPageOwner #panel .ownerNotifPanel,
body.jakPageOwner #panel #paymentSettingsCard,
body.jakPageOwner #panel #userManagerSection{overflow-wrap:anywhere}
/* Admin: controls remain in place, improve legibility and mobile spacing. */
body.jakPageAdmin .wrap{max-width:980px;width:calc(100% - 22px)}
body.jakPageAdmin .top{gap:8px;flex-wrap:wrap;padding:12px!important}
body.jakPageAdmin .top button{min-height:42px;flex:0 0 auto}
body.jakPageAdmin .card{border-radius:20px!important;padding:clamp(13px,3vw,22px)!important;overflow-wrap:anywhere}
body.jakPageAdmin input,body.jakPageAdmin select,body.jakPageAdmin textarea {font-size:16px!important;min-height:44px}
body.jakPageAdmin input:focus-visible,body.jakPageAdmin select:focus-visible,
body.jakPageAdmin button:focus-visible{outline:2px solid #7cc6ff!important;outline-offset:2px!important}
body.jakPageAdmin .jakAnalyticsGrid{gap:10px}
body.jakPageAdmin .item{min-width:0}
@media(max-width:530px){
  body.jakPageAdmin .top span{width:100%;font-size:16px}
  body.jakPageAdmin .grid{gap:7px}
  body.jakPageAdmin .stat{padding:10px 5px!important}
  body.jakPageAdmin .stat b{font-size:21px!important}
  body.jakPageAdmin .item{grid-template-columns:76px minmax(0,1fr)!important;gap:9px}
  body.jakPageAdmin .item img{width:76px;height:80px}
}
@media(prefers-reduced-motion:reduce){
  body.jakPageHome #search,body.jakPageHome #list .card{transition:none!important}
}