/* ===== 佰礼CRM · 专业后台布局（参考有成CRM 风格） ===== */
:root{
  --brand:#3b5bdb;          /* 主品牌色 靛蓝 */
  --brand-dark:#2f49b0;
  --brand-soft:#eaf0ff;     /* 选中态底色 */
  --ink:#1f2733;            /* 主文字 */
  --ink-2:#5b6573;          /* 次文字 */
  --muted:#6b7280;          /* 弱文字（加深至 AA 对比度 ≥4.5:1） */
  --line:#e9edf2;           /* 描边 */
  --bg:#f5f7fa;             /* 内容区底色 */
  --card:#ffffff;
  --sidebar-w:236px;
  --radius:12px;
  --shadow:0 1px 3px rgba(20,30,50,.06), 0 1px 2px rgba(20,30,50,.04);
  --shadow-md:0 6px 18px rgba(20,30,50,.08);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-size:14px;line-height:1.55;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",
    "PingFang SC",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  font-variant-numeric:tabular-nums;   /* 数字等宽，金额/百分比对齐不抖动 */
}

/* ---------- 外壳与侧边栏 ---------- */
.app-shell{display:flex;min-height:100vh}
.sidebar{
  width:var(--sidebar-w);flex:0 0 var(--sidebar-w);
  background:#fff;border-right:1px solid var(--line);
  position:fixed;top:0;left:0;height:100vh;
  display:flex;flex-direction:column;z-index:1040;
  transition:transform .25s ease;
}
.sidebar .brand{
  display:flex;align-items:center;gap:10px;
  padding:18px 20px;border-bottom:1px solid var(--line);
}
.sidebar .brand .logo{
  width:34px;height:34px;border-radius:9px;flex:0 0 34px;
  background:linear-gradient(135deg,var(--brand),#6f8bff);
  color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:18px;box-shadow:0 4px 10px rgba(59,91,219,.35);
}
.sidebar .brand .name{font-weight:700;font-size:16px;letter-spacing:.3px}
.sidebar .brand .sub{font-size:11px;color:var(--muted)}

.nav-section{padding:14px 12px 4px;font-size:11px;color:var(--muted);font-weight:600;letter-spacing:.6px}
.nav-link-crm{
  display:flex;align-items:center;gap:11px;
  margin:2px 8px;padding:10px 12px;border-radius:9px;
  color:var(--ink-2);text-decoration:none;font-weight:500;
  position:relative;transition:background .15s,color .15s;
}
.nav-link-crm i{font-size:17px;width:20px;text-align:center}
.nav-link-crm:hover{background:#f3f5f9;color:var(--ink)}
.nav-link-crm.active{background:var(--brand-soft);color:var(--brand);font-weight:600}
.nav-link-crm.active::before{
  content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);
  width:3px;height:20px;border-radius:3px;background:var(--brand);
}
.sidebar .foot{padding:12px 16px;border-top:1px solid var(--line);margin-top:auto;font-size:12px;color:var(--muted)}

/* ---------- 主区域 / 顶栏 ---------- */
.main{flex:1;margin-left:var(--sidebar-w);min-width:0;display:flex;flex-direction:column}
.topbar{
  height:58px;background:#fff;border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:1030;display:flex;align-items:center;
  padding:0 22px;gap:14px;
}
.topbar .page-title{font-size:17px;font-weight:700;color:var(--ink)}
.topbar .menu-toggle{display:none;border:none;background:transparent;font-size:20px;color:var(--ink-2);cursor:pointer}
.topbar .search{
  flex:1;max-width:420px;position:relative;
}
.topbar .search input{
  width:100%;border:1px solid var(--line);background:#f6f8fb;border-radius:9px;
  padding:8px 12px 8px 34px;font-size:13px;outline:none;transition:border .15s,background .15s;
}
.topbar .search input:focus{border-color:var(--brand);background:#fff}
.topbar .search i{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted)}
.topbar .spacer{flex:1}
.topbar .bell{position:relative;color:var(--ink-2);font-size:18px;cursor:pointer}
.topbar .bell:hover{color:var(--brand)}
.topbar .bell .notif-count{position:absolute;top:-4px;right:-6px;min-width:16px;height:16px;
  padding:0 4px;border-radius:9px;background:#ff5b5b;color:#fff;border:2px solid #fff;
  font-size:10px;line-height:12px;text-align:center;font-weight:700}
.topbar .bell .dot{position:absolute;top:2px;right:2px;width:7px;height:7px;border-radius:50%;background:#ff5b5b;border:2px solid #fff}
.notif-item{white-space:normal;padding:.4rem .6rem;border-left:3px solid transparent}
.notif-item.unread{border-left-color:#5b7cfa;background:#f5f7ff}
.notif-item .ni-title{font-weight:600;font-size:.82rem}
.notif-item .ni-meta{color:var(--muted);font-size:.72rem}

.avatar{
  width:34px;height:34px;border-radius:50%;flex:0 0 34px;
  background:linear-gradient(135deg,#5b7cfa,#8a6cff);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;
}
.user-menu{display:flex;align-items:center;gap:9px;cursor:pointer;padding:4px 8px;border-radius:9px;transition:background .15s}
.user-menu:hover{background:#f3f5f9}
.user-menu .uname{font-weight:600;font-size:13px;line-height:1.1}
.user-menu .urole{font-size:11px;color:var(--muted)}

.content{padding:22px;flex:1}
/* 页面头样式统一放在下方「统一页面头」区块，此处不再重复定义 */

/* ---------- 卡片 / 表格 ---------- */
.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:var(--card)}
.card.p-3,.card.p-4{padding:18px!important}
/* Bootstrap 的 .card 是 column flex，直接放在卡片里的 .btn 会被 flex 拉伸成
   display:block 铺满整行（同页放在 <form> 里的按钮却只有内容宽）。统一改为按内容
   宽度左对齐；确需整行的按钮用 .w-100（其 !important 优先级更高，不受影响）。 */
.card > .btn{align-self:flex-start}
.stat-card{position:relative;overflow:hidden;border-radius:var(--radius)}
.stat-card .value{font-size:1.85rem;font-weight:700;line-height:1.15;letter-spacing:-.5px}
.stat-card .label{color:var(--ink-2);font-size:12.5px;margin-top:2px}
.stat-card .ic{position:absolute;right:14px;top:14px;font-size:22px;opacity:.18}
.stat-card .accent{height:3px;position:absolute;left:0;bottom:0;width:100%;opacity:.9}
/* ---------- 2026-09-14 回退 ----------
   原 Phase 3 的「1 张 hero 主卡 + 5 张 sub 次卡」两行 KPI 层级已撤销（首屏纵向占位过高、观感差），
   首屏恢复为单行 6 张等权紧凑卡；对应的 .stat-card.hero / .stat-card.sub /
   .hero-bar / .hero-foot / .hero-go 规则一并移除。
   注意：下方 .stat-mini.sm-hero（订单管理区小格主格）仍在线上使用，勿删。 */
/* 看板顶部 KPI 卡片可点击跳转 */
a.stat-card{display:block;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;border:1px solid var(--line,#eef0f4)}
a.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.12);text-decoration:none}
a.stat-card .value,a.stat-card .label{color:inherit}
a.stat-card:hover .value{filter:brightness(.92)}
.st-go{position:absolute;right:14px;bottom:12px;font-size:11.5px;font-weight:600;color:var(--ink-2,#888);opacity:0;transform:translateX(-4px);transition:opacity .15s ease,transform .15s ease}
a.stat-card:hover .st-go{opacity:1;transform:translateX(0)}

/* 看板卡片内的小统计格（如：订单管理卡片） */
.stat-mini{padding:10px 6px;border-radius:var(--radius);background:var(--bg-soft,#f8f9fb)}
.stat-mini .value{font-size:1.35rem;font-weight:700;line-height:1.2;letter-spacing:-.4px}
.stat-mini .label{color:var(--ink-2,#888);font-size:12px;margin-top:3px}
/* 小统计格里的主格：浅品牌底 + 字号提一档，与其余格子拉开层级 */
.stat-mini.sm-hero{background:#eef3ff;border:1px solid #dbe5ff;padding:14px 6px}
.stat-mini.sm-hero .value{font-size:1.7rem;letter-spacing:-.7px}
.stat-mini.sm-hero .label{color:var(--ink-2);font-weight:600}


.table{margin-bottom:0}
.table thead th{
  background:#f7f9fc;color:var(--ink-2);font-weight:600;font-size:12.5px;
  border-bottom:1px solid var(--line);white-space:nowrap;padding:11px 14px;
}
.table td{padding:11px 14px;vertical-align:middle;border-bottom:1px solid #f1f3f7}
.table tbody tr{transition:background .12s}
.table tbody tr:hover{background:#fafbfe}
.table-hover>tbody>tr:hover{background:#fafbff}
/* 数值列统一右对齐 + 等宽数字（批次A A5：金额/数量/行数跨页一致，小数点成列）
   class="text-end" 由模板显式标注（表格列 → 数值/操作；季度等 → text-center） */
.table th.text-end,.table td.text-end{text-align:right;font-variant-numeric:tabular-nums}
.table th.text-center,.table td.text-center{text-align:center}

/* 分级徽标：单字母 A/B/C/D 与「潜在重点客户」等全称混排时保持基线对齐、居中一致 */
.badge-level{
  padding:.32em .6em;font-weight:600;border-radius:7px;
  display:inline-block;min-width:30px;text-align:center;line-height:1.5;
}
.btn{border-radius:9px;font-weight:500}
.btn-sm{border-radius:8px}
.btn-primary{background:var(--brand);border-color:var(--brand)}
.btn-primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}
.empty-hint{color:var(--muted);text-align:center;padding:2.4rem 0;font-size:13.5px}
.section-title{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:12px;display:flex;align-items:center;gap:7px}
.section-title i{color:var(--brand)}

/* 客户名链接 */
a.cust{color:var(--ink);text-decoration:none;font-weight:600}
a.cust:hover{color:var(--brand)}

/* 登录页（无侧边栏） */
.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef2ff,#f5f7fa)}
.auth-card{width:500px;max-width:92vw;background:#fff;border-radius:18px;box-shadow:var(--shadow-md);padding:44px 52px;margin:0 auto}
.auth-card .logo{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--brand),#6f8bff);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 14px;box-shadow:0 8px 20px rgba(59,91,219,.35)}

/* 移动端 */
@media(max-width:900px){
  .sidebar{transform:translateX(-100%)}
  body.nav-open .sidebar{transform:translateX(0);box-shadow:var(--shadow-md)}
  .main{margin-left:0}
  .topbar .menu-toggle{display:block}
  .topbar .search{display:none}
}
.backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:1035}
body.nav-open .backdrop{display:block}
@media(min-width:901px){.backdrop{display:none!important}}

/* ---------- 侧边栏二级菜单（公海客户） ---------- */
.nav-group{margin:0}
.nav-parent{justify-content:space-between;cursor:pointer;user-select:none}
.nav-parent .np-label{display:flex;align-items:center;gap:11px}
.nav-caret{font-size:12px;transition:transform .2s ease}
.nav-group.open .nav-caret{transform:rotate(180deg)}
.nav-sub{display:none;padding:2px 0}
.nav-group.open .nav-sub{display:block}
.nav-child{padding-left:42px;font-size:13px}
.nav-child i{font-size:15px;width:18px}

/* ============================================================
   UI 360° 整改 · 统一品牌覆盖层（2026-08-20）
   规则：全站唯一主色 = --brand 靛蓝；语义色只表达状态，等级色只表达等级
   ============================================================ */

/* ---------- Bootstrap 默认蓝全部失效，映射到品牌色 ---------- */
:root{
  --bs-primary:var(--brand);
  --bs-primary-rgb:59,91,219;
  --bs-link-color:var(--brand);
  --bs-link-hover-color:var(--brand-hover);
  --bs-link-color-rgb:59,91,219;
}
.bg-primary{background:var(--brand)!important}
.bg-primary.bg-opacity-10{background:rgba(59,91,219,.10)!important}
.text-primary{color:var(--brand)!important}
.badge-primary{background:var(--brand)!important;color:#fff!important}
.btn-outline-primary{color:var(--brand);border-color:var(--brand)}
.btn-outline-primary:hover,.btn-outline-primary.active{
  background:var(--brand);border-color:var(--brand);color:#fff}
.btn-link{color:var(--brand)}
.btn-link:hover{color:var(--brand-hover)}
.page-link{color:var(--brand)}
.page-link:hover{color:var(--brand-hover)}
.page-item.active .page-link{background:var(--brand);border-color:var(--brand)}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background:var(--brand);color:#fff}
.progress-bar{background:var(--brand)}
.form-control:focus,.form-select:focus,.form-check-input:focus{
  border-color:var(--brand);box-shadow:0 0 0 .2rem rgba(59,91,219,.18)}
.form-check-input:checked{background-color:var(--brand);border-color:var(--brand)}
.border-primary{border-color:var(--brand)!important}
.list-group-item-action:hover{background:#fafbff}
a{color:var(--brand)}
a:hover{color:var(--brand-hover)}
/* 客户名链接等原 .cust 覆盖回品牌 hover（保持深色正文） */
a.cust{color:var(--ink)}
a.cust:hover{color:var(--brand)}

/* ---------- 分级专用色板：同色系四档深浅，彻底退出语义色域 ----------
   规则：等级高低只用「靛蓝深浅」表达；红/橙/绿全部让给真实业务状态。
   A(最高) → D(最低) 由深到浅递减；潜在类用中性灰阶区分重要度。
   对比度：A/B/潜在重点 白字 ≥4.7:1；C/D/潜在 深字 ≥5.5:1（WCAG AA） */
.bg-lvl-a{background:#1b3fa0;color:#fff}              /* 深靛 · 最高级 */
.bg-lvl-b{background:#2a63e6;color:#fff}              /* 靛蓝 */
.bg-lvl-c{background:#6aa6ff;color:#0b2a5b}           /* 浅蓝 · 深字 */
.bg-lvl-d{background:#cbd9f7;color:#274472}           /* 极浅蓝 · 深字 */
.bg-lvl-key{background:#64748b;color:#fff}            /* 潜在重点客户 */
.bg-lvl-potential{background:#e2e8f0;color:#475569}   /* 潜在 · 中性浅灰 */

/* ---------- 完成率进度条（3 档语义色统一） ---------- */
.progress.rate-bar{height:8px;border-radius:4px;background:#eef1f6}
.progress.rate-bar .progress-bar{border-radius:4px}
.rate-pct{font-size:.72rem;min-width:46px;text-align:right;color:#495057;font-weight:600}

/* ---------- 统一页面头（面包屑+标题+操作区） ---------- */
.breadcrumb-crm{
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;
  font-size:12px;color:var(--muted);margin-bottom:2px;
}
.breadcrumb-crm a{color:var(--ink-2);text-decoration:none}
.breadcrumb-crm a:hover{color:var(--brand)}
.breadcrumb-crm .sep{color:#c4ccd6}
/* ---------- 统一页面头 ----------
   两种用法共用同一套盒模型，消除此前「列表页一套、详情页一套」的间距/对齐差异：
     .page-toolbar → 列表页工具条（左侧统计说明 + 右侧操作）
     .page-head    → 详情/表单页实体头（左侧标题/实体名 + 右侧操作）
   base.html 顶栏已显示 page_title，故列表页不再重复渲染 h1。 */
.page-toolbar,.page-head{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px 16px;margin-bottom:16px;flex-wrap:wrap;
}
.page-toolbar .lead,.page-head .ph-sub{color:var(--ink-2);font-size:13px}
.page-toolbar .lead b{color:var(--ink);font-weight:700}
.page-toolbar .actions,.page-head .actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.page-head h1{font-size:20px;font-weight:700;color:var(--ink);margin:0;letter-spacing:-.2px}
.page-head .ph-sub{margin-top:1px}

/* ---------- 统一空状态 ---------- */
.empty-state{text-align:center;padding:3rem 0;color:var(--muted)}
.empty-state i{font-size:2.2rem;display:block;margin-bottom:10px;opacity:.45}
.empty-state .es-t{font-size:14px;color:var(--ink-2);font-weight:600;margin-bottom:3px}
.empty-state .es-s{font-size:12.5px}
.empty-state .es-act{margin-top:12px}

/* ---------- sticky 保存栏（长表格底部吸住） ---------- */
.sticky-save-bar{
  position:sticky;bottom:0;z-index:20;
  background:rgba(255,255,255,.96);backdrop-filter:blur(4px);
  border-top:1px solid var(--line);
  margin:0 -18px -18px;padding:12px 18px;border-radius:0 0 var(--radius) var(--radius);
  display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
}

/* ---------- 可关闭指引条 ---------- */
.intro-bar{
  display:flex;align-items:flex-start;gap:8px;
  border-left:3px solid var(--brand);background:var(--brand-soft);
  border-radius:8px;padding:8px 12px;font-size:12.5px;color:var(--ink-2);margin-bottom:12px;
}
.intro-bar .ib-close{background:none;border:none;color:var(--muted);cursor:pointer;padding:0 2px;font-size:14px;line-height:1}
.intro-bar .ib-close:hover{color:var(--ink)}

/* ---------- Toast 容器（全局撤销/操作反馈） ---------- */
.toast-wrap{
  position:fixed;top:70px;right:20px;z-index:1080;
  display:flex;flex-direction:column;gap:8px;
}
.toast-crm{
  min-width:260px;max-width:360px;background:#fff;border:1px solid var(--line);
  border-left:3px solid var(--brand);border-radius:10px;box-shadow:0 8px 24px rgba(20,30,50,.14);
  padding:10px 14px;font-size:13px;display:flex;align-items:center;gap:10px;
  animation:toastIn .22s ease;
}
.toast-crm.success{border-left-color:var(--success)}
.toast-crm.danger{border-left-color:var(--danger)}
.toast-crm .t-body{flex:1;color:var(--ink)}
.toast-crm .t-act{white-space:nowrap}
.toast-crm .t-act a,.toast-crm .t-act button{
  color:var(--brand);font-weight:700;font-size:12.5px;background:none;border:none;cursor:pointer;text-decoration:none}
.toast-crm .t-x{background:none;border:none;color:var(--muted);cursor:pointer;font-size:15px;line-height:1;padding:0 2px}
.toast-crm .t-x:hover{color:var(--ink)}
@keyframes toastIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ---------- 详情页信息表（语义化 th） ---------- */
.info-table td{vertical-align:top}
.info-table td:first-child{color:var(--muted);width:92px;white-space:nowrap}

/* ---------- 快速/高级筛选折叠区 ---------- */
.filter-quick{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.filter-quick .fld{display:flex;flex-direction:column;gap:3px}
.filter-quick .fld label{font-size:11.5px;color:var(--muted);margin:0}
.filter-quick .fld input,.filter-quick .fld select{font-size:13px;min-width:130px}
.filter-adv{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}
.filter-adv .fld{display:flex;flex-direction:column;gap:3px}
.filter-adv .fld label{font-size:11.5px;color:var(--muted);margin:0}
.filter-adv .fld input,.filter-adv .fld select{font-size:13px}

/* ---------- 已选筛选条件 chip（批次A A2：条件回显 + 一键移除） ---------- */
.filter-chips{
  display:flex;flex-wrap:wrap;gap:7px;align-items:center;
  margin:-6px 0 12px;padding:0 2px;
}
.filter-chips .fc-label{
  font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:5px;margin-right:2px;
}
.filter-chips .fc-label i{color:var(--brand)}
.filter-chips .chip{
  display:inline-flex;align-items:center;gap:5px;
  font-size:12.5px;line-height:1;color:var(--ink-2);text-decoration:none;
  background:#eef1fb;border:1px solid #dfe4f6;border-radius:999px;
  padding:5px 9px 5px 11px;transition:background .15s,border-color .15s;
}
.filter-chips .chip:hover{background:#e3e8f8;border-color:#c9d2ef;color:var(--ink)}
.filter-chips .chip i{font-size:11px;opacity:.6}
.filter-chips .chip:hover i{opacity:1}
.filter-chips .chip-clear{background:#fff;border-color:var(--line);color:var(--muted);padding:5px 11px}
.filter-chips .chip-clear:hover{color:var(--danger,#dc3545);border-color:#f2c4c4;background:#fdf5f5}
.adv-toggle{
  border:1px solid var(--line);background:#fff;color:var(--ink-2);
  border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:500;cursor:pointer;
  display:inline-flex;align-items:center;gap:6px;
}
.adv-toggle:hover{color:var(--brand);border-color:var(--brand)}

/* ---------- 自定义文件选择控件（替换浏览器原生英文「Choose File」） ----------
   input 用"视觉隐藏但可聚焦"写法，不能 display:none —— 否则 required 校验会因
   "not focusable" 报错，表单静默提交失败。 */
.file-pick{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.file-pick input[type=file]{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}
.file-pick-btn{
  display:inline-flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer;
  border:1px solid var(--brand);color:var(--brand);background:#fff;
  border-radius:9px;padding:6px 14px;font-size:13px;font-weight:500;
  transition:background .15s,color .15s;
}
.file-pick:hover .file-pick-btn{background:var(--brand-soft)}
.file-pick input[type=file]:focus-visible + .file-pick-btn{box-shadow:0 0 0 .2rem rgba(59,91,219,.18)}
.file-pick-name{
  font-size:13px;color:var(--muted);min-width:0;max-width:100%;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.file-pick.has-file .file-pick-name{color:var(--ink);font-weight:500}

/* ---------- 移动端：顶栏搜索在窄屏移入侧边栏 ---------- */
@media(max-width:900px){
  .topbar .search{display:none}
  .sidebar-search{display:block;padding:10px 16px;border-bottom:1px solid var(--line)}
  .sidebar-search input{
    width:100%;border:1px solid var(--line);background:#f6f8fb;border-radius:9px;
    padding:8px 12px 8px 32px;font-size:13px;outline:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%239aa3ad' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:10px center;
  }
  .sidebar-search input:focus{border-color:var(--brand);background-color:#fff}
}
@media(min-width:901px){.sidebar-search{display:none}}