/* ============================================================
   هوية صفحات السياسات (2026-11-04) — مركز السياسات وكل صفحة سياسة،
   ومحرّك السياسات، وقواعد الأداء، ونغمات العرض، وبوّابة الرسائل.
   النطاق: html[data-pol] — يضبطه policy-center.js (polScope) لكل صفحات
   القسم، ومعه data-pol-ic (أيقونة الفئة) وdata-pol-cl (العنقود).
   القالب المشترك (policySubHeader + .page-head + .panel/.data-tbl/.kpi…)
   يُعاد تصميمه هنا مرّة واحدة فتتبعه الصفحات الأربعون.
   كل الألوان رموز — لا خلفيات فاتحة ثابتة.
   ============================================================ */

/* لون العنقود — نفس ألوان مركز السياسات */
html[data-pol]{--pol-c:var(--c-settings)}
html[data-pol][data-pol-cl="ops"]{--pol-c:var(--c-customers)}
html[data-pol][data-pol-cl="trust"]{--pol-c:var(--c-captains)}
html[data-pol][data-pol-cl="gov"]{--pol-c:var(--c-finance)}

/* ── أزرار وحقول الهوية المشتركة (المركز والصفحات) ── */
.pg-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 14px;border-radius:11px;border:1px solid var(--line-2);
  background:var(--glass);color:var(--ink-2);font:700 13px var(--fbody);cursor:pointer;white-space:nowrap;text-decoration:none;
  transition:background var(--t),border-color var(--t),color var(--t),transform var(--t-fast) var(--ease)}
.pg-btn svg{width:16px;height:16px;flex:none}
.pg-btn:hover{background:var(--glass-2);color:var(--ink);border-color:color-mix(in srgb,var(--brand-2) 40%,var(--line-2))}
.pg-btn:active{transform:scale(.97)}
.pg-btn:focus-visible{outline:none;box-shadow:var(--ring)}
.pg-btn.primary{border:0;background:var(--brand-grad);color:#fff;box-shadow:0 10px 24px -12px rgba(169,127,214,.8)}
.pg-btn.primary:hover{filter:brightness(1.08);color:#fff}
.pg-btn.sm{height:32px;padding:0 12px;font-size:12.5px;border-radius:9px}
.pg-btn.sm svg{width:14px;height:14px}
.pg-btn:disabled{opacity:.5;cursor:not-allowed}
.pg-input{height:38px;padding:0 12px;border-radius:11px;border:1px solid var(--line-2);background:var(--glass);color:var(--ink);
  font:500 13.5px var(--fbody);transition:border-color var(--t),box-shadow var(--t),background var(--t)}
.pg-input::placeholder{color:var(--ink-4)}
.pg-input:focus{outline:none;border-color:color-mix(in srgb,var(--brand-2) 60%,transparent);box-shadow:var(--ring);background:var(--glass-2)}

/* ============================================================
   القالب المشترك لصفحات السياسات
   ============================================================ */

/* ── شريط التنقّل الفرعي: فتات + شقيقات الفئة ── */
html[data-pol] .policy-subnav{margin:0 0 18px;animation:id-rise var(--t-slow) var(--ease) both}
html[data-pol] .policy-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:12.5px;color:var(--ink-4);margin-bottom:12px}
html[data-pol] .policy-crumb .cd{width:8px;height:8px;border-radius:3px;background:var(--pol-c);box-shadow:0 0 10px var(--pol-c);flex:none}
html[data-pol] .policy-crumb a{color:var(--ink-3);font-weight:700;text-decoration:none;cursor:pointer;transition:color var(--t)}
html[data-pol] .policy-crumb a:hover{color:var(--ink);text-decoration:none}
html[data-pol] .policy-crumb .sep{color:var(--ink-4);opacity:.7}
html[data-pol] .policy-crumb b{color:var(--ink-2);font-weight:700}
html[data-pol] .policy-sib-nav{display:flex;gap:4px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:4px;border:1px solid var(--line);
  border-radius:12px;background:var(--glass);width:fit-content;max-width:100%;min-width:0}
html[data-pol] .policy-sib-nav::-webkit-scrollbar{display:none}
html[data-pol] .policy-sib{flex:none;border:0;background:transparent;color:var(--ink-3);font:700 12.5px var(--fbody);padding:7px 13px;border-radius:9px;
  white-space:nowrap;transition:color var(--t),background var(--t)}
html[data-pol] .policy-sib:not([disabled]):hover{color:var(--ink);background:var(--glass-2);transform:none;border-color:transparent}
html[data-pol] .policy-sib[disabled]{background:var(--surface-3);color:var(--ink);opacity:1;
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 0 0 1px color-mix(in srgb,var(--pol-c) 34%,transparent) inset}
html[data-pol] .policy-sib[disabled]::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--pol-c);margin-inline-end:7px;vertical-align:middle;box-shadow:0 0 8px var(--pol-c)}

