@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900;1000&family=IBM+Plex+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700;800;900&family=Rubik:wght@400;500;600;700;800;900&family=Tajawal:wght@400;500;700;800;900&display=swap");
:root{
  --navy:#101827; --navy-2:#182238; --ink:#0f172a; --muted:#64748b; --muted-2:#94a3b8;
  --line:#e2e8f0; --line-2:#edf2f7; --bg:#f4f7fb; --panel:#ffffff; --soft:#f8fafc;
  --red:#cf1423; --red-2:#a80f1b; --green:#16a34a; --amber:#d97706; --blue:#2563eb;
  --radius-xl:28px; --radius-lg:22px; --radius-md:16px; --radius-sm:12px;
  --shadow-sm:0 8px 20px rgba(15,23,42,.06); --shadow-md:0 18px 44px rgba(15,23,42,.10); --shadow-lg:0 28px 80px rgba(15,23,42,.14);
  --safe-bottom:env(safe-area-inset-bottom,0px); --safe-top:env(safe-area-inset-top,0px)
}
*{box-sizing:border-box}html{height:100%;background:var(--bg);-webkit-text-size-adjust:100%}body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 5% 0%,rgba(207,20,35,.08),transparent 30%),linear-gradient(135deg,#f7f9fc 0%,#eef3f8 100%);font-size:15px;line-height:1.45}a{color:inherit;text-decoration:none}img{max-width:100%}.muted{color:var(--muted)}.small-note{font-size:13px}.app{min-height:100vh;display:grid;grid-template-columns:296px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:18px;background:linear-gradient(180deg,var(--navy) 0%,#0b1220 100%);color:#fff;box-shadow:16px 0 40px rgba(15,23,42,.18);z-index:40;overflow-y:auto}.brand{display:grid;gap:10px;padding:12px 8px 22px;align-items:center}.brand img{width:78px;height:78px;object-fit:contain;background:#fff;border-radius:22px;padding:6px;box-shadow:0 10px 28px rgba(0,0,0,.24)}.brand strong{font-size:18px;line-height:1.16}.brand .muted{color:#b8c3d8;font-size:13px}.nav{display:grid;gap:8px}.nav a{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 14px;border-radius:16px;color:#dbe7ff;font-weight:800;letter-spacing:-.01em;transition:.18s ease}.nav a:hover,.nav a.active{background:rgba(255,255,255,.12);color:#fff;transform:translateX(2px)}.nav a.active{box-shadow:inset 4px 0 0 var(--red)}.nav-ico,.btn-ico,.bn-ico,.metric-ico{width:22px;height:22px;display:inline-grid;place-items:center;flex:0 0 auto}.nav-ico:before,.btn-ico:before,.bn-ico:before,.metric-ico:before{content:"";width:18px;height:18px;display:block;background:currentColor;mask:center/contain no-repeat;-webkit-mask:center/contain no-repeat}.i-home:before{mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M3 10.5 12 3l9 7.5V21a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1z"/%3E%3C/svg%3E');-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M3 10.5 12 3l9 7.5V21a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1z"/%3E%3C/svg%3E')}.i-truck:before{mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M3 6h11v9h2.2l2-3H21v6h-2a3 3 0 0 1-6 0H9a3 3 0 0 1-6 0H2v-2h1zm13 2v4h1.1l1.3-2H20V8z"/%3E%3C/svg%3E');-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M3 6h11v9h2.2l2-3H21v6h-2a3 3 0 0 1-6 0H9a3 3 0 0 1-6 0H2v-2h1zm13 2v4h1.1l1.3-2H20V8z"/%3E%3C/svg%3E')}.i-plus:before{mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6z"/%3E%3C/svg%3E');-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6z"/%3E%3C/svg%3E')}.i-pill:before{mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M4.2 13.8 10.8 7.2a5 5 0 1 1 7.1 7.1l-6.6 6.6a5 5 0 0 1-7.1-7.1zm8-5.2-6.6 6.6a3 3 0 0 0 4.2 4.2l3.3-3.3-4.2-4.2 3.3-3.3zm1.4-1.4-3.3 3.3 4.2 4.2 2-2a3 3 0 1 0-4.2-4.2z"/%3E%3C/svg%3E');-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M4.2 13.8 10.8 7.2a5 5 0 1 1 7.1 7.1l-6.6 6.6a5 5 0 0 1-7.1-7.1zm8-5.2-6.6 6.6a3 3 0 0 0 4.2 4.2l3.3-3.3-4.2-4.2 3.3-3.3zm1.4-1.4-3.3 3.3 4.2 4.2 2-2a3 3 0 1 0-4.2-4.2z"/%3E%3C/svg%3E')}.i-building:before{mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M4 21V3h10v4h6v14h-6v-4h-4v4zm3-14h2v2H7zm0 4h2v2H7zm0 4h2v2H7zm5-8h2v2h-2zm0 4h2v2h-2zm4 0h2v2h-2zm0 4h2v2h-2z"/%3E%3C/svg%3E');-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M4 21V3h10v4h6v14h-6v-4h-4v4zm3-14h2v2H7zm0 4h2v2H7zm0 4h2v2H7zm5-8h2v2h-2zm0 4h2v2h-2zm4 0h2v2h-2zm0 4h2v2h-2z"/%3E%3C/svg%3E')}.i-users:before{mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M8 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0 2c3.3 0 6 1.6 6 3.6V20H2v-2.4C2 15.6 4.7 14 8 14zm8.5-1.8a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7zM16 14c3 0 5.5 1.4 5.5 3.2V20H16v-2.4c0-1-.5-2-1.5-2.7.5-.5 1-.9 1.5-.9z"/%3E%3C/svg%3E');-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M8 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0 2c3.3 0 6 1.6 6 3.6V20H2v-2.4C2 15.6 4.7 14 8 14zm8.5-1.8a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7zM16 14c3 0 5.5 1.4 5.5 3.2V20H16v-2.4c0-1-.5-2-1.5-2.7.5-.5 1-.9 1.5-.9z"/%3E%3C/svg%3E')}.i-report:before{mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M6 2h9l5 5v15H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm8 1.5V8h4.5zM8 12h8v2H8zm0 4h8v2H8z"/%3E%3C/svg%3E');-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M6 2h9l5 5v15H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm8 1.5V8h4.5zM8 12h8v2H8zm0 4h8v2H8z"/%3E%3C/svg%3E')}.i-shield:before{mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M12 2 4 5v6c0 5 3.4 9.7 8 11 4.6-1.3 8-6 8-11V5zm-1 14-4-4 1.4-1.4L11 13.2l5.6-5.6L18 9z"/%3E%3C/svg%3E');-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M12 2 4 5v6c0 5 3.4 9.7 8 11 4.6-1.3 8-6 8-11V5zm-1 14-4-4 1.4-1.4L11 13.2l5.6-5.6L18 9z"/%3E%3C/svg%3E')}.i-settings:before{mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M19.4 13.5a7.8 7.8 0 0 0 0-3l2-1.5-2-3.5-2.4 1a8 8 0 0 0-2.6-1.5L14 2h-4l-.4 3A8 8 0 0 0 7 6.5l-2.4-1-2 3.5 2 1.5a7.8 7.8 0 0 0 0 3l-2 1.5 2 3.5 2.4-1a8 8 0 0 0 2.6 1.5l.4 3h4l.4-3a8 8 0 0 0 2.6-1.5l2.4 1 2-3.5zM12 15.5A3.5 3.5 0 1 1 12 8a3.5 3.5 0 0 1 0 7.5z"/%3E%3C/svg%3E');-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M19.4 13.5a7.8 7.8 0 0 0 0-3l2-1.5-2-3.5-2.4 1a8 8 0 0 0-2.6-1.5L14 2h-4l-.4 3A8 8 0 0 0 7 6.5l-2.4-1-2 3.5 2 1.5a7.8 7.8 0 0 0 0 3l-2 1.5 2 3.5 2.4-1a8 8 0 0 0 2.6 1.5l.4 3h4l.4-3a8 8 0 0 0 2.6-1.5l2.4 1 2-3.5zM12 15.5A3.5 3.5 0 1 1 12 8a3.5 3.5 0 0 1 0 7.5z"/%3E%3C/svg%3E')}.i-logout:before{mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M14 3v2H6v14h8v2H4V3zm3.6 4.4L22.2 12l-4.6 4.6-1.4-1.4 2.2-2.2H10v-2h8.4l-2.2-2.2z"/%3E%3C/svg%3E');-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M14 3v2H6v14h8v2H4V3zm3.6 4.4L22.2 12l-4.6 4.6-1.4-1.4 2.2-2.2H10v-2h8.4l-2.2-2.2z"/%3E%3C/svg%3E')}.i-phone:before{mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M8 2h8a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm4 17.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/%3E%3C/svg%3E');-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M8 2h8a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm4 17.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/%3E%3C/svg%3E')}.i-clock:before{mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M12 22A10 10 0 1 1 12 2a10 10 0 0 1 0 20zm1-10.4V6h-2v7h6v-2z"/%3E%3C/svg%3E');-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M12 22A10 10 0 1 1 12 2a10 10 0 0 1 0 20zm1-10.4V6h-2v7h6v-2z"/%3E%3C/svg%3E')}.i-check:before{mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"/%3E%3C/svg%3E');-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"/%3E%3C/svg%3E')}.i-alert:before{mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2V9h2z"/%3E%3C/svg%3E');-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2V9h2z"/%3E%3C/svg%3E')}.i-scan:before{mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M3 5a2 2 0 0 1 2-2h4v2H5v4H3zm16-2a2 2 0 0 1 2 2v4h-2V5h-4V3zM5 19h4v2H5a2 2 0 0 1-2-2v-4h2zm14-4h2v4a2 2 0 0 1-2 2h-4v-2h4zM7 11h10v2H7z"/%3E%3C/svg%3E');-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M3 5a2 2 0 0 1 2-2h4v2H5v4H3zm16-2a2 2 0 0 1 2 2v4h-2V5h-4V3zM5 19h4v2H5a2 2 0 0 1-2-2v-4h2zm14-4h2v4a2 2 0 0 1-2 2h-4v-2h4zM7 11h10v2H7z"/%3E%3C/svg%3E')}.content{min-width:0;padding:18px 18px 96px}.topbar{position:sticky;top:0;z-index:25;margin:-18px -18px 18px;padding:calc(12px + var(--safe-top)) 18px 12px;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,232,240,.75);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-small{display:flex;align-items:center;gap:12px;min-width:0}.brand-small img{width:48px;height:48px;border-radius:50%;object-fit:contain;background:#fff;padding:3px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.page-title{font-weight:950;font-size:22px;letter-spacing:-.035em;line-height:1.05}.hamb{display:none;width:48px;height:48px;border-radius:16px;border:0;background:var(--navy);color:#fff;font-size:23px;box-shadow:var(--shadow-sm)}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.actions.center{justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:15px;font-weight:900;letter-spacing:-.01em;background:#fff;color:var(--ink);box-shadow:0 2px 0 rgba(15,23,42,.03);cursor:pointer;transition:.18s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn.primary{background:linear-gradient(135deg,var(--red),var(--red-2));color:#fff}.btn.dark{background:var(--navy);color:#fff}.btn.green{background:var(--green);color:#fff}.btn.light{background:#fff;border-color:var(--line);color:#334155}.btn.block{width:100%}.btn:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid rgba(37,99,235,.18);outline-offset:2px}.pwa-install{display:none}.pwa-install.show{display:inline-flex}.card{background:rgba(255,255,255,.96);border:1px solid rgba(226,232,240,.9);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:22px;margin-bottom:18px;overflow:hidden}.card h2,.card h3{margin:0 0 14px;letter-spacing:-.03em}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.metric{position:relative;min-height:132px;padding:20px}.metric:after{content:"";position:absolute;inset:auto -30px -40px auto;width:120px;height:120px;border-radius:50%;background:rgba(207,20,35,.08)}.metric-ico{width:44px;height:44px;border-radius:16px;background:#fff1f2;color:var(--red);box-shadow:var(--shadow-sm);margin-bottom:14px}.metric .num{font-size:36px;line-height:1;font-weight:950;letter-spacing:-.05em}.metric .label{margin-top:8px;color:var(--muted);font-weight:800}.m-complete .metric-ico{background:#dcfce7;color:var(--green)}.m-pending .metric-ico{background:#fef3c7;color:var(--amber)}.m-reject .metric-ico{background:#fee2e2;color:#dc2626}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h2,.section-heading h3{margin-bottom:4px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:20px;background:#fff}.table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px}.table th{background:#f8fafc;color:#475569;text-align:left;text-transform:uppercase;letter-spacing:.09em;font-size:12px;font-weight:950;padding:14px}.table td{padding:16px 14px;border-top:1px solid var(--line-2);vertical-align:middle}.table tr:hover td{background:#fbfdff}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:950;line-height:1;background:#e2e8f0;color:#334155;white-space:nowrap}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.badge.success{background:#dcfce7;color:#166534}.badge.warning{background:#fef3c7;color:#92400e}.badge.danger{background:#fee2e2;color:#991b1b}.badge.info{background:#dbeafe;color:#1d4ed8}.badge.secondary{background:#e5e7eb;color:#374151}.badge.dark{background:#e2e8f0;color:#0f172a}.alert{border-radius:18px;padding:14px 16px;margin:12px 0;font-weight:800;border:1px solid var(--line);background:#fff}.alert.success{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.alert.danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.alert.warn{background:#fffbeb;border-color:#fde68a;color:#92400e}.grid-form{display:grid;gap:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:grid;gap:8px;font-weight:900;color:#334155}input,select,textarea{width:100%;border:1px solid #dbe4ef;border-radius:16px;background:#fff;color:var(--ink);min-height:46px;padding:11px 13px;font:inherit;font-weight:700}textarea{resize:vertical;min-height:98px}.checkline{display:flex;align-items:center;gap:10px}.checkline input{width:auto;min-height:auto}.form-shell{max-width:1080px;margin-inline:auto}.scan-box{border:1px dashed #cbd5e1;border-radius:24px;background:linear-gradient(180deg,#f8fafc,#fff);padding:18px;display:grid;gap:12px}.scan-video{width:100%;height:300px;background:#020617;border-radius:22px;object-fit:cover}.scanner-status,.lookup-status{border-radius:16px;padding:12px 14px;font-weight:850}.scanner-status.info,.lookup-status.info{background:#eff6ff;color:#1d4ed8}.scanner-status.success,.lookup-status.success{background:#ecfdf5;color:#166534}.scanner-status.error{background:#fef2f2;color:#991b1b}.lookup-status.warn{background:#fffbeb;color:#92400e}.lookup-status.muted{background:#f8fafc;color:var(--muted)}.sign-pad{width:100%;height:190px;background:#fff;border:2px dashed #cbd5e1;border-radius:20px;touch-action:none}.task-mobile{display:none}.task-card{border:1px solid var(--line);border-radius:24px;padding:18px;background:#fff;box-shadow:var(--shadow-sm);display:grid;gap:10px}.task-card b{font-size:18px;word-break:break-word}.task-preview{display:grid;gap:18px}.task-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;background:linear-gradient(135deg,var(--navy),#1f2d48);color:#fff;border-radius:30px;padding:24px;box-shadow:var(--shadow-lg)}.task-hero h1{margin:4px 0 12px;font-size:34px;line-height:1.05;letter-spacing:-.05em}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#b8c3d8;font-weight:950;font-size:12px}.hero-meta{display:flex;gap:10px;flex-wrap:wrap;color:#dbe7ff}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.preview-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.info-list{display:grid;gap:12px}.info-list div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-2)}.info-list span,.timeline-mini em{color:var(--muted);font-style:normal}.timeline-mini{display:grid;gap:13px}.timeline-mini div{display:grid;grid-template-columns:18px 110px 1fr;gap:10px;align-items:center}.timeline-mini span{width:13px;height:13px;background:var(--red);border-radius:50%;box-shadow:0 0 0 5px #fee2e2}.med-card-grid{display:grid;gap:14px}.med-card{border:1px solid var(--line);border-radius:22px;padding:18px;background:linear-gradient(180deg,#fff,#f8fafc)}.med-card h3{font-size:21px}.med-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.med-meta span{background:#fff;border:1px solid var(--line-2);border-radius:14px;padding:10px;color:#475569}.signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.signature-card{display:flex;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:22px;padding:16px;background:#fff}.signature-card p{margin:3px 0}.signature-img,.thumb{background:#fff;border:1px solid var(--line);border-radius:14px;object-fit:contain}.signature-img{width:150px;height:84px}.image-strip{display:flex;gap:12px;flex-wrap:wrap}.task-image{width:150px;height:110px;border-radius:18px;object-fit:cover;border:1px solid var(--line)}.note-box{white-space:pre-wrap;background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:14px}.receipt-actions{margin-bottom:14px}.paper-a4{max-width:210mm;min-height:297mm;margin:0 auto;background:#fff;border-radius:0;padding:12mm;box-shadow:var(--shadow-lg);font-size:12px;color:#111827}.receipt-header{display:flex;align-items:center;gap:14px;border-bottom:2px solid var(--navy);padding-bottom:8px;margin-bottom:8px}.receipt-logo{width:22mm;height:22mm;object-fit:contain}.receipt-header h1{font-size:18px;margin:0 0 4px}.box{border:1px solid #d7dde7;border-radius:10px;padding:8px;margin:6px 0;background:#fff}.receipt .table{min-width:0;font-size:11px}.receipt .table th,.receipt .table td{padding:6px 7px}.receipt .grid-2{gap:8px}.receipt .thumb{width:34mm;height:20mm}.receipt-footer{text-align:center;border-top:1px solid #d7dde7;margin-top:8px;padding-top:6px;color:#475569;font-weight:800}.login,.installer{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 10% 10%,rgba(207,20,35,.13),transparent 28%),linear-gradient(135deg,#07111f,#111827 52%,#2a0b12);color:#fff}.login-shell{width:min(1180px,100%);display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:stretch}.login-hero,.login-card,.install-card{background:rgba(255,255,255,.94);color:var(--ink);border:1px solid rgba(255,255,255,.35);box-shadow:var(--shadow-lg);border-radius:34px}.login-hero{padding:34px;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.92))}.login-hero:before{content:"";position:absolute;right:-80px;top:-80px;width:250px;height:250px;border-radius:50%;background:rgba(207,20,35,.10)}.login-hero h1{font-size:44px;line-height:1;letter-spacing:-.06em;margin:16px 0}.login-logo,.install-logo{width:88px;height:88px;border-radius:24px;background:#fff;object-fit:contain;padding:6px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.login-card,.install-card{padding:28px}.login-card h2,.install-card h1{margin:10px 0 6px;letter-spacing:-.04em}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.feature{border:1px solid var(--line);border-radius:20px;padding:14px;background:#fff;box-shadow:var(--shadow-sm)}.feature b{display:block;margin-bottom:4px}.mobile-dim{display:none}.bottom-nav{display:none}
@media (max-width:1200px){.cards{grid-template-columns:repeat(2,1fr)}.app{grid-template-columns:260px 1fr}.med-meta{grid-template-columns:repeat(2,1fr)}}
@media (max-width:820px){body{background:#f3f6fb}.app{display:block}.content{padding:12px 12px calc(92px + var(--safe-bottom))}.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(86vw,330px);height:auto;transform:translateX(-105%);transition:.22s ease;z-index:60}.sidebar.open{transform:translateX(0)}.mobile-dim.show{display:block;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:55}.topbar{margin:-12px -12px 12px;padding:calc(10px + var(--safe-top)) 12px 10px;border-radius:0 0 28px 28px}.hamb{display:inline-grid;place-items:center}.brand-small{gap:10px}.brand-small img{width:42px;height:42px}.page-title{font-size:21px}.topbar .actions .btn.light{display:none}.topbar .actions .btn.primary{min-width:48px;padding:0}.topbar .actions .btn.primary span+*{display:none}.cards{grid-template-columns:1fr 1fr;gap:12px}.card{border-radius:24px;padding:16px;margin-bottom:12px}.metric{min-height:116px}.metric .num{font-size:30px}.grid-2,.grid-3,.preview-grid,.login-shell{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.mobile-hide{display:none}.task-mobile{display:grid;gap:12px}.table{min-width:680px}.section-heading{display:grid}.scan-video{height:240px}.task-hero{display:grid;border-radius:26px;padding:18px}.task-hero h1{font-size:28px;word-break:break-word}.hero-actions{justify-content:stretch}.hero-actions .btn{width:100%}.signature-grid{grid-template-columns:1fr}.signature-card{align-items:center}.bottom-nav{position:fixed;left:10px;right:10px;bottom:calc(10px + var(--safe-bottom));z-index:50;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;border:1px solid rgba(226,232,240,.95);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:var(--shadow-lg);backdrop-filter:blur(18px)}.bottom-nav a{display:grid;place-items:center;gap:3px;min-height:54px;border-radius:18px;color:#64748b;font-size:11px;font-weight:950}.bottom-nav a.active{background:#fff1f2;color:var(--red)}.bn-ico{width:21px;height:21px}.login,.installer{padding:14px}.login-hero h1{font-size:34px}.feature-grid{grid-template-columns:1fr}.login-card,.login-hero,.install-card{border-radius:28px;padding:22px}.paper-a4{min-height:auto;padding:10mm;box-shadow:none}.receipt .grid-2{grid-template-columns:1fr}.receipt-header{align-items:flex-start}.receipt-logo{width:18mm;height:18mm}}
@media (max-width:560px){.cards{grid-template-columns:1fr}.brand-small .muted{display:none}.page-title{font-size:20px}.btn{width:100%;min-height:48px}.actions{width:100%}.actions .btn{flex:1}.task-card{font-size:16px}.med-meta{grid-template-columns:1fr}.signature-card{display:grid}.signature-img{width:100%;height:120px}.login-logo{width:76px;height:76px}.login-hero h1{font-size:30px}.login-hero{display:none}.login-shell{display:block}.login-card{width:100%}input,select,textarea{font-size:16px}.table-wrap{border-radius:18px}.scan-video{height:220px}}
@media print{@page{size:A4;margin:8mm}body{background:#fff!important}.sidebar,.topbar,.bottom-nav,.no-print,.mobile-dim{display:none!important}.app{display:block}.content{padding:0}.card{box-shadow:none;border:0}.paper-a4{width:194mm;min-height:281mm;margin:0;padding:0;box-shadow:none;border:0;font-size:10.5px}.receipt-header h1{font-size:15px}.receipt-logo{width:18mm;height:18mm}.receipt .table th,.receipt .table td{padding:4px 5px}.receipt .thumb{width:28mm;height:16mm}.box{padding:5px;margin:4px 0}.receipt-footer{font-size:10px}}
.image-preview-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.image-preview-grid img{width:92px;height:76px;object-fit:cover;border:1px solid var(--line);border-radius:14px;background:#fff}.btn.is-loading{opacity:.72;pointer-events:none}.btn.is-loading:after{content:"";width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:560px){.table-wrap:not(.mobile-hide) .table{min-width:0}.table-wrap:not(.mobile-hide) .table tr:first-child{display:none}.table-wrap:not(.mobile-hide) .table,.table-wrap:not(.mobile-hide) .table tbody,.table-wrap:not(.mobile-hide) .table tr,.table-wrap:not(.mobile-hide) .table td{display:block;width:100%}.table-wrap:not(.mobile-hide) .table tr{border:1px solid var(--line);border-radius:20px;margin:10px;background:#fff;overflow:hidden}.table-wrap:not(.mobile-hide) .table td{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--line-2);padding:12px;text-align:right}.table-wrap:not(.mobile-hide) .table td:first-child{border-top:0}.table-wrap:not(.mobile-hide) .table td:before{content:attr(data-label);font-weight:950;color:#64748b;text-align:left}.table-wrap:not(.mobile-hide) .table td .btn{width:auto;min-height:38px}}

/* 2026-05-15 receipt and task preview refinement */
.brand img,.brand-small img,.login-logo,.install-logo,.receipt-logo.clean-logo{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;object-fit:contain}.brand,.brand-small{justify-content:center;text-align:center}.brand-small{justify-content:flex-start;text-align:left}.login-card{text-align:center}.login-card form{text-align:left}.login-card .login-logo{margin-inline:auto}.enhanced-hero{background:linear-gradient(135deg,#07111f,#16233a 62%,#9f111b);align-items:center}.pill-soft{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);border-radius:999px;padding:7px 10px;font-weight:850}.route-card{overflow:hidden}.route-flow{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);align-items:center;gap:16px;margin-top:10px}.route-stop{border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f8fafc);border-radius:24px;padding:18px;display:grid;gap:5px;min-height:118px;box-shadow:var(--shadow-sm)}.route-stop small{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:950}.route-stop b{font-size:20px;letter-spacing:-.02em}.route-icon{width:46px;height:46px;border-radius:16px;background:#fff1f2;color:var(--red);display:grid;place-items:center;font-size:23px}.route-stop.destination .route-icon{background:#eff6ff;color:#1d4ed8}.route-line{height:6px;border-radius:999px;background:linear-gradient(90deg,#ef4444,#1d4ed8);position:relative}.route-line:after{content:"";position:absolute;right:-2px;top:50%;width:16px;height:16px;border-top:6px solid #1d4ed8;border-right:6px solid #1d4ed8;transform:translateY(-50%) rotate(45deg);border-radius:2px}.created-by{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:20px;padding:14px;background:#f8fafc;margin-bottom:12px}.avatar-icon{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:#fff;color:var(--navy);box-shadow:var(--shadow-sm);font-size:21px}.info-list.compact div{padding:10px 0}.timeline-pro{display:grid;gap:0;position:relative}.timeline-pro>div{display:grid;grid-template-columns:44px 1fr;gap:12px;position:relative;padding:0 0 20px}.timeline-pro>div:not(:last-child):before{content:"";position:absolute;left:21px;top:44px;bottom:0;width:2px;background:#e2e8f0}.timeline-pro .tl-icon{width:44px;height:44px;border-radius:16px;background:#dcfce7;color:#166534;display:grid;place-items:center;font-weight:950;box-shadow:var(--shadow-sm)}.timeline-pro .pending .tl-icon{background:#f1f5f9;color:#64748b}.timeline-pro b{display:block;font-size:15px}.timeline-pro em{font-style:normal;color:var(--muted);font-size:13px}.med-top{display:flex;align-items:start;justify-content:space-between;gap:14px}.med-qty{display:grid;place-items:center;border-radius:18px;background:#fff1f2;color:var(--red);min-width:76px;min-height:60px;font-weight:950}.med-qty strong{display:block;font-size:24px}.premium-med{box-shadow:var(--shadow-sm)}.signature-grid-large{gap:18px}.signature-card-large{align-items:stretch;background:linear-gradient(180deg,#fff,#f8fafc)}.signature-frame{flex:0 0 260px;display:grid;place-items:center;border:1px solid var(--line);border-radius:20px;background:#fff;padding:10px}.signature-img-large{width:240px!important;height:145px!important;border:0!important;border-radius:12px!important}.receipt-pro{padding:10mm;font-size:10.6px}.receipt-pro-header{display:grid;grid-template-columns:33mm 1fr 46mm;gap:8mm;align-items:start;border-bottom:2px solid #111827;padding-bottom:5mm;margin-bottom:4mm}.qr-box{display:grid;gap:2mm;text-align:center;color:#475569;font-size:9px;font-weight:800}.qr-box img{width:28mm;height:28mm;border:1px solid #d7dde7;border-radius:3mm;background:#fff;padding:1mm}.receipt-brand-center{text-align:center;display:grid;justify-items:center;gap:1mm}.receipt-brand-center .receipt-logo{width:28mm;height:24mm}.receipt-brand-center h1{font-size:14px;line-height:1.15;margin:0;letter-spacing:-.02em}.receipt-brand-center p{margin:0;color:#475569;font-weight:800}.receipt-ref{display:grid;gap:2mm;text-align:right;justify-items:end}.receipt-ref span:first-child{text-transform:uppercase;letter-spacing:.12em;color:#64748b;font-size:8px;font-weight:950}.receipt-ref b{font-size:12px;word-break:break-word}.receipt-info-table{width:100%;border-collapse:separate;border-spacing:0;margin:3mm 0;border:1px solid #d7dde7;border-radius:3mm;overflow:hidden}.receipt-info-table th,.receipt-info-table td{padding:2.2mm 2.6mm;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}.receipt-info-table tr:last-child th,.receipt-info-table tr:last-child td{border-bottom:0}.receipt-info-table th{width:22%;background:#f8fafc;color:#334155;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.receipt-route{display:grid;grid-template-columns:1fr 20mm 1fr;align-items:center;gap:3mm;margin:3mm 0;padding:3mm;border:1px solid #d7dde7;border-radius:4mm;background:#fbfdff}.receipt-route-stop{display:grid;grid-template-columns:9mm 1fr;column-gap:2mm;align-items:center}.receipt-route-stop span{grid-row:1/3;width:9mm;height:9mm;border-radius:3mm;background:#fff1f2;display:grid;place-items:center;font-size:14px}.receipt-route-stop small{text-transform:uppercase;color:#64748b;font-weight:950;letter-spacing:.1em;font-size:7.5px}.receipt-route-stop b{font-size:11px}.receipt-route-arrow{text-align:center;font-size:20px;color:#b91c1c;font-weight:950}.receipt-section-title{font-size:11px;margin:3.5mm 0 2mm;text-transform:uppercase;letter-spacing:.08em;color:#111827}.receipt-med-table{font-size:9.4px}.receipt-med-table th,.receipt-med-table td{padding:2mm 2.2mm!important}.receipt-med-table td span{color:#64748b}.receipt-signatures{display:grid;grid-template-columns:1fr 1fr;gap:4mm}.receipt-signature-card{border:1px solid #d7dde7;border-radius:4mm;padding:3mm;background:#fff;display:grid;gap:2mm}.sig-role{text-transform:uppercase;letter-spacing:.08em;color:#b91c1c;font-weight:950;font-size:9px}.receipt-signature-card table{width:100%;border-collapse:collapse;font-size:9px}.receipt-signature-card th{text-align:left;color:#64748b;width:30%;font-weight:900}.receipt-signature-card th,.receipt-signature-card td{padding:1mm 0;border-bottom:1px solid #eef2f7}.receipt-signature-frame{height:28mm;border:1px dashed #cbd5e1;border-radius:3mm;background:#fff;display:grid;place-items:center;padding:1.5mm}.receipt-signature-frame img{max-width:100%;max-height:25mm;object-fit:contain}.receipt-images{display:flex;gap:2mm;flex-wrap:wrap}.receipt-images img{width:24mm;height:18mm;object-fit:cover;border:1px solid #d7dde7;border-radius:3mm}.receipt-footer{font-size:9px;margin-top:4mm}
@media (max-width:820px){.route-flow{grid-template-columns:1fr;gap:10px}.route-line{height:54px;width:6px;justify-self:center;background:linear-gradient(180deg,#ef4444,#1d4ed8)}.route-line:after{right:auto;left:50%;top:auto;bottom:-1px;transform:translateX(-50%) rotate(135deg)}.signature-frame{flex:1}.signature-img-large{width:100%!important;height:150px!important}.receipt-pro-header{grid-template-columns:1fr;text-align:center}.receipt-ref,.receipt-brand-center,.qr-box{justify-items:center;text-align:center}.receipt-route,.receipt-signatures{grid-template-columns:1fr}.receipt-route-arrow{transform:rotate(90deg)}}
@media print{@page{size:A4;margin:7mm}.paper-a4.receipt-pro{width:196mm;min-height:auto;padding:0;font-size:9.2px}.receipt-pro-header{grid-template-columns:28mm 1fr 40mm;gap:5mm;margin-bottom:3mm;padding-bottom:3mm}.qr-box img{width:23mm;height:23mm}.receipt-brand-center .receipt-logo{width:23mm;height:19mm}.receipt-brand-center h1{font-size:12px}.receipt-info-table th,.receipt-info-table td{padding:1.5mm 2mm}.receipt-route{padding:2mm;margin:2mm 0}.receipt-section-title{font-size:9.5px;margin:2.3mm 0 1.5mm}.receipt-med-table{font-size:8.3px}.receipt-med-table th,.receipt-med-table td{padding:1.2mm 1.5mm!important}.receipt-signatures{gap:3mm}.receipt-signature-card{padding:2mm}.receipt-signature-frame{height:24mm}.receipt-signature-frame img{max-height:21mm}.receipt-images img{width:20mm;height:14mm}.receipt-footer{margin-top:2.5mm}}

/* === Final receipt/task preview polish: compact official A4 header, clearer signatures, responsive print === */
.receipt-page .content{padding-top:10px}.receipt-actions{max-width:210mm;margin:0 auto 12px}.paper-a4.receipt-pro{max-width:210mm;min-height:auto;padding:9mm 10mm 8mm;margin:0 auto 24px;border:1px solid #e5e7eb;border-radius:0;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.12);font-size:10.2px;line-height:1.25;color:#111827}.receipt-pro-header{display:grid;grid-template-columns:31mm 1fr 55mm;gap:7mm;align-items:center;border-bottom:2px solid #111827;padding:0 0 4mm;margin:0 0 4mm;min-height:40mm}.qr-box{align-self:start;justify-self:start;display:grid;gap:1.4mm;text-align:center;color:#475569;font-size:8.5px;font-weight:900;letter-spacing:.02em}.qr-box img{width:26mm;height:26mm;border:1px solid #d7dde7;border-radius:3mm;background:#fff;padding:1mm}.receipt-brand-center{text-align:center;display:grid;justify-items:center;align-content:center;gap:.8mm;min-width:0}.receipt-brand-center .receipt-logo.clean-logo{width:27mm!important;height:24mm!important;max-width:27mm!important;max-height:24mm!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;object-fit:contain!important}.receipt-brand-center h1{font-size:13.5px;line-height:1.1;margin:0;font-weight:950;letter-spacing:-.025em}.receipt-brand-center p{margin:0;color:#475569;font-size:10.5px;font-weight:900}.receipt-ref{align-self:start;justify-self:end;display:grid;gap:2mm;text-align:right;justify-items:end;min-width:0}.receipt-ref span:first-child{text-transform:uppercase;letter-spacing:.16em;color:#64748b;font-size:8px;font-weight:950}.receipt-ref b{font-size:13px;line-height:1.1;word-break:break-word}.receipt-ref .badge{font-size:10px;padding:2mm 3mm;border-radius:999px;white-space:normal;text-align:center;max-width:55mm}.receipt-info-table{width:100%;border-collapse:separate;border-spacing:0;margin:2.5mm 0;border:1px solid #d7dde7;border-radius:3mm;overflow:hidden;background:#fff}.receipt-info-table th,.receipt-info-table td{padding:1.8mm 2.2mm;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}.receipt-info-table tr:last-child th,.receipt-info-table tr:last-child td{border-bottom:0}.receipt-info-table th{width:18%;background:#f8fafc;color:#334155;font-size:8px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.receipt-route{display:grid;grid-template-columns:1fr 17mm 1fr;align-items:center;gap:3mm;margin:2.5mm 0;padding:2.5mm;border:1px solid #d7dde7;border-radius:4mm;background:linear-gradient(180deg,#fff,#fbfdff)}.receipt-route-stop{display:grid;grid-template-columns:9mm 1fr;column-gap:2mm;align-items:center;min-width:0}.receipt-route-stop span{grid-row:1/3;width:9mm;height:9mm;border-radius:3mm;background:#fff1f2;display:grid;place-items:center;font-size:13px}.receipt-route-stop:last-child span{background:#eff6ff}.receipt-route-stop small{text-transform:uppercase;color:#64748b;font-weight:950;letter-spacing:.1em;font-size:7px}.receipt-route-stop b{font-size:10.5px;line-height:1.15;word-break:break-word}.receipt-route-arrow{text-align:center;font-size:18px;color:#b91c1c;font-weight:950}.receipt-section-title{font-size:10.2px;margin:3mm 0 1.5mm;text-transform:uppercase;letter-spacing:.08em;color:#111827}.receipt-med-table{font-size:8.8px;border-radius:3mm;overflow:hidden}.receipt-med-table th,.receipt-med-table td{padding:1.5mm 1.6mm!important;vertical-align:top}.receipt-signatures{display:grid;grid-template-columns:1fr 1fr;gap:3mm}.receipt-signature-card{border:1px solid #d7dde7;border-radius:4mm;padding:2.5mm;background:#fff;display:grid;grid-template-rows:auto auto 1fr;gap:1.8mm;min-height:42mm}.sig-role{text-transform:uppercase;letter-spacing:.08em;color:#b91c1c;font-weight:950;font-size:8.5px}.receipt-signature-card table{width:100%;border-collapse:collapse;font-size:8.5px}.receipt-signature-card th{text-align:left;color:#64748b;width:30%;font-weight:900}.receipt-signature-card th,.receipt-signature-card td{padding:.8mm 0;border-bottom:1px solid #eef2f7}.receipt-signature-frame{height:25mm;border:1px dashed #cbd5e1;border-radius:3mm;background:#fff;display:grid;place-items:center;padding:1mm;margin-top:1mm}.receipt-signature-frame img{max-width:100%;max-height:23mm;object-fit:contain}.receipt-images{display:flex;gap:2mm;flex-wrap:wrap}.receipt-images img{width:22mm;height:15mm;object-fit:cover;border:1px solid #d7dde7;border-radius:3mm}.receipt-footer{font-size:8.5px;margin-top:2.5mm;padding-top:2mm;color:#475569;text-align:center;border-top:1px solid #d7dde7;font-weight:800}.signature-grid-large{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.signature-card-large{border-radius:24px}.signature-frame{min-height:178px;flex:0 0 300px}.signature-img-large{width:280px!important;height:165px!important;object-fit:contain!important}.route-flow{grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr)}
@media (max-width:820px){.paper-a4.receipt-pro{padding:14px;margin:0;border-radius:22px}.receipt-pro-header{grid-template-columns:1fr;gap:10px;text-align:center;min-height:auto}.qr-box,.receipt-ref,.receipt-brand-center{justify-self:center;justify-items:center;text-align:center}.receipt-ref .badge{max-width:100%}.receipt-info-table,.receipt-info-table tbody,.receipt-info-table tr,.receipt-info-table th,.receipt-info-table td{display:block;width:100%}.receipt-info-table th{border-bottom:0;padding-bottom:0}.receipt-info-table td{padding-top:4px}.receipt-route,.receipt-signatures{grid-template-columns:1fr}.receipt-route-arrow{transform:rotate(90deg)}.signature-grid-large{grid-template-columns:1fr}.signature-frame{flex:1;min-height:170px}.signature-img-large{width:100%!important;height:155px!important}}
@media print{@page{size:A4;margin:6mm}html,body{width:210mm;min-height:297mm;background:#fff!important}.paper-a4.receipt-pro{width:198mm!important;max-width:198mm!important;min-height:auto!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;font-size:8.9px;line-height:1.18}.receipt-pro-header{grid-template-columns:27mm 1fr 46mm;gap:4mm;min-height:31mm;padding-bottom:2.5mm;margin-bottom:2.5mm}.qr-box img{width:22mm;height:22mm}.qr-box small{font-size:7.5px}.receipt-brand-center .receipt-logo.clean-logo{width:22mm!important;height:19mm!important}.receipt-brand-center h1{font-size:11.5px}.receipt-brand-center p{font-size:8.7px}.receipt-ref b{font-size:10.5px}.receipt-ref .badge{font-size:7.8px;padding:1.2mm 2mm;max-width:43mm}.receipt-info-table{margin:2mm 0;border-radius:2.2mm}.receipt-info-table th,.receipt-info-table td{padding:1.2mm 1.6mm}.receipt-info-table th{font-size:7px}.receipt-route{padding:1.8mm;margin:2mm 0;border-radius:2.4mm}.receipt-route-stop span{width:8mm;height:8mm;font-size:11px}.receipt-route-stop b{font-size:8.8px}.receipt-section-title{font-size:8.4px;margin:2mm 0 1.1mm}.receipt-med-table{font-size:7.5px}.receipt-med-table th,.receipt-med-table td{padding:1mm 1.1mm!important}.receipt-signatures{gap:2.2mm}.receipt-signature-card{padding:1.6mm;border-radius:2.6mm;min-height:35mm}.sig-role{font-size:7.3px}.receipt-signature-card table{font-size:7.2px}.receipt-signature-card th,.receipt-signature-card td{padding:.55mm 0}.receipt-signature-frame{height:22mm}.receipt-signature-frame img{max-height:20mm}.receipt-images img{width:18mm;height:12mm}.receipt-footer{font-size:7.4px;margin-top:1.7mm;padding-top:1.4mm}}


/* === Receipt average-minutes + print one-page hardening === */
.receipt-ref .receipt-duration{width:100%;border:1px solid #fecaca;background:linear-gradient(135deg,#fff7ed,#fff1f2);border-radius:14px;padding:7px 10px;text-align:center;display:grid;gap:1px;box-shadow:0 8px 18px rgba(185,28,28,.08)}
.receipt-ref .receipt-duration small{font-size:8px!important;text-transform:uppercase;letter-spacing:.12em;color:#991b1b;font-weight:950}
.receipt-ref .receipt-duration strong{font-size:20px;line-height:1;color:#991b1b;font-weight:950;letter-spacing:-.04em}
@media screen and (min-width:821px){
  .receipt-pro-header{position:relative;grid-template-columns:34mm 1fr 58mm}
  .receipt-brand-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:95mm;z-index:0;pointer-events:none}
  .qr-box,.receipt-ref{position:relative;z-index:1}
}
@media print{
  *{print-color-adjust:exact;-webkit-print-color-adjust:exact}
  html,body{width:210mm!important;min-height:auto!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important}
  .receipt-page .sidebar,.receipt-page .topbar,.receipt-page .bottom-nav,.receipt-page .no-print{display:none!important}
  .receipt-page .app{display:block!important;min-height:auto!important;width:210mm!important;margin:0!important;padding:0!important;background:#fff!important}
  .receipt-page .content{display:block!important;width:210mm!important;min-height:auto!important;margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important}
  .receipt-page .receipt-actions{display:none!important}
  .receipt-page .paper-a4.receipt-pro{display:block!important;width:198mm!important;max-width:198mm!important;min-height:0!important;height:auto!important;margin:0 auto!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;page-break-after:avoid!important;break-after:avoid!important;page-break-before:avoid!important;break-before:avoid!important;overflow:hidden!important}
  .receipt-page .receipt-pro-header{position:relative!important;display:grid!important;grid-template-columns:26mm 1fr 44mm!important;align-items:start!important;gap:4mm!important;min-height:27mm!important;margin:0 0 2mm!important;padding:0 0 2mm!important;page-break-inside:avoid!important;break-inside:avoid!important}
  .receipt-page .receipt-brand-center{position:absolute!important;left:50%!important;top:48%!important;transform:translate(-50%,-50%)!important;width:92mm!important;text-align:center!important;justify-items:center!important;z-index:0!important}
  .receipt-page .qr-box,.receipt-page .receipt-ref{position:relative!important;z-index:1!important}
  .receipt-page .receipt-ref .receipt-duration{padding:1.5mm 2mm!important;border-radius:3mm!important;box-shadow:none!important}
  .receipt-page .receipt-ref .receipt-duration small{font-size:6.5px!important}
  .receipt-page .receipt-ref .receipt-duration strong{font-size:14px!important}
  .receipt-page .receipt-brand-center .receipt-logo.clean-logo{width:20mm!important;height:17mm!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;object-fit:contain!important}
  .receipt-page .receipt-brand-center h1{font-size:10.8px!important;line-height:1.05!important;margin:0!important;text-align:center!important}
  .receipt-page .receipt-brand-center p{font-size:8.4px!important;line-height:1.05!important;margin:0!important;text-align:center!important}
  .receipt-page .receipt-info-table,.receipt-page .receipt-route,.receipt-page .receipt-signatures,.receipt-page .receipt-med-table{page-break-inside:avoid!important;break-inside:avoid!important}
  .receipt-page footer{page-break-after:avoid!important;break-after:avoid!important}
}

/* === 20260515 receipt header precision fix: no overlap, centered identity, one-page print === */
.receipt-page .receipt-pro-header{
  position:relative!important;
  display:grid!important;
  grid-template-columns:32mm minmax(80mm,1fr) 50mm!important;
  align-items:center!important;
  gap:6mm!important;
  min-height:36mm!important;
  padding:0 0 4mm!important;
  margin:0 0 4mm!important;
}
.receipt-page .receipt-brand-center{
  position:static!important;
  transform:none!important;
  left:auto!important;
  top:auto!important;
  width:auto!important;
  min-width:0!important;
  z-index:1!important;
  pointer-events:auto!important;
  text-align:center!important;
  justify-self:center!important;
  justify-items:center!important;
  align-content:center!important;
}
.receipt-page .receipt-brand-center .receipt-logo.clean-logo{
  width:28mm!important;
  height:24mm!important;
  max-width:28mm!important;
  max-height:24mm!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  object-fit:contain!important;
  display:block!important;
}
.receipt-page .receipt-brand-center h1{
  max-width:96mm!important;
  margin:1mm 0 .5mm!important;
  font-size:13.2px!important;
  line-height:1.05!important;
  text-align:center!important;
  white-space:normal!important;
}
.receipt-page .receipt-brand-center p{
  max-width:96mm!important;
  margin:0!important;
  font-size:10.6px!important;
  line-height:1.05!important;
  text-align:center!important;
  white-space:normal!important;
}
.receipt-page .qr-box{align-self:center!important;justify-self:start!important;z-index:2!important;}
.receipt-page .receipt-ref{align-self:center!important;justify-self:end!important;z-index:2!important;max-width:50mm!important;}
.receipt-page .receipt-ref b{font-size:13px!important;line-height:1.08!important;}
.receipt-page .receipt-ref .badge{max-width:50mm!important;}
.receipt-page .receipt-ref .receipt-duration{width:auto!important;min-width:33mm!important;max-width:50mm!important;margin-top:.5mm!important;}
.receipt-page .receipt-signature-frame{height:28mm!important;}
.receipt-page .receipt-signature-frame img{max-height:26mm!important;max-width:100%!important;}

@media screen and (max-width:820px){
  .receipt-page .receipt-pro-header{grid-template-columns:1fr!important;gap:12px!important;min-height:auto!important;}
  .receipt-page .qr-box,.receipt-page .receipt-ref,.receipt-page .receipt-brand-center{justify-self:center!important;justify-items:center!important;text-align:center!important;max-width:100%!important;}
  .receipt-page .receipt-ref .receipt-duration{max-width:100%!important;}
}

@media print{
  @page{size:A4 portrait;margin:6mm!important;}
  html,body{width:210mm!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important;}
  body.receipt-page{background:#fff!important;}
  body.receipt-page > *:not(.app){display:none!important;}
  .receipt-page .sidebar,.receipt-page .topbar,.receipt-page .bottom-nav,.receipt-page .no-print,.receipt-page .receipt-actions{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important;}
  .receipt-page .app,.receipt-page .content{display:block!important;width:198mm!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important;}
  .receipt-page .paper-a4.receipt-pro{display:block!important;width:198mm!important;max-width:198mm!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;page-break-before:avoid!important;page-break-after:avoid!important;break-before:avoid!important;break-after:avoid!important;}
  .receipt-page .receipt-pro-header{position:relative!important;display:grid!important;grid-template-columns:25mm 1fr 42mm!important;align-items:center!important;gap:4mm!important;min-height:25mm!important;margin:0 0 2mm!important;padding:0 0 2mm!important;break-inside:avoid!important;page-break-inside:avoid!important;}
  .receipt-page .receipt-brand-center{position:static!important;transform:none!important;left:auto!important;top:auto!important;width:auto!important;max-width:92mm!important;text-align:center!important;justify-self:center!important;justify-items:center!important;z-index:1!important;}
  .receipt-page .receipt-brand-center .receipt-logo.clean-logo{width:19mm!important;height:16mm!important;max-width:19mm!important;max-height:16mm!important;}
  .receipt-page .receipt-brand-center h1{font-size:9.7px!important;line-height:1.02!important;margin:.4mm 0 0!important;max-width:92mm!important;}
  .receipt-page .receipt-brand-center p{font-size:7.8px!important;line-height:1.02!important;max-width:92mm!important;}
  .receipt-page .qr-box{align-self:center!important;justify-self:start!important;}
  .receipt-page .qr-box img{width:21mm!important;height:21mm!important;}
  .receipt-page .qr-box small{font-size:6.8px!important;line-height:1!important;}
  .receipt-page .receipt-ref{align-self:center!important;justify-self:end!important;max-width:42mm!important;gap:1mm!important;}
  .receipt-page .receipt-ref span:first-child{font-size:6.5px!important;}
  .receipt-page .receipt-ref b{font-size:9.5px!important;line-height:1.05!important;}
  .receipt-page .receipt-ref .badge{font-size:7px!important;padding:1mm 1.5mm!important;max-width:42mm!important;}
  .receipt-page .receipt-ref .receipt-duration{min-width:28mm!important;max-width:42mm!important;padding:1.1mm 1.5mm!important;border-radius:2.5mm!important;box-shadow:none!important;}
  .receipt-page .receipt-ref .receipt-duration small{font-size:5.8px!important;line-height:1!important;}
  .receipt-page .receipt-ref .receipt-duration strong{font-size:12px!important;line-height:1!important;}
  .receipt-page .receipt-info-table{margin:1.6mm 0!important;}
  .receipt-page .receipt-route{margin:1.6mm 0!important;padding:1.5mm!important;}
  .receipt-page .receipt-section-title{margin:1.8mm 0 .8mm!important;}
  .receipt-page .receipt-signature-card{min-height:32mm!important;padding:1.4mm!important;}
  .receipt-page .receipt-signature-frame{height:18mm!important;}
  .receipt-page .receipt-signature-frame img{max-height:17mm!important;}
  .receipt-page .receipt-footer{margin-top:1.2mm!important;padding-top:1mm!important;}
}

/* === 20260516 mobile UX polish: topbar cleanup, bottom menu, compact dashboard === */
@media (max-width:820px){
  body{background:linear-gradient(180deg,#f8fafc 0%,#eef3f8 100%)!important;}
  .content{padding:10px 10px calc(88px + var(--safe-bottom))!important;}
  .topbar{min-height:74px;margin:-10px -10px 12px!important;padding:calc(8px + var(--safe-top)) 12px 10px!important;border-radius:0 0 24px 24px!important;box-shadow:0 10px 28px rgba(15,23,42,.08)!important;overflow:hidden;}
  .brand-small{width:100%;gap:10px!important;min-width:0;}
  .brand-small .hamb{display:none!important;}
  .brand-small img{width:46px!important;height:46px!important;border-radius:50%!important;padding:2px!important;flex:0 0 46px;}
  .brand-small > div{min-width:0;overflow:hidden;}
  .page-title{font-size:23px!important;line-height:1.05!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100vw - 92px);}
  .brand-small .muted{display:none!important;}
  .topbar .actions{display:none!important;}
  .cards{grid-template-columns:1fr!important;gap:12px!important;}
  .card{border-radius:22px!important;padding:16px!important;margin-bottom:12px!important;box-shadow:0 12px 32px rgba(15,23,42,.08)!important;}
  .metric{min-height:112px!important;display:grid!important;grid-template-columns:54px 1fr!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:14px!important;padding:18px!important;overflow:hidden;}
  .metric:after{width:110px!important;height:110px!important;right:-34px!important;bottom:-42px!important;opacity:.45!important;}
  .metric-ico{grid-row:1/3;width:54px!important;height:54px!important;border-radius:18px!important;}
  .metric-ico:before{width:24px!important;height:24px!important;}
  .metric .num{font-size:38px!important;line-height:.95!important;margin:0!important;align-self:end;}
  .metric .label{font-size:18px!important;line-height:1.15!important;margin:0!important;align-self:start;color:#475569!important;}
  .grid-2,.grid-3,.preview-grid{grid-template-columns:1fr!important;gap:12px!important;}
  .task-mobile{display:grid!important;gap:12px!important;}
  .task-card{border-radius:22px!important;padding:16px!important;box-shadow:0 12px 28px rgba(15,23,42,.08)!important;}
  .task-card .btn{min-height:50px!important;border-radius:18px!important;}
  .bottom-nav{left:10px!important;right:10px!important;bottom:calc(8px + var(--safe-bottom))!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:4px!important;padding:7px!important;border-radius:22px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 18px 42px rgba(15,23,42,.16)!important;}
  .bottom-nav a,.bottom-nav button{appearance:none;border:0;background:transparent;font:inherit;display:grid!important;place-items:center!important;gap:3px!important;min-height:54px!important;border-radius:17px!important;color:#64748b!important;font-size:10.5px!important;font-weight:950!important;text-align:center;cursor:pointer;}
  .bottom-nav a.active{background:#fff1f2!important;color:var(--red)!important;}
  .bottom-nav button:active,.bottom-nav a:active{transform:scale(.98);}
  .bn-ico{width:21px!important;height:21px!important;}
  .bn-ico:before{width:20px!important;height:20px!important;}
  .sidebar{width:min(88vw,340px)!important;border-radius:0 28px 28px 0!important;padding:18px!important;}
  .sidebar.open{box-shadow:18px 0 60px rgba(15,23,42,.28)!important;}
  .nav a{min-height:52px!important;border-radius:18px!important;font-size:15px!important;}
  .form-row{grid-template-columns:1fr!important;}
  input,select,textarea{min-height:50px!important;border-radius:16px!important;font-size:16px!important;}
  .btn{min-height:48px!important;border-radius:16px!important;justify-content:center!important;}
}
@media (max-width:380px){
  .page-title{font-size:20px!important;max-width:calc(100vw - 84px);}
  .brand-small img{width:42px!important;height:42px!important;flex-basis:42px;}
  .metric .label{font-size:16px!important;}
  .bottom-nav a,.bottom-nav button{font-size:10px!important;min-height:50px!important;}
}

/* === 20260516 Cross-device QA production polish === */
:root{--tap:48px;--page-max:1680px;--mobile-nav-h:78px}
html,body{max-width:100%;overflow-x:hidden;scroll-behavior:smooth}
body{font-variant-numeric:tabular-nums}
button,input,select,textarea{font:inherit;max-width:100%}
button,.btn,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid rgba(207,20,35,.28)!important;outline-offset:3px;border-radius:12px}
.content{width:100%;max-width:var(--page-max);margin:0 auto}
.card{border:1px solid rgba(226,232,240,.85);background:rgba(255,255,255,.94)}
.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.section-heading h2,.card h2{margin-top:0;letter-spacing:-.025em}.section-heading .badge{white-space:nowrap}
.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.actions.center{justify-content:center}.btn{min-height:var(--tap);display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:16px;font-weight:900;border:1px solid transparent;line-height:1.1;white-space:nowrap}.btn.block{width:100%}.btn.light{background:#fff;border-color:var(--line);box-shadow:var(--shadow-sm)}.btn.primary{background:linear-gradient(135deg,var(--red),var(--red-2));color:#fff;box-shadow:0 14px 34px rgba(207,20,35,.22)}.btn.dark{background:var(--navy);color:#fff}.btn.danger{background:#fee2e2;color:#991b1b;border-color:#fecaca}.btn.success{background:#dcfce7;color:#166534;border-color:#bbf7d0}.btn:hover{filter:saturate(1.06);transform:translateY(-1px)}
.badge{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;border-radius:999px;min-height:28px;padding:6px 11px;font-size:12px;font-weight:950;line-height:1;white-space:normal;text-align:center}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto}.badge.success{background:#dcfce7;color:#166534}.badge.warning{background:#fef3c7;color:#92400e}.badge.danger{background:#fee2e2;color:#991b1b}.badge.info{background:#dbeafe;color:#1e40af}.badge.secondary,.badge.dark{background:#e2e8f0;color:#334155}
.table-wrap{width:100%;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:18px}.table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px}.table th{position:sticky;top:0;background:#f8fafc;z-index:1}.table th,.table td{vertical-align:middle}.table td:last-child,.table th:last-child{text-align:right}.table .btn{min-height:38px;border-radius:12px;padding-inline:14px}
.grid-form{display:grid;gap:16px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:grid;gap:7px;font-weight:900;color:#334155}input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:15px;padding:12px 14px;color:var(--ink);box-shadow:inset 0 1px 0 rgba(15,23,42,.02)}textarea{resize:vertical}.lookup-status{border-radius:14px;padding:10px 12px;background:#f8fafc;border:1px solid var(--line)}.lookup-status.success{background:#ecfdf5;color:#166534;border-color:#bbf7d0}.lookup-status.warn{background:#fffbeb;color:#92400e;border-color:#fde68a}.lookup-status.info{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}.alert{border-radius:16px;padding:14px 16px;border:1px solid transparent}.alert.success{background:#ecfdf5;color:#166534;border-color:#bbf7d0}.alert.warn{background:#fffbeb;color:#92400e;border-color:#fde68a}.alert.danger{background:#fef2f2;color:#991b1b;border-color:#fecaca}
.scan-video{width:100%;min-height:260px;background:#0b1220;border-radius:22px;object-fit:cover;border:1px solid rgba(15,23,42,.18)}.signature{width:100%;height:210px;min-height:180px;border:1px dashed #cbd5e1;border-radius:20px;background:#fff;touch-action:none}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;margin-top:10px}.image-preview-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;border:1px solid var(--line)}
.empty-state{display:grid;place-items:center;text-align:center;gap:10px;padding:34px;border:1px dashed var(--line);border-radius:22px;background:#f8fafc;color:var(--muted)}
/* Receipt preview: protect A4 and avoid page overflow */
.receipt-page .content{max-width:100%;padding-inline:16px}.paper-a4{max-width:min(100%,210mm);margin-inline:auto}.receipt-pro *{break-inside:avoid}.receipt-med-table{min-width:0!important}.receipt-page .receipt-pro{overflow:hidden}.receipt-page .receipt-info-table,.receipt-page .receipt-med-table{table-layout:fixed;width:100%}.receipt-page .receipt-info-table td,.receipt-page .receipt-med-table td,.receipt-page .receipt-med-table th{word-break:break-word;overflow-wrap:anywhere}.receipt-page .receipt-brand-center{min-width:0}.receipt-page .receipt-ref{text-align:right}.receipt-page .receipt-route{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}.receipt-page .receipt-route > *{min-width:0}.receipt-signature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.receipt-signature-card{min-width:0}.receipt-signature-frame{display:grid;place-items:center;overflow:hidden}.receipt-signature-frame img{object-fit:contain;width:auto;height:auto}
/* Large screens */
@media (min-width:1440px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-2{grid-template-columns:1.25fr .75fr}.card{padding:24px}.topbar{border-radius:0 0 24px 24px}.page-title{font-size:26px}.metric{min-height:156px}}
/* Laptop and tablet refinements */
@media (max-width:1180px){.app{grid-template-columns:260px 1fr}.sidebar{padding:14px}.brand strong{font-size:16px}.content{padding:14px 14px 96px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.preview-grid{grid-template-columns:1fr}.topbar{margin:-14px -14px 14px;padding-left:14px;padding-right:14px}.topbar .actions .pwa-install{display:none!important}}
@media (max-width:900px){.app{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-110%);transition:transform .22s ease;z-index:60;height:100dvh}.sidebar.open{transform:translateX(0)}.mobile-dim{display:none;position:fixed;inset:0;background:rgba(15,23,42,.45);backdrop-filter:blur(3px);z-index:50}.sidebar.open ~ .mobile-dim,.mobile-dim.show{display:block}.bottom-nav{display:grid}.content{padding-bottom:calc(var(--mobile-nav-h) + 24px + var(--safe-bottom))}.topbar{position:sticky}.brand-small .hamb{display:inline-grid}.topbar .actions{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:132px}.metric .num{font-size:42px}.metric .label{font-size:17px}.login-shell{grid-template-columns:1fr!important;padding:16px}.login-hero{min-height:auto}.feature-grid{grid-template-columns:1fr}}
/* Phone: app-like layout */
@media (max-width:640px){:root{--tap:50px}.content{padding:10px 10px calc(90px + var(--safe-bottom))!important}.topbar{min-height:68px!important;margin:-10px -10px 12px!important;padding:calc(8px + var(--safe-top)) 12px 10px!important;border-radius:0 0 24px 24px!important}.brand-small{gap:9px!important}.brand-small img{width:42px!important;height:42px!important;flex-basis:42px!important}.page-title{font-size:22px!important;max-width:calc(100vw - 78px)!important;letter-spacing:-.04em}.cards{grid-template-columns:1fr!important;gap:10px!important}.card{border-radius:22px!important;padding:15px!important;margin-bottom:10px!important}.metric{min-height:98px!important;grid-template-columns:50px 1fr!important;padding:16px!important;column-gap:12px!important}.metric-ico{width:50px!important;height:50px!important;border-radius:17px!important}.metric .num{font-size:34px!important}.metric .label{font-size:16px!important}.section-heading{display:grid;gap:6px;margin-bottom:12px}.actions{display:grid;grid-template-columns:1fr;gap:8px}.actions .btn{width:100%}.form-row{grid-template-columns:1fr!important;gap:12px}.grid-form{gap:13px}.scan-video{min-height:230px;border-radius:20px}.signature{height:190px}.table-wrap.mobile-hide{display:none!important}.task-mobile{display:grid!important}.task-card b{font-size:17px;line-height:1.1;word-break:break-word}.task-card p{margin:12px 0;color:#334155}.bottom-nav{left:10px!important;right:10px!important;bottom:calc(8px + var(--safe-bottom))!important;grid-template-columns:repeat(5,1fr)!important;padding:6px!important;border-radius:24px!important;min-height:70px}.bottom-nav a,.bottom-nav button{min-height:56px!important;font-size:10px!important}.login-shell{padding:10px}.login-card,.login-hero{border-radius:26px;padding:22px}.login-hero h1{font-size:30px;line-height:1.05}.feature{padding:14px;border-radius:18px}}
/* Universal stacked table view on small screens */
@media (max-width:700px){.table-wrap:not(.mobile-hide){overflow:visible;border-radius:0}.table-wrap:not(.mobile-hide) .table{min-width:0;border-collapse:separate;border-spacing:0 10px}.table-wrap:not(.mobile-hide) .table tr:first-child{display:none}.table-wrap:not(.mobile-hide) .table tr{display:grid;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm);padding:10px;margin-bottom:10px}.table-wrap:not(.mobile-hide) .table td{display:grid;grid-template-columns:116px 1fr;gap:10px;border:0!important;padding:8px 6px!important;text-align:left!important;align-items:start}.table-wrap:not(.mobile-hide) .table td:before{content:attr(data-label);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:950;color:#64748b}.table-wrap:not(.mobile-hide) .table td:last-child{grid-template-columns:1fr}.table-wrap:not(.mobile-hide) .table td:last-child:before{display:none}.table-wrap:not(.mobile-hide) .table td:last-child .btn{width:100%}}
/* Receipt on phone/tablet: readable preview without breaking A4 print */
@media screen and (max-width:820px){.receipt-page .content{padding:8px 8px calc(88px + var(--safe-bottom))!important}.receipt-page .paper-a4.receipt-pro{width:100%!important;margin:0!important;border-radius:24px!important;padding:14px!important}.receipt-page .receipt-pro-header{display:grid!important;grid-template-columns:1fr!important;text-align:center!important;gap:14px!important}.receipt-page .qr-box{order:2}.receipt-page .receipt-brand-center{order:1}.receipt-page .receipt-ref{order:3;text-align:center!important;justify-self:stretch!important;max-width:100%!important}.receipt-page .receipt-ref .receipt-duration{margin-inline:auto}.receipt-page .receipt-route{grid-template-columns:1fr!important;text-align:left!important}.receipt-page .receipt-route .route-arrow{transform:rotate(90deg);justify-self:center}.receipt-signature-grid{grid-template-columns:1fr!important}.receipt-page .receipt-info-table,.receipt-page .receipt-med-table{font-size:12px}.receipt-page .receipt-med-table th,.receipt-page .receipt-med-table td{padding:7px 6px!important}.receipt-page .receipt-signature-frame{height:150px!important}}
/* Print: single A4, no app shell, no blank page */
@media print{@page{size:A4 portrait;margin:5.5mm!important}html,body{width:210mm!important;min-height:0!important;height:auto!important;background:#fff!important;overflow:visible!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}body *{visibility:hidden!important}body.receipt-page .paper-a4,body.receipt-page .paper-a4 *{visibility:visible!important}body.receipt-page .paper-a4{position:absolute!important;left:0!important;top:0!important;width:199mm!important;max-width:199mm!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;border-radius:0!important;background:#fff!important;overflow:visible!important;page-break-after:avoid!important;break-after:avoid!important}body.receipt-page .app,body.receipt-page .content{display:block!important;width:199mm!important;margin:0!important;padding:0!important;background:#fff!important;min-height:0!important}body.receipt-page .sidebar,body.receipt-page .topbar,body.receipt-page .bottom-nav,body.receipt-page .mobile-dim,body.receipt-page .receipt-actions,body.receipt-page .no-print{display:none!important}.receipt-page .receipt-pro-header{grid-template-columns:25mm 1fr 43mm!important;gap:4mm!important;margin-bottom:2mm!important;min-height:24mm!important}.receipt-page .receipt-brand-center .receipt-logo.clean-logo{width:18mm!important;height:16mm!important}.receipt-page .receipt-brand-center h1{font-size:9.4px!important}.receipt-page .receipt-brand-center p{font-size:7.6px!important}.receipt-page .qr-box img{width:20mm!important;height:20mm!important}.receipt-page .receipt-ref b{font-size:9px!important}.receipt-page .receipt-ref .badge{font-size:6.8px!important;padding:1mm 1.4mm!important}.receipt-page .receipt-ref .receipt-duration strong{font-size:11px!important}.receipt-page .receipt-route,.receipt-page .receipt-info-table{margin:1.3mm 0!important}.receipt-page .receipt-section-title{margin:1.5mm 0 .8mm!important;font-size:9px!important}.receipt-page .receipt-signature-grid{grid-template-columns:repeat(2,1fr)!important;gap:3mm!important}.receipt-page .receipt-signature-card{padding:1.4mm!important;min-height:31mm!important}.receipt-page .receipt-signature-frame{height:17mm!important}.receipt-page .receipt-signature-frame img{max-height:16mm!important}.receipt-page .receipt-med-table th,.receipt-page .receipt-med-table td,.receipt-page .receipt-info-table td{padding:1.1mm 1.4mm!important;font-size:7.2px!important}.receipt-page .receipt-footer{font-size:7px!important;margin-top:1mm!important;padding-top:1mm!important} }

/* Creativity credit login update */
.login-minimal{background:radial-gradient(circle at 50% 0%,rgba(207,20,35,.16),transparent 28%),linear-gradient(135deg,#07111f 0%,#111827 56%,#230b10 100%)}
.login-shell-minimal{width:min(520px,100%);display:block;margin:auto}.login-card-centered{text-align:center;padding:32px;position:relative;overflow:hidden}.login-card-centered:before{content:"";position:absolute;right:-70px;top:-70px;width:180px;height:180px;border-radius:50%;background:rgba(207,20,35,.08);pointer-events:none}.login-card-centered .login-logo{margin:0 auto 12px;display:block;background:transparent;border:0;box-shadow:none;padding:0;border-radius:0;width:112px;height:112px}.login-system-title{font-size:30px;line-height:1.08;letter-spacing:-.05em;margin:8px 0 6px}.login-card-centered .grid-form{text-align:left;margin-top:18px}.developer-credit{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;font-weight:800;color:#64748b;text-align:center}.developer-credit a{color:var(--red);font-weight:950;text-decoration:none}.developer-credit a:hover{text-decoration:underline}
@media (max-width:560px){.login-shell-minimal{width:100%;padding:10px}.login-card-centered{padding:24px;border-radius:28px}.login-card-centered .login-logo{width:96px;height:96px}.login-system-title{font-size:25px}.developer-credit{font-size:12px}}

/* Permission management polish */
.permission-panel{border:1px solid var(--border,#d8e1ef);background:#f8fafc;border-radius:18px;padding:16px;margin:6px 0 10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.permission-panel .section-heading.compact{margin:0 0 12px;padding:0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.permission-panel h3{margin:0;font-size:1rem;font-weight:900;color:#111827;letter-spacing:-.01em}
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.permission-chip{display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 14px;border:1px solid #dbe4f0;border-radius:14px;background:#fff;font-weight:800;color:#334155;cursor:pointer;transition:.18s ease;user-select:none}
.permission-chip:hover{border-color:#bf1d2b;box-shadow:0 10px 26px rgba(15,23,42,.08);transform:translateY(-1px)}
.permission-chip input{width:20px;height:20px;accent-color:#c91524;flex:0 0 auto}
.permission-chip:has(input:checked){background:linear-gradient(180deg,#fff,#fff5f5);border-color:#f1b0b8;color:#991b1b}
@media (max-width:700px){.permission-grid{grid-template-columns:1fr}.permission-panel{padding:12px;border-radius:16px}.permission-chip{min-height:52px;font-size:.95rem}}

/* === 20260516 mobile delivery route fix ===
   Converts the route module from a clipped desktop-style two-column block
   into a stacked, touch-friendly mobile card. */
@media screen and (max-width: 820px){
  html, body { max-width: 100%; overflow-x: hidden; }
  .route-card{
    overflow: hidden !important;
  }
  .route-card .section-heading{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    align-items: stretch !important;
  }
  .route-card .section-heading h3{
    font-size: 22px !important;
    line-height: 1.15 !important;
    margin: 0 0 6px !important;
  }
  .route-card .section-heading .muted{
    font-size: 15px !important;
    line-height: 1.4 !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
  .route-card .section-heading .badge{
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
    min-height: 44px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
  }
  .route-flow{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 14px !important;
    overflow: visible !important;
  }
  .route-stop{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: 58px minmax(0,1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 14px !important;
    row-gap: 2px !important;
    align-items: center !important;
    padding: 16px !important;
    border-radius: 22px !important;
    text-align: left !important;
  }
  .route-stop .route-icon{
    grid-row: 1 / 3 !important;
    width: 58px !important;
    height: 58px !important;
    border-radius: 20px !important;
    font-size: 28px !important;
  }
  .route-stop small{
    grid-column: 2 !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    letter-spacing: .12em !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  .route-stop b{
    grid-column: 2 !important;
    display: block !important;
    font-size: 22px !important;
    line-height: 1.15 !important;
    letter-spacing: -.03em !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
  .route-line{
    width: 5px !important;
    height: 44px !important;
    min-height: 44px !important;
    justify-self: center !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg,#ef4444,#1d4ed8) !important;
    position: relative !important;
  }
  .route-line span{ display:none !important; }
  .route-line:after{
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: -2px !important;
    width: 15px !important;
    height: 15px !important;
    border-top: 5px solid #1d4ed8 !important;
    border-right: 5px solid #1d4ed8 !important;
    transform: translateX(-50%) rotate(135deg) !important;
    border-radius: 2px !important;
    background: transparent !important;
  }
}

@media screen and (max-width: 420px){
  .route-card{ padding: 16px !important; }
  .route-stop{
    grid-template-columns: 52px minmax(0,1fr) !important;
    column-gap: 12px !important;
    padding: 14px !important;
    border-radius: 20px !important;
  }
  .route-stop .route-icon{ width:52px !important; height:52px !important; font-size:25px !important; }
  .route-stop b{ font-size: 20px !important; }
  .route-card .section-heading h3{ font-size: 21px !important; }
}

/* === 20260517 Animated Welcome + iPhone Home Screen Guide === */
.welcome-page{min-height:100svh;background:radial-gradient(circle at 8% 10%,rgba(207,20,35,.20),transparent 26%),radial-gradient(circle at 92% 18%,rgba(14,22,38,.34),transparent 30%),linear-gradient(135deg,#070b14 0%,#111827 48%,#05070d 100%);color:#0f172a;overflow-x:hidden;}
.welcome-shell{min-height:100svh;display:grid;place-items:center;padding:calc(18px + var(--safe-top)) 18px calc(18px + var(--safe-bottom));}
.welcome-card{position:relative;isolation:isolate;width:min(1120px,100%);min-height:min(720px,calc(100svh - 36px));overflow:hidden;border-radius:38px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(241,245,249,.96));box-shadow:0 36px 90px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.85);padding:56px;display:flex;flex-direction:column;justify-content:center;animation:welcomeRise .75s cubic-bezier(.2,.9,.2,1) both;}
.welcome-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(207,20,35,.28),rgba(15,23,42,.20));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}
.welcome-orb{position:absolute;border-radius:999px;filter:blur(.1px);z-index:-1;animation:welcomeFloat 7s ease-in-out infinite;}
.welcome-orb.orb-a{width:300px;height:300px;right:-70px;top:-70px;background:rgba(207,20,35,.11);}
.welcome-orb.orb-b{width:230px;height:230px;left:-80px;bottom:-90px;background:rgba(14,22,38,.08);animation-delay:-2s;}
.welcome-logo-wrap{width:116px;height:116px;display:grid;place-items:center;margin-bottom:20px;animation:welcomeLogo .85s .12s cubic-bezier(.2,.9,.2,1) both;}
.welcome-logo-wrap img{max-width:112px;max-height:112px;object-fit:contain;filter:drop-shadow(0 16px 24px rgba(15,23,42,.16));}
.welcome-kicker{margin:0 0 14px;color:#b91c1c;text-transform:uppercase;letter-spacing:.26em;font-weight:950;font-size:13px;animation:welcomeFade .85s .18s both;}
.welcome-card h1{max-width:860px;margin:0;color:#0f172a;font-size:clamp(38px,6vw,78px);line-height:.94;letter-spacing:-.07em;font-weight:1000;animation:welcomeFade .85s .26s both;}
.welcome-org{margin:14px 0 0;color:#475569;font-size:clamp(16px,2vw,22px);font-weight:900;animation:welcomeFade .85s .34s both;}
.welcome-lead{max-width:780px;margin:22px 0 0;color:#64748b;font-size:clamp(18px,2.5vw,26px);line-height:1.42;font-weight:700;animation:welcomeFade .85s .42s both;}
.welcome-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px;animation:welcomeFade .85s .50s both;}
.welcome-actions .btn{min-width:190px;min-height:56px;border-radius:20px;font-size:16px;}
.welcome-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px;animation:welcomeFade .85s .58s both;}
.welcome-feature-grid article{background:rgba(255,255,255,.88);border:1px solid rgba(226,232,240,.96);border-radius:24px;padding:22px;box-shadow:0 18px 40px rgba(15,23,42,.08);transition:transform .22s ease,box-shadow .22s ease;}
.welcome-feature-grid article:hover{transform:translateY(-4px);box-shadow:0 24px 54px rgba(15,23,42,.12);}
.welcome-feature-grid span{width:50px;height:50px;border-radius:18px;background:#fff1f2;display:grid;place-items:center;font-size:25px;margin-bottom:14px;}
.welcome-feature-grid b{display:block;font-size:20px;color:#0f172a;margin-bottom:8px;letter-spacing:-.03em;}
.welcome-feature-grid p{margin:0;color:#64748b;font-size:16px;line-height:1.45;font-weight:700;}
.ios-install-card{display:none;margin-top:22px;background:linear-gradient(135deg,#fff7ed,#fff1f2);border:1px solid #fed7aa;border-radius:24px;padding:18px 20px;color:#7c2d12;box-shadow:0 16px 34px rgba(154,52,18,.08);animation:welcomeFade .45s both;}
.ios-install-card.show{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;}
.ios-install-card b{font-size:18px;color:#9a3412}.ios-install-card p{margin:4px 0 0;font-weight:800;color:#9a3412}.ios-install-card ol{margin:0;padding-left:22px;font-weight:900;line-height:1.6;}
.welcome-footer{margin-top:26px;color:#64748b;font-weight:800;animation:welcomeFade .85s .66s both;}.welcome-footer a{color:#b91c1c;text-decoration:none;font-weight:1000}.welcome-footer a:hover{text-decoration:underline;}
@keyframes welcomeRise{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:none}}
@keyframes welcomeFade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes welcomeLogo{from{opacity:0;transform:translateY(8px) scale(.85) rotate(-4deg)}to{opacity:1;transform:none}}
@keyframes welcomeFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-12px,18px,0) scale(1.05)}}
@media (max-width:900px){.welcome-shell{padding:12px}.welcome-card{min-height:calc(100svh - 24px);border-radius:30px;padding:34px 24px}.welcome-logo-wrap{width:92px;height:92px}.welcome-logo-wrap img{max-width:90px;max-height:90px}.welcome-feature-grid{grid-template-columns:1fr;gap:12px}.welcome-card h1{font-size:clamp(34px,11vw,58px)}.welcome-lead{font-size:18px}.welcome-actions{display:grid;grid-template-columns:1fr;width:100%}.welcome-actions .btn{width:100%}.ios-install-card.show{grid-template-columns:1fr}.ios-install-card ol{padding-left:18px}.welcome-orb.orb-a{width:220px;height:220px;right:-80px;top:-70px}.welcome-orb.orb-b{width:170px;height:170px}}
@media (max-width:430px){.welcome-card{padding:28px 18px;border-radius:28px}.welcome-kicker{font-size:11px;letter-spacing:.20em}.welcome-org{font-size:15px}.welcome-feature-grid article{padding:18px;border-radius:20px}.welcome-feature-grid b{font-size:18px}.welcome-feature-grid p{font-size:15px}.welcome-footer{text-align:center;font-size:13px}}
@media (prefers-reduced-motion:reduce){.welcome-card,.welcome-logo-wrap,.welcome-kicker,.welcome-card h1,.welcome-org,.welcome-lead,.welcome-actions,.welcome-feature-grid,.ios-install-card,.welcome-footer,.welcome-orb{animation:none!important;transition:none!important}}

/* === 20260520 Onboarding welcome screens like native mobile app === */
.onboarding-page{
  min-height:100svh;
  background:
    radial-gradient(circle at 18% 10%,rgba(207,20,35,.18),transparent 24%),
    radial-gradient(circle at 82% 20%,rgba(31,41,55,.24),transparent 28%),
    linear-gradient(135deg,#0b1020 0%,#121827 55%,#060913 100%);
  color:#0f172a;
  overflow:hidden;
}
.onboarding-shell{
  min-height:100svh;
  display:grid;
  place-items:center;
  padding:calc(18px + var(--safe-top)) 18px calc(18px + var(--safe-bottom));
}
.onboarding-phone{
  position:relative;
  width:min(440px,100%);
  min-height:min(820px,calc(100svh - 36px));
  border-radius:42px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  box-shadow:0 36px 95px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.96);
  overflow:hidden;
  padding:26px 24px 22px;
  display:flex;
  flex-direction:column;
  isolation:isolate;
  animation:onboardPhoneIn .65s cubic-bezier(.2,.9,.2,1) both;
}
.onboarding-phone:before{
  content:"";
  position:absolute;
  width:230px;
  height:230px;
  right:-95px;
  top:-78px;
  border-radius:999px;
  background:rgba(207,20,35,.10);
  z-index:-1;
  animation:onboardFloat 7s ease-in-out infinite;
}
.onboarding-phone:after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  left:-88px;
  bottom:110px;
  border-radius:999px;
  background:rgba(15,23,42,.045);
  z-index:-1;
  animation:onboardFloat 8s ease-in-out reverse infinite;
}
.onboarding-top{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:58px;
  margin-bottom:8px;
}
.onboarding-top img{
  width:56px;
  height:56px;
  object-fit:contain;
  filter:drop-shadow(0 10px 18px rgba(15,23,42,.14));
  flex:0 0 auto;
}
.onboarding-top b{
  display:block;
  max-width:300px;
  font-size:14px;
  line-height:1.12;
  letter-spacing:-.03em;
  color:#0f172a;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.onboarding-top span{
  display:block;
  max-width:300px;
  color:#64748b;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.onboarding-track{
  position:relative;
  flex:1;
  display:grid;
  align-items:center;
  min-height:0;
}
.onboarding-slide{
  grid-area:1/1;
  text-align:center;
  opacity:0;
  pointer-events:none;
  transform:translateX(26px) scale(.98);
  transition:opacity .38s ease,transform .45s cubic-bezier(.2,.9,.2,1);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:0;
}
.onboarding-slide.active{
  opacity:1;
  pointer-events:auto;
  transform:translateX(0) scale(1);
}
.welcome-illustration{
  width:min(100%,315px);
  margin:4px auto 26px;
  filter:drop-shadow(0 18px 28px rgba(15,23,42,.09));
}
.welcome-illustration svg{
  display:block;
  width:100%;
  height:auto;
}
.welcome-illustration rect,.welcome-illustration path,.welcome-illustration circle{
  fill:none;
  stroke:#0f766e;
  stroke-width:5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.welcome-illustration .ill-bg{
  fill:#ecfeff;
  stroke:none;
}
.welcome-illustration .ill-accent{
  stroke:#cf1423;
}
.onboarding-slide.active .welcome-illustration{
  animation:illPop .62s cubic-bezier(.2,.9,.2,1) both;
}
.onboarding-slide h1{
  margin:0 0 10px;
  font-size:clamp(26px,7vw,34px);
  letter-spacing:-.055em;
  line-height:1.05;
  color:#0f172a;
  font-weight:1000;
}
.onboarding-slide p{
  margin:0 auto;
  color:#64748b;
  font-size:16px;
  line-height:1.48;
  font-weight:700;
  max-width:340px;
}
.onboarding-dots{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:7px;
  height:22px;
  margin:12px 0 14px;
}
.onboarding-dots button{
  border:0;
  padding:0;
  width:7px;
  height:7px;
  border-radius:999px;
  background:#cbd5e1;
  cursor:pointer;
  transition:width .22s ease,background .22s ease,transform .22s ease;
}
.onboarding-dots button.active{
  width:22px;
  background:#cf1423;
}
.onboarding-actions{
  display:grid;
  gap:10px;
}
.onboarding-actions .btn{
  min-height:54px;
  border-radius:16px;
  font-size:15px;
  font-weight:950;
}
.onboarding-login{display:none!important;}
.onboarding-actions.is-last .onboarding-next{display:none!important;}
.onboarding-actions.is-last .onboarding-login{display:flex!important;}
.onboarding-install{display:none;}
.onboarding-install.show{display:flex;}
.onboarding-skip{
  justify-self:center;
  color:#64748b;
  font-weight:950;
  padding:6px 10px;
}
.onboarding-skip:hover{color:#b91c1c;}
.onboarding-ios{
  margin-top:12px!important;
  padding:12px 14px!important;
  border-radius:16px!important;
  font-size:13px;
}
.onboarding-ios p{margin:4px 0 0!important;font-size:12px!important;line-height:1.35!important;}
.onboarding-page .welcome-footer{
  margin-top:14px;
  text-align:center;
  font-size:12px;
  color:#64748b;
  font-weight:900;
}
@keyframes onboardPhoneIn{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}
@keyframes onboardFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-14px,16px,0) scale(1.04)}}
@keyframes illPop{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}
@media (min-width:860px){
  .onboarding-phone{width:min(980px,100%);min-height:640px;border-radius:46px;padding:38px 54px 28px;}
  .onboarding-phone:before{width:300px;height:300px;right:-96px;top:-95px;}
  .onboarding-track{min-height:390px;}
  .onboarding-slide{display:grid;grid-template-columns:360px minmax(0,1fr);gap:44px;text-align:left;align-items:center;justify-items:start;}
  .welcome-illustration{width:360px;margin:0;}
  .onboarding-slide h1{font-size:54px;max-width:520px;}
  .onboarding-slide p{font-size:20px;max-width:560px;margin:0;}
  .onboarding-dots{justify-content:flex-start;margin-left:404px;}
  .onboarding-actions{grid-template-columns:220px 220px 1fr;align-items:center;max-width:600px;margin-left:404px;}
  .onboarding-skip{justify-self:start;}
  .onboarding-page .welcome-footer{text-align:right;}
}
@media (max-width:430px){
  .onboarding-shell{padding:0;background:#fff;}
  .onboarding-phone{width:100%;min-height:100svh;border-radius:0;box-shadow:none;padding:calc(14px + var(--safe-top)) 20px calc(16px + var(--safe-bottom));}
  .onboarding-top{justify-content:center;text-align:left;margin-bottom:0;}
  .onboarding-top img{width:48px;height:48px;}
  .onboarding-top b{max-width:240px;font-size:13px;}
  .onboarding-top span{max-width:240px;font-size:11px;}
  .welcome-illustration{width:min(100%,285px);margin-bottom:22px;}
  .onboarding-slide h1{font-size:28px;}
  .onboarding-slide p{font-size:15px;max-width:310px;}
  .onboarding-dots{margin:8px 0 12px;}
  .onboarding-page .welcome-footer{font-size:11px;margin-top:10px;}
}
@media (prefers-reduced-motion:reduce){
  .onboarding-phone,.onboarding-phone:before,.onboarding-phone:after,.onboarding-slide,.onboarding-slide.active .welcome-illustration{animation:none!important;transition:none!important;}
}


/* === 20260521 Premium iPhone Add to Home Screen guide === */
.ios-install-guide{
  gap:16px!important;
  align-items:center!important;
  background:linear-gradient(135deg,#fff7ed 0%,#fff1f2 48%,#ffffff 100%)!important;
  border:1px solid rgba(251,191,36,.42)!important;
  box-shadow:0 20px 48px rgba(154,52,18,.12)!important;
  overflow:hidden;
  position:relative;
}
.ios-install-guide:before,.ios-install-modal-card:before{
  content:"";position:absolute;width:160px;height:160px;border-radius:999px;right:-58px;top:-72px;background:rgba(207,20,35,.08);pointer-events:none;
}
.ios-guide-visual{display:grid;place-items:center;min-width:112px;}
.iphone-guide-frame{width:92px;height:148px;border-radius:24px;background:#0f172a;padding:7px;box-shadow:0 18px 34px rgba(15,23,42,.22);position:relative;transform:rotate(-2deg);animation:phoneGuideFloat 4.2s ease-in-out infinite;}
.iphone-guide-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:34px;height:8px;border-radius:999px;background:#020617;z-index:2;}
.iphone-guide-screen{height:100%;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fafc);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;position:relative;overflow:hidden;}
.iphone-guide-screen img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(15,23,42,.16));}
.iphone-guide-title{font-size:9px;font-weight:1000;color:#0f172a;line-height:1.05;}
.iphone-guide-share,.iphone-guide-plus{width:24px;height:24px;border-radius:9px;display:grid;place-items:center;font-weight:1000;position:absolute;box-shadow:0 8px 18px rgba(15,23,42,.14);}
.iphone-guide-share{left:10px;bottom:10px;background:#eff6ff;color:#1d4ed8;font-size:18px;}
.iphone-guide-plus{right:10px;bottom:10px;background:#dcfce7;color:#15803d;font-size:18px;}
.ios-guide-content{min-width:0;position:relative;z-index:1;}
.ios-install-guide b,.ios-install-modal-card b{display:block;color:#7c2d12;font-size:18px;line-height:1.15;margin-bottom:5px;letter-spacing:-.02em;}
.ios-install-guide p,.ios-install-modal-card p{margin:0 0 10px!important;color:#9a3412!important;font-size:13px!important;font-weight:850!important;line-height:1.35!important;}
.ios-guide-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.ios-guide-steps li{display:grid;grid-template-columns:30px 1fr;column-gap:10px;align-items:start;background:rgba(255,255,255,.72);border:1px solid rgba(254,215,170,.78);border-radius:14px;padding:9px 10px;}
.ios-guide-steps span{grid-row:1 / span 2;width:30px;height:30px;border-radius:11px;background:#cf1423;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:1000;box-shadow:0 10px 18px rgba(207,20,35,.18);}
.ios-guide-steps strong{font-size:13px;color:#0f172a;line-height:1.1;}
.ios-guide-steps em{font-style:normal;color:#64748b;font-size:12px;font-weight:800;line-height:1.25;margin-top:2px;}
.ios-install-card.pulse{animation:guidePulse .8s ease both;}
.ios-install-modal{position:fixed;inset:0;background:rgba(2,6,23,.62);backdrop-filter:blur(8px);z-index:9999;display:none;place-items:center;padding:18px;}
.ios-install-modal.show{display:grid;}
.ios-install-modal-card{position:relative;width:min(440px,100%);background:linear-gradient(135deg,#fff7ed 0%,#fff1f2 48%,#ffffff 100%);border:1px solid rgba(251,191,36,.42);border-radius:28px;padding:22px;box-shadow:0 28px 80px rgba(0,0,0,.34);display:grid;grid-template-columns:112px 1fr;gap:16px;align-items:center;overflow:hidden;animation:modalGuideIn .32s cubic-bezier(.2,.9,.2,1) both;}
.ios-install-close{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;border-radius:12px;background:rgba(255,255,255,.78);color:#0f172a;font-size:24px;font-weight:900;cursor:pointer;z-index:2;}
@keyframes phoneGuideFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(1deg)}}
@keyframes guidePulse{0%{transform:scale(1)}40%{transform:scale(1.025);box-shadow:0 26px 70px rgba(207,20,35,.18)}100%{transform:scale(1)}}
@keyframes modalGuideIn{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
@media (max-width:430px){
  .ios-install-guide{grid-template-columns:1fr!important;text-align:center;padding:14px!important;}
  .ios-guide-visual{min-width:0;}
  .iphone-guide-frame{width:84px;height:136px;}
  .ios-guide-steps li{text-align:left;}
  .ios-install-modal-card{grid-template-columns:1fr;text-align:center;padding:20px 16px;}
  .ios-install-modal-card .ios-guide-steps li{text-align:left;}
}
@media (prefers-reduced-motion:reduce){.iphone-guide-frame,.ios-install-card.pulse,.ios-install-modal-card{animation:none!important;}}


/* === 20260521 iOS Home Screen Guide Premium V3 === */
.ios-install-card.ios-install-guide{
  background:radial-gradient(circle at 92% 0%,rgba(207,20,35,.12) 0 110px,transparent 111px),linear-gradient(135deg,#ffffff 0%,#fff7ed 48%,#fff1f2 100%)!important;
  border:1px solid rgba(226,232,240,.95)!important;
  box-shadow:0 24px 70px rgba(15,23,42,.12)!important;
  border-radius:28px!important;
}
.ios-install-modal{background:linear-gradient(135deg,rgba(2,6,23,.72),rgba(15,23,42,.58))!important;backdrop-filter:blur(14px)!important;}
.ios-install-modal-card-premium{
  width:min(560px,calc(100vw - 28px))!important;
  grid-template-columns:170px 1fr!important;
  gap:22px!important;
  padding:24px!important;
  border-radius:34px!important;
  background:radial-gradient(circle at 0% 0%,rgba(207,20,35,.09) 0 130px,transparent 132px),radial-gradient(circle at 105% -5%,rgba(251,191,36,.18) 0 160px,transparent 162px),linear-gradient(145deg,#fff 0%,#fff7ed 50%,#fff 100%)!important;
  border:1px solid rgba(255,255,255,.9)!important;
  box-shadow:0 32px 100px rgba(2,6,23,.38), inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.ios-install-modal-card-premium:after{content:"";position:absolute;inset:10px;border-radius:28px;border:1px solid rgba(255,255,255,.55);pointer-events:none;}
.ios-guide-hero{display:grid;place-items:center;position:relative;z-index:1;}
.iphone-guide-frame-large{width:132px!important;height:224px!important;border-radius:34px!important;padding:8px!important;transform:rotate(-3deg);box-shadow:0 24px 54px rgba(15,23,42,.28)!important;}
.iphone-guide-frame-large .iphone-guide-notch{top:10px;width:48px;height:11px;border-radius:999px;}
.iphone-guide-frame-large .iphone-guide-screen{border-radius:26px!important;padding:14px 10px!important;justify-content:flex-start!important;gap:10px!important;}
.iphone-guide-frame-large .iphone-guide-screen img{width:48px!important;height:48px!important;margin-top:24px;}
.iphone-guide-frame-large .iphone-guide-title{font-size:11px!important;line-height:1.08!important;}
.iphone-safari-bar{position:absolute;left:9px;right:9px;bottom:10px;height:27px;border-radius:12px;background:#f1f5f9;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 7px;color:#64748b;font-size:8px;font-weight:1000;}
.iphone-safari-bar b{font-size:8px!important;margin:0!important;color:#0f172a!important;line-height:1!important;letter-spacing:0!important;}
.iphone-share-arrow{position:absolute;left:50%;bottom:43px;transform:translateX(-50%);width:34px;height:34px;border-radius:14px;background:#cf1423;color:#fff;display:grid;place-items:center;font-size:18px;font-weight:1000;box-shadow:0 12px 24px rgba(207,20,35,.28);animation:shareBounce 1.35s ease-in-out infinite;}
.ios-guide-pill{display:inline-flex;align-items:center;gap:6px;background:#fff1f2;color:#b91c1c;border:1px solid #fecdd3;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;}
.ios-install-modal-card-premium .ios-guide-content b{font-size:25px!important;color:#0f172a!important;letter-spacing:-.04em!important;line-height:1.05!important;}
.ios-install-modal-card-premium .ios-guide-content p{font-size:14px!important;color:#64748b!important;font-weight:850!important;margin:8px 0 14px!important;}
.ios-guide-steps.premium{gap:10px!important;}
.ios-guide-steps.premium li{background:rgba(255,255,255,.84)!important;border:1px solid rgba(226,232,240,.95)!important;box-shadow:0 10px 26px rgba(15,23,42,.06);padding:11px 12px!important;border-radius:18px!important;}
.ios-guide-steps.premium span{background:linear-gradient(135deg,#cf1423,#991b1b)!important;border-radius:14px!important;box-shadow:0 12px 22px rgba(207,20,35,.22)!important;}
.ios-guide-steps.premium strong{font-size:14px!important;}
.ios-guide-steps.premium em{font-size:12px!important;}
.ios-guide-note{margin-top:12px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;padding:10px 12px;color:#475569;font-size:12px;font-weight:850;line-height:1.35;}
.ios-install-close{background:#ffffff!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 22px rgba(15,23,42,.12)!important;}
@keyframes shareBounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-7px)}}
@media (max-width:520px){
  .ios-install-modal{align-items:end!important;padding:12px!important;}
  .ios-install-modal-card-premium{grid-template-columns:1fr!important;text-align:center!important;border-radius:30px 30px 22px 22px!important;padding:22px 16px 18px!important;max-height:calc(100svh - 24px);overflow:auto;}
  .iphone-guide-frame-large{width:112px!important;height:188px!important;}
  .iphone-guide-frame-large .iphone-guide-screen img{width:42px!important;height:42px!important;margin-top:20px;}
  .ios-install-modal-card-premium .ios-guide-content b{font-size:23px!important;}
  .ios-guide-steps.premium li{text-align:left!important;}
  .ios-guide-note{text-align:left;}
}

/* === 20260522 Select inputs + refined Add to Home Screen guide V5 === */
.signup-card{max-width:560px!important;margin:auto!important;}
.signup-approval-note,.approval-help{display:grid;gap:4px;background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #dbeafe;border-radius:18px;padding:12px 14px;color:#334155;font-weight:800;line-height:1.35;margin-top:12px;text-align:left;}
.signup-approval-note b{color:#0f172a;font-size:14px;letter-spacing:-.01em}.signup-approval-note span,.approval-help{font-size:13px;color:#64748b}.approval-help{margin:0 0 8px;padding:10px 12px;border-radius:14px;}
.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.inline-action{display:inline-flex;gap:6px;align-items:center;margin:0}.inline-action .btn{min-height:38px!important;padding:9px 11px!important;border-radius:12px!important;font-size:12px!important}.badge.warning{background:#fef3c7;color:#92400e}.badge.danger{background:#fee2e2;color:#991b1b}.badge.secondary{background:#f1f5f9;color:#475569}
.ios-install-modal.show{display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important;}
.ios-install-modal-card-premium{overflow:hidden!important;position:relative!important;isolation:isolate!important;}
.ios-install-modal-card-premium:before{content:""!important;position:absolute!important;inset:auto!important;right:-80px!important;top:-90px!important;width:230px!important;height:230px!important;border-radius:999px!important;background:linear-gradient(135deg,rgba(207,20,35,.14),rgba(251,191,36,.16))!important;z-index:-1!important;}
.ios-install-modal-card-premium .ios-guide-content{position:relative;z-index:2;text-align:left;}
.ios-guide-hero:after{content:"Share → Add";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);background:#0f172a;color:#fff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:1000;letter-spacing:.02em;box-shadow:0 12px 28px rgba(15,23,42,.22);white-space:nowrap;}
.ios-guide-pill:before{content:"📱";font-size:13px;}.ios-guide-steps.premium li{grid-template-columns:36px 1fr!important;align-items:center!important;position:relative!important;}.ios-guide-steps.premium li+li:before{content:"";position:absolute;left:28px;top:-11px;width:2px;height:12px;background:#fecdd3;}.ios-guide-steps.premium span{width:36px!important;height:36px!important;}.ios-guide-note{display:flex;gap:10px;align-items:flex-start}.ios-guide-note:before{content:"✓";width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:#166534;font-weight:1000;flex:0 0 auto;}
.iphone-safari-bar i{font-style:normal;color:#2563eb}.iphone-share-arrow{font-family:ui-sans-serif,system-ui!important;}
@media (max-width:700px){.row-actions{justify-content:stretch}.row-actions>.btn,.inline-action,.inline-action .btn{width:100%}.inline-action{display:grid;grid-template-columns:1fr 1fr}.table-wrap:not(.mobile-hide) .table td:last-child .row-actions .btn{width:100%}}
@media (max-width:520px){.ios-install-modal.show{align-items:flex-end!important;padding:10px!important}.ios-install-modal-card-premium{width:100%!important;max-height:calc(100svh - 18px)!important;border-radius:34px 34px 22px 22px!important;padding:18px 14px calc(16px + var(--safe-bottom))!important;}.ios-guide-hero{margin-top:2px}.ios-guide-hero:after{bottom:-8px}.ios-install-modal-card-premium .ios-guide-content{text-align:left!important}.ios-install-modal-card-premium .ios-guide-content b{font-size:22px!important}.ios-install-modal-card-premium .ios-guide-content p{font-size:13px!important}.ios-guide-steps.premium li{padding:10px!important}.ios-guide-note{font-size:11px!important}}


/* === 20260522 V5 refined select/dropdown + iPhone Home Screen guide layout === */
select{
  appearance:none!important;
  -webkit-appearance:none!important;
  background-color:#fff!important;
  background-image:
    linear-gradient(45deg,transparent 50%,#cf1423 50%),
    linear-gradient(135deg,#cf1423 50%,transparent 50%),
    linear-gradient(135deg,#f8fafc,#fff)!important;
  background-position:
    calc(100% - 22px) 50%,
    calc(100% - 14px) 50%,
    0 0!important;
  background-size:8px 8px,8px 8px,100% 100%!important;
  background-repeat:no-repeat!important;
  padding-right:46px!important;
  border:1px solid #d7e0ec!important;
  border-radius:18px!important;
  min-height:50px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 18px rgba(15,23,42,.04)!important;
  color:#0f172a!important;
  font-weight:900!important;
  letter-spacing:-.015em;
}
select:focus{
  outline:none!important;
  border-color:#cf1423!important;
  box-shadow:0 0 0 4px rgba(207,20,35,.12),0 12px 24px rgba(15,23,42,.08)!important;
}
label:has(select){position:relative;}
@supports not selector(:has(*)){
  label select{margin-top:2px;}
}
@media (max-width:640px){
  input,select,textarea{font-size:16px!important;min-height:52px!important;border-radius:18px!important;}
  select{padding-left:14px!important;padding-right:48px!important;background-position:calc(100% - 23px) 50%,calc(100% - 15px) 50%,0 0!important;}
}

.ios-action-flow,.ios-simple-flow{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr;
  gap:8px;
  align-items:center;
  margin:14px 0 10px;
}
.ios-action-flow div,.ios-simple-flow span{
  min-height:58px;
  border:1px solid rgba(226,232,240,.95);
  border-radius:18px;
  background:rgba(255,255,255,.86);
  box-shadow:0 12px 26px rgba(15,23,42,.06);
  display:grid;
  place-items:center;
  color:#0f172a;
  font-weight:1000;
}
.ios-action-flow div span{
  width:26px;height:26px;border-radius:10px;background:linear-gradient(135deg,#cf1423,#991b1b);color:#fff;display:grid;place-items:center;font-size:12px;margin-bottom:3px;
}
.ios-action-flow div strong{font-size:13px;line-height:1;}
.ios-action-flow i,.ios-simple-flow i{font-style:normal;color:#cf1423;font-size:18px;font-weight:1000;}
.iphone-share-arrow{
  bottom:47px!important;
  width:40px!important;
  height:40px!important;
  border-radius:16px!important;
  font-size:25px!important;
  line-height:1!important;
  z-index:5!important;
  box-shadow:0 16px 30px rgba(207,20,35,.32)!important;
}
.iphone-safari-bar{z-index:3!important;}
.ios-guide-hero:after{
  bottom:-12px!important;
  padding:8px 12px!important;
  border-radius:14px!important;
  letter-spacing:.01em!important;
}
.ios-install-modal-card-premium .ios-guide-content p{max-width:320px;}
.ios-guide-note{margin-top:12px!important;}
@media (max-width:520px){
  .ios-install-modal-card-premium{gap:14px!important;}
  .ios-action-flow,.ios-simple-flow{gap:6px;margin-top:12px;}
  .ios-action-flow div,.ios-simple-flow span{min-height:52px;border-radius:16px;}
  .ios-action-flow div strong{font-size:12px;}
  .ios-action-flow i,.ios-simple-flow i{font-size:15px;}
  .iphone-share-arrow{bottom:40px!important;width:36px!important;height:36px!important;font-size:22px!important;}
  .ios-guide-hero:after{bottom:-10px!important;}
}

/* === 20260522 V6: centered mobile menu, update uploader, font selector === */
.font-inter{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important}
.font-system{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,Arial,sans-serif!important}
.font-poppins{font-family:Poppins,Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}
.font-manrope{font-family:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}
.font-rubik{font-family:Rubik,Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}
.font-tajawal{font-family:Tajawal,Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}
.font-ibm-plex{font-family:"IBM Plex Sans",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}
.brand{justify-items:center!important;text-align:center!important;padding-top:22px!important}.brand img{margin-inline:auto!important;background:transparent!important;border-radius:0!important;padding:0!important;box-shadow:none!important;width:96px!important;height:96px!important}.brand strong{max-width:240px;margin-inline:auto}.brand .muted{display:block;margin-inline:auto}.nav{margin-top:10px}.nav a{font-size:16px}
.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:18px;align-items:start}.settings-logo-preview{display:grid;place-items:center;width:150px;height:150px;margin:0 auto 14px;border-radius:30px;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.settings-logo-preview img{width:128px;height:128px;object-fit:contain}.settings-brand-card h2,.update-card h2{margin-bottom:4px}.update-rules{background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:14px;color:#475569}.update-rules ul{margin:8px 0 0 18px;padding:0}.update-rules li{margin:4px 0}.update-rules code{background:#e2e8f0;border-radius:8px;padding:2px 6px;color:#0f172a;font-weight:800}
select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#0f172a 50%),linear-gradient(135deg,#0f172a 50%,transparent 50%),linear-gradient(135deg,#fff,#f8fafc)!important;background-position:calc(100% - 22px) 50%,calc(100% - 14px) 50%,0 0!important;background-size:8px 8px,8px 8px,100% 100%!important;background-repeat:no-repeat!important;padding-right:48px!important;font-weight:850!important}
@media (max-width:900px){.settings-grid{grid-template-columns:1fr}.settings-logo-preview{width:128px;height:128px}.settings-logo-preview img{width:108px;height:108px}}
@media (max-width:820px){
  .sidebar .brand{padding:calc(20px + var(--safe-top)) 14px 22px!important;justify-items:center!important;text-align:center!important}.sidebar .brand img{width:112px!important;height:112px!important;margin:0 auto 4px!important}.sidebar .brand strong{font-size:18px!important;line-height:1.22!important}.sidebar .brand .muted{font-size:14px!important;color:#cbd5e1!important}
  .bottom-nav.bottom-nav-float{left:14px!important;right:14px!important;bottom:calc(10px + var(--safe-bottom))!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:end!important;gap:0!important;padding:8px 10px!important;min-height:76px!important;border-radius:28px!important;background:rgba(255,255,255,.98)!important;border:1px solid rgba(226,232,240,.94)!important;box-shadow:0 20px 50px rgba(15,23,42,.20)!important;overflow:visible!important;backdrop-filter:blur(16px)!important;}
  .bottom-nav .bn-item{min-width:0!important;height:60px!important;min-height:60px!important;border-radius:20px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;color:#64748b!important;background:transparent!important;border:0!important;font-size:11px!important;font-weight:950!important;line-height:1!important;text-align:center!important;padding:0 4px!important;}
  .bottom-nav .bn-item b{font-size:11px!important;line-height:1!important;letter-spacing:-.02em}.bottom-nav .bn-item .bn-ico{width:24px!important;height:24px!important}.bottom-nav .bn-item .bn-ico:before{width:22px!important;height:22px!important}
  .bottom-nav .bn-item.active:not(.bn-create){color:var(--red)!important;background:linear-gradient(135deg,#fff1f2,#fff)!important}.bottom-nav .bn-create{width:72px!important;height:72px!important;min-height:72px!important;border-radius:26px!important;align-self:center!important;justify-self:center!important;margin-top:-34px!important;background:linear-gradient(135deg,var(--red),#9f1239)!important;color:#fff!important;box-shadow:0 18px 34px rgba(207,20,35,.35)!important;border:5px solid #fff!important;transform:translateY(-4px)!important;}
  .bottom-nav .bn-create .bn-ico{width:32px!important;height:32px!important}.bottom-nav .bn-create .bn-ico:before{width:30px!important;height:30px!important}.bottom-nav .bn-create b{font-size:0!important}.bottom-nav .bn-create b:after{content:'Create';display:block;font-size:10px!important;line-height:1!important;margin-top:0!important}.bottom-nav .bn-create.active{filter:saturate(1.08)}
  .bottom-nav .bn-menu{cursor:pointer}.bottom-nav .bn-item:active{transform:scale(.96)!important}.bottom-nav .bn-create:active{transform:translateY(-4px) scale(.96)!important}
  .content{padding-bottom:calc(104px + var(--safe-bottom))!important}.page-title{max-width:calc(100vw - 96px)!important}.topbar{border-radius:0 0 26px 26px!important}
  select{font-size:16px!important;min-height:56px!important;border-radius:18px!important;background-position:calc(100% - 24px) 50%,calc(100% - 15px) 50%,0 0!important;padding-left:16px!important;padding-right:52px!important;}
}
@media (max-width:390px){.bottom-nav.bottom-nav-float{left:8px!important;right:8px!important;padding-inline:6px!important}.bottom-nav .bn-item b{font-size:10px!important}.bottom-nav .bn-create{width:66px!important;height:66px!important;min-height:66px!important;border-radius:24px!important}.sidebar .brand img{width:96px!important;height:96px!important}}


/* === 20260522 V7: global font enforcement + dark account request buttons === */
body[class*="font-"]{font-synthesis-weight:none;}
body.font-inter,body.font-inter input,body.font-inter select,body.font-inter textarea,body.font-inter button{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important}
body.font-system,body.font-system input,body.font-system select,body.font-system textarea,body.font-system button{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,Arial,sans-serif!important}
body.font-poppins,body.font-poppins input,body.font-poppins select,body.font-poppins textarea,body.font-poppins button{font-family:Poppins,Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}
body.font-manrope,body.font-manrope input,body.font-manrope select,body.font-manrope textarea,body.font-manrope button{font-family:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}
body.font-rubik,body.font-rubik input,body.font-rubik select,body.font-rubik textarea,body.font-rubik button{font-family:Rubik,Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}
body.font-tajawal,body.font-tajawal input,body.font-tajawal select,body.font-tajawal textarea,body.font-tajawal button{font-family:Tajawal,Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}
body.font-ibm-plex,body.font-ibm-plex input,body.font-ibm-plex select,body.font-ibm-plex textarea,body.font-ibm-plex button{font-family:"IBM Plex Sans",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}
body[class*="font-"] *:not(code):not(pre):not(kbd):not(samp){font-family:inherit!important}
.login-card-centered a.btn.dark.block,.signup-card button.btn.dark.block{background:var(--navy)!important;color:#fff!important;border-color:rgba(15,23,42,.92)!important;box-shadow:0 16px 34px rgba(15,23,42,.20)!important;}
.login-card-centered a.btn.dark.block:hover,.signup-card button.btn.dark.block:hover{background:#1e293b!important;transform:translateY(-1px);}
.settings-brand-card select[name="app_font"]{font-size:16px!important;min-height:54px!important;}

/* === 20260522 V9: premium CRUD list + modal forms for Medications, Departments, Users === */
.admin-page-shell{display:grid;gap:20px;min-width:0}.admin-page-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px 28px;border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,250,252,.94));border:1px solid rgba(226,232,240,.95);box-shadow:0 22px 60px rgba(15,23,42,.08);position:relative;overflow:hidden}.admin-page-header:after{content:"";position:absolute;right:-48px;top:-60px;width:190px;height:190px;border-radius:999px;background:rgba(207,20,35,.075);pointer-events:none}.admin-page-header h1{margin:2px 0 6px;font-size:clamp(26px,3vw,42px);line-height:1.05;letter-spacing:-.045em}.admin-page-header p{max-width:680px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:1000;color:#cf1423}.admin-add-btn{position:relative;z-index:1;min-width:176px;justify-content:center}.admin-list-card{padding:22px!important;border-radius:30px!important;min-width:0}.list-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}.list-card-head h2{margin:0 0 4px}.admin-table-wrap{border:1px solid var(--line);border-radius:22px;overflow:auto;background:#fff}.admin-table{min-width:820px}.admin-table th{position:sticky;top:0;background:#f8fafc;z-index:1}.admin-table td strong{letter-spacing:-.01em}.actions-col{text-align:right}.admin-table td:last-child{text-align:right}.btn-sm{min-height:36px!important;padding:8px 12px!important;border-radius:12px!important;font-size:13px!important}.role-pill{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#f1f5f9;color:#334155;font-weight:900;text-transform:capitalize}.entity-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:24px}.entity-modal.show{display:flex}.entity-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.56);backdrop-filter:blur(10px)}.entity-modal-card{position:relative;width:min(760px,calc(100vw - 32px));max-height:min(88vh,860px);overflow:auto;border-radius:34px;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid rgba(226,232,240,.96);box-shadow:0 40px 110px rgba(15,23,42,.34);padding:0}.entity-modal-wide{width:min(980px,calc(100vw - 32px))}.entity-modal-small{width:min(620px,calc(100vw - 32px))}.entity-modal-head{position:sticky;top:0;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 26px 18px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(226,232,240,.9)}.entity-modal-head h2{margin:4px 0 4px;font-size:26px;letter-spacing:-.035em}.modal-close{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:#f8fafc;border:1px solid var(--line);color:#0f172a;text-decoration:none;font-size:26px;font-weight:900;line-height:1}.modal-close:hover{background:#fff1f2;color:#cf1423}.entity-form{padding:22px 26px 26px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center;position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.82),#fff);padding-top:14px;margin-top:4px}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.account-toggle{background:#f8fafc;border:1px solid var(--line);padding:14px 16px;border-radius:18px}.permission-panel{border-radius:22px!important}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.row-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}.inline-action{display:inline-flex;gap:6px;align-items:center;margin:0}
@media (max-width:900px){.admin-page-header{padding:22px;border-radius:26px}.admin-page-header{align-items:stretch;flex-direction:column}.admin-add-btn{width:100%;min-height:54px}.list-card-head{flex-direction:column}.admin-table{min-width:0}.admin-table-wrap{border:0;overflow:visible}.admin-table tr:first-child{display:none}.admin-table,.admin-table tbody,.admin-table tr,.admin-table td{display:block;width:100%}.admin-table tr{background:#fff;border:1px solid var(--line);border-radius:22px;margin:12px 0;padding:12px;box-shadow:0 10px 26px rgba(15,23,42,.055)}.admin-table td{border:0!important;padding:10px 8px!important;text-align:left!important;display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.admin-table td:before{content:attr(data-label);font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.12em;color:#64748b;min-width:110px}.admin-table td:last-child{justify-content:flex-end}.admin-table td:last-child:before{display:none}.row-actions{justify-content:flex-end;width:100%}.entity-modal{padding:0;align-items:flex-end}.entity-modal-card,.entity-modal-wide,.entity-modal-small{width:100%;max-height:92vh;border-radius:30px 30px 0 0}.entity-modal-head{padding:20px 18px 14px}.entity-form{padding:18px}.modal-actions{justify-content:stretch}.modal-actions .btn{flex:1}.check-grid,.permission-grid{grid-template-columns:1fr!important}.form-row{grid-template-columns:1fr!important}}
@media (max-width:520px){.admin-page-shell{gap:14px}.admin-page-header{margin-inline:-2px;padding:20px 18px}.admin-list-card{padding:16px!important;border-radius:26px!important}.admin-page-header h1{font-size:30px}.admin-table tr{border-radius:20px}.admin-table td{font-size:14px}.entity-modal-head h2{font-size:22px}.entity-modal-card{max-height:94vh}.modal-close{width:40px;height:40px}.entity-form input,.entity-form select,.entity-form textarea{min-height:54px!important}.inline-action{width:100%;display:grid;grid-template-columns:1fr 1fr}.inline-action .btn{width:100%}}
html.modal-open,body.modal-open{overflow:hidden!important;touch-action:none;}

/* === 20260522 V10 Delivery Tasks layout + alert cards + upload progress + iOS close fix === */
.admin-header-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap;position:relative;z-index:1}.tasks-management .admin-page-header{align-items:center}.tasks-management .admin-add-btn{min-width:170px}.task-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0 18px;flex-wrap:wrap}.search-field{flex:1 1 320px;margin:0!important}.search-field span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:1000;color:#64748b;margin:0 0 7px}.search-field input{width:100%;min-height:50px;border-radius:18px;border:1px solid var(--line);padding:0 16px;font-weight:850;background:#fff}.task-status-filter{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.chip-filter{border:1px solid var(--line);background:#fff;color:#475569;border-radius:999px;min-height:42px;padding:0 15px;font-weight:1000;cursor:pointer}.chip-filter.active,.chip-filter:hover{background:linear-gradient(135deg,#cf1423,#9f1239);color:#fff;border-color:transparent;box-shadow:0 12px 24px rgba(207,20,35,.18)}.route-mini{display:flex;align-items:center;gap:8px;min-width:220px}.route-mini span{display:inline-flex;align-items:center;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;padding:7px 10px;font-weight:900;color:#334155;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-mini b{color:#cf1423;font-size:18px}.task-card-grid{display:none}.task-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.task-card-head div{display:grid;gap:3px}.task-card-head b{font-size:18px;letter-spacing:-.02em}.task-card-head span:not(.badge){color:#64748b;font-weight:850}.task-card-route{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin:14px 0;padding:12px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:18px}.task-card-route span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900}.task-card-route strong{color:#cf1423}.task-card-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.task-card-meta span{background:#f1f5f9;border-radius:999px;padding:7px 10px;color:#475569;font-size:12px;font-weight:900}.task-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.task-row.is-hidden{display:none!important}.alert-list{display:grid;gap:10px}.alert-task{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;border:1px solid #fde68a;background:linear-gradient(135deg,#fffbeb,#fff);border-radius:18px;padding:12px 14px;box-shadow:0 10px 24px rgba(146,64,14,.05)}.alert-task:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(146,64,14,.1)}.alert-task-icon{width:42px;height:42px;border-radius:16px;background:#fef3c7;color:#b45309;display:grid;place-items:center}.alert-task span:not(.alert-task-icon){display:grid;gap:2px;min-width:0}.alert-task b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alert-task em{font-style:normal;color:#64748b;font-weight:850;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alert-task strong{background:#fff;border:1px solid #fde68a;color:#92400e;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:1000;white-space:nowrap}.upload-progress{display:grid;gap:9px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;padding:12px 14px}.upload-progress div{height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}.upload-progress span{display:block;width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0f172a,#cf1423);transition:width .18s ease}.upload-progress b{font-size:13px;color:#334155}.ios-install-close{right:16px!important;top:16px!important;width:38px!important;height:38px!important;border-radius:14px!important;font-size:0!important;display:grid!important;place-items:center!important;line-height:1!important;z-index:10!important}.ios-install-close:before,.ios-install-close:after{content:"";position:absolute;width:18px;height:4px;border-radius:999px;background:#0f172a}.ios-install-close:before{transform:rotate(45deg)}.ios-install-close:after{transform:rotate(-45deg)}.ios-install-close:hover:before,.ios-install-close:hover:after{background:#cf1423}
@media (max-width:900px){.tasks-management .admin-page-header{align-items:stretch}.admin-header-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.admin-header-actions .btn{width:100%;justify-content:center}.task-toolbar{align-items:stretch}.search-field{flex-basis:100%}.task-status-filter{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.task-table-wrap{display:none!important}.task-card-grid{display:grid!important;grid-template-columns:1fr;gap:12px}.task-mobile.task-card-grid{display:grid!important}.task-card{padding:16px!important;border-radius:22px!important;border:1px solid var(--line);background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.06)}}
@media (max-width:520px){.admin-header-actions{grid-template-columns:1fr}.tasks-management .admin-page-header h1{font-size:30px}.task-toolbar{gap:10px}.task-status-filter{gap:6px}.chip-filter{min-height:40px;padding:0 8px;font-size:12px}.task-card-route{grid-template-columns:1fr;gap:6px;text-align:left}.task-card-route strong{transform:rotate(90deg);justify-self:center}.task-card-actions{grid-template-columns:1fr}.alert-task{grid-template-columns:36px 1fr;align-items:start}.alert-task strong{grid-column:2;width:max-content}.ios-install-modal-card-premium{padding-top:22px!important}.ios-install-close{right:12px!important;top:12px!important;width:34px!important;height:34px!important;border-radius:12px!important}.ios-install-close:before,.ios-install-close:after{width:16px;height:3px}}

/* === 20260522 V11: mobile bottom Create button circle polish === */
@media (max-width:820px){
  .bottom-nav.bottom-nav-float{
    align-items:center!important;
    min-height:78px!important;
    padding:9px 10px calc(9px + var(--safe-bottom))!important;
  }
  .bottom-nav .bn-item{
    height:58px!important;
    min-height:58px!important;
  }
  .bottom-nav .bn-create{
    width:66px!important;
    height:66px!important;
    min-width:66px!important;
    min-height:66px!important;
    max-width:66px!important;
    max-height:66px!important;
    border-radius:999px!important;
    padding:0!important;
    margin-top:-34px!important;
    display:grid!important;
    place-items:center!important;
    align-self:center!important;
    justify-self:center!important;
    background:linear-gradient(135deg,#e11d2e 0%,#a70f1d 100%)!important;
    color:#fff!important;
    border:7px solid #fff!important;
    box-shadow:0 16px 34px rgba(207,20,35,.36),0 6px 16px rgba(15,23,42,.14)!important;
    overflow:hidden!important;
  }
  .bottom-nav .bn-create b,
  .bottom-nav .bn-create b:after{
    content:none!important;
    display:none!important;
    font-size:0!important;
    line-height:0!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
  }
  .bottom-nav .bn-create .bn-ico{
    width:34px!important;
    height:34px!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
  }
  .bottom-nav .bn-create .bn-ico:before{
    width:32px!important;
    height:32px!important;
  }
  .bottom-nav .bn-create:active{
    transform:translateY(-2px) scale(.96)!important;
  }
  .bottom-nav .bn-item:not(.bn-create) b{
    white-space:nowrap!important;
  }
}
@media (max-width:390px){
  .bottom-nav .bn-create{
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    min-height:62px!important;
    margin-top:-30px!important;
    border-width:6px!important;
  }
  .bottom-nav .bn-create .bn-ico:before{width:29px!important;height:29px!important;}
}

/* === 20260522 V12: mobile layout QA + performance polish === */
@media (max-width:820px){
  html,body{max-width:100%;overflow-x:hidden!important;touch-action:manipulation;}
  .app,.content,.topbar,.card,.admin-page-shell,.admin-list-card{max-width:100%!important;overflow-x:hidden;}
  .content{padding-left:12px!important;padding-right:12px!important;padding-bottom:calc(96px + var(--safe-bottom))!important;}
  .topbar{min-height:64px!important;gap:8px!important;}
  .brand-small{min-width:0!important;overflow:hidden!important;}
  .brand-small img{flex:0 0 40px!important;width:40px!important;height:40px!important;}
  .page-title{font-size:20px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:calc(100vw - 74px)!important;}

  /* Compact app-like bottom navigation: fixes large card / floating Create overlap */
  .bottom-nav.bottom-nav-float{
    left:12px!important;right:12px!important;bottom:calc(8px + var(--safe-bottom))!important;
    height:74px!important;min-height:74px!important;max-height:74px!important;
    padding:8px 8px!important;border-radius:28px!important;
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;gap:0!important;overflow:visible!important;
    background:rgba(255,255,255,.97)!important;border:1px solid rgba(226,232,240,.95)!important;
    box-shadow:0 16px 36px rgba(15,23,42,.16)!important;
    backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
  }
  .bottom-nav .bn-item{
    width:100%!important;height:56px!important;min-height:56px!important;max-height:56px!important;
    padding:0 2px!important;border-radius:18px!important;display:flex!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;gap:4px!important;line-height:1!important;
    font-size:10.5px!important;font-weight:950!important;letter-spacing:-.03em!important;
    color:#64748b!important;background:transparent!important;border:0!important;box-shadow:none!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .bottom-nav .bn-item b{display:block!important;font-size:10.5px!important;line-height:1!important;white-space:nowrap!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;}
  .bottom-nav .bn-item .bn-ico{width:23px!important;height:23px!important;}
  .bottom-nav .bn-item .bn-ico:before{width:21px!important;height:21px!important;}
  .bottom-nav .bn-item.active:not(.bn-create){background:linear-gradient(135deg,#fff1f2,#fff)!important;color:var(--red)!important;}
  .bottom-nav .bn-create{
    width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important;max-width:62px!important;max-height:62px!important;
    border-radius:999px!important;padding:0!important;margin:-26px auto 0!important;display:grid!important;place-items:center!important;
    justify-self:center!important;align-self:start!important;background:linear-gradient(135deg,#e11d2e,#9f1239)!important;color:#fff!important;
    border:6px solid #fff!important;box-shadow:0 14px 30px rgba(207,20,35,.34),0 4px 12px rgba(15,23,42,.12)!important;overflow:hidden!important;
    transform:none!important;
  }
  .bottom-nav .bn-create b,.bottom-nav .bn-create b:after{display:none!important;content:none!important;}
  .bottom-nav .bn-create .bn-ico{width:31px!important;height:31px!important;margin:0!important;}
  .bottom-nav .bn-create .bn-ico:before{width:30px!important;height:30px!important;}
  .bottom-nav .bn-create:active,.bottom-nav .bn-item:active{transform:scale(.96)!important;}
  .bottom-nav .bn-create.active{filter:saturate(1.06) brightness(1.02)!important;}

  .cards{gap:12px!important;}
  .metric{min-height:92px!important;padding:14px!important;border-radius:24px!important;}
  .metric .num{font-size:32px!important;}
  .metric .label{font-size:15px!important;line-height:1.15!important;}
  .admin-page-header,.admin-list-card,.card{box-shadow:0 12px 32px rgba(15,23,42,.08)!important;}
}
@media (max-width:390px){
  .content{padding-left:10px!important;padding-right:10px!important;}
  .bottom-nav.bottom-nav-float{left:8px!important;right:8px!important;height:70px!important;min-height:70px!important;max-height:70px!important;padding:7px 6px!important;border-radius:24px!important;}
  .bottom-nav .bn-item{height:52px!important;min-height:52px!important;max-height:52px!important;font-size:9.5px!important;}
  .bottom-nav .bn-item b{font-size:9.5px!important;}
  .bottom-nav .bn-item .bn-ico{width:21px!important;height:21px!important;}
  .bottom-nav .bn-create{width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;margin-top:-24px!important;border-width:5px!important;}
  .bottom-nav .bn-create .bn-ico:before{width:28px!important;height:28px!important;}
}
@media (min-width:901px){
  .card,.admin-list-card,.admin-page-header,.paper-a4{content-visibility:auto;contain-intrinsic-size:1px 560px;}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* === 20260522 V13: redesign mobile bottom menu like native app reference === */
@media (max-width:820px){
  .content{padding-bottom:calc(108px + var(--safe-bottom))!important;}
  .bottom-nav.bottom-nav-float{
    left:14px!important;
    right:14px!important;
    bottom:calc(10px + var(--safe-bottom))!important;
    height:80px!important;
    min-height:80px!important;
    max-height:80px!important;
    padding:10px 14px 12px!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:end!important;
    gap:4px!important;
    border-radius:30px!important;
    background:rgba(10,16,28,.94)!important;
    border:1px solid rgba(255,255,255,.06)!important;
    box-shadow:0 22px 50px rgba(2,6,23,.34), inset 0 1px 0 rgba(255,255,255,.03)!important;
    backdrop-filter:blur(24px)!important;
    -webkit-backdrop-filter:blur(24px)!important;
    overflow:visible!important;
  }
  .bottom-nav .bn-item{
    position:relative!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    padding:2px 2px 0!important;
    border-radius:18px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    color:rgba(226,232,240,.76)!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    text-align:center!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .bottom-nav .bn-item .bn-ico{width:22px!important;height:22px!important;color:inherit!important;}
  .bottom-nav .bn-item .bn-ico:before{width:20px!important;height:20px!important;}
  .bottom-nav .bn-item b{
    display:block!important;
    margin:0!important;
    color:inherit!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:-.01em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
  }
  .bottom-nav .bn-item.active:not(.bn-create){color:#ffffff!important;background:transparent!important;}
  .bottom-nav .bn-item.active:not(.bn-create)::after{
    content:"";
    position:absolute;
    top:4px;
    left:50%;
    transform:translateX(-50%);
    width:5px;
    height:5px;
    border-radius:999px;
    background:#ef4444;
    box-shadow:0 0 0 4px rgba(239,68,68,.12);
  }
  .bottom-nav .bn-create{
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    min-height:62px!important;
    max-width:62px!important;
    max-height:62px!important;
    padding:0!important;
    margin:-28px auto 0!important;
    align-self:start!important;
    justify-self:center!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#3b82f6 0%,#2563eb 100%)!important;
    color:#fff!important;
    border:0!important;
    box-shadow:0 18px 34px rgba(37,99,235,.45), 0 0 0 6px rgba(10,16,28,.94)!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
  }
  .bottom-nav .bn-create .bn-ico{width:30px!important;height:30px!important;margin:0!important;}
  .bottom-nav .bn-create .bn-ico:before{width:28px!important;height:28px!important;}
  .bottom-nav .bn-create b,
  .bottom-nav .bn-create b:after{display:none!important;content:none!important;}
  .bottom-nav .bn-create.active{filter:brightness(1.02) saturate(1.04)!important;}
  .bottom-nav .bn-item:active{transform:scale(.97)!important;}
  .bottom-nav .bn-create:active{transform:translateY(1px) scale(.97)!important;}
}
@media (max-width:390px){
  .content{padding-bottom:calc(102px + var(--safe-bottom))!important;}
  .bottom-nav.bottom-nav-float{
    left:10px!important;
    right:10px!important;
    bottom:calc(8px + var(--safe-bottom))!important;
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
    padding:9px 10px 10px!important;
    border-radius:26px!important;
    gap:2px!important;
  }
  .bottom-nav .bn-item{height:50px!important;min-height:50px!important;gap:5px!important;}
  .bottom-nav .bn-item .bn-ico{width:21px!important;height:21px!important;}
  .bottom-nav .bn-item .bn-ico:before{width:19px!important;height:19px!important;}
  .bottom-nav .bn-item b{font-size:10px!important;}
  .bottom-nav .bn-create{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    min-height:58px!important;
    margin-top:-24px!important;
    box-shadow:0 16px 28px rgba(37,99,235,.42), 0 0 0 5px rgba(10,16,28,.94)!important;
  }
  .bottom-nav .bn-create .bn-ico:before{width:26px!important;height:26px!important;}
}


/* === 20260522 V14: bottom nav rebuilt from zero based on native-app reference === */
@media (max-width:820px){
  .content{padding-bottom:calc(112px + var(--safe-bottom))!important;}
  .bottom-nav.bottom-nav-float{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    bottom:calc(8px + var(--safe-bottom))!important;
    z-index:80!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:end!important;
    gap:4px!important;
    height:78px!important;
    min-height:78px!important;
    max-height:78px!important;
    padding:8px 10px 10px!important;
    border-radius:28px!important;
    background:rgba(12,18,31,.96)!important;
    border:1px solid rgba(255,255,255,.06)!important;
    box-shadow:0 18px 44px rgba(2,6,23,.34), inset 0 1px 0 rgba(255,255,255,.04)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    overflow:visible!important;
  }
  .bottom-nav .bn-item{
    appearance:none!important;
    width:100%!important;
    min-width:0!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    padding:2px 2px 0!important;
    margin:0!important;
    border:0!important;
    border-radius:18px!important;
    background:transparent!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    color:rgba(226,232,240,.78)!important;
    text-align:center!important;
    line-height:1!important;
    box-shadow:none!important;
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent!important;
    transition:transform .14s ease,color .18s ease,opacity .18s ease!important;
  }
  .bottom-nav .bn-item .bn-ico,
  .bottom-nav .bn-item .bn-ico:before{
    width:22px!important;
    height:22px!important;
  }
  .bottom-nav .bn-item b{
    display:block!important;
    margin:0!important;
    font-size:10.5px!important;
    line-height:1!important;
    letter-spacing:-.01em!important;
    font-weight:850!important;
    color:inherit!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
  }
  .bottom-nav .bn-item:hover,
  .bottom-nav .bn-item:focus-visible{color:#ffffff!important;outline:none!important;}
  .bottom-nav .bn-item.active:not(.bn-create){color:#cf1423!important;background:transparent!important;}
  .bottom-nav .bn-item.active:not(.bn-create)::after{
    content:"";
    position:absolute;
    top:4px;
    left:50%;
    transform:translateX(-50%);
    width:5px;
    height:5px;
    border-radius:999px;
    background:#cf1423;
    box-shadow:0 0 0 4px rgba(207,20,35,.10);
  }
  .bottom-nav .bn-create{
    position:relative!important;
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    min-height:62px!important;
    max-width:62px!important;
    max-height:62px!important;
    margin:-24px auto 0!important;
    padding:0!important;
    border-radius:999px!important;
    justify-self:center!important;
    align-self:start!important;
    display:grid!important;
    place-items:center!important;
    background:linear-gradient(180deg,#df1b2a 0%,#b40f1d 100%)!important;
    color:#ffffff!important;
    border:4px solid rgba(12,18,31,.96)!important;
    box-shadow:0 14px 30px rgba(207,20,35,.34), 0 0 0 4px rgba(255,255,255,.96)!important;
    overflow:hidden!important;
  }
  .bottom-nav .bn-create .bn-ico,
  .bottom-nav .bn-create .bn-ico:before{
    width:28px!important;
    height:28px!important;
  }
  .bottom-nav .bn-create b,
  .bottom-nav .bn-create b:after{display:none!important;content:none!important;}
  .bottom-nav .bn-item:active{transform:translateY(1px) scale(.97)!important;}
  .bottom-nav .bn-create:active{transform:translateY(2px) scale(.97)!important;}

  /* unified elegant outline icons for the mobile bottom navigation */
  .bottom-nav .i-home:before{
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5'/%3E%3Cpath d='M5 9.8V20a1 1 0 0 0 1 1h4.7v-5.2h2.6V21H18a1 1 0 0 0 1-1V9.8'/%3E%3C/svg%3E")!important;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5'/%3E%3Cpath d='M5 9.8V20a1 1 0 0 0 1 1h4.7v-5.2h2.6V21H18a1 1 0 0 0 1-1V9.8'/%3E%3C/svg%3E")!important;
  }
  .bottom-nav .i-truck:before{
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h10v9H3zM13 9h4l3 3v3h-7z'/%3E%3Ccircle cx='7.5' cy='18' r='1.8'/%3E%3Ccircle cx='17.5' cy='18' r='1.8'/%3E%3C/svg%3E")!important;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h10v9H3zM13 9h4l3 3v3h-7z'/%3E%3Ccircle cx='7.5' cy='18' r='1.8'/%3E%3Ccircle cx='17.5' cy='18' r='1.8'/%3E%3C/svg%3E")!important;
  }
  .bottom-nav .i-report:before{
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3.8h7.8L20 9v11a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2V5.8a2 2 0 0 1 2-2z'/%3E%3Cpath d='M14.5 3.8V9H20M9 13h6M9 17h6'/%3E%3C/svg%3E")!important;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3.8h7.8L20 9v11a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2V5.8a2 2 0 0 1 2-2z'/%3E%3Cpath d='M14.5 3.8V9H20M9 13h6M9 17h6'/%3E%3C/svg%3E")!important;
  }
  .bottom-nav .i-settings:before{
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3.1'/%3E%3Cpath d='M19.4 15a1.6 1.6 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.6 1.6 0 0 0-1.8-.3 1.6 1.6 0 0 0-1 1.4V21a2 2 0 1 1-4 0v-.2a1.6 1.6 0 0 0-1-1.4 1.6 1.6 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.6 1.6 0 0 0 .3-1.8 1.6 1.6 0 0 0-1.4-1H3a2 2 0 1 1 0-4h.2a1.6 1.6 0 0 0 1.4-1 1.6 1.6 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.6 1.6 0 0 0 1.8.3H9a1.6 1.6 0 0 0 1-1.4V3a2 2 0 1 1 4 0v.2a1.6 1.6 0 0 0 1 1.4 1.6 1.6 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.6 1.6 0 0 0-.3 1.8V9c0 .7.5 1.3 1.2 1.4H21a2 2 0 1 1 0 4h-.2a1.6 1.6 0 0 0-1.4 1z'/%3E%3C/svg%3E")!important;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3.1'/%3E%3Cpath d='M19.4 15a1.6 1.6 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.6 1.6 0 0 0-1.8-.3 1.6 1.6 0 0 0-1 1.4V21a2 2 0 1 1-4 0v-.2a1.6 1.6 0 0 0-1-1.4 1.6 1.6 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.6 1.6 0 0 0 .3-1.8 1.6 1.6 0 0 0-1.4-1H3a2 2 0 1 1 0-4h.2a1.6 1.6 0 0 0 1.4-1 1.6 1.6 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.6 1.6 0 0 0 1.8.3H9a1.6 1.6 0 0 0 1-1.4V3a2 2 0 1 1 4 0v.2a1.6 1.6 0 0 0 1 1.4 1.6 1.6 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.6 1.6 0 0 0-.3 1.8V9c0 .7.5 1.3 1.2 1.4H21a2 2 0 1 1 0 4h-.2a1.6 1.6 0 0 0-1.4 1z'/%3E%3C/svg%3E")!important;
  }
  .bottom-nav .bn-create .i-plus:before{
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")!important;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")!important;
  }
}
@media (max-width:390px){
  .content{padding-bottom:calc(106px + var(--safe-bottom))!important;}
  .bottom-nav.bottom-nav-float{
    left:8px!important;
    right:8px!important;
    bottom:calc(6px + var(--safe-bottom))!important;
    height:74px!important;
    min-height:74px!important;
    max-height:74px!important;
    padding:8px 8px 9px!important;
    border-radius:24px!important;
  }
  .bottom-nav .bn-item{height:52px!important;min-height:52px!important;gap:4px!important;}
  .bottom-nav .bn-item .bn-ico,
  .bottom-nav .bn-item .bn-ico:before{width:20px!important;height:20px!important;}
  .bottom-nav .bn-item b{font-size:9.5px!important;}
  .bottom-nav .bn-create{
    width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;
    margin-top:-22px!important;
  }
  .bottom-nav .bn-create .bn-ico,
  .bottom-nav .bn-create .bn-ico:before{width:26px!important;height:26px!important;}
}

/* === 20260522 V15: full-app QA polish layer === */
:where(button,a,input,select,textarea,.btn){-webkit-tap-highlight-color:rgba(207,20,35,.10)}
:where(a,button,.btn,input,select,textarea):focus-visible{outline:3px solid rgba(207,20,35,.22)!important;outline-offset:3px!important}
.btn,.chip-filter,.bn-item,.nav a{touch-action:manipulation}
input,select,textarea,button{font-size:16px}
input,select,textarea{max-width:100%}
.table-wrap,.admin-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table{width:100%;border-collapse:separate;border-spacing:0}
.entity-modal-card,.card,.admin-list-card{max-width:100%}
.is-hidden{display:none!important}
.is-loading{position:relative;pointer-events:none;opacity:.78}
.is-loading::after{content:"";width:16px;height:16px;border-radius:999px;border:2px solid currentColor;border-right-color:transparent;display:inline-block;margin-left:8px;vertical-align:-3px;animation:spin .75s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.image-preview-grid img{aspect-ratio:1/1;object-fit:cover}
.lookup-status.success,.scanner-status.success{color:#166534;background:#dcfce7;border-color:#bbf7d0}
.lookup-status.warn,.scanner-status.error{color:#9a3412;background:#fff7ed;border-color:#fed7aa}
.lookup-status.info,.scanner-status.info{color:#1e3a8a;background:#eff6ff;border-color:#bfdbfe}
.empty-state{display:grid;place-items:center;text-align:center;padding:36px 18px;border:1px dashed var(--line);border-radius:24px;color:#64748b;background:#f8fafc}

@media (max-width:900px){
  .topbar{box-shadow:0 10px 28px rgba(15,23,42,.06)}
  .admin-page-header{padding:20px!important;border-radius:24px!important}
  .admin-page-header h1{font-size:clamp(24px,7vw,34px)!important}
  .admin-header-actions{gap:10px}
  .admin-header-actions .btn{min-height:50px}
  .entity-modal-card{width:min(100%,720px)!important}
  .form-row,.grid-form{grid-template-columns:1fr!important}
  .modal-open{overflow:hidden!important}
}
@media (max-width:640px){
  body{font-size:15px}
  .content{padding-top:10px!important}
  .section-heading h2,.admin-list-card h2{font-size:22px!important;line-height:1.1}
  .btn{min-height:48px!important;border-radius:16px!important;justify-content:center}
  input,select,textarea{min-height:50px!important;border-radius:16px!important}
  textarea{min-height:96px!important}
  .entity-modal{align-items:flex-end!important;padding:0!important}
  .entity-modal-card{max-height:88dvh!important;border-radius:26px 26px 0 0!important;overflow:auto!important;padding:18px!important}
  .admin-table-wrap table thead{display:none}
  .admin-table-wrap table,.admin-table-wrap tbody,.admin-table-wrap tr,.admin-table-wrap td{display:block;width:100%}
  .admin-table-wrap tr{border-bottom:1px solid var(--line);padding:12px 0}
  .admin-table-wrap td{border:0!important;padding:7px 0!important;display:grid!important;grid-template-columns:112px 1fr!important;gap:10px!important;align-items:center}
  .admin-table-wrap td::before{content:attr(data-label);font-weight:950;color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:10px}
  .admin-table-wrap td[data-label="Actions"],.admin-table-wrap td:last-child{grid-template-columns:1fr!important}
  .admin-table-wrap td[data-label="Actions"]::before,.admin-table-wrap td:last-child::before{display:none}
  .paper-a4{max-width:100%!important;overflow:hidden!important}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}


/* === 20260522 V16: speed and barcode usability polish === */
.lookup-status,.scanner-status{margin-top:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);font-weight:850;font-size:13px}
body.js-ready .card, body.js-ready .admin-list-card, body.js-ready .metric{content-visibility:auto;contain-intrinsic-size:1px 420px}
@media (max-width:640px){
  .lookup-status,.scanner-status{font-size:12.5px;border-radius:13px}
  .scan-box{contain:layout paint;}
}


/* === 20260524 V18: public receiving portal + account request toggle === */
.public-receive-page{background:radial-gradient(circle at 5% 0%,rgba(207,20,35,.12),transparent 28%),linear-gradient(135deg,#f8fafc,#eef3f8);min-height:100dvh;color:var(--ink)}
.public-receive-shell{width:min(1180px,100%);margin:0 auto;padding:18px 16px 36px;display:grid;gap:18px}.public-receive-hero{display:grid;grid-template-columns:86px 1fr auto;gap:18px;align-items:center;background:rgba(255,255,255,.92);border:1px solid rgba(226,232,240,.95);border-radius:30px;padding:20px;box-shadow:0 24px 70px rgba(15,23,42,.10);backdrop-filter:blur(18px)}.public-receive-hero img{width:86px;height:86px;object-fit:contain}.public-receive-hero h1{margin:4px 0 6px;font-size:clamp(24px,4vw,42px);line-height:1.05;letter-spacing:-.045em}.public-task-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.public-task-card{padding:18px!important;border-radius:28px!important}.public-task-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.public-task-head b{display:block;font-size:22px;letter-spacing:-.03em}.public-task-head span:not(.badge){display:block;color:#64748b;font-weight:850;margin-top:3px}.public-route{margin:12px 0!important}.public-task-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.public-task-facts span{display:grid;gap:4px;background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:10px;min-width:0}.public-task-facts small{font-size:11px;color:#64748b;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.public-task-facts b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-receive-details{border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden}.public-receive-details summary{list-style:none;cursor:pointer;padding:14px 16px;font-weight:1000;color:#fff;background:linear-gradient(135deg,var(--red),#9f1239);border-radius:20px;margin:0}.public-receive-details summary::-webkit-details-marker{display:none}.public-receive-details[open] summary{border-radius:20px 20px 0 0}.public-receive-form{padding:16px}.toggle-row{display:flex!important;align-items:center!important;gap:12px!important;min-height:54px;border:1px solid var(--line);background:#f8fafc;border-radius:18px;padding:12px 14px!important;font-weight:950}.toggle-row input{width:22px!important;height:22px!important;min-height:22px!important;accent-color:var(--red)}
@media(max-width:720px){.public-receive-shell{padding:10px 10px 24px}.public-receive-hero{grid-template-columns:64px 1fr;border-radius:24px;padding:16px}.public-receive-hero img{width:64px;height:64px}.public-receive-hero .btn{grid-column:1/-1}.public-task-grid{grid-template-columns:1fr}.public-task-facts{grid-template-columns:1fr}.public-task-card{border-radius:24px!important;padding:15px!important}.public-task-head b{font-size:20px}}

/* === 20260621 V19: public receiving list + detailed receive page === */
.public-receive-page{background:radial-gradient(circle at 12% 0%,rgba(207,20,35,.10),transparent 32%),linear-gradient(135deg,#f8fafc,#eef2f7)!important;min-height:100dvh;}
.public-receive-shell{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:calc(18px + var(--safe-top)) 0 calc(28px + var(--safe-bottom));display:grid;gap:18px;}
.public-receive-hero-v19{display:grid;grid-template-columns:92px 1fr auto;gap:18px;align-items:center;background:rgba(255,255,255,.96);border:1px solid rgba(226,232,240,.96);border-radius:32px;padding:22px 24px;box-shadow:0 24px 70px rgba(15,23,42,.10);overflow:hidden;position:relative;}
.public-receive-hero-v19:after{content:"";position:absolute;right:-60px;top:-70px;width:220px;height:220px;border-radius:999px;background:rgba(207,20,35,.075);pointer-events:none;}
.public-receive-hero-v19 img{width:86px;height:86px;object-fit:contain;position:relative;z-index:1;}
.public-receive-hero-v19 h1{margin:4px 0 4px;font-size:clamp(26px,4vw,42px);line-height:1.02;letter-spacing:-.045em;}
.public-hero-actions{position:relative;z-index:1;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.public-list-card{padding:0;overflow:hidden;border-radius:30px;}
.public-list-header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff,#f8fafc);}
.public-list-header h2{margin:0 0 4px;font-size:28px;letter-spacing:-.035em;}
.public-filter-bar{display:grid;grid-template-columns:1.4fr .8fr .6fr;gap:12px;padding:16px 24px;border-bottom:1px solid var(--line);background:#fff;}
.public-filter-bar label{display:grid;gap:6px;font-weight:950;color:#334155;}
.public-filter-bar label span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;}
.public-table-wrap{padding:0 0 4px;}
.public-task-table th{background:#f8fafc;color:#475569;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:1000;}
.public-task-table td,.public-task-table th{padding:14px 16px;vertical-align:middle;border-bottom:1px solid var(--line);}
.public-task-table td b{display:block;color:#0f172a;font-weight:1000;}
.public-task-table td small{display:block;color:#64748b;font-weight:750;margin-top:3px;}
.mini-route{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:6px;align-items:center;min-width:220px;font-size:13px;font-weight:850;color:#334155;}
.mini-route span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mini-route b{color:var(--red)!important;text-align:center;}
.public-detail-page{padding:24px;border-radius:32px;display:grid;gap:18px;}
.public-detail-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid var(--line);}
.public-detail-top h2{font-size:38px;margin:4px 0 4px;letter-spacing:-.045em;}
.public-route-v19{display:grid;grid-template-columns:1fr 44px 1fr;align-items:center;gap:12px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid var(--line);border-radius:24px;padding:16px;}
.public-route-v19 div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.05);}
.public-route-v19 small{display:block;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:1000;font-size:11px;margin-bottom:4px;}
.public-route-v19 strong{display:grid;place-items:center;color:var(--red);font-size:24px;}
.public-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.public-detail-grid section,.public-receiver-panel{border:1px solid var(--line);border-radius:24px;padding:18px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.05);}
.public-detail-grid h3,.public-receiver-panel h3{margin:0 0 12px;font-size:20px;letter-spacing:-.025em;}
.public-sign-pad{height:220px!important;background:#fff;border:2px dashed #cbd5e1;border-radius:18px;width:100%;touch-action:none;}
.public-no-results{margin:18px 24px 24px;}
.public-task-row.is-hidden{display:none!important;}

@media (max-width:800px){
  .public-receive-shell{width:min(100% - 20px,720px);padding-top:12px;}
  .public-receive-hero-v19{grid-template-columns:64px 1fr;gap:12px;padding:18px;border-radius:26px;}
  .public-receive-hero-v19 img{width:62px;height:62px;}
  .public-hero-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;width:100%;}
  .public-filter-bar{grid-template-columns:1fr;gap:10px;padding:14px;}
  .public-list-header{padding:18px;align-items:flex-start;}
  .public-table-wrap table thead{display:none;}
  .public-table-wrap table,.public-table-wrap tbody,.public-table-wrap tr,.public-table-wrap td{display:block;width:100%;}
  .public-task-table tr{margin:12px 14px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.06);overflow:hidden;}
  .public-task-table td{display:grid!important;grid-template-columns:92px 1fr;gap:10px;border-bottom:1px solid #eef2f7;padding:12px 14px!important;}
  .public-task-table td::before{content:attr(data-label);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:1000;align-self:center;}
  .public-task-table td[data-label="Action"]{grid-template-columns:1fr!important;}
  .public-task-table td[data-label="Action"]::before{display:none;}
  .public-task-table .btn{width:100%;}
  .mini-route{min-width:0;grid-template-columns:1fr;gap:3px;}
  .mini-route b{transform:rotate(90deg);}
  .public-detail-page{padding:16px;border-radius:26px;}
  .public-detail-top{display:grid;}
  .public-detail-top h2{font-size:30px;}
  .public-route-v19{grid-template-columns:1fr;gap:8px;}
  .public-route-v19 strong{transform:rotate(90deg);font-size:20px;}
  .public-detail-grid{grid-template-columns:1fr;}
  .public-sign-pad{height:190px!important;}
}


/* === 20260621 V20: locked pharmacy/source and receiver destination fields === */
.locked-input,
input.locked-input[readonly]{
  background:linear-gradient(135deg,#f8fafc,#eef2f7)!important;
  border:1px solid rgba(203,213,225,.9)!important;
  color:#0f172a!important;
  font-weight:950!important;
  cursor:not-allowed!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
}
.locked-input:focus{outline:3px solid rgba(207,20,35,.10)!important;}


/* === 20260621 V21: public receive page polish + create task signature removal === */
.public-receive-shell{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:22px 0 48px}.public-receive-hero-v19{position:relative;display:grid;grid-template-columns:86px 1fr auto auto;gap:18px;align-items:center;border-radius:32px;background:linear-gradient(135deg,#0f172a,#111827 62%,#3f0b14);color:#fff;padding:24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 70px rgba(15,23,42,.24);overflow:hidden}.public-receive-hero-v19>img{width:76px;height:76px;object-fit:contain;background:#fff;border-radius:22px;padding:6px}.public-receive-hero-v19 h1{margin:3px 0;font-size:clamp(26px,4vw,46px);line-height:1.02;letter-spacing:-.055em}.public-receive-hero-v19 p{margin:4px 0;color:#dbe4f0}.public-page-qr{display:grid;place-items:center;gap:6px;background:rgba(255,255,255,.96);color:#0f172a;border-radius:20px;padding:10px;box-shadow:0 14px 32px rgba(0,0,0,.18);min-width:116px}.public-page-qr img{width:92px;height:92px;border-radius:10px}.public-page-qr small{font-size:11px;font-weight:950;color:#475569}.public-hero-actions{display:grid;gap:8px;min-width:144px}.public-list-card,.public-detail-page{border-radius:30px}.public-list-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.public-filter-bar{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;align-items:end;margin:16px 0}.public-filter-bar label span{display:block;font-weight:950;color:#64748b;font-size:12px;margin-bottom:6px}.public-task-row td{vertical-align:middle}.public-task-row td[data-label="Medication"] b{font-size:16px}.mini-route{display:flex;align-items:center;gap:8px;min-width:180px}.mini-route span{background:#f8fafc;border:1px solid var(--line);padding:8px 10px;border-radius:999px;font-weight:900}.public-detail-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.public-task-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.public-task-summary-grid>div{padding:14px;border:1px solid var(--line);border-radius:20px;background:#f8fafc}.public-task-summary-grid span{display:block;font-size:12px;color:#64748b;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.public-task-summary-grid b{display:block;margin-top:5px;font-size:16px}.public-receiver-panel{margin-top:18px;padding:18px;border-radius:24px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid var(--line)}.public-sign-pad{height:220px;background:#fff;border:1px dashed #cbd5e1}.public-receive-form .actions{justify-content:flex-end}.locked-input{background:#f8fafc!important;color:#334155!important;font-weight:900!important}
@media(max-width:820px){.public-receive-shell{width:min(100% - 20px,720px);padding:12px 0 34px}.public-receive-hero-v19{grid-template-columns:64px 1fr;gap:12px;border-radius:26px;padding:18px}.public-receive-hero-v19>img{width:58px;height:58px;border-radius:18px}.public-page-qr{grid-column:1/-1;justify-self:end;grid-template-columns:auto auto;padding:8px 10px;min-width:0}.public-page-qr img{width:70px;height:70px}.public-hero-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;min-width:0}.public-filter-bar{grid-template-columns:1fr}.public-list-header{display:grid}.public-task-table thead{display:none}.public-task-table,.public-task-table tbody,.public-task-table tr,.public-task-table td{display:block;width:100%}.public-task-row{padding:14px 0;border-bottom:1px solid var(--line)}.public-task-row td{display:grid!important;grid-template-columns:96px 1fr;gap:10px;padding:7px 0!important;border:0!important}.public-task-row td:before{content:attr(data-label);font-size:10px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.public-task-row td[data-label="Action"]{grid-template-columns:1fr}.public-task-row td[data-label="Action"]:before{display:none}.public-task-row .btn{width:100%}.public-detail-top{display:grid}.public-task-summary-grid{grid-template-columns:1fr}.public-receiver-panel{padding:14px;border-radius:22px}.public-sign-pad{height:190px}}

/* === 20260621 V22 public page + lookup management polish === */
.public-receive-hero-v19{align-items:center!important;grid-template-columns:auto 1fr auto auto!important;padding:22px 26px!important}
.public-receive-hero-v19 h1{margin:0!important;font-size:clamp(24px,3.2vw,42px)!important}
.public-receive-hero-v19 .public-page-qr{justify-self:end!important}
.public-no-results{display:none!important}
.lookup-manager-note{background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:14px;color:#64748b}
@media(max-width:760px){.public-receive-hero-v19{grid-template-columns:1fr!important;text-align:center!important}.public-receive-hero-v19>img{margin:auto}.public-receive-hero-v19 .public-page-qr{justify-self:center!important}.public-hero-actions{justify-content:center!important}.public-list-header{align-items:flex-start!important}.public-filter-bar{grid-template-columns:1fr!important}}


/* === 20260621 V24: Role/Priority modal polish + public receiving layout refinement === */
.role-priority-modal .entity-form{display:grid;gap:16px}.role-priority-modal .form-row{grid-template-columns:1fr 1fr}.role-priority-modal input{min-height:56px}.role-priority-modal .approval-help{border-radius:16px;background:#f8fafc;border:1px solid var(--line);padding:12px 14px;color:#64748b;font-weight:800}.role-priority-modal .modal-actions{margin-top:0}.role-priority-modal .checkline{min-height:58px;border-radius:18px;background:#f8fafc;border:1px solid var(--line);padding:14px 16px;font-weight:950}

.public-receive-page{background:radial-gradient(circle at 4% 0%,rgba(207,20,35,.08),transparent 34%),linear-gradient(135deg,#f7f9fc,#eef3f8)!important}.public-receive-shell{width:min(1120px,calc(100% - 32px))!important;gap:16px!important;padding:20px 0 44px!important}.public-receive-hero-v19{grid-template-columns:74px minmax(0,1fr) auto auto!important;gap:16px!important;padding:20px 22px!important;border-radius:28px!important;min-height:124px!important}.public-receive-hero-v19>img{width:68px!important;height:68px!important;border-radius:18px!important}.public-receive-hero-v19 .eyebrow{font-size:11px!important;letter-spacing:.2em!important}.public-receive-hero-v19 h1{font-size:clamp(26px,3.4vw,40px)!important;line-height:1.04!important;max-width:680px!important}.public-page-qr{min-width:102px!important;padding:8px!important;border-radius:18px!important}.public-page-qr img{width:78px!important;height:78px!important}.public-page-qr small{font-size:10px!important}.public-hero-actions{min-width:126px!important}.public-hero-actions .btn{min-height:48px!important;border-radius:16px!important}.public-list-card{border-radius:28px!important;overflow:hidden!important;box-shadow:0 18px 48px rgba(15,23,42,.09)!important}.public-list-header{padding:4px 2px 10px!important;margin-bottom:10px!important}.public-list-header h2{font-size:26px!important;letter-spacing:-.04em!important}.public-filter-bar{background:#f8fafc;border-block:1px solid var(--line);margin:0 -22px 14px!important;padding:18px 22px!important}.public-table-wrap{border:1px solid var(--line)!important;border-radius:22px!important;overflow:auto!important;background:#fff!important}.public-task-table{min-width:880px!important}.public-task-table th{background:#f8fafc!important;color:#475569!important;font-size:12px!important;letter-spacing:.10em!important;text-transform:uppercase!important}.public-task-row td{padding-top:15px!important;padding-bottom:15px!important}.public-task-row td[data-label="Task"] b,.public-task-row td[data-label="Medication"] b{font-size:16px!important}.public-task-row .btn{min-height:44px!important;border-radius:14px!important}.mini-route{min-width:0!important;flex-wrap:wrap!important}.mini-route span{padding:7px 10px!important;font-size:13px!important}.mini-route b{color:var(--red)!important}.public-filter-bar input,.public-filter-bar select{min-height:52px!important;border-radius:16px!important}.public-detail-page{border-radius:28px!important}.public-detail-top{align-items:center!important}.public-task-summary-grid>div{background:#fff!important;box-shadow:0 10px 22px rgba(15,23,42,.04)!important}.public-detail-grid section,.public-receiver-panel{border-radius:22px!important}.public-receiver-panel{box-shadow:0 16px 38px rgba(15,23,42,.06)!important}.public-sign-pad{border-radius:20px!important}
@media(max-width:900px){.role-priority-modal .form-row{grid-template-columns:1fr!important}.public-receive-shell{width:min(100% - 20px,760px)!important;padding-top:12px!important}.public-receive-hero-v19{grid-template-columns:58px 1fr!important;text-align:left!important;padding:16px!important;border-radius:24px!important}.public-receive-hero-v19>img{width:54px!important;height:54px!important;margin:0!important}.public-receive-hero-v19 h1{font-size:24px!important}.public-page-qr{grid-column:1/-1!important;justify-self:stretch!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.public-page-qr img{width:64px!important;height:64px!important}.public-hero-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;min-width:0!important}.public-list-card{border-radius:24px!important}.public-filter-bar{grid-template-columns:1fr!important;margin-inline:-16px!important;padding:14px 16px!important}.public-task-table{min-width:0!important}.public-detail-top{display:grid!important}.public-detail-grid{grid-template-columns:1fr!important}}
@media(max-width:560px){.public-receive-shell{width:calc(100% - 16px)!important}.public-receive-hero-v19{grid-template-columns:1fr!important;text-align:center!important}.public-receive-hero-v19>img{margin:auto!important}.public-page-qr{justify-content:center!important;gap:12px!important}.public-hero-actions{grid-template-columns:1fr!important}.public-list-header{display:grid!important;gap:10px!important}.public-list-header .badge{justify-self:start}.public-task-row{padding:14px!important;border:1px solid var(--line)!important;border-radius:20px!important;margin:10px 0!important;background:#fff!important;box-shadow:0 10px 24px rgba(15,23,42,.055)!important}.public-task-row td{grid-template-columns:92px 1fr!important}.mini-route{display:grid!important;grid-template-columns:1fr auto 1fr!important}.mini-route span{text-align:center!important}.public-detail-page{padding:16px!important}.public-task-summary-grid{gap:10px!important}.public-receiver-panel{padding:14px!important}}

/* === 20260621 V25: public page QA layout fix === */
.public-receive-page{
  background:radial-gradient(circle at 0% 0%,rgba(207,20,35,.07),transparent 28%),linear-gradient(135deg,#f7f9fc 0%,#eef3f8 100%)!important;
}
.public-receive-shell{
  width:min(1240px,calc(100% - 40px))!important;
  max-width:1240px!important;
  margin-inline:auto!important;
  padding:22px 0 44px!important;
  gap:18px!important;
}
.public-receive-hero-v19{
  min-height:110px!important;
  padding:18px 22px!important;
  border-radius:28px!important;
  grid-template-columns:68px minmax(0,1fr) 104px 136px!important;
  gap:16px!important;
  align-items:center!important;
  background:linear-gradient(135deg,#101827 0%,#111827 58%,#4a0f19 100%)!important;
  color:#fff!important;
  box-shadow:0 20px 56px rgba(15,23,42,.20)!important;
}
.public-receive-hero-v19:after{width:170px!important;height:170px!important;right:-42px!important;top:-58px!important;background:rgba(207,20,35,.22)!important;}
.public-receive-hero-v19>img{
  width:64px!important;height:64px!important;border-radius:18px!important;background:#fff!important;padding:6px!important;box-shadow:0 12px 28px rgba(0,0,0,.20)!important;
}
.public-receive-hero-v19 .eyebrow{color:#ff3348!important;font-size:10.5px!important;letter-spacing:.22em!important;}
.public-receive-hero-v19 h1{font-size:clamp(24px,3.05vw,38px)!important;line-height:1.05!important;max-width:760px!important;color:#fff!important;}
.public-page-qr{
  min-width:0!important;width:104px!important;padding:8px!important;border-radius:18px!important;background:#fff!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;justify-self:end!important;
}
.public-page-qr img{width:74px!important;height:74px!important;border-radius:8px!important;display:block!important;}
.public-page-qr small{font-size:9.5px!important;line-height:1.1!important;color:#475569!important;}
.public-hero-actions{min-width:0!important;width:136px!important;display:grid!important;gap:8px!important;position:relative!important;z-index:2!important;}
.public-hero-actions .btn{width:100%!important;min-height:42px!important;border-radius:15px!important;font-size:13px!important;padding:8px 10px!important;}
.public-list-card{
  padding:0!important;border-radius:28px!important;overflow:hidden!important;background:#fff!important;
  border:1px solid rgba(226,232,240,.96)!important;box-shadow:0 18px 48px rgba(15,23,42,.10)!important;
}
.public-list-header{
  padding:22px 24px!important;margin:0!important;border-bottom:1px solid var(--line)!important;
  background:linear-gradient(135deg,#fff,#f8fafc)!important;display:flex!important;align-items:center!important;
}
.public-list-header h2{font-size:28px!important;line-height:1.05!important;margin:0!important;letter-spacing:-.04em!important;}
.public-list-header .badge{margin-left:auto!important;white-space:nowrap!important;}
.public-filter-bar{
  margin:0!important;padding:18px 24px!important;background:#f8fafc!important;border:0!important;border-bottom:1px solid var(--line)!important;
  display:grid!important;grid-template-columns:minmax(260px,1.5fr) minmax(190px,.75fr) minmax(180px,.65fr)!important;gap:14px!important;align-items:end!important;
}
.public-filter-bar label{margin:0!important;min-width:0!important;}
.public-filter-bar label span{font-size:11px!important;letter-spacing:.12em!important;color:#64748b!important;margin-bottom:7px!important;}
.public-filter-bar input,.public-filter-bar select{
  width:100%!important;min-height:48px!important;height:48px!important;border-radius:16px!important;font-size:14px!important;
  padding-top:0!important;padding-bottom:0!important;background-color:#fff!important;
}
.public-table-wrap{
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;overflow-x:auto!important;
}
.public-task-table{width:100%!important;min-width:820px!important;border-collapse:separate!important;border-spacing:0!important;}
.public-task-table th{
  padding:13px 18px!important;background:#f8fafc!important;color:#475569!important;font-size:11.5px!important;text-align:left!important;border-bottom:1px solid var(--line)!important;
}
.public-task-table td{
  padding:16px 18px!important;border-bottom:1px solid #e8eef6!important;vertical-align:middle!important;background:#fff!important;
}
.public-task-table tr:last-child td{border-bottom:0!important;}
.public-task-row td[data-label="Task"]{width:110px!important;}
.public-task-row td[data-label="Medication"]{width:230px!important;}
.public-task-row td[data-label="Qty"],.public-task-row td[data-label="Priority"]{width:125px!important;}
.public-task-row td[data-label="Action"]{width:170px!important;text-align:right!important;}
.public-task-row td[data-label="Task"] b,.public-task-row td[data-label="Medication"] b{font-size:15.5px!important;line-height:1.2!important;}
.public-task-row .btn{min-height:42px!important;border-radius:14px!important;font-size:13px!important;padding:9px 14px!important;white-space:nowrap!important;}
.mini-route{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;flex-wrap:nowrap!important;}
.mini-route span{max-width:150px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:#f8fafc!important;border:1px solid #dbe4ef!important;padding:7px 10px!important;border-radius:999px!important;font-size:12.5px!important;}
.mini-route b{flex:0 0 auto!important;color:var(--red)!important;}
.public-detail-page{border-radius:28px!important;padding:22px!important;background:#fff!important;box-shadow:0 18px 48px rgba(15,23,42,.10)!important;}
.public-detail-top{margin:0!important;padding-bottom:16px!important;border-bottom:1px solid var(--line)!important;align-items:center!important;}
.public-detail-top h2{font-size:34px!important;line-height:1!important;margin:4px 0!important;}
.public-route-v19{margin:0!important;border-radius:22px!important;}
.public-detail-grid{grid-template-columns:1fr 1fr!important;gap:14px!important;}
.public-detail-grid section,.public-receiver-panel{border-radius:22px!important;padding:16px!important;background:#fff!important;}
.public-sign-pad{height:190px!important;}
.public-no-results,.empty-state.public-no-results{display:none!important;}

@media(max-width:980px){
  .public-receive-shell{width:min(100% - 24px,820px)!important;padding-top:14px!important;}
  .public-receive-hero-v19{grid-template-columns:60px minmax(0,1fr) 96px!important;gap:12px!important;}
  .public-hero-actions{grid-column:1/-1!important;width:100%!important;grid-template-columns:1fr 1fr!important;}
  .public-page-qr{width:96px!important;}
  .public-page-qr img{width:66px!important;height:66px!important;}
  .public-filter-bar{grid-template-columns:1fr!important;padding:16px!important;}
  .public-detail-grid{grid-template-columns:1fr!important;}
}
@media(max-width:640px){
  .public-receive-shell{width:calc(100% - 16px)!important;padding-top:8px!important;gap:12px!important;}
  .public-receive-hero-v19{grid-template-columns:1fr!important;text-align:center!important;border-radius:24px!important;padding:16px!important;}
  .public-receive-hero-v19>img{margin-inline:auto!important;}
  .public-page-qr{justify-self:center!important;width:100%!important;max-width:220px!important;display:flex!important;gap:12px!important;justify-content:center!important;align-items:center!important;}
  .public-hero-actions{grid-template-columns:1fr!important;}
  .public-list-header{padding:18px!important;align-items:flex-start!important;}
  .public-list-header h2{font-size:24px!important;}
  .public-filter-bar{padding:14px!important;}
  .public-table-wrap{overflow:visible!important;}
  .public-task-table{min-width:0!important;}
  .public-task-table thead{display:none!important;}
  .public-task-table,.public-task-table tbody,.public-task-table tr,.public-task-table td{display:block!important;width:100%!important;}
  .public-task-row{margin:12px 14px!important;padding:0!important;border:1px solid var(--line)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 10px 28px rgba(15,23,42,.07)!important;overflow:hidden!important;}
  .public-task-table td{display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;gap:10px!important;padding:11px 14px!important;border-bottom:1px solid #eef2f7!important;text-align:left!important;}
  .public-task-table td::before{content:attr(data-label);font-size:10px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase;color:#64748b;align-self:center;}
  .public-task-table td[data-label="Action"]{grid-template-columns:1fr!important;}
  .public-task-table td[data-label="Action"]::before{display:none!important;}
  .public-task-table td[data-label="Action"] .btn{width:100%!important;justify-content:center!important;}
  .mini-route{display:grid!important;grid-template-columns:1fr auto 1fr!important;}
  .mini-route span{max-width:100%!important;text-align:center!important;}
  .public-detail-page{padding:16px!important;border-radius:24px!important;}
  .public-detail-top{display:grid!important;}
  .public-detail-top h2{font-size:28px!important;}
  .public-route-v19{grid-template-columns:1fr!important;}
  .public-route-v19 strong{transform:rotate(90deg)!important;}
  .public-sign-pad{height:170px!important;}
}

/* === 20260621 V26: public page logo no-background polish === */
.public-receive-hero-v19>img{
  background:transparent!important;
  border-radius:0!important;
  padding:0!important;
  box-shadow:none!important;
  border:0!important;
  width:86px!important;
  height:86px!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))!important;
}
@media(max-width:900px){
  .public-receive-hero-v19>img{width:68px!important;height:68px!important;margin:0!important;}
}
@media(max-width:560px){
  .public-receive-hero-v19>img{width:78px!important;height:78px!important;margin-inline:auto!important;}
}


/* === 20260621 V27: public page white QR + clean transparent logo fit === */
.public-receive-hero-v19>img{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  object-fit:contain!important;
  width:82px!important;
  height:82px!important;
  border-radius:0!important;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.22))!important;
}
.public-page-qr{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:4px!important;
  color:#fff!important;
}
.public-page-qr img{
  background:transparent!important;
  border:0!important;
  padding:0!important;
  border-radius:10px!important;
  box-shadow:none!important;
  width:92px!important;
  height:92px!important;
  object-fit:contain!important;
}
.public-page-qr small{
  color:rgba(255,255,255,.82)!important;
  font-weight:950!important;
  text-shadow:0 1px 2px rgba(0,0,0,.28)!important;
}
@media(max-width:900px){
  .public-receive-hero-v19>img{width:64px!important;height:64px!important;margin:0!important;}
  .public-page-qr{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:18px!important;padding:10px!important;}
  .public-page-qr img{width:68px!important;height:68px!important;}
}
@media(max-width:560px){
  .public-receive-hero-v19>img{margin:auto!important;width:70px!important;height:70px!important;}
}

/* === 20260621 V28: public page mobile layout complete fix === */
@media(max-width:640px){
  .public-receive-page{overflow-x:hidden!important;background:linear-gradient(135deg,#f7f9fc,#eef3f8)!important;}
  .public-receive-shell{width:100%!important;max-width:100%!important;padding:8px 10px 28px!important;margin:0!important;gap:12px!important;overflow-x:hidden!important;}
  .public-list-card{border-radius:24px!important;overflow:hidden!important;margin:0!important;border:1px solid #dfe7f1!important;box-shadow:0 14px 34px rgba(15,23,42,.08)!important;}
  .public-list-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:18px 16px!important;background:#fff!important;border-bottom:1px solid #e6edf6!important;}
  .public-list-header h2{font-size:28px!important;line-height:1.05!important;margin:0!important;letter-spacing:-.045em!important;}
  .public-list-header .badge{flex:0 0 auto!important;margin-left:0!important;font-size:13px!important;padding:9px 12px!important;border-radius:999px!important;}
  .public-filter-bar{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;margin:0!important;padding:16px!important;background:#f8fafc!important;border-bottom:1px solid #e6edf6!important;}
  .public-filter-bar label{display:grid!important;gap:7px!important;margin:0!important;min-width:0!important;}
  .public-filter-bar label span{font-size:12px!important;letter-spacing:.13em!important;font-weight:1000!important;color:#64748b!important;margin:0!important;}
  .public-filter-bar input,.public-filter-bar select{height:54px!important;min-height:54px!important;border-radius:18px!important;font-size:16px!important;font-weight:900!important;padding-inline:16px 48px!important;box-shadow:0 10px 24px rgba(15,23,42,.04)!important;background-color:#fff!important;}
  .public-table-wrap{display:block!important;margin:0!important;padding:14px!important;border:0!important;border-radius:0!important;background:#fff!important;overflow:visible!important;}
  .public-task-table{display:block!important;width:100%!important;min-width:0!important;border:0!important;}
  .public-task-table thead{display:none!important;}
  .public-task-table tbody{display:grid!important;gap:14px!important;width:100%!important;}
  .public-task-table tr.public-task-row{display:block!important;width:100%!important;margin:0!important;padding:0!important;border:1px solid #dfe7f1!important;border-radius:22px!important;background:#fff!important;box-shadow:0 12px 28px rgba(15,23,42,.07)!important;overflow:hidden!important;}
  .public-task-table td{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;width:100%!important;min-width:0!important;padding:13px 14px!important;border:0!important;border-bottom:1px solid #edf2f7!important;background:#fff!important;text-align:left!important;}
  .public-task-table td:last-child{border-bottom:0!important;}
  .public-task-table td::before{content:attr(data-label)!important;flex:0 0 96px!important;max-width:96px!important;font-size:11px!important;line-height:1.1!important;font-weight:1000!important;letter-spacing:.10em!important;text-transform:uppercase!important;color:#64748b!important;align-self:center!important;}
  .public-task-row td[data-label="Task"] b{font-size:22px!important;line-height:1!important;white-space:nowrap!important;word-break:normal!important;display:inline!important;}
  .public-task-row td[data-label="Medication"] b{font-size:19px!important;line-height:1.15!important;word-break:break-word!important;text-align:right!important;}
  .public-task-row td[data-label="Quantity"],.public-task-row td[data-label="Qty"]{background:#fff!important;}
  .public-task-row td[data-label="Quantity"] .badge,.public-task-row td[data-label="Qty"] .badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:54px!important;max-width:max-content!important;height:34px!important;padding:0 13px!important;border-radius:999px!important;background:#e8eef6!important;color:#334155!important;font-size:15px!important;font-weight:950!important;}
  .public-task-row td[data-label="Priority"] .badge{display:inline-flex!important;align-items:center!important;width:auto!important;max-width:max-content!important;min-width:0!important;height:34px!important;padding:0 13px!important;border-radius:999px!important;background:#eef2f7!important;color:#334155!important;font-size:14px!important;}
  .public-task-row td[data-label="Route"]{align-items:flex-start!important;}
  .public-task-row td[data-label="Route"]::before{padding-top:10px!important;}
  .mini-route{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;width:100%!important;min-width:0!important;justify-items:stretch!important;}
  .mini-route span{display:block!important;width:100%!important;max-width:100%!important;padding:10px 12px!important;border-radius:16px!important;text-align:center!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:14px!important;line-height:1.15!important;background:#f8fafc!important;border:1px solid #dfe7f1!important;color:#334155!important;}
  .mini-route b{display:grid!important;place-items:center!important;width:30px!important;height:24px!important;justify-self:center!important;color:#cf1423!important;font-size:22px!important;line-height:1!important;transform:rotate(90deg)!important;margin:0!important;}
  .public-task-table td[data-label="Action"]{display:block!important;padding:14px!important;background:linear-gradient(135deg,#fff,#fff6f7)!important;}
  .public-task-table td[data-label="Action"]::before{display:none!important;content:none!important;}
  .public-task-table td[data-label="Action"] .btn{width:100%!important;min-height:52px!important;border-radius:18px!important;font-size:16px!important;font-weight:950!important;justify-content:center!important;}
  .public-task-row.is-hidden{display:none!important;}
}
@media(max-width:390px){
  .public-receive-shell{padding-left:8px!important;padding-right:8px!important;}
  .public-list-header{padding:16px 14px!important;}
  .public-list-header h2{font-size:25px!important;}
  .public-filter-bar{padding:14px!important;}
  .public-table-wrap{padding:12px!important;}
  .public-task-table td{padding:12px!important;gap:10px!important;}
  .public-task-table td::before{flex-basis:86px!important;max-width:86px!important;font-size:10px!important;}
  .public-task-row td[data-label="Medication"] b{font-size:17px!important;}
}

/* === 20260621 V29: premium mobile public task cards === */
@media (max-width:640px){
  .public-receive-page{
    background:linear-gradient(145deg,#f6f8fb 0%,#eef3f8 100%)!important;
  }
  .public-receive-shell{
    padding:8px 10px 24px!important;
  }
  .public-list-card{
    border-radius:26px!important;
    overflow:hidden!important;
    background:#fff!important;
    border:1px solid #dbe5f1!important;
    box-shadow:0 16px 40px rgba(15,23,42,.10)!important;
  }
  .public-list-header{
    padding:18px 16px 16px!important;
    background:linear-gradient(135deg,#fff,#f8fafc)!important;
    border-bottom:1px solid #e6edf6!important;
  }
  .public-list-header h2{
    font-size:27px!important;
    letter-spacing:-.055em!important;
  }
  .public-list-header .badge{
    min-width:auto!important;
    height:40px!important;
    padding:0 14px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:13px!important;
    white-space:nowrap!important;
  }
  .public-filter-bar{
    padding:14px 16px!important;
    gap:12px!important;
    background:#f8fafc!important;
  }
  .public-filter-bar label span{
    font-size:11px!important;
    color:#64748b!important;
  }
  .public-filter-bar input,
  .public-filter-bar select{
    height:52px!important;
    min-height:52px!important;
    border-radius:17px!important;
    font-size:15px!important;
    font-weight:850!important;
    box-shadow:0 8px 22px rgba(15,23,42,.04)!important;
  }
  .public-table-wrap{
    padding:14px!important;
    background:#f8fafc!important;
  }
  .public-task-table,
  .public-task-table tbody{
    display:block!important;
    width:100%!important;
  }
  .public-task-table tbody{
    display:grid!important;
    gap:14px!important;
  }
  .public-task-table tr.public-task-row{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px 12px!important;
    padding:16px!important;
    margin:0!important;
    border:1px solid #dbe5f1!important;
    border-radius:24px!important;
    background:linear-gradient(145deg,#ffffff 0%,#fbfdff 100%)!important;
    box-shadow:0 14px 30px rgba(15,23,42,.08)!important;
    overflow:hidden!important;
  }
  .public-task-table tr.public-task-row::after{
    content:"";
    position:absolute;
    right:-38px;
    bottom:-52px;
    width:130px;
    height:130px;
    border-radius:999px;
    background:rgba(207,20,35,.055);
    pointer-events:none;
  }
  .public-task-table td{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    text-align:left!important;
    position:relative!important;
    z-index:1!important;
  }
  .public-task-table td::before{
    display:none!important;
    content:none!important;
  }
  .public-task-row td[data-label="Task"]{
    grid-column:1/2!important;
    grid-row:1!important;
    align-self:center!important;
  }
  .public-task-row td[data-label="Task"] b{
    display:inline-flex!important;
    align-items:center!important;
    min-height:34px!important;
    padding:0 12px!important;
    border-radius:999px!important;
    background:#eef2f7!important;
    color:#0f172a!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:1000!important;
    letter-spacing:-.02em!important;
    white-space:nowrap!important;
  }
  .public-task-row td[data-label="Qty"],
  .public-task-row td[data-label="Quantity"]{
    grid-column:2/3!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:end!important;
  }
  .public-task-row td[data-label="Qty"] .badge,
  .public-task-row td[data-label="Quantity"] .badge{
    min-width:46px!important;
    height:34px!important;
    padding:0 12px!important;
    border-radius:999px!important;
    background:#e8eef6!important;
    color:#334155!important;
    font-size:14px!important;
    font-weight:950!important;
  }
  .public-task-row td[data-label="Medication"]{
    grid-column:1/3!important;
    grid-row:2!important;
    padding-top:2px!important;
  }
  .public-task-row td[data-label="Medication"] b{
    display:block!important;
    font-size:24px!important;
    line-height:1.08!important;
    letter-spacing:-.04em!important;
    font-weight:1000!important;
    color:#0f172a!important;
    text-align:left!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
  .public-task-row td[data-label="Route"]{
    grid-column:1/3!important;
    grid-row:3!important;
    padding-top:8px!important;
  }
  .public-task-row td[data-label="Route"]::before{
    content:"Route"!important;
    display:block!important;
    margin-bottom:8px!important;
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:.14em!important;
    text-transform:uppercase!important;
    font-weight:1000!important;
    color:#64748b!important;
  }
  .public-task-row .mini-route{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr)!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;
  }
  .public-task-row .mini-route span{
    min-width:0!important;
    width:100%!important;
    height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 10px!important;
    border-radius:16px!important;
    background:#f8fafc!important;
    border:1px solid #dbe5f1!important;
    color:#334155!important;
    font-size:13.5px!important;
    font-weight:950!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .public-task-row .mini-route b{
    width:26px!important;
    height:26px!important;
    border-radius:999px!important;
    display:grid!important;
    place-items:center!important;
    background:#fff1f2!important;
    color:#cf1423!important;
    font-size:16px!important;
    font-weight:1000!important;
    line-height:1!important;
    transform:none!important;
  }
  .public-task-row td[data-label="Priority"]{
    grid-column:1/3!important;
    grid-row:4!important;
    padding-top:2px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
  }
  .public-task-row td[data-label="Priority"]::before{
    content:"Priority"!important;
    display:block!important;
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:.14em!important;
    text-transform:uppercase!important;
    font-weight:1000!important;
    color:#64748b!important;
  }
  .public-task-row td[data-label="Priority"] .badge{
    min-width:0!important;
    max-width:max-content!important;
    height:34px!important;
    padding:0 13px!important;
    border-radius:999px!important;
    background:#eef2f7!important;
    color:#334155!important;
    font-size:13px!important;
    font-weight:950!important;
  }
  .public-task-row td[data-label="Action"]{
    grid-column:1/3!important;
    grid-row:5!important;
    padding-top:4px!important;
    background:transparent!important;
  }
  .public-task-row td[data-label="Action"] .btn{
    width:100%!important;
    min-height:52px!important;
    border-radius:18px!important;
    display:flex!important;
    justify-content:center!important;
    font-size:16px!important;
    font-weight:1000!important;
    box-shadow:0 14px 30px rgba(207,20,35,.20)!important;
  }
}
@media (max-width:390px){
  .public-receive-shell{padding-left:8px!important;padding-right:8px!important;}
  .public-table-wrap{padding:12px!important;}
  .public-task-table tr.public-task-row{padding:14px!important;border-radius:22px!important;}
  .public-task-row td[data-label="Medication"] b{font-size:22px!important;}
  .public-task-row .mini-route{grid-template-columns:1fr!important;gap:8px!important;}
  .public-task-row .mini-route b{justify-self:center!important;transform:rotate(90deg)!important;}
}


/* === 20260621 V30: public mobile logo 100px + stronger filters === */
@media (max-width:640px){
  .public-receive-hero-v19{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:center!important;
    justify-items:center!important;
    text-align:center!important;
    gap:12px!important;
    padding:22px 16px!important;
  }
  .public-receive-hero-v19>img{
    width:100px!important;
    height:100px!important;
    max-width:100px!important;
    max-height:100px!important;
    object-fit:contain!important;
    object-position:center!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
    padding:0!important;
    margin:0 auto!important;
    filter:drop-shadow(0 10px 18px rgba(0,0,0,.20))!important;
  }
  .public-receive-hero-v19 h1{
    font-size:28px!important;
    line-height:1.08!important;
    margin:0!important;
  }
  .public-page-qr{
    justify-self:center!important;
    margin:2px auto 0!important;
  }
  .public-hero-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
    gap:10px!important;
  }
  .public-hero-actions .btn{
    width:100%!important;
    justify-content:center!important;
    min-height:46px!important;
  }
  .public-filter-bar{
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:16px!important;
  }
  .public-filter-bar label{
    display:grid!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
  }
  .public-filter-bar input,
  .public-filter-bar select{
    width:100%!important;
    max-width:100%!important;
    height:54px!important;
    min-height:54px!important;
    border-radius:18px!important;
    font-size:16px!important;
    line-height:1.2!important;
    padding-left:16px!important;
    padding-right:52px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    background-color:#fff!important;
  }
  .public-filter-bar select{
    appearance:none!important;
    -webkit-appearance:none!important;
    background-image:linear-gradient(45deg,transparent 50%,#0f172a 50%),linear-gradient(135deg,#0f172a 50%,transparent 50%),linear-gradient(135deg,#fff,#f8fafc)!important;
    background-position:calc(100% - 24px) 50%,calc(100% - 15px) 50%,0 0!important;
    background-size:9px 9px,9px 9px,100% 100%!important;
    background-repeat:no-repeat!important;
  }
  .public-task-row.is-hidden{display:none!important;}
}
@media (max-width:390px){
  .public-receive-hero-v19>img{
    width:100px!important;
    height:100px!important;
  }
  .public-receive-hero-v19 h1{font-size:25px!important;}
  .public-hero-actions{grid-template-columns:1fr!important;}
}

/* === 20260621 V31: public mobile filters final fix === */
.public-filter-bar select:focus,
.public-filter-bar input:focus{
  border-color:#cbd5e1!important;
  outline:3px solid rgba(15,23,42,.08)!important;
  outline-offset:2px!important;
  box-shadow:0 10px 28px rgba(15,23,42,.06)!important;
}
.public-filter-bar select{
  cursor:pointer!important;
}
@media(max-width:640px){
  .public-filter-bar{
    overflow:visible!important;
    position:relative!important;
    z-index:3!important;
  }
  .public-filter-bar label{
    position:relative!important;
    overflow:visible!important;
  }
  .public-filter-bar select{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:58px!important;
    min-height:58px!important;
    border-radius:22px!important;
    border:1.5px solid #d7e1ee!important;
    background-color:#fff!important;
    color:#0f172a!important;
    font-size:18px!important;
    font-weight:950!important;
    line-height:1.1!important;
    padding:0 58px 0 18px!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    box-shadow:0 12px 26px rgba(15,23,42,.055)!important;
    background-image:linear-gradient(45deg,transparent 50%,#0f172a 50%),linear-gradient(135deg,#0f172a 50%,transparent 50%)!important;
    background-position:calc(100% - 31px) 50%,calc(100% - 21px) 50%!important;
    background-size:11px 11px,11px 11px!important;
    background-repeat:no-repeat!important;
  }
  .public-filter-bar select:focus{
    border-color:#0f172a!important;
    outline:0!important;
    box-shadow:0 0 0 4px rgba(15,23,42,.08),0 14px 30px rgba(15,23,42,.08)!important;
  }
  .public-filter-bar select option{
    font-size:16px!important;
    color:#0f172a!important;
    background:#fff!important;
  }
  .public-filter-bar input[type="search"]{
    height:58px!important;
    min-height:58px!important;
    border-radius:22px!important;
    border:1.5px solid #d7e1ee!important;
    font-size:16px!important;
    padding:0 18px!important;
  }
  .public-filter-summary{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin:2px 0 0!important;
    padding:10px 12px!important;
    border-radius:16px!important;
    background:#fff!important;
    border:1px solid #e2e8f0!important;
    color:#475569!important;
    font-size:12px!important;
    font-weight:900!important;
  }
}


/* === 20260621 V32: public page filters + detail layout premium polish === */
.public-receive-hero-v19>img{
  width:100px!important;
  height:100px!important;
  max-width:100px!important;
  max-height:100px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 12px 20px rgba(0,0,0,.20))!important;
}
.public-filter-summary{display:none!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;}
.public-filter-bar select,
.public-filter-bar input[type="search"]{
  border:1.5px solid #d7e1ee!important;
  outline:0!important;
  box-shadow:0 10px 24px rgba(15,23,42,.045)!important;
}
.public-filter-bar select:focus,
.public-filter-bar input[type="search"]:focus{
  border-color:#b9c6d8!important;
  outline:0!important;
  box-shadow:0 0 0 4px rgba(15,23,42,.06),0 12px 28px rgba(15,23,42,.06)!important;
}
.public-detail-grid section{
  padding:22px!important;
  border:1px solid var(--line)!important;
  border-radius:26px!important;
  background:linear-gradient(135deg,#fff,#fbfdff)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.055)!important;
}
.public-detail-grid h3,
.public-receiver-panel h3{
  margin-top:0!important;
  font-size:24px!important;
  letter-spacing:-.035em!important;
}
.public-detail-grid .receipt-info-table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  overflow:hidden!important;
  border:1px solid #dbe4ef!important;
  border-radius:20px!important;
  background:#fff!important;
}
.public-detail-grid .receipt-info-table td{
  padding:13px 16px!important;
  border-bottom:1px solid #e7edf5!important;
  vertical-align:top!important;
}
.public-detail-grid .receipt-info-table tr:last-child td{border-bottom:0!important;}
.public-detail-grid .receipt-info-table td:first-child{
  width:34%!important;
  color:#64748b!important;
  font-size:12px!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-weight:1000!important;
  background:#f8fafc!important;
}
.public-detail-grid .receipt-info-table td:last-child{
  color:#0f172a!important;
  font-size:15px!important;
  font-weight:850!important;
  word-break:break-word!important;
}
.public-route-v19{
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  gap:14px!important;
  padding:18px!important;
  border:1px solid var(--line)!important;
  border-radius:26px!important;
  background:linear-gradient(135deg,#fff,#f8fafc)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.055)!important;
}
.public-route-v19>div{
  padding:14px 16px!important;
  border:1px solid #dbe4ef!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(15,23,42,.045)!important;
}
.public-route-v19 small{display:block!important;margin-bottom:5px!important;color:#64748b!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-weight:1000!important;}
.public-route-v19 b{display:block!important;color:#0f172a!important;font-size:18px!important;line-height:1.2!important;}
.public-route-v19>strong{color:#cf1423!important;font-size:28px!important;line-height:1!important;}

@media(max-width:700px){
  .public-receive-shell{width:100%!important;padding:0 8px 28px!important;}
  .public-list-card{border-radius:26px!important;overflow:hidden!important;}
  .public-list-header{padding:18px 18px 14px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;}
  .public-list-header h2{font-size:28px!important;line-height:1.05!important;}
  .public-filter-bar{
    margin:0!important;
    padding:16px!important;
    border-top:1px solid var(--line)!important;
    border-bottom:1px solid var(--line)!important;
    background:#f8fafc!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .public-filter-bar label{display:grid!important;gap:8px!important;width:100%!important;min-width:0!important;}
  .public-filter-bar label span{font-size:12px!important;letter-spacing:.12em!important;color:#64748b!important;text-transform:uppercase!important;font-weight:1000!important;}
  .public-filter-bar input[type="search"],
  .public-filter-bar select{
    width:100%!important;
    height:56px!important;
    min-height:56px!important;
    border-radius:20px!important;
    padding-left:16px!important;
    padding-right:52px!important;
    font-size:16px!important;
    font-weight:900!important;
    background-color:#fff!important;
    color:#0f172a!important;
  }
  .public-filter-bar select{
    appearance:none!important;
    -webkit-appearance:none!important;
    background-image:linear-gradient(45deg,transparent 50%,#0f172a 50%),linear-gradient(135deg,#0f172a 50%,transparent 50%)!important;
    background-position:calc(100% - 30px) 50%,calc(100% - 20px) 50%!important;
    background-size:10px 10px,10px 10px!important;
    background-repeat:no-repeat!important;
  }
  .public-detail-page{padding:14px!important;border-radius:26px!important;}
  .public-detail-top{display:grid!important;gap:12px!important;margin-bottom:14px!important;}
  .public-detail-top h2{font-size:30px!important;line-height:1.05!important;}
  .public-detail-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;}
  .public-detail-grid section{padding:16px!important;border-radius:24px!important;}
  .public-detail-grid h3{font-size:24px!important;margin-bottom:14px!important;}
  .public-detail-grid .receipt-info-table{border-radius:18px!important;display:table!important;}
  .public-detail-grid .receipt-info-table tr{display:table-row!important;}
  .public-detail-grid .receipt-info-table td{display:table-cell!important;padding:11px 12px!important;}
  .public-detail-grid .receipt-info-table td:first-child{width:38%!important;font-size:10.5px!important;line-height:1.15!important;}
  .public-detail-grid .receipt-info-table td:last-child{font-size:14.5px!important;line-height:1.25!important;}
  .public-route-v19{grid-template-columns:1fr!important;gap:10px!important;text-align:left!important;padding:14px!important;border-radius:24px!important;}
  .public-route-v19>strong{justify-self:center!important;transform:rotate(90deg)!important;font-size:30px!important;}
  .public-route-v19>div{width:100%!important;padding:14px!important;border-radius:18px!important;}
  .public-route-v19 b{font-size:17px!important;}
  .public-receiver-panel{padding:16px!important;border-radius:24px!important;}
}
@media(max-width:390px){
  .public-list-header h2{font-size:25px!important;}
  .public-detail-grid .receipt-info-table td:first-child{width:40%!important;font-size:10px!important;}
  .public-detail-grid .receipt-info-table td:last-child{font-size:14px!important;}
}


/* === 20260621 V33: public page header + filter reliability + mobile hero actions === */
.public-receive-hero-v19{
  grid-template-columns:110px minmax(0,1fr) 132px 142px!important;
  align-items:center!important;
  gap:22px!important;
  padding:26px 32px!important;
  min-height:154px!important;
}
.public-receive-hero-v19>img{
  width:100px!important;
  height:100px!important;
  max-width:100px!important;
  max-height:100px!important;
  justify-self:center!important;
  align-self:center!important;
}
.public-receive-hero-v19 h1{
  max-width:100%!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  font-size:clamp(28px,3.1vw,44px)!important;
  line-height:1.02!important;
}
.public-receive-hero-v19 .eyebrow{display:block!important;line-height:1.2!important;}
.public-page-qr{justify-self:center!important;min-width:116px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;padding:0!important;}
.public-page-qr img{width:104px!important;height:104px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
.public-page-qr small{color:rgba(255,255,255,.78)!important;font-size:11px!important;}
.public-hero-actions{justify-self:end!important;width:142px!important;min-width:142px!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
.public-hero-actions .btn{width:100%!important;justify-content:center!important;min-height:48px!important;border-radius:18px!important;white-space:nowrap!important;}

.public-task-row.is-hidden,
.public-task-row[hidden]{display:none!important;}
.public-task-table tbody .public-task-row.is-hidden{display:none!important;}
.public-task-table tbody .public-task-row[hidden]{display:none!important;}

@media(max-width:900px){
  .public-receive-hero-v19{
    grid-template-columns:100px minmax(0,1fr)!important;
    gap:16px!important;
    padding:20px!important;
    min-height:0!important;
  }
  .public-receive-hero-v19>img{width:100px!important;height:100px!important;}
  .public-receive-hero-v19 h1{font-size:clamp(28px,7vw,40px)!important;}
  .public-page-qr{display:none!important;}
  .public-hero-actions{
    grid-column:1/-1!important;
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    justify-self:stretch!important;
  }
  .public-hero-actions .btn{min-height:52px!important;border-radius:18px!important;font-size:15px!important;}
}
@media(max-width:520px){
  .public-receive-hero-v19{
    grid-template-columns:92px minmax(0,1fr)!important;
    border-radius:26px!important;
    padding:16px!important;
    gap:12px!important;
  }
  .public-receive-hero-v19>img{width:92px!important;height:92px!important;}
  .public-receive-hero-v19 h1{font-size:26px!important;line-height:1.03!important;}
  .public-receive-hero-v19 .eyebrow{font-size:10px!important;letter-spacing:.16em!important;}
  .public-hero-actions{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;}
  .public-hero-actions .btn{flex:1 1 0!important;min-width:0!important;min-height:48px!important;padding:0 10px!important;font-size:13.5px!important;border-radius:16px!important;}
}
@media(max-width:360px){
  .public-receive-hero-v19{grid-template-columns:80px minmax(0,1fr)!important;padding:14px!important;}
  .public-receive-hero-v19>img{width:80px!important;height:80px!important;}
  .public-receive-hero-v19 h1{font-size:23px!important;}
  .public-hero-actions .btn{font-size:12.5px!important;}
}

/* === 20260621 V34: restore QR on mobile public page === */
@media(max-width:900px){
  .public-receive-page .public-page-qr{
    display:flex!important;
    grid-column:1/-1!important;
    justify-self:center!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    width:auto!important;
    min-width:0!important;
    max-width:240px!important;
    margin:2px auto 0!important;
    padding:8px 12px!important;
    background:rgba(255,255,255,.06)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:18px!important;
    box-shadow:none!important;
  }
  .public-receive-page .public-page-qr img{
    display:block!important;
    width:74px!important;
    height:74px!important;
    min-width:74px!important;
    min-height:74px!important;
    object-fit:contain!important;
    background:transparent!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .public-receive-page .public-page-qr small{
    display:block!important;
    color:rgba(255,255,255,.82)!important;
    font-size:12px!important;
    line-height:1.15!important;
    font-weight:900!important;
    text-align:left!important;
  }
  .public-receive-page .public-hero-actions{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    justify-self:stretch!important;
    margin-top:2px!important;
  }
}
@media(max-width:520px){
  .public-receive-page .public-page-qr{
    max-width:100%!important;
    width:100%!important;
    padding:8px 10px!important;
    justify-content:center!important;
  }
  .public-receive-page .public-page-qr img{
    width:64px!important;
    height:64px!important;
    min-width:64px!important;
    min-height:64px!important;
  }
  .public-receive-page .public-page-qr small{
    font-size:11px!important;
  }
}


/* === 20260621 V35: final public mobile hero + filters fix === */
@media(max-width:900px){
  .public-receive-page .public-receive-shell{padding:8px 8px 26px!important;max-width:100%!important;overflow-x:hidden!important;}
  .public-receive-page .public-receive-hero-v19{
    display:grid!important;
    grid-template-columns:92px minmax(0,1fr)!important;
    grid-template-areas:"logo title" "qr qr" "actions actions"!important;
    align-items:center!important;
    gap:14px!important;
    padding:18px!important;
    border-radius:28px!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .public-receive-page .public-receive-hero-v19>img{
    grid-area:logo!important;
    width:92px!important;height:92px!important;min-width:92px!important;min-height:92px!important;max-width:92px!important;max-height:92px!important;
    object-fit:contain!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;
  }
  .public-receive-page .public-receive-hero-v19>div:first-of-type{grid-area:title!important;min-width:0!important;text-align:left!important;}
  .public-receive-page .public-receive-hero-v19 .eyebrow{font-size:11px!important;letter-spacing:.16em!important;margin-bottom:5px!important;color:#ff3b4b!important;white-space:normal!important;}
  .public-receive-page .public-receive-hero-v19 h1{font-size:clamp(27px,7.2vw,38px)!important;line-height:1.02!important;margin:0!important;max-width:100%!important;word-break:normal!important;overflow-wrap:normal!important;}
  .public-receive-page .public-page-qr{
    grid-area:qr!important;display:grid!important;grid-template-columns:74px 1fr!important;align-items:center!important;gap:12px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:10px 14px!important;
    border:1px solid rgba(255,255,255,.14)!important;border-radius:20px!important;background:rgba(255,255,255,.055)!important;box-shadow:none!important;color:#fff!important;
  }
  .public-receive-page .public-page-qr img{width:74px!important;height:74px!important;min-width:74px!important;min-height:74px!important;object-fit:contain!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;}
  .public-receive-page .public-page-qr small{font-size:13px!important;font-weight:1000!important;line-height:1.15!important;color:rgba(255,255,255,.86)!important;text-align:left!important;}
  .public-receive-page .public-hero-actions{
    grid-area:actions!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;width:100%!important;min-width:0!important;margin:0!important;justify-self:stretch!important;
  }
  .public-receive-page .public-hero-actions .btn{width:100%!important;min-width:0!important;min-height:48px!important;border-radius:18px!important;font-size:14px!important;padding:0 10px!important;white-space:nowrap!important;justify-content:center!important;}
}
@media(max-width:420px){
  .public-receive-page .public-receive-hero-v19{grid-template-columns:80px minmax(0,1fr)!important;padding:16px!important;gap:12px!important;}
  .public-receive-page .public-receive-hero-v19>img{width:80px!important;height:80px!important;min-width:80px!important;min-height:80px!important;}
  .public-receive-page .public-receive-hero-v19 h1{font-size:26px!important;}
  .public-receive-page .public-page-qr{grid-template-columns:60px 1fr!important;padding:9px 12px!important;}
  .public-receive-page .public-page-qr img{width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;}
  .public-receive-page .public-hero-actions .btn{font-size:13px!important;min-height:46px!important;}
}

/* Public page table/card filtering: one source of truth for hidden rows */
.public-task-row.public-filter-hidden{display:none!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;}
.public-task-row.public-filter-hidden *{display:none!important;}
@media(max-width:760px){
  .public-task-table tbody tr.public-task-row.public-filter-hidden{display:none!important;}
}


/* === 20260621 V36: public page elapsed column/card polish === */
.public-elapsed-badge{white-space:nowrap!important;background:#eff6ff!important;color:#1e3a8a!important;border-color:#bfdbfe!important;font-weight:950!important;}
.public-task-table th:nth-child(6),.public-task-table td:nth-child(6){text-align:center!important;white-space:nowrap!important;}
@media (max-width:760px){
  .public-task-table tr.public-task-row td[data-label="Elapsed"]{display:grid!important;grid-template-columns:128px 1fr!important;align-items:center!important;gap:12px!important;}
  .public-task-table tr.public-task-row td[data-label="Elapsed"] .public-elapsed-badge{justify-self:start!important;min-width:86px!important;justify-content:center!important;}
}
@media (max-width:520px){
  .public-task-table tr.public-task-row td[data-label="Elapsed"]{grid-template-columns:106px 1fr!important;}
  .public-task-table tr.public-task-row td[data-label="Elapsed"] .public-elapsed-badge{font-size:13px!important;padding:8px 12px!important;}
}