/* HK-UX-006: Private workspace navigation and grocery overlay layout.
   Global GeneratePress navigation rules belong to the child theme.
   This file is loaded AFTER the prior HK28 styles. */
body:not(.wp-admin) .hk28-workspace .hk28-workspace-grid {
  grid-template-columns: minmax(215px,248px) minmax(0,1fr);
  column-gap: clamp(20px,2.1vw,34px);
  align-items:start;
}
body:not(.wp-admin) .hk28-workspace-rail {
  min-width:0;
  position:relative;
  border-right:1px solid var(--hk28-line,#e1e7ef);
  padding:0 19px 14px 0;
  align-self:stretch;
}
body:not(.wp-admin) .hk28-workspace-rail .hk28-sidebar {
  position:static;
  border:0;
  background:transparent;
  box-shadow:none;
  border-radius:0;
  padding:0;
  gap:4px;
  display:flex;
  flex-direction:column;
}
body:not(.wp-admin) .hk28-workspace-rail .hk28-sidebar a {
  display:flex;align-items:center;gap:11px;
  padding:11px 12px;min-height:45px;
  font-weight:600;font-size:14px;color:var(--hk28-ink,#17283b);
  border-radius:7px;text-decoration:none;
}
body:not(.wp-admin) .hk28-workspace-rail .hk28-sidebar a:hover,
body:not(.wp-admin) .hk28-workspace-rail .hk28-sidebar a[aria-current="page"] {
  background:#f1f5fb;color:var(--hk28-accent,#215fcb);
}
body:not(.wp-admin) .hk28-workspace-rail .hk28-sidebar a .hk28-icon {
  inline-size:20px;block-size:20px;
}
body:not(.wp-admin) .hk28-sidebar-folders {
  border-top:1px solid var(--hk28-line,#e1e7ef);
  margin:19px 0 0;
  padding:16px 0 0;
}
body:not(.wp-admin) .hk28-sidebar-folders-heading {
  text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:750;
  padding:0 12px 7px;
}
body:not(.wp-admin) .hk28-sidebar-folders-heading a {
  color:var(--hk28-ink,#17283b);text-decoration:none;
}
body:not(.wp-admin) .hk28-sidebar-folders-heading a:hover {color:var(--hk28-accent,#215fcb)}
body:not(.wp-admin) .hk28-side-folder-create {padding:0;margin:0 0 7px;}
body:not(.wp-admin) .hk28-side-folder-create summary {
  cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;
  min-height:44px;padding:9px 12px;font-weight:600;font-size:13px;
  border-radius:7px;color:var(--hk28-ink,#17283b);
}
body:not(.wp-admin) .hk28-side-folder-create summary::-webkit-details-marker {display:none;}
body:not(.wp-admin) .hk28-side-folder-create summary:hover {background:#f1f5fb;color:var(--hk28-accent,#215fcb)}
body:not(.wp-admin) .hk28-side-folder-create summary .hk28-icon {inline-size:19px;block-size:19px}
body:not(.wp-admin) .hk28-side-folder-create form {
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:6px 3px 11px;
}
body:not(.wp-admin) .hk28-side-folder-create form input {
  width:100%;min-width:0;padding:8px;font-size:12px;
}
body:not(.wp-admin) .hk28-side-folder-create form button {
  min-height:38px;padding:7px 9px;font-size:12px;
}
body:not(.wp-admin) .hk28-sidebar-folder {
  display:flex;align-items:center;gap:11px;border-radius:7px;
  min-width:0;min-height:55px;padding:7px 10px;margin:2px 0;
  color:var(--hk28-ink,#17283b);text-decoration:none;
}
body:not(.wp-admin) .hk28-sidebar-folder:hover,
body:not(.wp-admin) .hk28-sidebar-folder[aria-current="page"] {background:#f1f5fb;}
body:not(.wp-admin) .hk28-folder-thumb {
  flex:0 0 42px;display:flex;align-items:center;justify-content:center;
  inline-size:42px;block-size:42px;overflow:hidden;
  border-radius:5px;background:#e9edf2;color:#7d8da0;
}
body:not(.wp-admin) .hk28-folder-thumb img {inline-size:100%;block-size:100%;object-fit:cover;display:block}
body:not(.wp-admin) .hk28-folder-thumb .hk28-icon {inline-size:21px;block-size:21px}
body:not(.wp-admin) .hk28-folder-copy {display:grid;min-width:0;gap:2px;}
body:not(.wp-admin) .hk28-folder-copy strong {font-size:13px;font-weight:600;line-height:1.2;overflow-wrap:anywhere}
body:not(.wp-admin) .hk28-folder-copy small {font-size:11px;color:var(--hk28-muted,#687b8e)}
body:not(.wp-admin) .hk28-folder-overview {display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:16px}
body:not(.wp-admin) .hk28-folder-overview-item {
  display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--hk28-ink,#17283b);
  min-width:0;min-height:72px;border:1px solid var(--hk28-line,#e1e7ef);
  border-radius:9px;padding:10px 12px;
}
body:not(.wp-admin) .hk28-folder-overview-item:hover {border-color:#b6cce6;background:#f8fafd}
body:not(.wp-admin) .hk28-folder-overview-item>span:nth-child(2) {min-width:0;display:grid;gap:3px;flex:1;}
body:not(.wp-admin) .hk28-folder-overview-item strong {font-size:14px;overflow-wrap:anywhere}
body:not(.wp-admin) .hk28-folder-overview-item small {font-size:12px;color:var(--hk28-muted,#687b8e)}
body:not(.wp-admin) .hk28-folder-overview-item>.hk28-icon {inline-size:18px;block-size:18px}
body:not(.wp-admin) .hk28-folder-count{font-size:12px;color:var(--hk28-muted,#687b8e)}
body:not(.wp-admin) .hk28-mobile-folder-create {display:none}
/* A wider desktop grocery panel with ONE scrolling middle region. */
@media(min-width:761px) {
 body:not(.wp-admin) .hk28-bucket-dialog {
   width:min(760px,calc(100vw - 44px));max-width:min(760px,calc(100vw - 44px));
   max-height:min(82dvh,800px);padding:0!important;
 }
 body:not(.wp-admin) .hk28-bucket-dialog[open] {display:flex!important;flex-direction:column;overflow:hidden;}
 body:not(.wp-admin) .hk28-bucket-dialog .hk28-bucket-head,
 body:not(.wp-admin) .hk28-bucket-dialog footer{flex:0 0 auto;}
 body:not(.wp-admin) .hk28-bucket-dialog .hk28-bucket-content{
   overflow-y:auto;overflow-x:hidden;min-height:0;max-height:none!important;flex:1 1 auto;
   overscroll-behavior:contain;padding:13px 22px;
 }
 body:not(.wp-admin) .hk28-bucket-dialog .hk28-grocery-groups {max-height:none!important;overflow:visible!important;}
}
@media(max-width:950px) and (min-width:761px){
 body:not(.wp-admin) .hk28-workspace .hk28-workspace-grid {grid-template-columns:minmax(185px,210px) minmax(0,1fr);column-gap:18px}
 body:not(.wp-admin) .hk28-workspace-rail{padding-right:13px}
}
@media(max-width:760px){
 body:not(.wp-admin) .hk28-workspace .hk28-workspace-grid {display:block;}
 body:not(.wp-admin) .hk28-workspace-rail {display:none;}
 body:not(.wp-admin) .hk28-mobile-folder-create {display:flex;flex-wrap:wrap;gap:8px}
 body:not(.wp-admin) .hk28-mobile-folder-create label{min-width:180px;flex:1}
 body:not(.wp-admin) .hk28-bucket-dialog .hk28-grocery-groups {max-height:none!important;overflow:visible!important}
}

/* Utility entry is part of the same rounded navigation language as primary links. */
@media(min-width:761px){
 body:not(.wp-admin) .hk28-header-tools {gap:6px;margin-left:9px;}
 body:not(.wp-admin) .hk28-header-tools :is(a,button) {border-radius:8px;}
 body:not(.wp-admin) .hk28-header-tools :is(a,button):hover,
 body:not(.wp-admin) .hk28-header-tools :is(a,button):focus-visible {background:#f1f5fb;color:#215fcb;}
}