/* ── رأس الصفحة: أيقونة الفئة بلون العنقود + عنوان كبير ── */
html[data-pol] .content .page-head{align-items:center;gap:16px;margin-bottom:20px}
html[data-pol] .content .page-head h1{font:800 26px/1.25 var(--fdisplay);color:var(--ink);margin:0 0 5px;letter-spacing:0}
html[data-pol] .content .page-head p{color:var(--ink-3);font-size:13.5px;line-height:1.85;max-width:78ch}
html[data-pol] .policy-subnav + .page-head,
html[data-pol-solo] .content .page-head{position:relative;padding-right:62px;min-height:48px;animation:id-rise var(--t-slow) var(--ease) 45ms both}
html[data-pol] .policy-subnav + .page-head::before,html[data-pol-solo] .content .page-head::before{content:"";position:absolute;right:0;top:2px;width:48px;height:48px;border-radius:15px;
  background:color-mix(in srgb,var(--pol-c) 15%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--pol-c) 30%,transparent) inset,0 10px 26px -12px var(--pol-c)}
html[data-pol][data-pol-ic] .policy-subnav + .page-head::after,html[data-pol-solo][data-pol-ic] .content .page-head::after{content:"";position:absolute;right:12px;top:14px;width:24px;height:24px;background:var(--pol-c);
  -webkit-mask:var(--pol-ic) center/contain no-repeat;mask:var(--pol-ic) center/contain no-repeat}
html[data-pol] .policy-subnav + .page-head .head-tags,
html[data-pol] .policy-subnav + .page-head .cx-head-actions{align-self:center}

/* ── دخول متدرّج لأقسام الصفحة (مرّة عند الفتح، لا في التحديث الهادئ) ── */
html[data-pol] .content > :is(.panel,.data-tbl,.kpi-row,.pe-box,.filters,.seg-toggle,.policy-hub-toolbar,section,.aud-seg):not(.pg-root),
html[data-pol] .content > div:not([class]) > :is(.panel,.data-tbl,.kpi-row,.pe-box){animation:id-rise var(--t-slow) var(--ease) both}
html[data-pol] .content > :nth-child(3){animation-delay:90ms}
html[data-pol] .content > :nth-child(4){animation-delay:135ms}
html[data-pol] .content > :nth-child(5){animation-delay:180ms}
html[data-pol] .content > :nth-child(6){animation-delay:225ms}
html[data-pol] .content > :nth-child(n+7){animation-delay:270ms}
html[data-pol] .content.no-anim *{animation:none}

/* ── اللوحات ── */
html[data-pol] .content .panel{position:relative;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);
  border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}
html[data-pol] .content .panel-head{padding:15px 18px 13px;border-bottom:1px solid var(--line);background:transparent;flex-wrap:wrap}
html[data-pol] .content .panel-head h3{font:800 15px var(--fdisplay);color:var(--ink);display:flex;align-items:center;gap:9px}
html[data-pol] .content .panel-head h3::before{content:"";width:4px;height:16px;border-radius:3px;background:var(--pol-c);box-shadow:0 0 10px var(--pol-c);flex:none}
html[data-pol] .content .panel-head .hint{font-size:12px;color:var(--ink-4);font-weight:500}
html[data-pol] .content .panel-body{padding:16px 18px;color:var(--ink-2)}

/* ── الجداول ── */
html[data-pol] .content .data-tbl{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}
html[data-pol] .content :is(.data-tbl,.panel .tbl-wrap) thead th{background:color-mix(in srgb,var(--glass) 60%,transparent);color:var(--ink-4);font-size:11.5px;font-weight:700;
  letter-spacing:0;border-bottom:1px solid var(--line);white-space:nowrap}
