/* ANF BOS Phase 3 - Modern User Experience */
:root{--anf-bos-space-1:6px;--anf-bos-space-2:10px;--anf-bos-space-3:16px;--anf-bos-space-4:24px;--anf-bos-radius:12px;--anf-bos-border:#dcdcde;--anf-bos-surface:#fff;--anf-bos-muted:#646970;--anf-bos-shadow:0 8px 24px rgba(0,0,0,.06)}
.anf-bos-ux-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0;padding:12px;background:var(--anf-bos-surface);border:1px solid var(--anf-bos-border);border-radius:var(--anf-bos-radius);box-shadow:var(--anf-bos-shadow)}
.anf-bos-ux-toolbar input[type="search"]{min-width:240px;max-width:420px;flex:1;margin:0}
.anf-bos-ux-toolbar select{min-width:150px;margin:0}.anf-bos-ux-toolbar .button{margin:0}
.anf-bos-ux-result-count{font-size:12px;color:var(--anf-bos-muted);margin-left:auto;white-space:nowrap}
.anf-bos-table-scroll{overflow:auto;-webkit-overflow-scrolling:touch;border-radius:10px;max-width:100%}
.anf-bos-table-scroll>table{min-width:720px;margin:0}
.anf-bos-modern-table thead th{position:sticky;top:0;z-index:2;background:#f6f7f7}
.anf-bos-modern-table tbody tr:focus-within{outline:2px solid #2271b1;outline-offset:-2px}
.anf-bos-modern-table .anf-bos-row-select-cell{width:42px;text-align:center}
.anf-bos-modern-table tr.anf-bos-row-hidden{display:none!important}
.anf-bos-bulk-bar{display:none;position:sticky;bottom:12px;z-index:40;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;margin:10px 0;background:#1d2327;color:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.22)}
.anf-bos-bulk-bar.is-visible{display:flex}.anf-bos-bulk-bar .button{margin:0}.anf-bos-bulk-count{font-weight:600;margin-right:auto}
.anf-bos-form-progress{height:4px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin:8px 0 14px}.anf-bos-form-progress>span{display:block;height:100%;background:#2271b1;width:0;transition:width .2s ease}
.anf-bos-draft-status{font-size:12px;color:var(--anf-bos-muted);margin-left:8px}.anf-bos-draft-status.is-saved{color:#008a20}
.anf-bos-mobile-actions{display:none}
.anf-bos-density-compact table th,.anf-bos-density-compact table td{padding-top:5px!important;padding-bottom:5px!important}.anf-bos-density-compact .anf-bos-card{padding:12px!important}
.anf-bos-skeleton{position:relative;overflow:hidden;background:#eef0f2;border-radius:8px;min-height:18px}.anf-bos-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:anfBosShimmer 1.2s infinite}@keyframes anfBosShimmer{100%{transform:translateX(100%)}}
.anf-bos-empty-state{text-align:center;padding:28px 16px;color:var(--anf-bos-muted)}
@media(max-width:782px){
  .anf-bos-wrap,.anf-bos-public{max-width:100%;overflow-x:hidden}.anf-bos-ux-toolbar{position:sticky;top:0;z-index:25;margin:8px 0;padding:10px}.wp-admin .anf-bos-ux-toolbar{top:46px}
  .anf-bos-ux-toolbar input[type="search"],.anf-bos-ux-toolbar select{width:100%;max-width:none;min-width:0}.anf-bos-ux-result-count{width:100%;margin-left:0}
  .anf-bos-form,.anf-bos-card form{display:block}.anf-bos-form label,.anf-bos-card form label{display:block;width:100%}
  .anf-bos-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),.anf-bos-form select,.anf-bos-form textarea,.anf-bos-card form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),.anf-bos-card form select,.anf-bos-card form textarea{width:100%!important;max-width:100%!important;min-height:44px;box-sizing:border-box}
  .anf-bos-card,.anf-bos-panel,.postbox{border-radius:12px}.anf-bos-public-header,.anf-bos-global-topbar{gap:10px;flex-wrap:wrap}
  .anf-bos-mobile-actions{display:flex;position:sticky;bottom:0;z-index:35;padding:10px;background:rgba(255,255,255,.96);border-top:1px solid var(--anf-bos-border);gap:8px;justify-content:flex-end}
  .anf-bos-mobile-actions .button,.anf-bos-mobile-actions button{min-height:44px;flex:1}
  .anf-bos-table-scroll>table{min-width:640px}.anf-bos-bulk-bar{bottom:8px}
}
@media(max-width:480px){.anf-bos-table-scroll>table{min-width:560px}.anf-bos-ux-toolbar{border-radius:8px}.anf-bos-card{padding:12px!important}}
@media(prefers-reduced-motion:reduce){.anf-bos-skeleton:after{animation:none}*{scroll-behavior:auto!important;transition-duration:0s!important}}