/* theme_quick_cards.css — prominent dashboard quick links (PHP 5.5 safe) */
.la-ql{max-width:1200px;margin:10px auto 18px;padding:0 12px;position:relative;z-index:180}
.la-ql-grid{display:flex;gap:16px;flex-wrap:wrap}
.la-card{
  position:relative; display:block; flex:1 1 320px; text-decoration:none; overflow:hidden;
  background:linear-gradient(180deg,#ffffff 0%, #f9fbff 100%);
  border:1px solid #dbe3ff; border-radius:18px; padding:20px 24px 20px 84px;
  box-shadow:0 8px 24px rgba(31,41,55,.08); transition:transform .15s ease, box-shadow .22s ease;
  cursor:pointer;
}
.la-card:hover{ transform:translateY(-3px); box-shadow:0 16px 36px rgba(31,41,55,.12); }
.la-card:focus-visible{ outline:3px solid #93c5fd; outline-offset:3px; }
.la-card::after{
  content:""; position:absolute; inset:-30% -10% auto -10%; height:130%;
  background: radial-gradient(120px 80px at 0% 0%, rgba(59,130,246,.16), transparent 60%),
              radial-gradient(160px 120px at 40% -10%, rgba(16,185,129,.18), transparent 60%),
              linear-gradient(180deg, rgba(255,255,255,0), rgba(249,250,251,.75));
  pointer-events:none;
}
.la-card::before{
  content:""; position:absolute; left:22px; top:50%; transform:translateY(-50%);
  width:44px; height:44px; border-radius:14px;
  background:linear-gradient(135deg,#3b82f6 0%, #22c55e 100%);
  box-shadow:0 6px 12px rgba(59,130,246,.35);
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zm0 0v6h6' /></svg>") center/28px 28px no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zm0 0v6h6' /></svg>") center/28px 28px no-repeat;
}
.la-card[data-icon='report']::before{
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9 11l3 3L22 4' stroke='%23000' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/><path d='M21 12v7a2 2 0 0 1-2 2H5l-4 4V5a2 2 0 0 1 2-2h11' fill='none'/></svg>") center/28px 28px no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9 11l3 3L22 4' stroke='%23000' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/><path d='M21 12v7a2 2 0 0 1-2 2H5l-4 4V5a2 2 0 0 1 2-2h11' fill='none'/></svg>") center/28px 28px no-repeat;
}
.la-title{display:block;font-weight:800;font-size:20px;letter-spacing:.2px;color:#0f172a;margin-bottom:6px}
.la-sub{display:block;color:#334155;font-size:14px;opacity:.95}
@media (max-width:576px){
  .la-card{flex:1 1 100%; padding-left:76px}
  .la-ql{padding:0 10px}
}