html[data-pol] .content :is(.data-tbl,.panel .tbl-wrap) :is(th,td){border-bottom-color:var(--line)}
html[data-pol] .content :is(.data-tbl,.panel .tbl-wrap) td{color:var(--ink-2)}
html[data-pol] .content :is(.data-tbl,.panel .tbl-wrap) td b,html[data-pol] .content :is(.data-tbl,.panel .tbl-wrap) td strong{color:var(--ink)}
html[data-pol] .content :is(.data-tbl,.panel .tbl-wrap) tbody tr{transition:background var(--t-fast)}
html[data-pol] .content :is(.data-tbl,.panel .tbl-wrap) tbody tr:hover{background:var(--glass)}
html[data-pol] .content :is(.data-tbl,.panel .tbl-wrap) td.num,html[data-pol] .content td.tnum{font-family:var(--fdisplay);color:var(--ink);font-variant-numeric:tabular-nums}
html[data-pol] .content .tbl-wrap{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}

/* ── المؤشرات ── */
html[data-pol] .content .kpi-row{gap:14px}
html[data-pol] .content .kpi-row .kpi,html[data-pol] .content .kpi{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--surface-2),var(--surface));
  border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:16px 18px}
html[data-pol] .content .kpi .k{color:var(--ink-3);font-size:12.5px;font-weight:500}
html[data-pol] .content .kpi .v{font:800 28px/1.15 var(--fdisplay);color:var(--ink)}
html[data-pol] .content .kpi .s{color:var(--ink-4);font-size:12px;font-weight:500}
html[data-pol] .content .kpi::after{content:"";position:absolute;inset:auto 0 0 0;height:2px;background:var(--pol-c);opacity:.55}
html[data-pol] .content .kpi.good::after{background:var(--ok)} html[data-pol] .content .kpi.warn::after{background:var(--warn)} html[data-pol] .content .kpi.crit::after{background:var(--bad)}
html[data-pol] .content .kpi.good .v{color:var(--ok)} html[data-pol] .content .kpi.warn .v{color:var(--warn)} html[data-pol] .content .kpi.crit .v{color:var(--bad)}
html[data-pol] .content .kpi.crit,html[data-pol] .content .kpi.warn,html[data-pol] .content .kpi.good{background:linear-gradient(180deg,var(--surface-2),var(--surface))}
html[data-pol] .content .kpi.crit{box-shadow:var(--shadow),0 0 0 1px var(--crit-line) inset}

/* ── صناديق الشرح والتنبيه ── */
html[data-pol] .content .pe-box{border-radius:var(--r);background:var(--glass);border:1px solid var(--line);color:var(--ink-3);font-size:13px;line-height:1.9}
html[data-pol] .content .pe-box b{color:var(--ink)}
html[data-pol] .content .pe-box.warn{background:linear-gradient(100deg,var(--warn-bg),transparent 90%);border-color:var(--warn-line);color:var(--ink-2)}
html[data-pol] .content .pe-box.warn b{color:var(--warn)}
html[data-pol] .content .pe-box > svg{width:16px;height:16px;flex:none;vertical-align:-3px;margin-inline-end:6px;color:var(--warn)}
html[data-pol] .content .pe-box a,html[data-pol] .content .pe-box .linkish{color:var(--brand-2);font-weight:700}

/* ── الشارات ── */
html[data-pol] .content .tag{border-radius:999px;font-size:11px;font-weight:700;padding:2px 9px}
html[data-pol] .content .tag.mute{background:var(--glass-2);color:var(--ink-3);border-color:var(--line)}
html[data-pol] .content .tag.good{border-color:transparent}
html[data-pol] .content .tag.warn{border-color:transparent}
html[data-pol] .content .tag.crit{border-color:transparent}

/* ── الأزرار ── */
html[data-pol] .content .btn,html[data-pol] .content .act{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:9px;border:1px solid var(--line-2);
  background:var(--glass);color:var(--ink-2);font-family:var(--fbody);transition:background var(--t),border-color var(--t),color var(--t),transform var(--t-fast) var(--ease)}
