/* Deployment Clean System UI/UX Layer
   Final presentation-only polish for WPU Library Feedback Intelligence System.
   Keeps backend logic, routes, database queries, reports, exports, and roles intact. */
:root{
  --deploy-blue:#004AAD;
  --deploy-blue-2:#0B5ED7;
  --deploy-navy:#0A2E6E;
  --deploy-navy-2:#06295D;
  --deploy-gold:#FFD700;
  --deploy-bg:#F5F7FB;
  --deploy-card:#FFFFFF;
  --deploy-border:#E5E7EB;
  --deploy-text:#1F2937;
  --deploy-muted:#64748B;
  --deploy-success:#16A34A;
  --deploy-warning:#F59E0B;
  --deploy-danger:#DC2626;
  --deploy-radius:16px;
  --deploy-shadow:0 10px 28px rgba(15,23,42,.065);
  --deploy-shadow-sm:0 4px 14px rgba(15,23,42,.052);
  --ui-sidebar-width:260px;
}
html,body{background:var(--deploy-bg)!important;color:var(--deploy-text)!important;font-family:Inter,"Segoe UI Variable","Segoe UI",Roboto,Arial,sans-serif!important;}
.admin-shell{background:var(--deploy-bg)!important;min-height:100vh!important;}
.admin-main{margin-left:var(--ui-sidebar-width)!important;width:calc(100% - var(--ui-sidebar-width))!important;background:var(--deploy-bg)!important;}
.content{max-width:1640px!important;padding:18px 22px 34px!important;margin:0 auto!important;}
.breadcrumbs{display:none!important;}
/* Compact professional sidebar */
.sidebar,.modern-sidebar{width:var(--ui-sidebar-width)!important;background:linear-gradient(180deg,var(--deploy-navy) 0%,#083A7E 46%,var(--deploy-navy-2) 100%)!important;box-shadow:12px 0 28px rgba(8,30,68,.18)!important;}
.sidebar-brand{height:82px!important;padding:14px 16px!important;gap:10px!important;border-bottom:1px solid rgba(255,255,255,.12)!important;}
.sidebar-logo-row img{width:38px!important;height:38px!important;min-width:38px!important;border-radius:14px!important;padding:4px!important;}
.sidebar-brand-text strong{font-size:18px!important;line-height:1.05!important;letter-spacing:-.035em!important;}
.sidebar-brand-text span{font-size:10.5px!important;color:#D8E8FF!important;}
.sidebar-scroll-body{height:calc(100vh - 82px)!important;padding:12px 10px 14px!important;}
.nav-mode-card{margin-bottom:12px!important;padding:10px!important;border-radius:14px!important;background:rgba(255,255,255,.075)!important;}
.nav-mode-topline,.sidebar-menu-heading{font-size:10px!important;margin:7px 8px 8px!important;color:#BFD7FF!important;}
.nav-mode-content{padding:8px!important;border-radius:12px!important;}
.nav-mode-icon{width:32px!important;height:32px!important;border-radius:11px!important;}
.nav-mode-label strong{font-size:12px!important;}
.nav-mode-label small{font-size:10.5px!important;line-height:1.1!important;}
.nav-mode-switch{min-height:34px!important;margin-top:8px!important;padding:8px 10px!important;font-size:11.5px!important;color:var(--deploy-gold)!important;}
.sidebar-group-summary{min-height:39px!important;padding:9px 10px!important;border-radius:11px!important;font-size:12px!important;}
.sidebar-submenu{margin:2px 0 7px 25px!important;padding-left:7px!important;}
.sidebar-link{min-height:34px!important;padding:8px 9px!important;border-radius:10px!important;font-size:11.8px!important;line-height:1.2!important;}
.sidebar-parent-icon svg,.sidebar-link-icon svg{width:16px!important;height:16px!important;}
.sidebar-group.is-active-group>.sidebar-group-summary,.sidebar-link.active{background:linear-gradient(135deg,#0B5ED7,#004AAD)!important;box-shadow:inset 4px 0 0 var(--deploy-gold),0 8px 18px rgba(0,0,0,.14)!important;}
.sidebar-user-card{margin-top:12px!important;padding:10px!important;border-radius:14px!important;}
.sidebar-user-avatar{width:32px!important;height:32px!important;}
.sidebar-user-info strong{font-size:12px!important;}
.sidebar-user-info small{font-size:10.5px!important;}
.sidebar-logout{min-height:32px!important;margin-top:8px!important;font-size:11.5px!important;}
/* Compact Microsoft/Google-style topbar */
.topbar,.modern-topbar{min-height:64px!important;height:auto!important;padding:10px 22px!important;gap:12px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--deploy-border)!important;box-shadow:0 1px 0 rgba(15,23,42,.04)!important;}
.icon-btn{width:36px!important;height:36px!important;border-radius:11px!important;box-shadow:none!important;}
.topbar-page{min-width:200px!important;max-width:300px!important;gap:0!important;}
.topbar-page strong{font-size:18px!important;font-weight:850!important;color:#0B1F44!important;}
.topbar-page span{display:none!important;}
.global-search{height:42px!important;max-width:520px!important;border-radius:13px!important;box-shadow:none!important;padding:0 8px!important;}
.search-icon{width:28px!important;height:28px!important;flex-basis:28px!important;}
.search-icon:before{font-size:18px!important;}
.global-search input{height:38px!important;min-height:38px!important;font-size:12.5px!important;}
.search-shortcut{font-size:10.5px!important;padding:3px 7px!important;}
.topbar-actions{gap:8px!important;}
.topbar-filter{height:40px!important;border-radius:12px!important;padding:0 10px!important;background:#fff!important;border:1px solid var(--deploy-border)!important;}
.topbar-filter input{height:34px!important;min-height:34px!important;font-size:12px!important;}
.topbar-refresh,.notification-bell,.topbar-user{height:40px!important;min-height:40px!important;border-radius:12px!important;box-shadow:none!important;}
.notification-bell{width:40px!important;}
.notification-bell b{right:4px!important;top:3px!important;min-width:16px!important;height:16px!important;font-size:10px!important;background:var(--deploy-gold)!important;}
.topbar-user{padding:4px 9px!important;gap:8px!important;}
.topbar-user-avatar{width:30px!important;height:30px!important;}
.topbar-user-text b{font-size:11.5px!important;}
.topbar-user-text small{font-size:10px!important;}
/* Global cards, forms, tables */
.panel,.card,.qa-card,.premium-panel,.enterprise-card,.report-card,.form-section-card,.question-card,.settings-card,.filter-panel,.table-card,.chart-box,.recent-feedback,.dashboard-hero,.simple-hero,.login-card,.survey-card{background:#fff!important;border:1px solid var(--deploy-border)!important;border-radius:var(--deploy-radius)!important;box-shadow:var(--deploy-shadow-sm)!important;}
.panel,.card,.enterprise-card{padding:16px!important;}
.panel h2,.panel h3,.enterprise-card h2,.enterprise-card h3,.card h2,.card h3{font-size:15px!important;font-weight:850!important;color:#0B1F44!important;letter-spacing:-.02em!important;margin:0 0 12px!important;}
.filters,.filter-card,.report-filters{position:relative!important;top:auto!important;z-index:1!important;background:#fff!important;border:1px solid var(--deploy-border)!important;border-radius:16px!important;box-shadow:var(--deploy-shadow-sm)!important;padding:12px!important;margin:0 0 16px!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:10px!important;align-items:end!important;}
.filters label{font-size:11.5px!important;font-weight:800!important;color:#475569!important;display:grid!important;gap:5px!important;}
input,select,textarea{border:1px solid var(--deploy-border)!important;border-radius:11px!important;min-height:38px!important;font-size:12.5px!important;background:#fff!important;}
textarea{min-height:92px!important;}
input:focus,select:focus,textarea:focus{border-color:rgba(0,74,173,.52)!important;box-shadow:0 0 0 4px rgba(0,74,173,.10)!important;outline:0!important;}
.btn,button.btn,a.btn,input[type=submit],.button,.enterprise-filter,.enterprise-export{border-radius:10px!important;font-weight:800!important;box-shadow:none!important;transition:.16s ease!important;}
.btn.primary,.enterprise-filter.primary{background:var(--deploy-blue)!important;border-color:var(--deploy-blue)!important;color:#fff!important;}
.btn:hover,.enterprise-filter:hover,.enterprise-export:hover{transform:translateY(-1px)!important;box-shadow:var(--deploy-shadow-sm)!important;}
.table-wrap{overflow:auto!important;}
table{border-collapse:separate!important;border-spacing:0!important;width:100%!important;background:#fff!important;border:1px solid var(--deploy-border)!important;border-radius:14px!important;overflow:hidden!important;box-shadow:none!important;font-size:12.5px!important;}
th{background:#F8FAFC!important;color:#334155!important;font-size:11.5px!important;font-weight:850!important;padding:10px 11px!important;border-bottom:1px solid var(--deploy-border)!important;}
td{padding:9px 11px!important;color:#334155!important;border-bottom:1px solid #EEF2F7!important;vertical-align:top!important;}
tbody tr:hover{background:#F8FBFF!important;}
.badge,.pill,.status-chip{border-radius:999px!important;padding:4px 9px!important;font-size:11px!important;font-weight:850!important;}
.empty-state{border:1px dashed #CBD5E1!important;background:#F8FAFC!important;border-radius:14px!important;color:#64748B!important;padding:24px!important;text-align:center!important;}
/* Executive dashboard polish */
.enterprise-dashboard{display:grid!important;gap:16px!important;}
.enterprise-page-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:16px!important;margin:0 0 2px!important;}
.enterprise-kicker{font-size:11px!important;color:var(--deploy-blue)!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important;}
.enterprise-page-head h1{font-size:27px!important;line-height:1.08!important;margin:4px 0 6px!important;letter-spacing:-.04em!important;color:#0B1F44!important;}
.enterprise-page-head p{margin:0!important;color:#475569!important;font-size:13px!important;}
.enterprise-head-actions{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;}
.enterprise-filter{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:38px!important;padding:0 14px!important;border:1px solid var(--deploy-border)!important;background:#fff!important;color:#0B1F44!important;font-size:12.5px!important;}
.enterprise-kpi-row{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important;}
.enterprise-kpi-card{min-height:130px!important;display:grid!important;grid-template-columns:auto 1fr!important;grid-template-rows:auto 30px!important;gap:10px 12px!important;align-items:start!important;background:#fff!important;border:1px solid var(--deploy-border)!important;border-radius:16px!important;box-shadow:var(--deploy-shadow-sm)!important;padding:16px!important;overflow:hidden!important;position:relative!important;}
.enterprise-kpi-card::after{content:"";position:absolute;left:16px;right:16px;bottom:12px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--deploy-gold),rgba(255,215,0,.35));}
.enterprise-kpi-icon{width:40px!important;height:40px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#0B5ED7,#004AAD)!important;color:#fff!important;font-size:18px!important;box-shadow:0 8px 18px rgba(0,74,173,.18)!important;}
.enterprise-kpi-copy{min-width:0!important;display:grid!important;gap:4px!important;}
.enterprise-kpi-title{display:block!important;font-size:12px!important;font-weight:850!important;color:#334155!important;white-space:normal!important;line-height:1.2!important;}
.enterprise-kpi-value{display:block!important;font-size:25px!important;font-weight:950!important;line-height:1!important;color:#0B1F44!important;letter-spacing:-.045em!important;}
.enterprise-kpi-note{display:grid!important;gap:2px!important;font-size:11.5px!important;line-height:1.25!important;color:#64748B!important;font-weight:700!important;}
.enterprise-kpi-note b{display:block!important;color:#0B1F44!important;font-weight:850!important;}
.enterprise-kpi-note span{display:block!important;color:#64748B!important;}
.enterprise-spark{grid-column:1/-1!important;align-self:end!important;height:22px!important;display:flex!important;align-items:end!important;gap:3px!important;opacity:.52!important;margin-right:34px!important;}
.enterprise-spark i{flex:1!important;max-width:10px!important;border-radius:999px 999px 0 0!important;background:linear-gradient(180deg,#60A5FA,#0B5ED7)!important;min-height:4px!important;}
.enterprise-main-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:16px!important;}
.enterprise-span-4{grid-column:span 4!important}.enterprise-span-3{grid-column:span 3!important}.enterprise-tall{min-height:270px!important;}
.enterprise-card-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:12px!important;}
.enterprise-card-head a{font-size:12px!important;font-weight:850!important;color:var(--deploy-blue)!important;}
.enterprise-service-list{display:grid!important;gap:10px!important;}
.enterprise-service-row{display:grid!important;grid-template-columns:minmax(0,1fr) 45% 50px!important;gap:10px!important;align-items:center!important;font-size:12.5px!important;}
.enterprise-service-row span{font-weight:800!important;color:#334155!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.enterprise-service-row div{height:8px!important;background:#EAF1FB!important;border-radius:999px!important;overflow:hidden!important;}
.enterprise-service-row div b{display:block!important;height:100%!important;background:linear-gradient(90deg,var(--deploy-blue),#60A5FA)!important;border-radius:999px!important;}
.enterprise-service-row em{text-align:right!important;color:#0B1F44!important;font-style:normal!important;font-weight:850!important;}
.enterprise-bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;background:#fff!important;border:1px solid var(--deploy-border)!important;border-radius:16px!important;box-shadow:var(--deploy-shadow-sm)!important;padding:14px 16px!important;margin-top:0!important;}
.enterprise-insights{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;color:#475569!important;font-size:12.5px!important;}
.enterprise-insights strong{color:#0B1F44!important;}
.enterprise-export-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;}
.enterprise-export{height:36px!important;padding:0 12px!important;background:#fff!important;border:1px solid var(--deploy-border)!important;color:#0B1F44!important;font-size:12px!important;display:inline-flex!important;align-items:center!important;}
/* Do not let export tools float over cards. */
.global-export-actions{position:static!important;right:auto!important;bottom:auto!important;z-index:auto!important;margin:16px 0 0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;background:#fff!important;border:1px solid var(--deploy-border)!important;border-radius:14px!important;padding:10px!important;box-shadow:var(--deploy-shadow-sm)!important;}
.global-export-actions .btn.small{height:34px!important;padding:0 12px!important;font-size:11.5px!important;background:#fff!important;color:var(--deploy-blue)!important;}
.enterprise-footer{margin:14px 22px 18px!important;border-radius:14px!important;box-shadow:none!important;border:1px solid var(--deploy-border)!important;background:#fff!important;font-size:11.5px!important;}
/* Clean production UI: hide anything that accidentally exposes development labels in badges/titles. */
[class*="phase"],.phase-label,.patch-label,.debug-label,.dev-label{display:none!important;}
/* Responsive */
@media(max-width:1500px){.enterprise-kpi-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}.enterprise-span-4{grid-column:span 6!important}.enterprise-span-3{grid-column:span 6!important}.global-search{max-width:420px!important}.topbar-filter{display:none!important}}
@media(max-width:1180px){.admin-main{margin-left:0!important;width:100%!important}.sidebar,.modern-sidebar{transform:translateX(-100%)!important;transition:transform .2s ease!important}.sidebar.open,.modern-sidebar.open{transform:translateX(0)!important}.content{padding:16px!important}.topbar,.modern-topbar{padding:10px 14px!important;flex-wrap:wrap!important}.topbar-page{min-width:0!important;max-width:unset!important}.global-search{order:4;width:100%!important;max-width:none!important;flex-basis:100%!important}.topbar-actions{margin-left:auto!important}.enterprise-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.enterprise-span-4,.enterprise-span-3{grid-column:span 12!important}.enterprise-page-head,.enterprise-bottom{align-items:flex-start!important;flex-direction:column!important}.enterprise-export-actions{width:100%!important}.enterprise-export{flex:1 1 auto!important;justify-content:center!important}}
@media(max-width:700px){.enterprise-kpi-row{grid-template-columns:1fr!important}.enterprise-main-grid{grid-template-columns:1fr!important}.enterprise-span-4,.enterprise-span-3{grid-column:1!important}.topbar-actions{width:100%!important;justify-content:space-between!important}.topbar-user-text,.search-shortcut{display:none!important}.filters{grid-template-columns:1fr!important}.global-export-actions{justify-content:stretch!important;flex-direction:column!important}.global-export-actions .btn.small{width:100%!important;justify-content:center!important}.enterprise-service-row{grid-template-columns:1fr!important}.enterprise-service-row em{text-align:left!important}}
@media print{.sidebar,.topbar,.modern-topbar,.breadcrumbs,.filters,.global-export-actions,.enterprise-footer,.no-print,.btn,button{display:none!important}.admin-main,.content{margin:0!important;width:100%!important;max-width:none!important;padding:0!important}.panel,.card,.enterprise-card,table{box-shadow:none!important;border-color:#D1D5DB!important;break-inside:avoid!important}}