/* ============================================================
   abGrid ICON PACK (MASK) — FINAL
   Активируется классом: .abgrid-icons--mask
   ============================================================ */
:root {
  /* ---------- PASSWORD TOGGLE ---------- */
  --abgrid-pass-show-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23334155'%3E%3Cpath d='M12 5c-7 0-10 7-10 7s3 7 10 7 10-7 10-7-3-7-10-7zm0 11a4 4 0 110-8 4 4 0 010 8z'/%3E%3C/svg%3E");
  --abgrid-pass-hide-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3l18 18' stroke='%23334155' stroke-width='2' fill='none'/%3E%3Cpath d='M10.58 10.58A2 2 0 0112 10a2 2 0 012 2c0 .53-.21 1.05-.58 1.42' stroke='%23334155' stroke-width='2' fill='none'/%3E%3Cpath d='M9.88 4.53A9.77 9.77 0 0112 4c7 0 10 8 10 8a17.63 17.63 0 01-2.46 3.55' stroke='%23334155' stroke-width='2' fill='none'/%3E%3Cpath d='M6.53 6.53A17.57 17.57 0 002 12s3 8 10 8a9.77 9.77 0 005.47-1.88' stroke='%23334155' stroke-width='2' fill='none'/%3E%3C/svg%3E");
}

.abgrid {
  /* ---------- SORT ---------- */
  --abgrid-sort-asc-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 14l5-5 5 5z'/%3E%3C/svg%3E");
  --abgrid-sort-desc-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");

  /* ---------- FOLDER (subgrid + tree button) ---------- */
/*  
  --abgrid-folder-closed-mask1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 4l2 2h8a2 2 0 012 2v10a2 2 0 01-2 2H4a2 2 0 01-2-2V6a2 2 0 012-2h6z'/%3E%3C/svg%3E");
  --abgrid-folder-open-mask1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 18l2.5-9h15.5l-2.5 9H4zm6-12l2 2h8a2 2 0 012 2H6.5L4 6h6z'/%3E%3C/svg%3E");
*/

  /* ============ ИКОНКИ ПАПОК ============ */
  --abgrid-folder-closed-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23334155'%3E%3Cpath d='M20 5h-8.586L9.707 3.293A.997.997 0 0 0 9 3H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V7c0-1.103-.897-2-2-2zM4 19V7h16l.002 12H4z'/%3E%3C/svg%3E");
  --abgrid-folder-open-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231d4ed8'%3E%3Cpath d='M20 5h-8.586L9.707 3.293A.997.997 0 0 0 9 3H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V7c0-1.103-.897-2-2-2zM4 7h16v4h-2v-2h-8v6h10v4H4V7z'/%3E%3C/svg%3E");
  --abgrid-folder-hover-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231d4ed8'%3E%3Cpath d='M20 5h-8.586L9.707 3.293A.997.997 0 0 0 9 3H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V7c0-1.103-.897-2-2-2zM4 7h16v4h-2v-2h-8v6h10v4H4V7z'/%3E%3C/svg%3E");
  
  

  /* ---------- PAGER ---------- */
/*  
  --abgrid-pager-first-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 6l-6 6 6 6V6zM6 6h2v12H6z'/%3E%3C/svg%3E");
  --abgrid-pager-prev-mask:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 6l-6 6 6 6V6z'/%3E%3C/svg%3E");
  --abgrid-pager-next-mask:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l6 6-6 6V6z'/%3E%3C/svg%3E");
  --abgrid-pager-last-mask:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l6 6-6 6V6zM16 6h2v12h-2z'/%3E%3C/svg%3E");
  --abgrid-pager-refresh-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35A7.95 7.95 0 0012 4V1L7 6l5 5V7a5 5 0 11-4.9 6h-2.02A7 7 0 1017.65 6.35z'/%3E%3C/svg%3E");
*/

 /* ============ ИКОНКИ ПАГИНАЦИИ ============ */
  --abgrid-pager-first-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23334155'%3E%3Cpath d='M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6 1.41-1.41zM6 6h2v12H6z'/%3E%3C/svg%3E");
  --abgrid-pager-prev-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23334155'%3E%3Cpath d='M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z'/%3E%3C/svg%3E");
  --abgrid-pager-next-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23334155'%3E%3Cpath d='M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z'/%3E%3C/svg%3E");
  --abgrid-pager-last-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23334155'%3E%3Cpath d='M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6-1.41 1.41zM16 6h2v12h-2z'/%3E%3C/svg%3E");
  --abgrid-pager-refresh-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23334155'%3E%3Cpath d='M17.65 6.35A7.958 7.958 0 0 0 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z'/%3E%3C/svg%3E");
  
  /* ---------- TITLE TOGGLE (collapse/expand) ---------- */
  --abgrid-toggle-open-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 14l5-5 5 5z'/%3E%3C/svg%3E");
  --abgrid-toggle-closed-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");

}


/* ============================================================
   PASSWORD TOGGLE (edit form)
   ============================================================ */

.abgrid-pass-toggle {
  -webkit-mask-position: center;
  mask-position: center;
  width: 16px;
  height: 16px;
  display: inline-block;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  background-color: currentColor;
  cursor: pointer;
  opacity: 0.65;
  transition: opacity 0.15s ease;
}

.abgrid-pass-toggle:hover { opacity: 1; }

.abgrid-pass-toggle--show {
  -webkit-mask-image: var(--abgrid-pass-show-mask);
  mask-image: var(--abgrid-pass-show-mask);
}

.abgrid-pass-toggle--hide {
  -webkit-mask-image: var(--abgrid-pass-hide-mask);
  mask-image: var(--abgrid-pass-hide-mask);
}