html[data-pol] .content .btn:hover:not(:disabled),html[data-pol] .content .act:hover:not(:disabled){background:var(--glass-2);color:var(--ink);border-color:color-mix(in srgb,var(--brand-2) 40%,var(--line-2))}
html[data-pol] .content .btn:active:not(:disabled),html[data-pol] .content .act:active:not(:disabled){transform:scale(.97)}
html[data-pol] .content .btn svg,html[data-pol] .content .act svg{width:14px;height:14px;flex:none}
html[data-pol] .content .btn.ok{background:var(--ok-bg);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 30%,transparent)}
html[data-pol] .content .btn.ok:hover:not(:disabled){background:color-mix(in srgb,var(--ok) 20%,transparent);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 50%,transparent)}
html[data-pol] .content .btn.no,html[data-pol] .content .act.danger{background:var(--bad-bg);color:var(--bad);border-color:var(--crit-line)}
html[data-pol] .content .btn.no:hover:not(:disabled),html[data-pol] .content .act.danger:hover:not(:disabled){background:color-mix(in srgb,var(--bad) 20%,transparent);color:var(--bad);border-color:var(--bad)}
/* زرّ الحالة الفوري (pcToggleBtn): نقطة حيّة قبل «مُفعّلة» */
html[data-pol] .content [data-pc-toggle].btn.ok::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px var(--ok-bg)}
html[data-pol] .content [data-pc-toggle].btn.no::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7}
html[data-pol] .content .btn-primary{background:var(--brand-grad);border:0;color:#fff;border-radius:11px;box-shadow:0 10px 24px -12px rgba(169,127,214,.8);
  font-family:var(--fbody);transition:filter var(--t),transform var(--t-fast) var(--ease)}
html[data-pol] .content .btn-primary:hover:not(:disabled){filter:brightness(1.08)}
html[data-pol] .content .btn-primary:active:not(:disabled){transform:scale(.97)}
html[data-pol] .content .linkish{color:var(--brand-2)}

/* ── الحقول ── */
html[data-pol] .content :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea),
html[data-pol] .hr-modal :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){
  background:var(--glass);color:var(--ink);border:1px solid var(--line-2);border-radius:10px;font-family:var(--fbody);
  transition:border-color var(--t),box-shadow var(--t),background var(--t)}
html[data-pol] .content :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea):not(.pg-input):not(.cx-in),
html[data-pol] .hr-modal :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){padding:8px 11px;min-height:36px}
html[data-pol] .content :is(input,select,textarea)::placeholder,html[data-pol] .hr-modal :is(input,select,textarea)::placeholder{color:var(--ink-4)}
html[data-pol] .content :is(input,select,textarea):focus,html[data-pol] .hr-modal :is(input,select,textarea):focus{outline:none;border-color:color-mix(in srgb,var(--brand-2) 60%,transparent);box-shadow:var(--ring);background:var(--glass-2)}
html[data-pol] .content :is(input,select,textarea)[readonly],html[data-pol] .hr-modal :is(input,select,textarea)[readonly]{color:var(--ink-3);border-style:dashed}
html[data-pol] .content :is(input,select,textarea):disabled,html[data-pol] .hr-modal :is(input,select,textarea):disabled{opacity:.55;cursor:not-allowed}
html[data-pol] :is(.content,.hr-modal) select option{background:var(--surface);color:var(--ink)}
/* حقل بحث بأيقونة داخله: مكان الأيقونة محفوظ */
html[data-pol] .content .policy-search input{padding-right:38px!important;height:38px}
html[data-pol] .content .btn.ok{box-shadow:none}
html[data-pol] :is(.content,.hr-modal) input:is([type=checkbox],[type=radio],[type=range]){accent-color:var(--brand-2)}
html[data-pol] .content .fld-lbl,html[data-pol] .hr-modal .fld-lbl{color:var(--ink-2);font-size:12.5px;font-weight:700}

/* ── المقاطع (seg) ── */
html[data-pol] .content .seg-toggle{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:var(--glass);border:1px solid var(--line);max-width:100%;overflow-x:auto;scrollbar-width:none}
html[data-pol] .content .seg-toggle .seg,html[data-pol] .content .seg{font:700 12.5px var(--fbody);color:var(--ink-3);padding:7px 14px;border-radius:9px;cursor:pointer;
  border:0;background:transparent;transition:color var(--t),background var(--t)}
html[data-pol] .content .seg:hover{color:var(--ink)}
html[data-pol] .content .seg.active{background:var(--surface-3);color:var(--ink);box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 0 0 1px color-mix(in srgb,var(--pol-c) 30%,transparent) inset}

/* ── مفتاح التفعيل (chain-switch) — نفس مفتاح مركز السياسات ── */
html[data-pol] .content .chain-switch{width:42px;height:24px;background:var(--surface-3);box-shadow:0 0 0 1px var(--line-2) inset;transition:background var(--t) var(--ease),box-shadow var(--t)}
html[data-pol] .content .chain-switch .knob{top:3px;right:3px;background:var(--ink-3);box-shadow:0 2px 6px rgba(0,0,0,.35);transition:transform var(--t) var(--spring),background var(--t)}
html[data-pol] .content .chain-switch.on{background:var(--ok);box-shadow:0 6px 16px -8px var(--ok)}
html[data-pol] .content .chain-switch.on .knob{background:#fff;transform:translateX(-18px)}
html[data-pol] .content .chain-switch:focus-visible{outline:none;box-shadow:var(--ring)}

/* ── تبويبات الصفحة (rtabs) — مقطع زجاجي بدل الخط السفلي ── */
html[data-pol] .content .rtabs{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--glass);max-width:100%;flex-wrap:wrap}
html[data-pol] .content .rtab{border:0;border-radius:9px;padding:7px 14px;color:var(--ink-3);background:transparent;font:700 13px var(--fbody);margin:0}
html[data-pol] .content .rtab:hover{color:var(--ink);background:var(--glass-2)}
html[data-pol] .content .rtab.active{background:var(--surface-3);color:var(--ink);border:0;box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 0 0 1px color-mix(in srgb,var(--pol-c) 30%,transparent) inset}
html[data-pol] .content .rtab.active .cq-count{background:color-mix(in srgb,var(--pol-c) 22%,transparent);color:var(--ink)}
html[data-pol] .content .cq-mv{background:var(--glass);border-color:var(--line-2);color:var(--ink-2)}

/* ── الفلاتر والفارغ والتحميل ── */
html[data-pol] .content .filters{gap:8px;align-items:center}
html[data-pol] .content .empty{color:var(--ink-3);padding:42px 20px;font-size:13px;text-align:center!important}
html[data-pol] .content .empty::before{content:"";display:block;width:56px;height:56px;margin:0 auto 12px;border-radius:18px;
  background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--pol-c) 22%,transparent),transparent 70%),var(--glass);border:1px dashed var(--line-2)}
html[data-pol] .content .spinner{color:var(--ink-4);position:relative;padding-top:54px}
html[data-pol] .content .spinner::before{content:"";position:absolute;top:18px;left:50%;width:22px;height:22px;margin-left:-11px;border-radius:50%;
  border:2.5px solid var(--line-2);border-top-color:var(--pol-c);animation:pol-spin .8s linear infinite}
@keyframes pol-spin{to{transform:rotate(360deg)}}
html[data-pol] .content .err{background:linear-gradient(100deg,var(--bad-bg),transparent 90%);border:1px solid var(--crit-line);color:var(--bad);border-radius:var(--r)}

/* ── نافذة التعديل المنبثقة في صفحات السياسات ── */
html[data-pol] .hr-modal{background:linear-gradient(180deg,var(--surface-2),var(--surface) 50%);border:1px solid var(--line-2);border-radius:var(--r-xl);box-shadow:var(--shadow-lg)}
html[data-pol] .hr-modal-head{background:color-mix(in srgb,var(--surface-2) 92%,transparent);backdrop-filter:blur(10px);border-bottom-color:var(--line)}
html[data-pol] .hr-modal-head h3{color:var(--ink)}
html[data-pol] .hr-modal-x{background:var(--glass);border-color:var(--line);color:var(--ink-3)}
html[data-pol] .hr-modal-foot{border-top-color:var(--line)}
html[data-pol] .hr-modal .act{border:1px solid var(--line-2);background:var(--glass);color:var(--ink-2)}
html[data-pol] .hr-modal .btn-primary{background:var(--brand-grad);border:0;color:#fff}

@media (max-width:640px){
  html[data-pol] .content .page-head h1{font-size:22px}
  html[data-pol] .policy-subnav + .page-head,html[data-pol-solo] .content .page-head{padding-right:54px}
  html[data-pol] .policy-subnav + .page-head::before,html[data-pol-solo] .content .page-head::before{width:42px;height:42px;border-radius:13px}
  html[data-pol][data-pol-ic] .policy-subnav + .page-head::after,html[data-pol-solo][data-pol-ic] .content .page-head::after{right:10px;top:11px;width:22px;height:22px}
  html[data-pol] .content .kpi .v{font-size:24px}
  html[data-pol] .content .seg-toggle{flex-wrap:wrap;overflow:visible}
}
@media (prefers-reduced-motion:reduce){
  html[data-pol] .content *,html[data-pol] .policy-subnav{animation:none!important}
}

/* ── أيقونات الفئات (قناع) — مولَّدة من POLICY_ICONS في policy-center.js ── */
html[data-pol-ic="percent"]{--pol-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%227%22%20r%3D%222.3%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%222.3%22%2F%3E%3Cpath%20d%3D%22M18%206L6%2018%22%2F%3E%3C%2Fsvg%3E")}
html[data-pol-ic="xcircle"]{--pol-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228.5%22%2F%3E%3Cpath%20d%3D%22M9.5%209.5l5%205M14.5%209.5l-5%205%22%2F%3E%3C%2Fsvg%3E")}
html[data-pol-ic="target"]{--pol-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228.5%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224.5%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E")}
html[data-pol-ic="shield"]{--pol-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203l7%203v6c0%204.5-3%207.5-7%209-4-1.5-7-4.5-7-9V6l7-3z%22%2F%3E%3Cpath%20d%3D%22M9%2012l2%202%204-4%22%2F%3E%3C%2Fsvg%3E")}
html[data-pol-ic="alert"]{--pol-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%204L2.5%2020h19L12%204z%22%2F%3E%3Cpath%20d%3D%22M12%2010.5v4%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2217.3%22%20r%3D%22.6%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E")}
html[data-pol-ic="gov"]{--pol-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020h16M5%2020V9M19%209V20M12%203L3%208h18L12%203z%22%2F%3E%3Cpath%20d%3D%22M8%2020v-8M12%2020v-8M16%2020v-8%22%2F%3E%3C%2Fsvg%3E")}
html[data-pol-ic="wallet"]{--pol-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%226%22%20width%3D%2218%22%20height%3D%2213%22%20rx%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M3%2010h18%22%2F%3E%3Ccircle%20cx%3D%2216.5%22%20cy%3D%2214.5%22%20r%3D%221.1%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E")}
html[data-pol-ic="octagon"]{--pol-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203h8l5%205v8l-5%205H8l-5-5V8l5-5z%22%2F%3E%3Cpath%20d%3D%22M12%209v4%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2215.6%22%20r%3D%22.6%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E")}
html[data-pol-ic="grid"]{--pol-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223.5%22%20y%3D%223.5%22%20width%3D%227.5%22%20height%3D%227.5%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%223.5%22%20width%3D%227.5%22%20height%3D%227.5%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%223.5%22%20y%3D%2213%22%20width%3D%227.5%22%20height%3D%227.5%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%2213%22%20width%3D%227.5%22%20height%3D%227.5%22%20rx%3D%221.5%22%2F%3E%3C%2Fsvg%3E")}
html[data-pol-ic="bell"]{--pol-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%208a6%206%200%200112%200c0%207%203%209%203%209H3s3-2%203-9%22%2F%3E%3Cpath%20d%3D%22M10.3%2021a1.94%201.94%200%20003.4%200%22%2F%3E%3C%2Fsvg%3E")}
html[data-pol-ic="msg"]{--pol-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2015a2%202%200%2001-2%202H7l-4%204V5a2%202%200%20012-2h14a2%202%200%20012%202z%22%2F%3E%3Cpath%20d%3D%22M8%209h8M8%2013h5%22%2F%3E%3C%2Fsvg%3E")}