:root{--green:#0b7a36;--green-2:#16a34a;--green-3:#dcfce7;--dark:#10251a;--ink:#17201b;--muted:#6b756f;--line:#e4e9e5;--bg:#f5f7f5;--white:#fff;--amber:#f59e0b;--amber-bg:#fff7df;--red:#e84b4b;--red-bg:#fff0f0;--blue:#2563eb;--blue-bg:#eff6ff;--violet:#7c3aed;--violet-bg:#f5f0ff;--shadow:0 10px 35px rgba(22,55,35,.08);--radius:18px;--radius-sm:11px;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}body{font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1{font-size:30px;line-height:1.15;margin-bottom:8px;letter-spacing:-.7px}h2{font-size:23px;letter-spacing:-.3px}h3{font-size:16px;margin-bottom:4px}p{color:var(--muted);line-height:1.6}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:linear-gradient(180deg,#10271b,#0c1d15);color:#dfe9e2;display:flex;flex-direction:column;z-index:40;overflow-y:auto}.brand{height:80px;display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid #ffffff12;font-weight:800;letter-spacing:.4px;color:#fff}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#18a84c,#075928);display:grid;place-items:center;font-size:21px;box-shadow:inset 0 1px 0 #ffffff40}.brand small{display:block;font-size:10px;letter-spacing:1.8px;margin-top:3px;color:#a8cbb5}.side-nav{padding:15px 10px 28px;display:flex;flex-direction:column;gap:3px}.side-nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;color:#cbd9d0;font-size:13px;transition:.2s}.side-nav a i{font-style:normal;width:20px;text-align:center;font-size:15px}.side-nav a:hover{background:#ffffff0b;color:#fff}.side-nav a.active{background:linear-gradient(90deg,#138c42,#0c7134);color:#fff;box-shadow:0 5px 18px #0003}.nav-label{font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:#668273;margin:17px 12px 5px}.sidebar-foot{margin:auto 12px 15px;background:linear-gradient(145deg,#ffffff12,#ffffff06);border:1px solid #ffffff10;border-radius:14px;padding:14px;display:flex;gap:10px;align-items:center;font-size:11px;color:#b9cfc1}.sidebar-foot span{font-size:24px}.sidebar-foot strong{display:block;color:#e9f9ee;font-size:13px;margin-top:2px}.main{margin-left:245px;min-width:0;width:calc(100% - 245px)}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:30}.menu-toggle{display:none;border:0;background:none;font-size:22px}.global-search{margin-right:auto;width:min(440px,45vw);height:40px;border:1px solid var(--line);background:#fafbfa;border-radius:11px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#7e8781}.global-search input{border:0;outline:0;background:transparent;width:100%}.top-actions,.user-chip{display:flex;align-items:center;gap:12px}.connection-pill{font-size:11px;color:var(--green);background:var(--green-3);padding:6px 10px;border-radius:20px}.user-chip{border-left:1px solid var(--line);padding-left:16px}.avatar{width:35px;height:35px;border-radius:50%;background:linear-gradient(145deg,#d8f7e2,#90d3a8);color:#075529;display:grid;place-items:center;font-weight:800}.avatar.tiny{width:31px;height:31px;font-size:11px}.user-chip strong,.user-chip small{display:block}.user-chip strong{font-size:12px}.user-chip small{font-size:10px;color:var(--muted)}.link-btn{border:0;background:transparent;color:var(--muted);font-size:11px}.content{padding:28px;max-width:1700px;margin:0 auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head p{margin:0}.page-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:800;color:var(--green);display:block;margin-bottom:7px}.back-link{font-size:12px;color:var(--green);font-weight:700;display:inline-block;margin-bottom:9px}.btn{border:1px solid transparent;border-radius:10px;padding:10px 15px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.18s}.btn.primary{background:linear-gradient(135deg,var(--green),#119746);color:#fff;box-shadow:0 7px 20px #0b7a3628}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 9px 24px #0b7a3640}.btn.secondary{background:#fff;border-color:var(--line);color:#334139}.btn.danger-outline{background:#fff;border-color:#f2b8b8;color:var(--red)}.btn.small{padding:7px 11px;font-size:11px}.btn.full{width:100%}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-bottom:15px}.kpi{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;gap:12px;min-height:112px;box-shadow:0 2px 8px #00000003}.kpi-icon{width:39px;height:39px;border-radius:12px;background:var(--green-3);color:var(--green);display:grid;place-items:center;flex:none}.tone-violet .kpi-icon{background:var(--violet-bg);color:var(--violet)}.tone-amber .kpi-icon{background:var(--amber-bg);color:var(--amber)}.tone-blue .kpi-icon{background:var(--blue-bg);color:var(--blue)}.tone-red .kpi-icon{background:var(--red-bg);color:var(--red)}.kpi small,.kpi strong,.kpi em{display:block}.kpi small{color:var(--muted);font-size:11px}.kpi strong{font-size:19px;margin:5px 0 4px}.kpi em{font-style:normal;font-size:9px;color:#78827c}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 2px 10px #00000003;min-width:0}.span-2{grid-column:span 2}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-head p{font-size:11px;margin:0}.panel-head>a{font-size:11px;color:var(--green);font-weight:700}.panel-head>strong{font-size:17px}.svg-chart{height:275px;position:relative;overflow:hidden}.svg-chart svg{width:100%;height:100%;overflow:visible}.chart-legend{display:flex;gap:15px;margin-top:6px;font-size:10px;color:var(--muted)}.chart-legend i{display:inline-block;width:8px;height:8px;border-radius:3px;margin-right:5px}.rank-list>div{margin:15px 0}.rank-list span{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}.rank-list small{color:var(--muted)}.rank-list i{display:block;width:100%;height:6px;background:#edf2ee;border-radius:5px;position:relative;overflow:hidden}.rank-list i:after{content:"";display:block;width:var(--w);height:100%;background:linear-gradient(90deg,var(--green),#54c679);border-radius:5px}.donut-wrap{display:flex;align-items:center;justify-content:center;gap:25px;min-height:210px}.donut{--p:60;width:135px;height:135px;border-radius:50%;background:conic-gradient(var(--green) calc(var(--p)*1%),#e9efea 0);display:grid;place-items:center;position:relative}.donut:before{content:"";position:absolute;inset:18px;background:#fff;border-radius:50%}.donut span{position:relative;font-size:25px;font-weight:800;text-align:center}.donut small{display:block;font-size:9px;color:var(--muted);font-weight:500}.legend{list-style:none;padding:0;margin:0;min-width:130px}.legend li{display:grid;grid-template-columns:10px 1fr auto;gap:7px;align-items:center;padding:7px 0;color:var(--muted);font-size:10px}.legend i{width:7px;height:7px;background:var(--green);border-radius:50%}.legend b{color:var(--ink)}.activity-list>a,.activity-list>div{display:flex;align-items:center;gap:11px;padding:11px 2px;border-bottom:1px solid #eef1ef}.activity-list>a:last-child{border:0}.activity-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px var(--green-3)}.activity-list section{flex:1}.activity-list strong,.activity-list small{display:block}.activity-list strong{font-size:12px}.activity-list small{font-size:10px;color:var(--muted);margin-top:3px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quick-grid a{min-height:72px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px;transition:.2s}.quick-grid a:hover{border-color:#9acbac;background:#f8fcf9}.quick-grid small{font-size:9px;margin-top:6px;color:#4f5c54}.mini-table>a{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid #eef1ef}.mini-table strong,.mini-table small{display:block}.mini-table small{font-size:10px;color:var(--muted);margin-top:2px}.mini-table b{font-size:11px}.lead-list>div{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #eef1ef}.lead-list section{flex:1}.lead-list strong,.lead-list small{display:block;font-size:11px}.lead-list small{color:var(--muted);font-size:9px}.mini-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:15px}.mini-kpis article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px}.mini-kpis small,.mini-kpis strong{display:block}.mini-kpis small{font-size:10px;color:var(--muted)}.mini-kpis strong{font-size:20px;margin-top:5px}.table-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:13px}.search-box{border:1px solid var(--line);border-radius:10px;height:39px;padding:0 11px;display:flex;align-items:center;gap:6px;background:#fafbfa;min-width:250px}.search-box input{border:0;outline:0;background:transparent;width:100%}.table-toolbar select,.page-actions select{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px}.record-count{margin-left:auto;font-size:10px;color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-size:9px;letter-spacing:.55px;text-transform:uppercase;color:#77817a;background:#fafbfa;padding:11px;border-bottom:1px solid var(--line)}td{font-size:11px;padding:12px 11px;border-bottom:1px solid #edf0ee;color:#39443e}tbody tr:hover{background:#fbfdfb}.actions{display:flex;align-items:center;gap:6px}.actions form{margin:0}.icon-btn,.icon-danger{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 9px;font-size:10px;font-weight:700;color:var(--green)}.icon-danger{color:var(--red);border-color:#f4d2d2}.tag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:20px;background:#eef2ef;color:#526057;font-size:9px;font-weight:700;text-transform:capitalize}.tag.green,.status-active,.status-completed,.status-received,.status-delivered,.status-dispatched,.status-inside,.status-won,.status-accepted{background:var(--green-3);color:var(--green)}.tag.amber,.status-draft,.status-pending,.status-partially_received,.status-in_progress,.status-outside,.status-contacted,.status-negotiation,.status-follow-up_required{background:var(--amber-bg);color:#a56600}.tag.blue,.status-confirmed,.status-approved,.status-sent,.status-new,.status-quotation_sent,.status-reserved{background:var(--blue-bg);color:var(--blue)}.status-cancelled,.status-inactive,.status-rejected,.status-expired,.status-lost,.status-credit_hold{background:var(--red-bg);color:var(--red)}.status-on_hold{background:var(--violet-bg);color:var(--violet)}.text-danger{color:var(--red)}.empty{padding:55px;text-align:center;color:var(--muted)}.empty span{font-size:35px}.empty h3{color:var(--ink);margin:10px 0 4px}.empty-card{padding:18px;border:1px dashed #cad5cd;border-radius:12px;color:var(--muted);font-size:11px;text-align:center}.modal{position:fixed;inset:0;background:#0d1f1688;display:none;align-items:center;justify-content:center;padding:20px;z-index:100;backdrop-filter:blur(4px)}.modal.open{display:flex}.modal-card{background:#fff;border-radius:22px;padding:24px;width:min(620px,96vw);max-height:92vh;overflow:auto;position:relative;box-shadow:0 30px 90px #0004}.modal-card.wide{width:min(850px,96vw)}.modal-card.extra-wide{width:min(1180px,98vw)}.modal-close{position:absolute;right:18px;top:15px;border:0;background:#eff3f0;width:30px;height:30px;border-radius:50%;font-size:20px;color:#657169}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-grid label,.stack label,.mobile-form label{font-size:10px;font-weight:700;color:#4d5951;display:flex;flex-direction:column;gap:6px}.form-grid label b,.mobile-form label b{color:var(--red)}.full-span{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea,.stack input,.stack select,.stack textarea,.mobile-form input,.mobile-form select,.mobile-form textarea,.grn-form input,.grn-form select{border:1px solid #dfe6e1;background:#fff;border-radius:9px;padding:10px 11px;outline:none;width:100%;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:#69b984;box-shadow:0 0 0 3px #e5f6eb}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:7px}.line-items{margin-top:20px;border:1px solid var(--line);border-radius:14px;padding:14px}.line-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.line-row{display:grid;grid-template-columns:2.2fr .7fr .7fr .8fr .8fr .85fr 30px;gap:8px;align-items:end;border-top:1px solid #edf0ee;padding:11px 0}.line-row.sales-line{grid-template-columns:2.4fr .8fr .9fr .8fr .9fr 30px}.line-row label{font-size:9px;color:var(--muted);font-weight:700}.line-row input,.line-row select{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px;font-size:10px}.remove-line{border:0;background:var(--red-bg);color:var(--red);border-radius:8px;width:28px;height:32px}.order-total{display:flex;justify-content:flex-end;align-items:center;gap:18px;padding:16px;font-size:12px}.order-total strong{font-size:20px;color:var(--green)}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.detail-list{margin:0}.detail-list>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #edf0ee}.detail-list dt{font-size:10px;color:var(--muted)}.detail-list dd{margin:0;text-align:right;font-size:11px;font-weight:700;max-width:65%;white-space:normal}.stack{display:flex;flex-direction:column;gap:10px}.receive-panel{margin-top:15px}.grn-form .form-grid{margin-bottom:17px}.receive-table input{min-width:100px;padding:8px}.success-card{text-align:center;background:linear-gradient(145deg,#f7fff9,#edfbf2)}.success-card>span{width:52px;height:52px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:24px}.success-card.compact{padding:22px;border-radius:14px}.proof-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.proof-grid figure{margin:0;border:1px solid var(--line);border-radius:13px;overflow:hidden}.proof-grid img{aspect-ratio:4/3;object-fit:cover;width:100%}.proof-grid figcaption{padding:8px;font-size:9px;color:var(--muted)}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.notes-grid section{background:#fafcfa;border:1px solid var(--line);padding:12px;border-radius:11px}.notes-grid section.full{grid-column:1/-1}.notes-grid small{color:var(--green);font-weight:800;font-size:9px;text-transform:uppercase}.notes-grid p{margin:6px 0 0;font-size:11px}.report-links{display:flex;flex-direction:column}.report-links a{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid var(--line);font-weight:700;font-size:11px}.report-links span{color:var(--green)}.toast{position:fixed;right:22px;top:84px;z-index:200;min-width:280px;max-width:430px;padding:13px 16px;border-radius:12px;box-shadow:var(--shadow);animation:toastIn .25s ease}.toast.success{background:#e9fbea;border:1px solid #b4e6c2;color:#12632d}.toast.error{background:#fff1f1;border:1px solid #f3bcbc;color:#9e2727}@keyframes toastIn{from{transform:translateY(-10px);opacity:0}}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-visual{background:radial-gradient(circle at 20% 20%,#1aa851,#0a642f 50%,#07361d);padding:10vw;color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-visual:after{content:"";position:absolute;width:500px;height:500px;border:100px solid #ffffff08;border-radius:50%;right:-220px;bottom:-220px}.hero-logo{font-size:60px}.login-visual h1{font-size:50px;margin:18px 0}.login-visual p{color:#d2ecdb;max-width:500px}.hero-pills{display:flex;gap:8px;flex-wrap:wrap}.hero-pills span{padding:8px 12px;border:1px solid #ffffff35;border-radius:20px;font-size:11px}.login-card{display:grid;place-items:center;padding:35px}.login-inner{width:min(410px,100%)}.login-inner>p{margin-bottom:25px}.demo-note{margin-top:18px;padding:12px;border-radius:10px;background:#f4f7f5;color:var(--muted);font-size:10px;line-height:1.7}.error-page{min-height:100vh;display:grid;place-items:center;text-align:center}.error-page span{font-size:90px;color:#cfe7d6;font-weight:900}.mobile-app{max-width:580px;margin:0 auto;min-height:100vh;background:#f4f7f5;box-shadow:0 0 60px #0c2c1715;padding-bottom:85px}.mobile-header{height:76px;background:linear-gradient(135deg,#087436,#14a24c);color:#fff;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.mobile-header small{color:#ccebd7;font-size:9px;text-transform:uppercase;letter-spacing:1px}.mobile-header h1{font-size:19px;margin:3px 0 0}.mobile-header .avatar{background:#fff;color:var(--green)}.mobile-content{padding:15px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(580px,100%);height:70px;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;z-index:50;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a,.bottom-nav button{border:0;background:none;text-align:center;color:#707b74;font-size:17px;display:flex;flex-direction:column;align-items:center}.bottom-nav small{font-size:8px;margin-top:3px}.bottom-nav .nav-add{width:46px;height:46px;border-radius:50%;background:var(--green);color:#fff;justify-self:center;font-size:28px;box-shadow:0 8px 20px #0b7a3650}.greeting{background:linear-gradient(145deg,#e9f8ee,#fff);border:1px solid #d6ebdd;border-radius:17px;padding:16px;display:flex;justify-content:space-between;align-items:center}.greeting p{font-size:11px;margin:0;color:var(--green);font-weight:700}.greeting h2{font-size:18px;margin:4px 0 0}.online-pill{font-size:9px;color:var(--green);background:#fff;border-radius:20px;padding:6px 8px}.mobile-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:11px 0}.mobile-kpis article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px 7px;text-align:center}.mobile-kpis strong,.mobile-kpis small{display:block}.mobile-kpis strong{font-size:15px;color:var(--green)}.mobile-kpis small{font-size:8px;color:var(--muted);margin-top:4px}.big-action{background:linear-gradient(135deg,#0c7c39,#12a04a);color:#fff;border-radius:16px;padding:15px;display:flex;align-items:center;gap:12px;box-shadow:0 9px 22px #0b7a3633}.big-action>span{width:38px;height:38px;border-radius:12px;background:#ffffff20;display:grid;place-items:center;font-size:24px}.big-action div{flex:1}.big-action strong,.big-action small{display:block}.big-action small{color:#c9ead5;font-size:9px;margin-top:3px}.mobile-section{margin-top:17px}.mobile-section.no-margin{margin-top:5px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.section-title h3{font-size:14px}.section-title a{font-size:9px;color:var(--green);font-weight:700}.visit-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:11px;display:flex;align-items:center;gap:10px;margin-bottom:8px}.visit-icon{width:35px;height:35px;background:var(--green-3);color:var(--green);border-radius:10px;display:grid;place-items:center}.visit-card div{flex:1}.visit-card strong,.visit-card small{display:block}.visit-card strong{font-size:11px}.visit-card small{font-size:8px;color:var(--muted);margin-top:3px}.mobile-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mobile-quick a{height:73px;background:#fff;border:1px solid var(--line);border-radius:13px;display:flex;flex-direction:column;justify-content:center;align-items:center}.mobile-quick span{font-size:20px}.mobile-quick small{font-size:8px;margin-top:7px;color:#526057}.field-tip{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px;display:flex;gap:10px}.field-tip>span{font-size:28px}.field-tip strong,.field-tip small{display:block}.field-tip small{font-size:9px;color:var(--muted);line-height:1.5;margin-top:3px}.stepper{display:flex;align-items:center;justify-content:center;margin:4px 0 15px}.stepper span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e7ece8;color:#7d877f;font-weight:800;font-size:11px}.stepper span.active{background:var(--green);color:#fff}.stepper i{width:55px;height:2px;background:#dce4de}.mobile-form{display:flex;flex-direction:column;gap:12px}.form-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:15px;box-shadow:0 2px 8px #00000003}.mobile-form label{margin-top:11px;font-size:9px}.mobile-form input,.mobile-form select,.mobile-form textarea{font-size:12px;padding:11px}.card-heading{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid #eef1ef}.card-heading>span{width:31px;height:31px;border-radius:10px;background:var(--green-3);color:var(--green);display:grid;place-items:center;font-weight:800}.card-heading h3{margin:0}.card-heading small{font-size:8px;color:var(--muted)}.gps-status{display:flex;gap:10px;align-items:center;background:#f7faf8;border:1px solid #e1e8e3;border-radius:12px;padding:12px;margin:12px 0}.gps-status>span{font-size:25px;color:var(--green)}.gps-status strong,.gps-status small{display:block}.gps-status strong{font-size:10px}.gps-status small{font-size:8px;color:var(--muted);margin-top:3px}.gps-status.ok{background:#effbf3;border-color:#bce5ca}.camera-box{border:1.5px dashed #a9cbb5!important;background:#f9fcfa;border-radius:13px;padding:20px!important;display:flex!important;align-items:center;text-align:center;cursor:pointer;color:var(--green)!important;font-size:25px!important}.camera-box strong,.camera-box small{display:block}.camera-box strong{font-size:11px;color:var(--ink);margin-top:7px}.camera-box small{font-size:8px;color:var(--muted);margin-top:3px}.camera-box input{display:none}.camera-box.mini{padding:14px!important}.photo-preview img{border-radius:12px;margin-top:10px;max-height:230px;width:100%;object-fit:cover}.sticky-submit{position:sticky;bottom:76px;z-index:10;padding:13px}.visit-live{display:flex;align-items:center;gap:12px;background:#fff7e8;border:1px solid #f6d999;border-radius:14px;padding:12px;margin-bottom:10px}.pulse{width:10px;height:10px;background:var(--amber);border-radius:50%;box-shadow:0 0 0 5px #f8d88980;animation:pulse 1.5s infinite}@keyframes pulse{50%{box-shadow:0 0 0 10px #f8d88915}}.visit-live strong,.visit-live small{display:block}.visit-live strong{font-size:11px}.visit-live small{font-size:8px;color:var(--muted)}.summary-card h2{margin:4px 0;font-size:18px}.summary-card p{font-size:10px;margin-bottom:10px}.location-row{font-size:9px;color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:8px}.completed-visit{text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;margin-top:20px}.completed-visit>span{width:65px;height:65px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;margin:0 auto 14px;font-size:30px}.completion-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:17px 0}.completion-stats div{background:#f5f8f6;border-radius:12px;padding:12px}.completion-stats small,.completion-stats strong{display:block}.completion-stats small{font-size:8px;color:var(--muted)}.completion-stats strong{margin-top:4px;color:var(--green)}.mobile-filter{display:flex;gap:7px;margin-bottom:12px}.mobile-filter input,.mobile-filter select{min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff}.mobile-filter input{flex:1}.visit-timeline{padding-left:10px}.history-card{display:flex;position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px;margin:0 0 10px 13px}.timeline-dot{position:absolute;left:-20px;top:20px;width:11px;height:11px;background:var(--green);border:3px solid #d8f0e0;border-radius:50%}.history-main{width:100%}.history-main>div:first-child{display:flex;justify-content:space-between}.history-main strong{font-size:11px}.history-main small{font-size:8px;color:var(--muted)}.history-main p{font-size:9px;margin:8px 0}.history-metrics{display:flex;flex-wrap:wrap;gap:5px}.history-metrics span{font-size:7px;background:#f0f5f1;border-radius:10px;padding:5px 7px}.mobile-line{border:1px solid var(--line);border-radius:13px;padding:11px;margin:9px 0;background:#fbfdfb}.mobile-line-footer{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.mobile-line-footer strong{color:var(--green)}.mobile-line-footer button{border:0;background:none;color:var(--red);font-size:9px}.money-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;padding-left:12px}.money-input span{font-size:18px;color:var(--green);font-weight:800}.money-input input{border:0!important;box-shadow:none!important}.no-scroll{overflow:hidden}
@media(max-width:1350px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1050px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.menu-toggle{display:block}.content{padding:20px}.dashboard-grid{grid-template-columns:1fr 1fr}.kpi-grid{grid-template-columns:repeat(3,1fr)}.line-row,.line-row.sales-line{grid-template-columns:repeat(3,1fr)}.remove-line{align-self:end}}@media(max-width:760px){.content{padding:14px}.topbar{padding:0 14px}.global-search{display:none}.connection-pill{display:none}.user-chip>div{display:none}.page-head{flex-direction:column}.page-actions{width:100%}.page-actions .btn{flex:1}.kpi-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.detail-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.mini-kpis{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.full-span{grid-column:auto}.notes-grid{grid-template-columns:1fr}.notes-grid section.full{grid-column:auto}.line-row,.line-row.sales-line{grid-template-columns:1fr 1fr}.line-row label:first-child{grid-column:1/-1}.login-page{grid-template-columns:1fr}.login-visual{display:none}.table-toolbar{flex-wrap:wrap}.search-box{min-width:100%;}.record-count{margin-left:0}.svg-chart{height:230px}}@media(max-width:480px){.mobile-content{padding:12px}.mobile-kpis{grid-template-columns:1fr 1fr}.proof-grid{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}.toast{left:12px;right:12px;top:83px;min-width:0}.line-row,.line-row.sales-line{grid-template-columns:1fr}.line-row label:first-child{grid-column:auto}}
.hidden{display:none!important}.offline-chip{background:#fff3cd;color:#8a5b00;border:1px solid #f7d982;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}.sync-note,.sync-status-card{background:#eef8f1;border:1px solid #cfe8d6;color:#176033;border-radius:14px;padding:12px 14px;font-size:13px}.sync-status-card{margin:14px 0}.sync-status-card.synced{background:#eaf8ef;color:#08752f}.offline-sync-banner{display:flex;gap:12px;align-items:center;margin:0 0 14px;padding:12px 14px;border-radius:16px;background:#fff7df;border:1px solid #f5d888;color:#704b00}.offline-sync-banner>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f7c94b;font-size:20px}.offline-sync-banner strong,.offline-sync-banner small{display:block}.offline-sync-banner small{opacity:.75;margin-top:2px}.error-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f4f7f4}.error-card{max-width:520px;text-align:center;background:#fff;border:1px solid #e4eae5;border-radius:28px;padding:44px;box-shadow:0 20px 70px #153c2514}.error-code{font-size:58px;font-weight:900;color:#0b7a36}.error-card h1{margin:0 0 10px}.error-card p{color:#657168;margin:0 0 24px}

/* Phase 3 — dealer portal, finance and field-force */
.dealer-header{background:linear-gradient(135deg,#063f24,#0b7a36);color:#fff}.dealer-header small{color:#c8efda}.dealer-kpis article{min-height:92px}.scheme-card,.tracking-card,.attendance-card,.target-mobile,.notification-card,.ticket-card,.product-card,.ledger-row,.proof-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e4ebe6;border-radius:18px;padding:15px;margin-bottom:10px;box-shadow:0 8px 25px rgba(16,58,33,.05)}.scheme-card>span,.tracking-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#e9f8ef;color:#087333;font-size:20px}.scheme-card div,.tracking-card div,.notification-card div,.ticket-card div{min-width:0;flex:1}.scheme-card strong,.tracking-card strong,.notification-card strong,.ticket-card strong{display:block}.scheme-card small,.tracking-card small,.notification-card small,.ticket-card small{display:block;color:#6f7d73;margin-top:4px}.compact-action{border:0;width:100%;text-align:left;margin-bottom:18px}.mobile-search{position:sticky;top:0;z-index:5;background:#f5f8f6;padding:8px 0 14px}.mobile-search input{width:100%;border:1px solid #dfe8e2;border-radius:16px;padding:13px 16px;background:#fff}.product-card{align-items:flex-start}.product-badge{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#e3f6e9,#f6fbf7);font-size:26px}.product-card section{flex:1;min-width:0}.product-card section>small{color:#0b7a36;font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:.08em}.product-card strong{display:block;font-size:16px;margin:3px 0}.product-card p{color:#738078;font-size:12px;margin:4px 0 10px}.product-card section>div{display:flex;align-items:center;gap:10px}.product-card b{font-size:18px;color:#0b7a36}.product-card em{font-style:normal;text-decoration:line-through;color:#9aa49d;font-size:12px}.mobile-modal{max-height:90vh;overflow:auto}.order-hero{background:linear-gradient(135deg,#063f24,#0b7a36);color:#fff;padding:24px;border-radius:22px;margin-bottom:18px}.order-hero h2{margin:14px 0 4px}.order-hero p{opacity:.75}.order-hero>strong{font-size:28px;display:block;margin-top:18px}.line-summary{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #edf1ee}.line-summary small{display:block;color:#758078;margin-top:4px}.ledger-row{justify-content:space-between}.ledger-row>section{text-align:right}.ledger-row small{display:block;color:#7a857e}.debit{color:#b42318}.credit{color:#087333}.panel-form{background:#fff;border:1px solid #e4ebe6;border-radius:20px;padding:18px;box-shadow:0 10px 28px rgba(15,55,31,.05)}.ticket-card{align-items:flex-start}.ticket-card p{margin:8px 0 0;color:#5f6d64}.notification-card{align-items:flex-start}.notification-card>span{color:#aeb9b2}.notification-card.unread{border-color:#9edab4;background:#f6fff9}.notification-card.unread>span{color:#0b7a36}.notification-card em{display:block;color:#9aa49e;font-size:10px;font-style:normal;margin-top:5px}.empty-card.large{padding:45px;text-align:center}.attendance-card{position:relative}.attendance-card>span{font-size:22px}.attendance-card>div{flex:1}.attendance-card small{display:block;color:#6d7971;margin-top:4px}.attendance-card.working{border-color:#8bd0a5;background:#f4fff7}.attendance-card.done{background:#f1f8f3}.camera-mini{cursor:pointer;border-radius:12px;background:#edf5ef;padding:9px}.camera-mini input{display:none}.target-mobile{justify-content:space-between;background:linear-gradient(135deg,#ecf8f0,#f9fcfa)}.target-mobile strong,.target-mobile small{display:block}.target-mobile small{color:#6d7971}.field-force-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-bottom:22px}.agent-card{background:#fff;border:1px solid #e3eae5;border-radius:22px;padding:18px;box-shadow:0 12px 30px rgba(16,57,33,.05)}.agent-head{display:flex;align-items:center;gap:11px}.agent-head>div{flex:1}.agent-head small{display:block;color:#77827b;margin-top:3px}.agent-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:17px 0}.agent-stats span{background:#f4f8f5;border-radius:14px;padding:12px;text-align:center}.agent-stats b,.agent-stats small{display:block}.agent-stats small{font-size:10px;color:#758078;margin-top:4px}.latest-location{display:flex;align-items:center;gap:10px;padding:12px;border:1px dashed #cbd9cf;border-radius:14px}.latest-location>div{flex:1}.latest-location small{display:block;color:#748078;margin-top:3px}.latest-location a{font-size:12px;font-weight:700}.target-strip{margin-top:12px;background:#f2f0ff;border-radius:13px;padding:11px}.target-strip small,.target-strip strong{display:block}.target-list{padding:12px 0;border-bottom:1px solid #edf0ee}.target-list strong,.target-list small,.target-list span{display:block}.target-list small{color:#7a857e;margin:3px 0}.proof-card{display:block}.proof-card>div{margin-bottom:8px}.proof-card small{display:block;color:#748078;margin-top:3px}.proof-card form{display:grid;gap:7px;margin-top:10px}.text-red{color:#b42318}.ticket-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:18px}.ticket-admin p{color:#58675d}.ticket-meta{display:flex;gap:14px;flex-wrap:wrap;color:#748078;font-size:12px;margin:13px 0}.inline-status{display:grid;grid-template-columns:140px 1fr auto;gap:8px}.notification-list{display:grid;gap:12px}.notification-admin{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e2e9e4;border-radius:18px;padding:16px}.notification-admin.unread{border-left:4px solid #0b7a36;background:#f8fffa}.notification-admin>div{flex:1}.notification-admin p{margin:4px 0;color:#5e6c63}.notification-admin small{color:#8a958e}.notification-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:#edf7f0;color:#087333}.system-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf0ee}.btn.small{padding:8px 11px;font-size:12px}.btn.danger{background:#b42318;color:#fff}.target-modal{z-index:1001}.modal.target-modal.open{display:flex}
@media(max-width:720px){.ticket-grid{grid-template-columns:1fr}.inline-status{grid-template-columns:1fr}.field-force-grid{grid-template-columns:1fr}.dealer-nav a small{font-size:9px}}
@media print{.sidebar,.topbar,.page-actions,.bottom-nav{display:none!important}.main{margin:0!important}.content{padding:0!important}.panel{box-shadow:none!important}}
/* Phase 5 — field launch intelligence, user profiles and install UX */
.mobile-account{display:flex;align-items:center;gap:8px}.mobile-account form{margin:0}.mobile-logout{border:0;background:#eef7f0;color:#0b7a36;height:34px;border-radius:11px;font-size:15px;display:flex;align-items:center;gap:5px;padding:0 9px}.mobile-logout b{font-size:9px;text-transform:uppercase;letter-spacing:.04em}.mobile-logout.light{background:#ffffff22;color:#fff}.mobile-header .avatar{border:0}.field-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.filter-strip{display:flex;align-items:end;gap:12px;margin-bottom:15px;padding:14px}.filter-strip label{display:grid;gap:6px;font-size:11px;color:var(--muted)}.filter-strip input{border:1px solid var(--line);border-radius:9px;padding:9px}.launch-trend{height:250px;display:flex;align-items:stretch;gap:10px;border-bottom:1px solid var(--line);padding:20px 8px 0;overflow-x:auto}.trend-col{min-width:42px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;text-align:center}.trend-bars{height:180px;display:flex;align-items:flex-end;justify-content:center;gap:3px}.trend-bars i{display:block;width:8px;min-height:4px;border-radius:6px 6px 1px 1px;background:var(--green)}.trend-bars i:nth-child(2){background:var(--violet)}.trend-bars i:nth-child(3){background:var(--amber)}.trend-col b{font-size:9px;margin-top:7px}.trend-col small{font-size:8px;color:var(--muted);margin-top:2px}.result-bars>div{margin:14px 0}.result-bars span{display:flex;justify-content:space-between;font-size:11px;margin-bottom:6px}.result-bars i{display:block;height:7px;background:#edf1ee;border-radius:10px;overflow:hidden}.result-bars em{display:block;height:100%;background:linear-gradient(90deg,var(--green),#59c97d);border-radius:10px}.trial-alerts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:20px}.trial-alerts span{background:#f6f8f6;border-radius:11px;padding:9px;text-align:center;font-size:9px}.trial-alerts b{display:block;font-size:17px}.review-grid{margin-top:16px}.review-form{display:grid;gap:12px}.review-form label{display:grid;gap:6px}.review-form label span{font-weight:700;font-size:12px}.review-form textarea,.stack-form input,.stack-form select{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fafbfa}.stack-form{display:grid;gap:12px}.stack-form label{display:grid;gap:6px;font-size:11px}.import-mini{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.import-mini>div{display:flex;justify-content:space-between;padding:7px 0;font-size:10px}.weekly-panel{margin-top:16px}.weekly-card{border:1px solid var(--line);border-radius:15px;padding:15px;margin:12px 0;background:#fbfdfb}.weekly-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.weekly-card header small{display:block;color:var(--muted);margin-top:3px}.weekly-stats{display:flex;gap:7px}.weekly-stats span{background:var(--green-3);color:var(--green);border-radius:20px;padding:5px 8px;font-size:9px}.table-sub{display:block;color:var(--muted);font-size:9px;margin-top:3px}.detail-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-list div{padding:10px;background:#f8faf8;border-radius:11px}.detail-list small,.detail-list strong{display:block}.detail-list small{color:var(--muted);font-size:9px}.proof-image{width:100%;max-height:430px;object-fit:cover;border-radius:15px}.trial-timeline{display:grid;gap:12px}.trial-timeline article{display:grid;grid-template-columns:70px 1fr 120px;gap:13px;align-items:start;border-left:3px solid var(--green);padding:12px;background:#f9fbf9;border-radius:0 13px 13px 0}.trial-timeline article>span{font-weight:800;color:var(--green)}.trial-timeline article img{width:120px;height:80px;object-fit:cover;border-radius:10px}.trial-timeline small{display:block;color:var(--muted);margin-top:4px}.trial-timeline p{margin:7px 0 0}.import-drop{display:flex;align-items:center;gap:15px;padding:24px;border:2px dashed #b7d7c1;border-radius:18px;background:#f7fcf8}.import-drop label{flex:1;display:flex;align-items:center;gap:12px;cursor:pointer}.import-drop label>span{font-size:28px}.import-drop strong,.import-drop small{display:block}.import-drop small{color:var(--muted);margin-top:3px}.import-drop input{position:absolute;opacity:0;pointer-events:none}.warning-card{background:#fff8e5;border:1px solid #f3d58b;border-radius:14px;padding:13px;margin-top:15px}.warning-card p{margin:5px 0 0}.check-list{list-style:none;padding:0}.check-list li{padding:9px 0;border-bottom:1px solid var(--line)}.check-list li:before{content:'✓';color:var(--green);font-weight:900;margin-right:8px}.profile-grid{display:grid;grid-template-columns:320px 1fr;gap:18px}.profile-summary{text-align:center;align-self:start;position:sticky;top:92px}.profile-avatar-large{width:110px;height:110px;border-radius:32px;background:linear-gradient(145deg,#d8f7e2,#90d3a8);display:grid;place-items:center;margin:0 auto 15px;color:#075529;font-size:40px;font-weight:900;overflow:hidden}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-summary h2{margin-bottom:8px}.profile-meta{text-align:left;margin:20px 0}.profile-meta span{display:block;padding:10px 0;border-bottom:1px solid var(--line)}.profile-meta small,.profile-meta strong{display:block}.profile-meta small{color:var(--muted);font-size:9px}.profile-meta strong{font-size:12px;margin-top:3px;word-break:break-word}.install-help{display:block;color:var(--muted);margin:8px 0 15px}.profile-logout{margin-top:10px}.profile-password{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.profile-password p{font-size:11px}.attendance-expanded{display:block!important}.attendance-expanded header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.attendance-expanded header div{flex:1}.attendance-expanded header strong,.attendance-expanded header small{display:block}.attendance-proof-row{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px;margin-bottom:10px}.attendance-proof-row>label:first-child{display:grid;gap:5px;font-size:10px;color:var(--muted)}.attendance-proof-row input[type=number]{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px}.attendance-proof-row .camera-mini{display:flex;align-items:center;justify-content:center;font-size:10px}.daily-close-card{display:flex;align-items:center;gap:12px;border-radius:18px;padding:15px;margin:10px 0;background:linear-gradient(135deg,#fff7df,#fffdf6);border:1px solid #f0d89e}.daily-close-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#f9c94c;color:#694700;font-size:18px}.daily-close-card>div{flex:1}.daily-close-card strong,.daily-close-card small{display:block}.daily-close-card small{color:#7a6a44;margin-top:3px}.mobile-quick.six{grid-template-columns:repeat(3,1fr)}.score-card{background:linear-gradient(135deg,#063f24,#0b7a36);color:#fff;border-radius:20px;padding:17px;margin-bottom:13px}.score-card>div:first-child{display:flex;justify-content:space-between;align-items:center}.score-card strong{font-size:23px}.score-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.score-pills span{background:#ffffff18;border:1px solid #ffffff22;border-radius:20px;padding:5px 8px;font-size:9px}.auto-summary{background:#f3faf5;border:1px solid #d7eadc;border-radius:15px;padding:13px;margin:12px 0}.auto-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.auto-grid span{background:#fff;border-radius:10px;padding:9px;text-align:center}.auto-grid b,.auto-grid small{display:block}.auto-grid small{font-size:8px;color:var(--muted)}.auto-summary p{font-size:10px;margin:8px 0 0}.mobile-create{background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:15px;overflow:hidden}.mobile-create summary{padding:15px;font-weight:800;cursor:pointer;color:var(--green)}.mobile-create .form-card{margin:0;border:0;border-top:1px solid var(--line);border-radius:0}.profile-list-card{display:flex;gap:12px;padding:13px;background:#fff;border:1px solid var(--line);border-radius:15px;margin-bottom:9px}.profile-list-card>span{width:42px;height:42px;border-radius:13px;background:var(--green-3);color:var(--green);display:grid;place-items:center;font-weight:900}.profile-list-card>div{flex:1}.profile-list-card strong,.profile-list-card small{display:block}.profile-list-card small{color:var(--muted);margin-top:3px}.profile-list-card p{margin:5px 0 0;font-size:9px}.trial-mobile-card{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:10px}.trial-mobile-head{display:flex;align-items:center;gap:10px}.trial-mobile-head>span{font-size:24px}.trial-mobile-head>div{flex:1}.trial-mobile-head strong,.trial-mobile-head small{display:block}.trial-mobile-head small{color:var(--muted);margin-top:3px}.trial-mobile-head em{font-style:normal;font-size:9px;background:var(--amber-bg);color:#8a5b00;padding:5px 8px;border-radius:20px}.trial-mobile-card p{font-size:11px;margin:10px 0}.trial-mobile-card footer{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.trial-mobile-card footer b{color:var(--green)}.camera-upload{border:1px dashed #acd2b8!important;background:#f5fbf7!important;padding:14px!important;text-align:center;cursor:pointer}.camera-upload input{position:absolute;opacity:0}.camera-upload span{color:var(--green);font-weight:800}.photo-preview img{border-radius:13px;max-height:240px;width:100%;object-fit:cover}.photo-preview small{display:block;color:var(--muted);margin-top:5px}.trial-cover{position:relative;margin-bottom:13px}.trial-cover img{width:100%;height:230px;object-fit:cover;border-radius:20px}.trial-cover span{position:absolute;bottom:10px;left:10px;background:#10251acc;color:#fff;padding:6px 9px;border-radius:9px;font-size:9px}.observation-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px;margin-bottom:10px}.observation-card header,.observation-card footer{display:flex;justify-content:space-between}.observation-card header small{color:var(--muted)}.observation-card img{width:100%;max-height:250px;object-fit:cover;border-radius:12px;margin:9px 0}.observation-card footer{font-size:9px;color:var(--green)}.trial-hero{background:linear-gradient(135deg,#e6f7eb,#f8fcf9);border-radius:18px;padding:16px;margin-bottom:12px}
@media(max-width:1050px){.field-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.profile-grid{grid-template-columns:1fr}.profile-summary{position:static}.filter-strip{flex-wrap:wrap}.trial-timeline article{grid-template-columns:55px 1fr}.trial-timeline article img{grid-column:2;width:100%;height:160px}.import-drop{flex-direction:column;align-items:stretch}.field-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.attendance-proof-row{grid-template-columns:1fr 1fr}.attendance-proof-row>label:first-child{grid-column:1/-1}.auto-grid{grid-template-columns:repeat(2,1fr)}.profile-page-head{display:none}.profile-grid{margin-top:0}}

/* Production completion v5.1.1 — HR, attendance evidence and field-day controls */
.filter-strip.compact{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:14px}.filter-strip.compact label{display:grid;gap:5px;font-size:10px;color:var(--muted)}.filter-strip.compact input,.filter-strip.compact select{min-width:135px;border:1px solid var(--line);border-radius:10px;padding:9px;background:#fff}.inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.employee-list{display:grid;gap:8px}.employee-row{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid var(--line);border-radius:13px;background:#fbfdfb;transition:.2s}.employee-row:hover{transform:translateY(-1px);border-color:#b8dac3;box-shadow:var(--shadow)}.employee-row>div{flex:1}.employee-row strong,.employee-row small{display:block}.employee-row small{font-size:9px;color:var(--muted);margin-top:3px}.holiday-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.holiday-row>div{flex:1}.holiday-row strong,.holiday-row small{display:block}.holiday-row small{font-size:9px;color:var(--muted);margin-top:3px}.attendance-strip{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:7px;align-items:center;margin:12px 0;padding:10px;background:#f4faf6;border:1px solid #d9eadf;border-radius:12px}.attendance-strip span{text-align:center}.attendance-strip small,.attendance-strip b{display:block}.attendance-strip small{font-size:8px;color:var(--muted)}.attendance-strip b{font-size:11px;margin-top:2px}.attendance-strip a{font-size:10px;color:var(--green);font-weight:800}.evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.evidence-card{border:1px solid var(--line);background:#fbfdfb;border-radius:16px;padding:15px}.evidence-card h4{margin:0 0 9px}.evidence-card p{font-size:11px;margin:5px 0}.proof-thumb{display:inline-flex;vertical-align:top;flex-direction:column;gap:5px;width:145px;margin:12px 8px 0 0}.proof-thumb img{height:105px;width:145px;object-fit:cover;border-radius:11px;border:1px solid var(--line)}.proof-thumb small{font-size:9px;color:var(--muted)}.attendance-history-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:10px}.attendance-history-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.attendance-history-card header strong,.attendance-history-card header small{display:block}.attendance-history-card header small{color:var(--muted);font-size:9px;margin-top:3px}.attendance-history-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.attendance-history-grid span{background:#f6f9f6;border-radius:11px;text-align:center;padding:9px 5px}.attendance-history-grid small,.attendance-history-grid b{display:block}.attendance-history-grid small{font-size:8px;color:var(--muted)}.attendance-history-grid b{font-size:11px;margin-top:3px}.attendance-map-links{display:flex;gap:9px;margin-top:10px}.attendance-map-links a{font-size:9px;color:var(--green);font-weight:800;background:var(--green-3);padding:6px 9px;border-radius:20px}.preview-item{display:inline-flex;flex-direction:column;gap:4px;width:90px;margin:7px 7px 0 0}.preview-item img{width:90px;height:72px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.preview-item small{font-size:8px;color:var(--muted)}.attendance-preview{min-height:0;margin-bottom:8px}.gps-status.ok{background:#ecfdf3;border-color:#a9dfbb}.gps-status.ok strong{color:var(--green)}.mobile-hero.compact{padding:14px}.mobile-quick.eight{grid-template-columns:repeat(4,1fr)}.empty-card.large{min-height:180px;display:grid;place-items:center;text-align:center}.hr-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.hr-stat-grid span{padding:10px;background:#f5f8f5;border-radius:11px;text-align:center}.hr-stat-grid b,.hr-stat-grid small{display:block}.hr-stat-grid small{font-size:8px;color:var(--muted)}
@media(max-width:760px){.evidence-grid{grid-template-columns:1fr}.attendance-strip{grid-template-columns:repeat(3,1fr)}.attendance-strip a{grid-column:1/-1;text-align:center}.filter-strip.compact>*{flex:1 1 140px}.mobile-quick.eight{grid-template-columns:repeat(4,1fr)}}
@media(max-width:480px){.attendance-history-grid{grid-template-columns:repeat(2,1fr)}.mobile-quick.eight{grid-template-columns:repeat(4,1fr)}.proof-thumb,.proof-thumb img{width:100%}.proof-thumb img{height:180px}}


/* ==========================================================================
   PWA Mobile Form System v5.2.0
   Fixes label/input overlap, file input overlays, overflow and touch sizing.
   ========================================================================== */
.mobile-app{overflow-x:hidden}
.mobile-content,.mobile-content>*{min-width:0}
.mobile-hero.compact{padding:16px 4px 12px}
.mobile-hero.compact h2{font-size:27px;line-height:1.15;margin-bottom:10px}
.mobile-hero.compact p{font-size:14px;line-height:1.55;margin-bottom:0}
.form-card.mobile-form,.mobile-create .form-card,.mobile-profile-form{width:100%;min-width:0}
.form-card.mobile-form{padding:18px;border-radius:22px;overflow:visible}
.form-card.mobile-form>label,
.form-card.mobile-form .two-col>label,
.mobile-profile-form .form-grid>label,
.mobile-profile-form .profile-password label{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:0;
  width:100%;
  margin:0;
  color:#36433b;
  font-size:13px;
  line-height:1.35;
  font-weight:750;
}
.form-card.mobile-form>label+label,
.form-card.mobile-form>.two-col,
.form-card.mobile-form>.auto-summary,
.form-card.mobile-form>.camera-upload,
.form-card.mobile-form>.photo-preview{margin-top:14px}
.form-card.mobile-form .two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.form-card.mobile-form input:not([type="hidden"]):not([type="file"]),
.form-card.mobile-form select,
.form-card.mobile-form textarea,
.mobile-profile-form input:not([type="hidden"]):not([type="file"]),
.mobile-profile-form select,
.mobile-profile-form textarea{
  display:block;
  width:100%;
  min-width:0;
  max-width:100%;
  margin:0;
  border:1px solid #d6dfd9;
  border-radius:13px;
  background:#fff;
  color:#17201b;
  font-size:15px;
  line-height:1.35;
  padding:12px 13px;
  outline:none;
  box-shadow:0 1px 0 rgba(16,37,26,.02);
  -webkit-appearance:none;
  appearance:none;
}
.form-card.mobile-form input:not([type="hidden"]):not([type="file"]),
.form-card.mobile-form select,
.mobile-profile-form input:not([type="hidden"]):not([type="file"]),
.mobile-profile-form select{min-height:48px}
.form-card.mobile-form textarea,.mobile-profile-form textarea{min-height:92px;resize:vertical}
.form-card.mobile-form select,.mobile-profile-form select{
  padding-right:42px;
  background-image:linear-gradient(45deg,transparent 50%,#4f5d54 50%),linear-gradient(135deg,#4f5d54 50%,transparent 50%);
  background-position:calc(100% - 19px) calc(50% - 2px),calc(100% - 14px) calc(50% - 2px);
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;
}
.form-card.mobile-form input:focus,
.form-card.mobile-form select:focus,
.form-card.mobile-form textarea:focus,
.mobile-profile-form input:focus,
.mobile-profile-form select:focus,
.mobile-profile-form textarea:focus{
  border-color:#22a95a;
  box-shadow:0 0 0 4px rgba(34,169,90,.12);
}
.form-card.mobile-form input::placeholder,.form-card.mobile-form textarea::placeholder,
.mobile-profile-form input::placeholder,.mobile-profile-form textarea::placeholder{color:#9aa49e;opacity:1}
.form-card.mobile-form .btn.full{min-height:52px;margin-top:17px;border-radius:14px;font-size:14px}
.mobile-create{border-radius:22px;overflow:hidden}
.mobile-create summary{padding:17px 18px;font-size:16px;line-height:1.3}
.mobile-create .form-card.mobile-form{padding:18px;border-top:1px solid var(--line)}
.camera-upload{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:82px;
  width:100%;
  overflow:hidden;
  border-radius:15px!important;
  padding:18px!important;
  isolation:isolate;
}
.camera-upload input[type="file"]{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  cursor:pointer;
  z-index:2;
}
.camera-upload span{position:relative;z-index:1;display:block;line-height:1.45;text-align:center;font-size:14px}
.photo-preview{width:100%;min-height:0}
.photo-preview:empty{display:none}
.photo-preview img{width:100%;max-height:260px;border-radius:15px;object-fit:cover}
.auto-summary{overflow:hidden;padding:16px;border-radius:18px}
.auto-summary h3{font-size:18px;margin-bottom:13px}
.auto-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.auto-grid span{padding:13px 8px;border:1px solid #edf3ef}
.auto-grid b{font-size:18px}.auto-grid small{font-size:10px;margin-top:4px}
.auto-summary p{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.score-card{margin-top:0;border-radius:22px;padding:18px;overflow:hidden}
.score-card>div:first-child{gap:12px}.score-card strong{font-size:28px;white-space:nowrap}
.score-pills span{font-size:11px;padding:7px 10px}
.mobile-profile-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mobile-profile-form .full-span{grid-column:1/-1}
.mobile-profile-form .profile-password .two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mobile-profile-form .form-actions{margin-top:18px}
.mobile-profile-form .form-actions .btn{min-height:50px;min-width:160px;border-radius:14px}
.mobile-profile-form input[type="file"]{width:100%;max-width:100%;font-size:13px;border:1px dashed #b8d3c1;border-radius:13px;padding:12px;background:#f8fcf9}
.profile-password h3{font-size:20px;margin-bottom:4px}
.profile-password p{font-size:13px;margin-bottom:14px}
.mobile-account{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.mobile-account form{margin:0}.mobile-logout{white-space:nowrap}
.bottom-nav{padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right))}

@media(max-width:600px){
  .mobile-app{max-width:none;width:100%}
  .mobile-header{height:auto;min-height:78px;padding:13px 15px;gap:10px}
  .mobile-header>div:first-child{min-width:0;flex:1}
  .mobile-header h1{font-size:20px;line-height:1.2;overflow-wrap:anywhere}
  .mobile-header small{font-size:10px}
  .mobile-header .avatar{width:42px;height:42px;flex:0 0 42px}
  .mobile-logout{min-height:42px;padding:9px 12px;border-radius:12px}
  .mobile-logout b{font-size:12px}
  .mobile-content{padding:16px 14px 95px}
  .form-card.mobile-form .two-col,
  .mobile-profile-form .form-grid,
  .mobile-profile-form .profile-password .two-col{grid-template-columns:1fr}
  .mobile-profile-form .full-span{grid-column:auto}
  .form-card.mobile-form{padding:17px 16px}
  .mobile-create .form-card.mobile-form{padding:17px 16px}
  .form-card.mobile-form>label,
  .form-card.mobile-form .two-col>label,
  .mobile-profile-form .form-grid>label,
  .mobile-profile-form .profile-password label{font-size:13px}
  .form-card.mobile-form input:not([type="hidden"]):not([type="file"]),
  .form-card.mobile-form select,
  .form-card.mobile-form textarea,
  .mobile-profile-form input:not([type="hidden"]):not([type="file"]),
  .mobile-profile-form select,
  .mobile-profile-form textarea{font-size:16px}
  .mobile-profile-form .form-actions{display:block}
  .mobile-profile-form .form-actions .btn{width:100%}
  .profile-summary{margin-bottom:14px}
}

@media(max-width:380px){
  .mobile-header{padding-inline:12px}
  .mobile-account{gap:6px}
  .mobile-logout{padding:8px 9px}
  .mobile-logout b{display:none}
  .mobile-content{padding-inline:11px}
  .form-card.mobile-form,.mobile-create .form-card.mobile-form{padding-inline:14px}
}

/* PWA Tracking & Security v5.3.0 */
.tracking-health-card{display:flex;align-items:center;gap:12px;margin:12px 0 18px;padding:14px 15px;border:1px solid #bfe3c9;border-radius:17px;background:#f4fbf6;box-shadow:0 8px 24px rgba(9,89,42,.06)}
.tracking-health-card>div:nth-child(2){flex:1;min-width:0}.tracking-health-card strong,.tracking-health-card small{display:block}.tracking-health-card small{margin-top:3px;color:#68756d;line-height:1.4}.tracking-health-card>a{font-size:12px;font-weight:800;color:#087535}.tracking-pulse{width:14px;height:14px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 0 rgba(22,163,74,.45);animation:trackingPulse 1.8s infinite}.tracking-health-card[data-state="offline"] .tracking-pulse{background:#f59e0b}.tracking-health-card[data-state="gap"] .tracking-pulse,.tracking-health-card[data-state="gps"] .tracking-pulse{background:#ef4444;animation:none}.tracking-health-card[data-state="paused"] .tracking-pulse{background:#94a3b8;animation:none}@keyframes trackingPulse{70%{box-shadow:0 0 0 10px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
.tracking-summary,.route-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.tracking-summary article,.route-kpis article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.tracking-summary strong,.route-kpis strong{display:block;font-size:26px;color:#0b7035}.tracking-summary small,.route-kpis small{display:block;margin-top:5px;color:var(--muted)}
.tracking-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,.8fr);gap:16px;margin-bottom:16px}.tracking-map{width:100%;height:520px;border-radius:16px;overflow:hidden;background:#eef4ef}.route-map{height:590px}.map-note,.route-legend{padding-top:10px;color:var(--muted);font-size:12px}.route-legend{display:flex;gap:18px;flex-wrap:wrap}.tracking-agent-list{max-height:600px;overflow:auto}.tracking-agent{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid var(--line)}.tracking-agent:last-child{border-bottom:0}.tracking-agent>div{flex:1;min-width:0}.tracking-agent strong,.tracking-agent small,.tracking-agent em{display:block}.tracking-agent small{color:var(--muted);margin-top:2px}.tracking-agent em{font-size:11px;color:#0b7a36;margin-top:4px;font-style:normal}.tracking-dot{width:11px;height:11px;border-radius:50%;background:#94a3b8}.tracking-dot.status-live{background:#22c55e;box-shadow:0 0 0 5px #dcfce7}.tracking-dot.status-tracking_gap{background:#ef4444;box-shadow:0 0 0 5px #fee2e2}.tracking-dot.status-completed{background:#3b82f6}.status-live{background:#dcfce7!important;color:#166534!important}.status-tracking_gap{background:#fee2e2!important;color:#b91c1c!important}.status-not_started{background:#f1f5f9!important;color:#475569!important}.event-row{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.event-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eef8f1;color:#087535}.event-row strong,.event-row small{display:block}.event-row small{margin-top:3px;color:var(--muted);word-break:break-word}
.security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.security-grid .span-2{grid-column:1/-1}.switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:20px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#f8fbf9}.switch-row span{display:block}.switch-row strong,.switch-row small{display:block}.switch-row small{margin-top:3px;color:var(--muted)}.switch-row input{width:22px;height:22px}.passkey-card{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #cfe8d5;border-radius:15px;background:#f4fbf6;margin-bottom:14px}.passkey-card>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:#087535;font-size:22px}.passkey-card div{flex:1}.passkey-card strong,.passkey-card small{display:block}.passkey-card small{margin-top:3px;color:var(--muted);line-height:1.45}.device-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.device-row>div{flex:1;min-width:0}.device-row strong,.device-row small{display:block}.device-row small{margin-top:3px;color:var(--muted);word-break:break-word}.security-message{margin-top:10px;padding:0}.security-message:not(:empty){padding:11px 13px;border-radius:12px}.security-message.success{background:#dcfce7;color:#166534}.security-message.error{background:#fee2e2;color:#b91c1c}.danger-text{color:#dc2626!important}
.app-lock-page{min-height:100dvh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at top,#dcfce7,transparent 42%),#f4f8f5}.app-lock-card{width:min(440px,100%);background:#fff;border:1px solid #dce9df;border-radius:26px;padding:30px;box-shadow:0 28px 80px rgba(10,67,33,.16);text-align:center}.lock-logo{width:70px;height:70px;border-radius:22px;display:grid;place-items:center;margin:0 auto 18px;background:#eaf8ee;font-size:34px}.app-lock-card h1{font-size:30px;margin:8px 0}.app-lock-card>p{color:var(--muted);margin-bottom:20px}.app-lock-card form.stack{text-align:left}.app-lock-card>.btn{margin-top:12px}.remember-device{display:flex!important;align-items:center;gap:9px!important;font-size:13px!important}.remember-device input{width:18px!important;height:18px!important;min-height:auto!important}
@media(max-width:900px){.tracking-layout{grid-template-columns:1fr}.tracking-agent-list{max-height:none}.tracking-summary,.route-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.security-grid{grid-template-columns:1fr}.security-grid .span-2{grid-column:auto}}
@media(max-width:600px){.tracking-map{height:390px}.route-map{height:430px}.tracking-summary,.route-kpis{gap:9px}.tracking-summary article,.route-kpis article{padding:14px}.tracking-summary strong,.route-kpis strong{font-size:21px}.device-row{align-items:flex-start;flex-direction:column}.device-row form,.device-row .btn{width:100%}.security-settings{padding:16px}.app-lock-card{padding:24px 18px}.tracking-health-card{align-items:flex-start}.tracking-health-card>a{padding-top:2px}}

/* v5.3.2 mobile security, sync recovery and split-workday fixes */
.security-settings{display:grid;gap:16px}.security-settings .panel-head{margin-bottom:0}.security-field{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;margin:0!important;color:var(--text);font-weight:700}.security-field>span,.security-field>small{display:block}.security-field>small{font-weight:400;color:var(--muted);line-height:1.45}.security-field input,.security-field select{display:block;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;box-sizing:border-box}.switch-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:16px!important}.switch-copy{min-width:0}.switch-copy strong,.switch-copy small{display:block!important}.switch-copy small{margin-top:5px!important;line-height:1.45!important}.switch-row input[type=checkbox]{width:24px!important;height:24px!important;min-height:24px!important;margin:0!important;align-self:center}.passkey-card{align-items:flex-start!important}.passkey-icon{flex:0 0 42px}.passkey-copy{min-width:0;display:grid;gap:5px}.passkey-copy strong,.passkey-copy small,.device-copy strong,.device-copy small{display:block!important}.passkey-copy small,.device-copy small{line-height:1.45!important}.security-device-list{display:grid}.device-row{justify-content:space-between}.device-copy{min-width:0;flex:1}.device-row form{flex:0 0 auto}.security-page-head{margin-bottom:18px}
.resume-workday-card{border:1px solid #cfe8d5;border-radius:22px;background:#fff;margin:14px 0 18px;overflow:hidden;box-shadow:0 14px 34px rgba(10,67,33,.06)}.resume-workday-card>summary{list-style:none;display:flex;align-items:center;gap:13px;padding:18px 20px;cursor:pointer;color:#0b7438}.resume-workday-card>summary::-webkit-details-marker{display:none}.resume-workday-card>summary>span{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#e7f8ec;font-size:28px}.resume-workday-card>summary>div{flex:1;min-width:0}.resume-workday-card>summary strong,.resume-workday-card>summary small{display:block}.resume-workday-card>summary small{margin-top:3px;color:var(--muted);line-height:1.35}.resume-workday-card>summary>b{font-size:26px;transition:.2s}.resume-workday-card[open]>summary>b{transform:rotate(90deg)}.resume-session-form{margin:0;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none}.multi-session-summary{margin-bottom:12px}.attendance-session-list{display:grid;gap:8px;margin:14px 0}.attendance-session-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid #dfe9e2;border-radius:13px;background:#f8fbf9}.attendance-session-row span:last-child{text-align:right}.attendance-session-row b,.attendance-session-row small{display:block}.attendance-session-row small{margin-top:3px;color:var(--muted)}
.offline-sync-banner{gap:12px;align-items:center}.offline-sync-banner>div{flex:1;min-width:0}.offline-sync-banner strong,.offline-sync-banner small{display:block}.offline-sync-banner small{margin-top:3px}.offline-sync-actions{display:flex;gap:7px;flex-wrap:wrap}.offline-sync-actions button{border:0;background:rgba(255,255,255,.72);color:#765100;padding:7px 10px;border-radius:10px;font-weight:700;font-size:12px}.offline-sync-banner.has-error{border-color:#efb0a8;background:#fff0ed;color:#8c251b}.offline-sync-banner.has-error .offline-sync-actions button{color:#8c251b}
@media(max-width:600px){.security-grid{gap:14px}.security-page-head h1{font-size:34px}.security-settings,.security-passkeys,.security-trusted{padding:20px!important}.switch-row{align-items:start!important}.switch-row input[type=checkbox]{margin-top:2px!important}.device-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}.device-row form,.device-row form .btn,.device-row form .link-btn{width:100%!important}.passkey-card{padding:14px!important}.resume-workday-card>summary{padding:16px}.attendance-session-row{align-items:flex-start}}
.security-field input,.security-field select{min-height:48px!important;padding:12px 14px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:#fff!important;font:inherit!important;color:var(--text)!important}

/* v5.3.3 final Earth Eco Biotech Overseas branding */
.pwa-brand-splash{display:none;position:fixed;inset:0;z-index:99999;background:#fbf8e8 url('/assets/branding/pwa-splash.webp') center/cover no-repeat;opacity:0;transition:opacity .38s ease;pointer-events:none}.pwa-brand-splash.is-visible{display:block;opacity:1}.pwa-brand-splash.is-leaving{opacity:0}
.brand-mark-logo{overflow:hidden;background:#fff!important;border:1px solid rgba(255,255,255,.2);padding:2px}.brand-mark-logo img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.branded-mobile-header{min-height:112px;height:auto;padding:15px 18px;background:linear-gradient(135deg,#087436 0%,#0b873d 55%,#14a24c 100%);overflow:hidden;isolation:isolate}.branded-mobile-header:after{content:"";position:absolute;right:-28px;bottom:-38px;width:170px;height:150px;background:radial-gradient(ellipse at center,rgba(137,205,89,.28),transparent 68%);transform:rotate(-18deg);z-index:-1}.mobile-brand-block{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.mobile-brand-logo{width:64px;height:64px;flex:0 0 64px;border-radius:50%;object-fit:cover;background:#fff;border:3px solid rgba(255,255,255,.9);box-shadow:0 9px 24px rgba(0,0,0,.18)}.mobile-brand-copy{min-width:0}.mobile-brand-copy small{display:block;color:#d8f4df!important;font-size:10px!important;letter-spacing:1.15px!important}.mobile-brand-copy h1{font-size:22px!important;line-height:1.06!important;margin:4px 0 0!important;white-space:normal;overflow-wrap:normal!important}.mobile-brand-copy>span{display:block;margin-top:7px;color:#d7f2df;font-size:11px;white-space:nowrap}.branded-mobile-header .mobile-account{align-self:center}.branded-mobile-header .avatar{box-shadow:0 8px 22px rgba(0,0,0,.14)}.branded-mobile-header .mobile-logout{background:rgba(255,255,255,.94);color:#087436;box-shadow:0 8px 22px rgba(0,0,0,.1)}
.branded-login-page .login-visual{background:radial-gradient(circle at 20% 18%,rgba(83,190,96,.7),transparent 28%),linear-gradient(150deg,#063f24,#087838 58%,#0a5c2f);position:relative}.branded-login-page .login-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,49,24,.36)),url('/assets/branding/pwa-preview.webp') center/cover no-repeat;opacity:.2}.branded-login-page .login-visual>*{position:relative;z-index:1}.login-brand-logo{width:148px;height:148px;object-fit:cover;border-radius:50%;background:#fff;border:5px solid rgba(255,255,255,.88);box-shadow:0 20px 50px rgba(0,0,0,.24)}.login-card-logo{display:none;width:88px;height:88px;object-fit:cover;border-radius:50%;margin:0 auto 18px;background:#fff;border:3px solid #e5f5e9;box-shadow:0 12px 30px rgba(11,122,54,.12)}
.brand-icon-logo{overflow:hidden;padding:2px;background:#fff!important}.brand-icon-logo img{width:100%;height:100%;object-fit:cover;border-radius:12px}
@media(max-width:760px){.login-card-logo{display:block}.branded-login-page .login-card{background:radial-gradient(circle at top,#eff9e8,transparent 34%),#fff}.branded-login-page .login-inner{text-align:left}}
@media(max-width:600px){.branded-mobile-header{min-height:104px;padding:13px 14px;gap:8px}.mobile-brand-logo{width:54px;height:54px;flex-basis:54px}.mobile-brand-block{gap:9px}.mobile-brand-copy h1{font-size:19px!important}.mobile-brand-copy>span{font-size:9px;margin-top:5px}.branded-mobile-header .mobile-account{gap:6px}.branded-mobile-header .avatar{width:40px;height:40px;flex-basis:40px}.branded-mobile-header .mobile-logout{min-height:40px;padding:8px}.branded-mobile-header .mobile-logout b{display:block;font-size:9px}.branded-mobile-header .mobile-logout span{font-size:13px}}
@media(max-width:390px){.mobile-brand-copy>span{display:none}.mobile-brand-logo{width:50px;height:50px;flex-basis:50px}.branded-mobile-header{min-height:94px}.branded-mobile-header .mobile-logout b{display:block}}

.offline-brand{display:flex;align-items:center;gap:10px;color:#fff}.offline-brand img{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#fff;border:2px solid #fff}.offline-brand strong,.offline-brand small{display:block}.offline-brand small{margin-top:3px;color:#d7f2df}

/* v5.3.4 — transparent brand assets + field customer workflow */
.brand-mark-logo{overflow:visible!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
.brand-mark-logo img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:0!important;background:transparent!important}
.mobile-brand-logo{width:64px;height:64px;flex:0 0 64px;border-radius:0!important;object-fit:contain!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.mobile-brand-block{overflow:visible}.mobile-brand-copy{padding-left:1px}
@media(max-width:600px){.mobile-brand-logo{width:58px;height:58px;flex-basis:58px}.mobile-brand-block{gap:10px}}
@media(max-width:390px){.mobile-brand-logo{width:54px;height:54px;flex-basis:54px}}

.customer-page-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.customer-page-hero>div{min-width:0}.customer-page-hero .btn{flex:0 0 auto}
.customer-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 20px 18px}.customer-summary-grid article{background:#fff;border:1px solid var(--border);border-radius:20px;padding:16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:3px}.customer-summary-grid strong{font-size:25px;color:var(--green)}.customer-summary-grid small{color:var(--muted)}
.customer-search{margin-bottom:12px}.customer-search input{width:100%;min-height:50px;border:1px solid var(--border);border-radius:15px;padding:0 15px;font:inherit;background:#fff}
.customer-mobile-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:18px;padding:14px;margin:10px 0;color:var(--text);text-decoration:none;box-shadow:var(--shadow-sm)}.customer-mobile-card:hover{border-color:#8fcba6}.customer-mobile-card>div{min-width:0}.customer-mobile-card strong,.customer-mobile-card small,.customer-mobile-card p{display:block}.customer-mobile-card strong{font-size:16px}.customer-mobile-card small,.customer-mobile-card p{color:var(--muted);font-size:12px;margin:4px 0 0}.customer-mobile-card aside{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.customer-type-icon{width:46px;height:46px;border-radius:15px;background:#e6f8ec;color:var(--green);display:grid;place-items:center;font-weight:800;font-size:17px}
.customer-create-form{margin:0 20px 90px}.customer-create-form label b,.mobile-form label b{color:#d64545;margin-left:3px}.customer-location-card{border:1px dashed #a8d9ba;background:#f4fbf6;border-radius:18px;padding:15px;margin:8px 0 15px}.customer-location-card div{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.customer-location-card small,.customer-location-card p{color:var(--muted);font-size:12px}.customer-location-card p{margin:10px 0 0}
.customer-detail-card{margin:0 20px 100px;background:#fff;border:1px solid var(--border);border-radius:22px;padding:18px;box-shadow:var(--shadow-sm)}.customer-detail-card header{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--border)}.customer-detail-card header>span{width:50px;height:50px;border-radius:16px;background:#e5f8eb;color:var(--green);display:grid;place-items:center;font-size:19px;font-weight:800}.customer-detail-card header strong,.customer-detail-card header small{display:block}.customer-detail-card header small{color:var(--muted);margin-top:4px}.customer-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.customer-detail-grid span{border:1px solid var(--border);border-radius:14px;padding:12px;min-width:0}.customer-detail-grid .wide{grid-column:1/-1}.customer-detail-grid small,.customer-detail-grid b{display:block}.customer-detail-grid small{color:var(--muted);font-size:11px}.customer-detail-grid b{margin-top:5px;overflow-wrap:anywhere}.customer-detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.customer-detail-actions form{margin:0}.customer-permission-note{padding:12px;border-radius:12px;background:#fff8e6;color:#755800;font-size:12px;margin-top:14px}
.field-inline-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.field-inline-action label{margin:0}.field-inline-action .btn{min-height:52px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.visit-type-other.hidden{display:none!important}

@media(max-width:640px){
 .customer-page-hero{align-items:stretch;flex-direction:column}.customer-page-hero .btn{width:100%}
 .customer-summary-grid{margin-left:20px;margin-right:20px;gap:8px}.customer-summary-grid article{padding:12px;border-radius:16px}.customer-summary-grid strong{font-size:21px}
 .customer-mobile-card{grid-template-columns:44px minmax(0,1fr);padding:13px}.customer-mobile-card aside{grid-column:2;align-items:flex-start;text-align:left;flex-direction:row}.customer-type-icon{width:42px;height:42px}
 .customer-create-form,.customer-detail-card{margin-left:20px;margin-right:20px}.customer-detail-card header{grid-template-columns:48px minmax(0,1fr)}.customer-detail-card header>em{grid-column:2;justify-self:start}.customer-detail-grid{grid-template-columns:1fr}.customer-detail-grid .wide{grid-column:auto}.customer-detail-actions{flex-direction:column}.customer-detail-actions .btn,.customer-detail-actions form,.customer-detail-actions button{width:100%}
 .field-inline-action{grid-template-columns:1fr}.field-inline-action .btn{width:100%;min-height:48px}
}
/* v5.3.4 — multi-step visit controls use the same touch targets as all field forms */
.mobile-form .form-card input:not([type="hidden"]):not([type="file"]):not([type="checkbox"]),
.mobile-form .form-card select,
.mobile-form .form-card textarea{width:100%;min-height:48px;border:1px solid #dfe5e1;border-radius:14px;padding:12px 14px;background:#fff;color:var(--ink);line-height:1.35}
.mobile-form .form-card textarea{min-height:88px;resize:vertical}

/* v5.3.6 payment, trial-products and installability refinements */
.payment-received-box{border:1px solid #dce9df;background:#f6fbf7;border-radius:18px;padding:16px;display:grid;gap:12px}.payment-received-box>small{color:#b45309}.trial-product-section{border:1px solid #dce9df;background:#f8fcf9;border-radius:20px;padding:16px;display:grid;gap:14px}.trial-product-line{border:1px solid #dfe8e1;background:#fff;border-radius:18px;padding:14px;display:grid;gap:12px}.remove-trial-product{justify-self:end;border:0;background:transparent;color:#c24141;font-weight:700;padding:6px}.trial-products-summary{display:grid;gap:8px}.trial-products-summary>div{border:1px solid #dce9df;background:#f7fbf8;border-radius:14px;padding:10px 12px;display:flex;justify-content:space-between;gap:12px;align-items:center}.trial-products-summary small{color:#66756b;text-align:right}.pwa-install-status{border:1px solid #dce9df;border-radius:16px;padding:12px;background:#f7fbf8}
@media(max-width:560px){.trial-products-summary>div{align-items:flex-start;flex-direction:column}.trial-products-summary small{text-align:left}.trial-product-section{padding:12px}}

/* v5.3.7 — systematic meeting, report, trial and follow-up management */
.meeting-hub-hero{padding-bottom:8px}.meeting-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 20px 18px}.meeting-category-card{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:center;padding:15px;border:1px solid #dce6df;border-radius:20px;background:#fff;color:var(--text);text-decoration:none;box-shadow:var(--shadow-sm);min-width:0}.meeting-category-card>span{width:48px;height:48px;border-radius:15px;background:#e7f8ec;display:grid;place-items:center;font-size:23px}.meeting-category-card strong,.meeting-category-card small{display:block}.meeting-category-card strong{font-size:15px}.meeting-category-card small{font-size:11px;color:var(--muted);line-height:1.35;margin-top:4px}.meeting-category-card>b{min-width:27px;height:27px;border-radius:50%;background:#eef5f0;color:var(--green);display:grid;place-items:center;font-size:12px}.meeting-category-card.active{border-color:#40ae68;background:linear-gradient(145deg,#f2fcf5,#fff);box-shadow:0 0 0 3px rgba(31,158,77,.09)}.meeting-select-help{margin:12px 20px 100px}.meeting-select-help p{margin:8px 0 0;color:var(--muted)}.selected-meeting-type{display:grid;grid-template-columns:45px minmax(0,1fr) auto;gap:10px;align-items:center;background:#eefaf2;border:1px solid #cfead8;border-radius:18px;padding:13px 15px;margin:0 20px 16px}.selected-meeting-type>span{font-size:25px}.selected-meeting-type small,.selected-meeting-type strong{display:block}.selected-meeting-type small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.selected-meeting-type a{font-size:12px;font-weight:800;color:var(--green)}
.meeting-start-form,.meeting-completion-form{margin-bottom:108px}.meeting-start-form .form-card,.meeting-completion-form .form-card{margin-left:20px;margin-right:20px}.meeting-complete-hero{margin:0 20px 16px;padding:22px;background:linear-gradient(145deg,#e9faef,#fff);border:1px solid #cfe9d8;border-radius:24px;display:flex;gap:16px;align-items:center}.meeting-complete-hero>span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:28px;font-weight:900;flex:0 0 auto}.meeting-complete-hero small{font-size:10px;letter-spacing:.12em;color:var(--green);font-weight:800}.meeting-complete-hero h2{margin:5px 0 3px;font-size:25px}.meeting-complete-hero p{margin:0;color:var(--muted)}.meeting-detail-actions{display:flex;gap:10px;margin:0 20px 16px}.meeting-detail-actions>*{flex:1}.detail-section{margin:14px 20px;padding:18px;background:#fff;border:1px solid #dce5df;border-radius:22px;box-shadow:var(--shadow-sm)}.detail-section>header{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e7ece8;padding-bottom:14px;margin-bottom:14px}.detail-section>header>span{width:40px;height:40px;border-radius:13px;background:#dcf7e5;color:var(--green);display:grid;place-items:center;font-weight:900}.detail-section h3{margin:0;font-size:19px}.detail-section header small{color:var(--muted)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-grid>div,.detail-wide{padding:12px;border:1px solid #e2e8e4;border-radius:14px;background:#fafcfb;min-width:0}.detail-grid small,.detail-grid strong,.detail-wide small{display:block}.detail-grid small,.detail-wide small{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.detail-grid strong{margin-top:5px;overflow-wrap:anywhere}.detail-wide{margin-top:10px}.detail-wide p{margin:6px 0 0;line-height:1.5;overflow-wrap:anywhere}.gps-proof-list{margin-top:10px;padding:11px;border-radius:14px;background:#f3f8f4;color:#45564a}.gps-proof-list p{margin:4px 0;font-size:12px}.meeting-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.meeting-proof-grid figure{margin:0;border-radius:16px;overflow:hidden;background:#eef3ef;border:1px solid #dce5df}.meeting-proof-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.meeting-proof-grid figcaption{padding:9px;font-size:11px;color:var(--muted)}
.meeting-history-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.meeting-history-filters{margin:0 20px 15px}.meeting-filter-tabs{display:flex;gap:8px;overflow-x:auto;padding:3px 0 11px;scrollbar-width:none}.meeting-filter-tabs::-webkit-scrollbar{display:none}.meeting-filter-tabs a{white-space:nowrap;padding:9px 13px;border:1px solid #dce5df;border-radius:999px;background:#fff;color:#4c5b51;font-size:12px;font-weight:700;text-decoration:none}.meeting-filter-tabs a.active{background:var(--green);color:#fff;border-color:var(--green)}.meeting-filter-form{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;background:#fff;border:1px solid #dce5df;border-radius:17px;padding:11px}.meeting-filter-form select,.meeting-filter-form input{min-height:42px;border:1px solid #dce5df;border-radius:11px;padding:7px 10px;background:#fff;min-width:0}.meeting-management-list{margin:0 20px 100px}.meeting-management-card{display:block;color:var(--text);text-decoration:none;border:1px solid #dce5df;background:#fff;border-radius:20px;padding:15px;margin:10px 0;box-shadow:var(--shadow-sm)}.meeting-management-card header{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:11px;align-items:center}.meeting-management-card .meeting-card-icon{width:46px;height:46px;border-radius:15px;background:#e5f8eb;display:grid;place-items:center;font-size:20px}.meeting-management-card strong,.meeting-management-card small{display:block}.meeting-management-card small{color:var(--muted);font-size:11px;margin-top:3px}.meeting-management-card p{margin:12px 0 0;color:#405047;font-size:13px;line-height:1.45}.meeting-management-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.meeting-management-meta span{background:#f7faf8;border-radius:11px;padding:8px;min-width:0}.meeting-management-meta small,.meeting-management-meta b{display:block}.meeting-management-meta b{font-size:12px;margin-top:3px;overflow-wrap:anywhere}.meeting-category-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:0 20px 14px}.meeting-category-summary a{background:#fff;border:1px solid #dce5df;border-radius:14px;padding:10px 6px;text-align:center;color:var(--text);text-decoration:none}.meeting-category-summary strong,.meeting-category-summary small{display:block}.meeting-category-summary strong{color:var(--green);font-size:20px}.meeting-category-summary small{font-size:9px;color:var(--muted);margin-top:3px}.recent-meeting-actions{display:flex;gap:8px}.recent-meeting-actions a{font-size:12px;font-weight:800;color:var(--green)}
.report-list-card{display:block;color:var(--text);text-decoration:none;background:#fff;border:1px solid #dce5df;border-radius:20px;padding:15px;margin:10px 0}.report-list-card header{display:flex;align-items:center;justify-content:space-between;gap:10px}.report-list-card h3{margin:0}.report-list-card p{color:var(--muted);font-size:12px;margin:5px 0 0}.report-score{width:58px;height:58px;border-radius:17px;background:linear-gradient(145deg,#075f31,#0b963f);color:#fff;display:grid;place-items:center;font-size:16px;font-weight:900}.report-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}.report-mini-grid div{padding:8px;border-radius:11px;background:#f5f9f6;text-align:center}.report-mini-grid strong,.report-mini-grid small{display:block}.report-mini-grid small{font-size:9px;color:var(--muted)}.submitted-report-hero{margin:0 20px 14px;padding:21px;border-radius:23px;background:linear-gradient(145deg,#075d31,#0a8b3e);color:#fff}.submitted-report-hero h2{margin:5px 0}.submitted-report-hero p{margin:0;color:#d8f1df}.submitted-report-hero .score{font-size:34px;font-weight:900;float:right}.report-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.report-data-grid article{background:#fff;border:1px solid #dce5df;border-radius:15px;padding:12px;min-width:0}.report-data-grid .wide{grid-column:1/-1}.report-data-grid small,.report-data-grid strong,.report-data-grid p{display:block}.report-data-grid small{font-size:10px;color:var(--muted);text-transform:uppercase}.report-data-grid strong,.report-data-grid p{margin:5px 0 0;overflow-wrap:anywhere}.report-form-actions{display:flex;gap:10px;margin:0 20px 16px}.report-form-actions>*{flex:1}
.trial-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 20px 15px}.trial-stat-grid>*{border:1px solid #dce5df;border-radius:15px;background:#fff;padding:11px;text-align:center;color:var(--text);text-decoration:none}.trial-stat-grid strong,.trial-stat-grid small{display:block}.trial-stat-grid strong{font-size:21px;color:var(--green)}.trial-stat-grid small{font-size:9px;color:var(--muted)}.trial-stat-grid .warning strong{color:#b46b00}.trial-management-card{display:block;color:var(--text);text-decoration:none;background:#fff;border:1px solid #dce5df;border-radius:20px;padding:15px;margin:11px 0;box-shadow:var(--shadow-sm)}.trial-management-card.overdue{border-color:#efc6c6}.trial-management-card header{display:flex;justify-content:space-between;gap:10px}.trial-management-card header div{min-width:0}.trial-management-card header small,.trial-management-card header strong,.trial-management-card header p{display:block}.trial-management-card header strong{font-size:17px;margin-top:3px}.trial-management-card header p{margin:4px 0 0;color:var(--muted);font-size:12px}.trial-product-pills{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.trial-product-pills span{background:#e8f8ed;color:#08783a;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.trial-management-card footer{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;border-top:1px solid #edf0ee;padding-top:11px}.trial-management-card footer small,.trial-management-card footer strong{display:block}.trial-management-card footer small{color:var(--muted);font-size:8px}.trial-management-card footer strong{font-size:10px;margin-top:3px;overflow-wrap:anywhere}.trial-hero{background:linear-gradient(145deg,#eefbf2,#fff);margin:0 20px 15px;border-radius:22px;padding:20px}.trial-hero h2{margin:9px 0 5px}.trial-profile-section{margin-top:0}.trial-products-detailed{display:grid;gap:10px}.trial-products-detailed article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;background:#f7fbf8;border:1px solid #dce7df;border-radius:16px;padding:12px}.trial-products-detailed article>span{width:42px;height:42px;border-radius:13px;background:#e3f7e9;display:grid;place-items:center}.trial-products-detailed dl{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 10px;margin:0;padding-top:9px;border-top:1px solid #e3e9e5}.trial-products-detailed dt{font-size:10px;color:var(--muted)}.trial-products-detailed dd{margin:0;font-weight:700;overflow-wrap:anywhere}.trial-evidence{margin:0;border:1px solid #dce5df;border-radius:18px;overflow:hidden;background:#f3f6f4;position:relative}.trial-evidence img{display:block;width:100%;max-height:420px;object-fit:contain;background:#edf2ee}.trial-evidence figcaption{padding:10px;font-size:11px;color:var(--muted)}.image-error{display:none;padding:20px;color:#a04545;text-align:center}.image-missing img{display:none}.image-missing .image-error{display:block}.trial-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 20px}.trial-result-grid article{background:#fff;border:1px solid #dce5df;border-radius:16px;padding:13px;text-align:center}.trial-result-grid strong,.trial-result-grid small{display:block}.trial-result-grid strong{color:var(--green);font-size:17px;overflow-wrap:anywhere}.trial-result-grid small{font-size:9px;color:var(--muted);margin-top:4px}.trial-timeline-section{margin-bottom:12px}.observation-card{background:#fff;border:1px solid #dce5df;border-radius:19px;padding:15px;margin:11px 0}.observation-card header{display:flex;justify-content:space-between;gap:9px}.observation-card header small{color:var(--muted)}.observation-card>p{line-height:1.5}.observation-card figure{margin:10px 0;border-radius:15px;overflow:hidden;background:#edf2ee;position:relative}.observation-card figure img{display:block;width:100%;max-height:340px;object-fit:contain}.observation-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.observation-detail-grid>div{padding:9px;background:#f7faf8;border-radius:11px}.observation-detail-grid small,.observation-detail-grid strong{display:block}.observation-detail-grid small{font-size:9px;color:var(--muted)}.observation-detail-grid strong{font-size:11px;margin-top:3px;overflow-wrap:anywhere}.trial-observation-create{margin:12px 20px 105px;border:1px solid #dce5df;border-radius:21px;background:#fff;overflow:hidden}.trial-observation-create summary{padding:17px;color:var(--green);font-weight:900;cursor:pointer}.trial-observation-create .form-card{margin:0;border:0;border-top:1px solid #e8ece9;border-radius:0;box-shadow:none}.camera-upload{position:relative;display:block;border:1px dashed #a7d7b7;border-radius:17px;background:#f3fbf5;padding:17px;text-align:center;overflow:hidden}.camera-upload input{position:absolute!important;inset:0!important;opacity:0;width:100%!important;height:100%!important;cursor:pointer}.camera-upload span{display:block;color:var(--green);font-weight:800}
.followup-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 20px 14px}.followup-summary-grid article{background:#fff;border:1px solid #dce5df;border-radius:15px;padding:11px;text-align:center}.followup-summary-grid strong,.followup-summary-grid small{display:block}.followup-summary-grid strong{font-size:21px;color:var(--green)}.followup-summary-grid small{font-size:9px;color:var(--muted)}.followup-summary-grid .danger strong{color:#c03c3c}.followup-summary-grid .warning strong{color:#b36b00}.managed-section{margin-bottom:16px}.section-title>div small{color:var(--muted);font-size:11px}.managed-list-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center;background:#fff;border:1px solid #dce5df;border-radius:17px;padding:13px;margin:9px 0}.managed-icon{width:44px;height:44px;border-radius:14px;background:#e5f8eb;color:var(--green);display:grid;place-items:center;font-size:19px}.managed-content{min-width:0}.managed-content strong,.managed-content small,.managed-content p{display:block}.managed-content small{font-size:11px;color:var(--muted);margin-top:3px}.managed-content p{font-size:11px;color:#526158;margin:5px 0 0}.followup-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center;background:#fff;border:1px solid #dce5df;border-radius:18px;padding:13px;margin:10px 0;color:var(--text);text-decoration:none}.followup-card.overdue{border-color:#efc3c3;background:#fffafa}.followup-card.today{border-color:#efd697;background:#fffcf1}.followup-card-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.followup-card-title span{font-size:9px;padding:4px 7px;border-radius:999px;background:#edf7f0;color:var(--green)}.followup-card>em{font-style:normal;font-size:10px;font-weight:800;color:var(--green);white-space:nowrap}.followup-card.overdue>em{color:#bd3434}.followup-detail-card{margin:0 20px 14px;background:#fff;border:1px solid #dce5df;border-radius:22px;padding:18px}.followup-detail-card.overdue{border-color:#eebcbc}.followup-detail-card header{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:12px;align-items:center;border-bottom:1px solid #e8ece9;padding-bottom:14px;margin-bottom:14px}.followup-detail-card header>span{width:50px;height:50px;border-radius:16px;background:#e4f8ea;display:grid;place-items:center;color:var(--green);font-size:22px}.followup-detail-card header h2{margin:3px 0}.followup-detail-card header p{margin:0;color:var(--muted);font-size:12px}.followup-detail-card header em{font-style:normal;font-size:10px;font-weight:800;color:#9d6800;background:#fff3cc;padding:6px 8px;border-radius:999px}.followup-action-card{margin-bottom:105px}.followup-action-card .mobile-form{margin:0}.followup-action-card .hidden{display:none!important}
@media(max-width:640px){.meeting-category-grid{grid-template-columns:1fr}.meeting-category-summary{grid-template-columns:repeat(3,1fr)}.meeting-category-summary a:nth-child(4),.meeting-category-summary a:nth-child(5){grid-column:auto}.detail-grid,.report-data-grid{grid-template-columns:1fr}.meeting-proof-grid{grid-template-columns:1fr}.meeting-filter-form{grid-template-columns:1fr}.meeting-management-meta{grid-template-columns:1fr 1fr}.trial-stat-grid,.followup-summary-grid{grid-template-columns:repeat(2,1fr)}.trial-management-card footer{grid-template-columns:repeat(2,1fr)}.trial-result-grid{grid-template-columns:repeat(2,1fr)}.report-mini-grid{grid-template-columns:repeat(2,1fr)}.report-data-grid .wide{grid-column:auto}.followup-detail-card header{grid-template-columns:45px minmax(0,1fr)}.followup-detail-card header em{grid-column:2;justify-self:start}.managed-list-card,.followup-card{grid-template-columns:42px minmax(0,1fr)}.managed-list-card>.tag,.followup-card>em{grid-column:2;justify-self:start}.meeting-detail-actions,.report-form-actions{flex-direction:column}}
.submitted-report-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff;border:1px solid #dce5df;border-radius:19px;padding:14px;margin:10px 0;color:var(--text);text-decoration:none}.report-date-box{width:50px;height:54px;border-radius:14px;background:#e5f8eb;display:grid;place-content:center;text-align:center}.report-date-box strong,.report-date-box small{display:block}.report-date-box strong{color:var(--green);font-size:20px}.submitted-report-card>div:nth-child(2){min-width:0}.submitted-report-card>div:nth-child(2)>strong,.submitted-report-card>div:nth-child(2)>small{display:block}.submitted-report-card>div:nth-child(2)>small,.submitted-report-card p{font-size:11px;color:var(--muted);margin:4px 0 0}.submitted-report-card .report-score{width:54px;height:54px}.submitted-report-card .report-score small{font-size:8px}.submitted-report-hero>div{display:flex;align-items:baseline;gap:8px;margin-top:13px}.submitted-report-hero>div strong{font-size:30px}.submitted-report-hero>div span{font-size:11px;color:#d7f2df}.report-count-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.report-count-grid>div{padding:11px;background:#f5f9f6;border-radius:13px;text-align:center}.report-count-grid strong,.report-count-grid small{display:block}.report-count-grid strong{font-size:20px;color:var(--green)}.report-count-grid small{font-size:9px;color:var(--muted)}.bottom-action{margin:14px 20px 105px;width:calc(100% - 40px)!important}.compact-action{margin-top:0}.report-snapshot-card{margin:0 20px 14px;padding:16px;border:1px solid #cfe6d6;border-radius:20px;background:#f3fbf5}.report-snapshot-card header{display:flex;justify-content:space-between;gap:10px;align-items:center}.report-snapshot-card header small{color:var(--green);font-weight:800}.report-snapshot-card header h3{margin:3px 0}.report-snapshot-card header span{font-size:11px;background:#fff;padding:7px 9px;border-radius:999px}.auto-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:13px 0}.auto-grid span{background:#fff;border-radius:12px;padding:9px;text-align:center}.auto-grid b,.auto-grid small{display:block}.auto-grid b{color:var(--green);font-size:18px}.auto-grid small{font-size:8px;color:var(--muted)}.snapshot-lines p{font-size:11px;margin:6px 0}.structured-report-form{margin:0 20px 110px}.report-section-heading{margin-top:22px;padding-top:18px;border-top:1px solid #e5eae7}.score-card{margin:0 20px 14px;padding:18px;border-radius:22px;background:linear-gradient(145deg,#075a2e,#0b8d3d);color:#fff}.score-card>div:first-child{display:flex;align-items:center;justify-content:space-between}.score-card small,.score-card strong{display:block}.score-card strong{font-size:29px}.score-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.score-pills span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 9px;font-size:10px}
.meeting-summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.meeting-summary-grid a{background:#fff;border:1px solid #dce5df;border-radius:14px;padding:10px 5px;color:var(--text);text-decoration:none;text-align:center}.meeting-summary-grid span,.meeting-summary-grid strong,.meeting-summary-grid small{display:block}.meeting-summary-grid span{font-size:19px}.meeting-summary-grid strong{color:var(--green);font-size:18px}.meeting-summary-grid small{font-size:8px;color:var(--muted)}.field-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 20px 14px}.field-action-grid .big-action,.meeting-manage-action{margin:0}.meeting-manage-action{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #cfe5d6;background:#fff;border-radius:20px;padding:15px;color:var(--text);text-decoration:none}.meeting-manage-action>span{width:44px;height:44px;border-radius:13px;background:#e6f8ec;display:grid;place-items:center;color:var(--green);font-size:20px}.meeting-manage-action strong,.meeting-manage-action small{display:block}.meeting-manage-action small{font-size:10px;color:var(--muted);margin-top:4px}.daily-close-card{margin:0 20px 14px}.history-card.meeting-history-card{display:grid;grid-template-columns:14px minmax(0,1fr);gap:10px}.history-metrics{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.history-metrics span,.history-extra span{font-size:9px;background:#f1f6f3;border-radius:999px;padding:5px 7px}.history-extra{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.floating-list-action{position:fixed;right:18px;bottom:86px;background:var(--green);color:#fff;border-radius:999px;padding:12px 16px;text-decoration:none;font-weight:800;box-shadow:0 12px 30px rgba(8,127,61,.25);z-index:20}
@media(max-width:640px){.submitted-report-card{grid-template-columns:48px minmax(0,1fr)}.submitted-report-card .report-score{grid-column:2;width:auto;height:auto;justify-self:start;padding:6px 10px;border-radius:999px}.report-count-grid,.auto-grid{grid-template-columns:repeat(2,1fr)}.meeting-summary-grid{grid-template-columns:repeat(3,1fr)}.field-action-grid{grid-template-columns:1fr}.meeting-management-list{margin-left:20px;margin-right:20px}.meeting-filter-tabs,.meeting-filter-form{margin-left:20px;margin-right:20px}}
.meeting-filter-form label{display:grid;gap:6px;font-size:11px;font-weight:800;color:#46534a}.meeting-filter-form select,.meeting-filter-form input{width:100%;min-height:48px}.meeting-filter-form .btn{min-height:48px}

/* v5.3.8 — dedicated meeting form, live dashboard meeting, corrected meeting cards */
.meeting-hub-only{margin-bottom:14px}.meeting-category-card.disabled-card{opacity:.5;pointer-events:none;filter:grayscale(.25)}.live-meeting-banner{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:11px;align-items:center;margin:0 20px 10px;padding:14px;background:linear-gradient(145deg,#fff7df,#fff);border:1px solid #f1d48a;border-radius:18px;box-shadow:var(--shadow-sm)}.live-meeting-banner .live-dot{width:10px;height:10px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 6px #f59e0b20;animation:pulse 1.5s infinite}.live-meeting-banner small,.live-meeting-banner strong{display:block}.live-meeting-banner small{font-size:9px;letter-spacing:.11em;color:#9b6600;font-weight:900}.live-meeting-banner strong{font-size:15px;margin-top:2px}.live-meeting-banner p{font-size:10px;margin:3px 0 0;line-height:1.4}.meeting-live-lock{margin:0 20px 14px}.meeting-form-hero{padding-bottom:10px}.meeting-form-title{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center}.meeting-form-title>span{width:52px;height:52px;border-radius:17px;background:#e1f8e8;display:grid;place-items:center;font-size:25px}.meeting-form-title small{font-size:9px;letter-spacing:.12em;font-weight:900;color:var(--green)}.meeting-form-title h2{margin:2px 0 1px}.meeting-form-title p{font-size:10px;margin:0}.dashboard-live-meetings{margin:0 20px 14px}.live-status-pill{font-size:9px;font-weight:900;color:#b56800;background:#fff4d5;border-radius:999px;padding:6px 9px}.dashboard-live-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:center;background:linear-gradient(145deg,#fff8e7,#fff);border:1px solid #efcf7f;border-radius:20px;padding:14px;color:var(--text);box-shadow:0 10px 25px rgba(125,81,0,.08)}.live-meeting-icon{width:48px;height:48px;border-radius:16px;background:#fff0bb;color:#9b6600;display:grid;place-items:center;font-size:23px}.dashboard-live-card small,.dashboard-live-card strong{display:block}.dashboard-live-card small{font-size:9px;color:#8b7450}.dashboard-live-card strong{font-size:16px;margin:2px 0}.dashboard-live-card p{font-size:10px;margin:3px 0;line-height:1.35;color:#625846}.dashboard-live-card>b{font-size:11px;color:var(--green);white-space:nowrap}.live-meeting-meta{display:flex;gap:5px;flex-wrap:wrap}.live-meeting-meta span{font-size:8px;background:#fff;border:1px solid #eee1bd;border-radius:999px;padding:4px 6px}.muted-action{background:linear-gradient(135deg,#70510b,#b77b00)}
.meeting-management-list{margin:5px 20px 105px}.meeting-management-card{display:block;color:var(--text);text-decoration:none;border:1px solid #dce5df;background:#fff;border-radius:20px;padding:15px;margin:10px 0;box-shadow:var(--shadow-sm);overflow:hidden}.meeting-management-card.live{border-color:#edd18b;background:linear-gradient(145deg,#fffdf7,#fff)}.meeting-management-card header{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:11px;align-items:center}.meeting-management-card .meeting-card-icon{width:46px;height:46px;border-radius:15px;background:#e5f8eb;color:var(--green);display:grid;place-items:center;font-size:20px;font-weight:900}.meeting-management-card.live .meeting-card-icon{background:#fff1c8;color:#ad7000}.meeting-management-card header strong,.meeting-management-card header small{display:block;overflow-wrap:anywhere}.meeting-management-card header strong{font-size:15px;margin:2px 0}.meeting-management-card header small{font-size:9px;color:var(--muted)}.meeting-card-purpose{margin-top:12px;padding:10px 11px;border-radius:13px;background:#f7faf8}.meeting-card-purpose small{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.meeting-card-purpose p{margin:4px 0 0;font-size:11px;line-height:1.4;color:#35433a;overflow-wrap:anywhere}.meeting-management-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px}.meeting-management-meta span{background:#f7faf8;border-radius:11px;padding:8px;min-width:0}.meeting-management-meta small,.meeting-management-meta b{display:block}.meeting-management-meta small{font-size:8px;color:var(--muted)}.meeting-management-meta b{font-size:10px;margin-top:3px;overflow-wrap:anywhere}.meeting-card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #edf1ee;margin-top:12px;padding-top:12px}.meeting-card-footer small,.meeting-card-footer strong{display:block}.meeting-card-footer small{font-size:8px;color:var(--muted)}.meeting-card-footer strong{font-size:11px;margin-top:2px}.meeting-card-footer .btn{min-width:128px}
@media(max-width:640px){.live-meeting-banner{grid-template-columns:10px minmax(0,1fr)}.live-meeting-banner .btn{grid-column:2;width:100%;margin-top:3px}.dashboard-live-card{grid-template-columns:44px minmax(0,1fr)}.dashboard-live-card>b{grid-column:2;justify-self:start}.meeting-management-meta{grid-template-columns:1fr 1fr}.meeting-card-footer{align-items:stretch;flex-direction:column}.meeting-card-footer .btn{width:100%}.meeting-management-card header{grid-template-columns:44px minmax(0,1fr)}.meeting-management-card header>.tag{grid-column:2;justify-self:start}.meeting-form-title{grid-template-columns:46px minmax(0,1fr)}.meeting-form-title>span{width:46px;height:46px}}

/* v5.3.9 — crop-wise trial programs, configurable metrics and admin trial control */
.crop-program-picker{margin-top:0}.crop-program-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.crop-program-grid.compact{margin-bottom:8px}.crop-program-card{appearance:none;border:1px solid #dbe7df;background:#fff;border-radius:18px;padding:14px;display:grid;gap:5px;align-content:start;text-align:left;color:var(--text);text-decoration:none;box-shadow:var(--shadow-sm);min-width:0}.crop-program-card>span{font-size:24px}.crop-program-card strong{font-size:15px}.crop-program-card small{color:var(--muted);font-size:10px;line-height:1.35}.crop-program-card.active{border-color:#39a862;background:linear-gradient(145deg,#effbf3,#fff);box-shadow:0 0 0 3px rgba(17,132,63,.08)}.crop-program-summary{border:1px solid #cfe8d7;background:#f3fbf5;border-radius:16px;padding:13px;margin:6px 0 14px}.crop-program-summary strong,.crop-program-summary small{display:block}.crop-program-summary strong{color:var(--green);font-size:16px}.crop-program-summary small{color:var(--muted);margin-top:3px}.program-product-notice{border:1px solid #f0d796;background:#fff9e9;color:#7a5a0a;border-radius:14px;padding:11px;font-size:11px;line-height:1.45}.trial-objective-line{padding:10px;border-radius:12px;background:#f7faf8;margin:10px 0}.trial-objective-line small,.trial-objective-line strong{display:block}.trial-objective-line small{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.trial-objective-line strong{font-size:11px;margin-top:3px;line-height:1.4}.trial-metric-form{border:1px solid #dce7df;background:#f8fcf9;border-radius:18px;padding:14px;display:grid;gap:10px}.trial-metric-form h4{margin:0}.trial-metric-form p{margin:0;color:var(--muted);font-size:11px}.trial-metrics-view{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.trial-metrics-view>div{border:1px solid #e0e8e3;background:#f8fbf9;border-radius:12px;padding:9px;min-width:0}.trial-metrics-view small,.trial-metrics-view strong{display:block}.trial-metrics-view small{font-size:9px;color:var(--muted)}.trial-metrics-view strong{font-size:11px;margin-top:3px;overflow-wrap:anywhere}.final-stage-note{padding:11px;border-radius:13px;background:#fff8e4;color:#745300;font-size:11px;line-height:1.4}
.trial-program-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.trial-program-admin-card{min-width:0}.trial-program-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.trial-program-form.compact{margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.trial-program-form label{display:grid;gap:6px;font-size:11px;font-weight:800}.trial-program-form input,.trial-program-form select,.trial-program-form textarea,.program-product-form input,.program-product-form select{width:100%;min-height:44px;border:1px solid var(--border);border-radius:11px;padding:9px 11px;background:#fff}.trial-program-form .span-2{grid-column:1/-1}.metric-checks{display:flex!important;flex-wrap:wrap;gap:7px}.check-chip{display:flex!important;grid-auto-flow:column;align-items:center;justify-content:flex-start;gap:6px!important;padding:7px 9px;border:1px solid #dce7df;border-radius:999px;background:#f7fbf8;font-size:10px!important;font-weight:700!important}.check-chip input{width:auto!important;min-height:auto!important;margin:0}.program-products{margin-top:15px;border-top:1px solid var(--border);padding-top:13px}.mapped-product-row{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid #e0e8e3;border-radius:12px;padding:10px;margin:8px 0}.mapped-product-row strong,.mapped-product-row small{display:block}.mapped-product-row small{color:var(--muted);font-size:10px;margin-top:3px}.program-product-form{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr auto auto;gap:8px;align-items:center;margin-top:10px}.icon-btn.danger{color:#b83c3c}.trial-admin-filter .filter-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.trial-admin-filter label{display:grid;gap:6px;font-size:11px;font-weight:800}.trial-admin-filter select{min-height:44px;border:1px solid var(--border);border-radius:11px;padding:8px 10px;background:#fff}.crop-program-admin-summary{display:flex;gap:9px;overflow:auto;padding:0 0 12px}.crop-program-admin-summary a{min-width:130px;border:1px solid var(--border);border-radius:14px;padding:10px 12px;background:#fff;color:var(--text);text-decoration:none}.crop-program-admin-summary a.active{border-color:#3aa461;background:#eefaf2}.crop-program-admin-summary strong,.crop-program-admin-summary small{display:block}.crop-program-admin-summary small{font-size:10px;color:var(--muted);margin-top:3px}.trial-admin-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:15px}.trial-admin-kpis article{background:#fff;border:1px solid var(--border);border-radius:15px;padding:12px}.trial-admin-kpis small,.trial-admin-kpis strong{display:block}.trial-admin-kpis small{color:var(--muted);font-size:10px}.trial-admin-kpis strong{font-size:15px;margin-top:5px;color:var(--green)}.trial-admin-detail-grid{align-items:start}.trial-admin-timeline{display:grid;gap:12px}.trial-admin-timeline>article{border:1px solid var(--border);border-radius:16px;padding:14px;background:#fff}.trial-admin-timeline header{display:flex;justify-content:space-between;gap:12px}.trial-admin-timeline header span,.trial-admin-timeline header strong{display:block}.trial-admin-timeline header span{font-weight:900;color:var(--green)}.trial-admin-timeline header small{color:var(--muted)}.trial-metrics-view.admin{grid-template-columns:repeat(3,minmax(0,1fr))}.observation-detail-grid.admin{grid-template-columns:repeat(4,minmax(0,1fr))}.proof-image.observation{max-width:420px;margin-top:12px}.final-result-panel{border-color:#a9d8b9;background:linear-gradient(145deg,#effbf3,#fff)}
@media(max-width:900px){.trial-program-admin-grid{grid-template-columns:1fr}.program-product-form{grid-template-columns:1fr 1fr}.trial-admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.trial-metrics-view.admin,.observation-detail-grid.admin{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.crop-program-grid{grid-template-columns:1fr 1fr}.crop-program-card{padding:12px}.trial-metrics-view{grid-template-columns:1fr}.trial-program-form,.trial-admin-filter .filter-row{grid-template-columns:1fr}.trial-program-form .span-2{grid-column:auto}.program-product-form{grid-template-columns:1fr}.trial-admin-kpis{grid-template-columns:1fr 1fr}.trial-metrics-view.admin,.observation-detail-grid.admin{grid-template-columns:1fr}}
/* v5.4.0 — verified distance, device sync health and advanced route monitoring */
.route-kpis.advanced{grid-template-columns:repeat(4,minmax(0,1fr))}.sync-device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px}.sync-device-card{border:1px solid var(--line);border-left:5px solid #94a3b8;border-radius:18px;padding:16px;background:#fff}.sync-device-card.sync-healthy{border-left-color:#16a34a}.sync-device-card.sync-pending{border-left-color:#f59e0b}.sync-device-card.sync-attention{border-left-color:#ef4444}.sync-device-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.sync-device-card header strong,.sync-device-card header small{display:block}.sync-device-card header small{margin-top:4px;color:var(--muted);font-size:11px;word-break:break-all}.sync-badge{padding:6px 9px;border-radius:999px;background:#f1f5f9;font-size:10px;font-weight:900}.sync-healthy .sync-badge{background:#dcfce7;color:#166534}.sync-pending .sync-badge{background:#fef3c7;color:#92400e}.sync-attention .sync-badge{background:#fee2e2;color:#b91c1c}.sync-device-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.sync-device-stats span{padding:10px;border-radius:12px;background:#f6f9f7;min-width:0}.sync-device-stats b,.sync-device-stats small{display:block}.sync-device-stats b{font-size:11px;overflow-wrap:anywhere}.sync-device-stats small{font-size:9px;color:var(--muted);margin-top:3px}.sync-pending-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.sync-pending-row span{font-size:10px;padding:6px 8px;background:#f3f6f4;border-radius:999px}.sync-request-note{display:block;color:var(--muted);margin:8px 0;line-height:1.4}.sync-request-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.sync-request-form input{min-height:40px;border:1px solid var(--line);border-radius:10px;padding:8px 10px}.sync-healthy{color:#166534!important}.sync-pending{color:#92400e!important}.sync-attention{color:#b91c1c!important}.distance-confidence{margin-top:16px}.distance-source-badge{padding:8px 11px;border-radius:999px;background:#eaf7ee;color:#087535;font-size:11px;font-weight:900}.distance-compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.distance-compare article{border:1px solid var(--line);border-radius:16px;padding:15px;background:#f9fbfa}.distance-compare small,.distance-compare strong,.distance-compare p{display:block}.distance-compare small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.distance-compare strong{font-size:25px;color:#087535;margin:7px 0}.distance-compare p{font-size:11px;color:var(--muted);line-height:1.45;margin:0}.empty-card.compact{padding:14px;margin:12px 0}
@media(max-width:900px){.route-kpis.advanced{grid-template-columns:repeat(2,minmax(0,1fr))}.distance-compare{grid-template-columns:1fr}}
@media(max-width:600px){.sync-device-grid{grid-template-columns:1fr}.sync-device-stats{grid-template-columns:1fr 1fr}.sync-request-form{grid-template-columns:1fr}.route-kpis.advanced{grid-template-columns:1fr 1fr}}

/* v5.4.1 — near real-time live-location beacon */
.tracking-live-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px}.tracking-live-toolbar strong,.tracking-live-toolbar small{display:block}.tracking-live-toolbar small{color:var(--muted);margin-top:3px}.live-refresh-badge{padding:8px 12px;border-radius:999px;background:#fef3c7;color:#92400e;font-size:11px;font-weight:900}.live-refresh-badge.is-live{background:#dcfce7;color:#166534}.tracking-agent-actions{display:flex;gap:6px;align-items:center}.earth-live-marker-wrap{background:transparent!important;border:0!important}.earth-live-marker{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;position:relative;background:#f59e0b;border:4px solid #fff;box-shadow:0 6px 18px rgba(15,23,42,.25)}.earth-live-marker b{position:relative;z-index:2;color:#fff;font-size:14px}.earth-live-marker.is-live{background:#16a34a}.earth-live-marker.is-live span{position:absolute;inset:-8px;border-radius:50%;background:rgba(22,163,74,.25);animation:earthLivePulse 1.6s ease-out infinite}.earth-live-marker.is-stale{background:#ef4444}.live-map-popup{min-width:190px}.live-map-popup strong,.live-map-popup small,.live-map-popup a{display:block;margin:4px 0}.map-live-status{display:inline-block;font-size:10px;font-weight:900;margin:4px 0}.map-live-status.ok{color:#15803d}.map-live-status.warn{color:#b45309}@keyframes earthLivePulse{0%{transform:scale(.8);opacity:.85}100%{transform:scale(1.55);opacity:0}}
@media(max-width:760px){.tracking-live-toolbar{align-items:flex-start;flex-direction:column}.tracking-agent-actions{width:100%;justify-content:flex-end}}

/* v5.4.3 — Leaflet critical layout fallback (self-hosted in app.css)
   Keeps admin maps functional even when external Leaflet CSS is blocked by CDN/SRI/network policy. */
.leaflet-container{position:relative;overflow:hidden;outline:0;-webkit-tap-highlight-color:transparent;background:#eef4ef;font-family:inherit}
.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}
.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}
.leaflet-map-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}
.leaflet-container img.leaflet-tile,.leaflet-container img.leaflet-marker-icon,.leaflet-container img.leaflet-marker-shadow{max-width:none!important;max-height:none!important;width:auto;padding:0}
.leaflet-container img.leaflet-tile{mix-blend-mode:normal}
.leaflet-tile{visibility:hidden;user-select:none;-webkit-user-drag:none}
.leaflet-tile-loaded{visibility:inherit}
.leaflet-zoom-box{width:0;height:0;box-sizing:border-box;z-index:800}
.leaflet-pane{position:absolute;left:0;top:0;width:100%;height:100%}
.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}
.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-map-pane svg,.leaflet-map-pane canvas{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.leaflet-marker-icon,.leaflet-marker-shadow{display:block}
.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}
.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important}
.leaflet-control{position:relative;z-index:800;pointer-events:auto;float:left;clear:both}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}
.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,.25);border-radius:6px}.leaflet-bar a{background:#fff;color:#111;width:30px;height:30px;line-height:30px;display:block;text-align:center;text-decoration:none;border-bottom:1px solid #ddd;font-size:18px;font-weight:700}.leaflet-bar a:first-child{border-radius:6px 6px 0 0}.leaflet-bar a:last-child{border-bottom:0;border-radius:0 0 6px 6px}.leaflet-bar a:hover{background:#f4f4f4}
.leaflet-control-attribution{background:rgba(255,255,255,.8);margin:0;padding:0 5px;color:#333;font-size:10px}.leaflet-control-attribution a{color:#0078a8;text-decoration:none}
.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{background:#fff;color:#222;border-radius:12px;box-shadow:0 3px 14px rgba(0,0,0,.25);text-align:left}.leaflet-popup-content{margin:13px 19px;line-height:1.4;min-width:140px}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;background:#fff;transform:rotate(45deg);margin:-10px auto 0;box-shadow:3px 3px 7px rgba(0,0,0,.12)}.leaflet-popup-close-button{position:absolute;top:0;right:0;border:0!important;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent!important;z-index:2}
.leaflet-tooltip{position:absolute;padding:6px;background:#fff;border:1px solid #fff;border-radius:4px;color:#222;white-space:nowrap;user-select:none;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}
.tracking-map.leaflet-container{width:100%!important;min-width:0!important}.tracking-map .leaflet-container{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important}
.tracking-map .leaflet-tile-pane,.tracking-map .leaflet-map-pane,.tracking-map .leaflet-pane{will-change:transform}

/* v5.4.3 — Dealer / Distributor mandatory KYC onboarding */
.kyc-inline-note{margin:10px 0 0;padding:11px 13px;border:1px solid #d7eadc;border-radius:13px;background:#f4fbf6;color:#365542;font-size:11px;line-height:1.5}.kyc-inline-note strong{color:var(--green)}
.kyc-progress-card{margin:0 20px 14px;padding:15px;border:1px solid #d9e7dd;border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}.kyc-progress-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.kyc-progress-head strong,.kyc-progress-head small{display:block}.kyc-progress-head small{font-size:10px;color:var(--muted);margin-top:3px}.kyc-progress-head b{font-size:18px;color:var(--green)}.kyc-progress{height:9px;border-radius:999px;background:#e7ece8;overflow:hidden;margin:12px 0 8px}.kyc-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--green-2));min-width:0;transition:width .25s}.kyc-progress-meta{display:flex;flex-wrap:wrap;gap:7px}.kyc-progress-meta span{font-size:9px;padding:5px 8px;border-radius:999px;background:#f2f6f3;color:#536159}.kyc-alert{padding:12px 14px;border:1px solid #eed9a1;border-radius:14px;background:#fff9e9;color:#735b16;margin:10px 0}.kyc-alert strong{display:block;margin-bottom:3px}.kyc-alert p{margin:0;color:inherit;font-size:12px;line-height:1.45}.kyc-alert.danger{border-color:#f1c6c6;background:var(--red-bg);color:#8c3030}.kyc-alert.success{border-color:#bfe2c9;background:#effaf2;color:#23683b}
.kyc-doc-list{display:grid;gap:11px;margin:0 20px 16px}.kyc-doc-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--shadow-sm)}.kyc-doc-card>header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center}.kyc-doc-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eef8f1;color:var(--green);font-size:19px}.kyc-doc-card header strong,.kyc-doc-card header small{display:block}.kyc-doc-card header small{font-size:9px;color:var(--muted);margin-top:3px}.req{color:var(--red);font-weight:800}.optional{color:var(--muted)}.kyc-doc-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.kyc-doc-meta span{font-size:9px;background:#f5f7f5;border-radius:9px;padding:6px 8px;color:#56635b}.kyc-upload-box{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);display:grid;gap:9px}.kyc-upload-box input,.kyc-upload-box select{width:100%}.kyc-submit-card{margin:0 20px 100px;padding:16px;border:1px solid #d7e7dc;border-radius:18px;background:linear-gradient(145deg,#f2fbf5,#fff)}.kyc-submit-card h3{margin-bottom:5px}.kyc-submit-card p{font-size:11px}.kyc-submit-card .btn{width:100%;min-height:48px}.partner-list-kyc{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-top:5px}
.kyc-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.kyc-filter{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.kyc-filter input,.kyc-filter select{border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 12px;min-width:150px}.kyc-filter input{min-width:250px}.table-sub{display:block;font-size:10px;color:var(--muted);margin-top:3px}.kyc-rules-panel{margin-top:18px}.kyc-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kyc-rule-card{border:1px solid var(--line);border-radius:15px;background:#fafcfb;padding:13px;display:grid;gap:9px}.kyc-rule-card input[type=text],.kyc-rule-card input[type=number],.kyc-rule-card select{width:100%;border:1px solid var(--line);border-radius:9px;padding:9px;background:#fff}.rule-options{display:flex;gap:12px;flex-wrap:wrap}.rule-options label{display:flex;align-items:center;gap:6px;font-size:10px;color:#516057}.kyc-add-rule{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;align-items:end}.kyc-add-rule .btn{min-height:40px}
.kyc-decision-form{display:grid;gap:10px;margin-top:12px}.decision-actions{display:flex;gap:8px;flex-wrap:wrap}.decision-actions .btn{flex:1}.decision-actions .btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.kyc-admin-doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.kyc-admin-doc{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fbfdfb}.kyc-admin-doc>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}.kyc-admin-doc header strong,.kyc-admin-doc header small{display:block}.kyc-admin-doc header small{color:var(--muted);font-size:10px;margin-top:3px}.doc-preview-row{display:flex;gap:10px;align-items:center;padding:11px 0}.doc-preview-row>span{min-width:0;overflow-wrap:anywhere;font-size:11px}.doc-preview-row small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.kyc-admin-doc details{border-top:1px solid var(--line);padding-top:10px}.kyc-admin-doc summary{font-size:11px;font-weight:800;color:var(--green);cursor:pointer}.kyc-mini-form{display:grid;gap:8px;margin-top:10px}.kyc-mini-form input{width:100%;border:1px solid var(--line);border-radius:9px;padding:9px;background:#fff}.check-line{display:flex!important;align-items:center;gap:7px;font-size:10px!important}.check-line input{width:auto!important}.doc-review-form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;margin-top:10px}.doc-review-form input{min-width:0;border:1px solid var(--line);border-radius:9px;padding:9px}.kyc-activity-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.kyc-activity-row:last-child{border-bottom:0}.kyc-activity-row strong,.kyc-activity-row small{display:block}.kyc-activity-row small{font-size:9px;color:var(--muted);margin-top:3px}.partner-activity-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.partner-activity-counts span{padding:12px;border:1px solid var(--line);border-radius:12px;background:#fafcfb;text-align:center}.partner-activity-counts b,.partner-activity-counts small{display:block}.partner-activity-counts b{font-size:20px;color:var(--green)}.partner-activity-counts small{font-size:9px;color:var(--muted);margin-top:3px}.partner-profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.partner-profile-grid span{border:1px solid var(--line);border-radius:13px;background:#fafcfb;padding:11px;min-width:0}.partner-profile-grid small,.partner-profile-grid b{display:block}.partner-profile-grid small{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.partner-profile-grid b{margin-top:5px;overflow-wrap:anywhere}.partner-profile-grid .wide{grid-column:span 2}
@media(max-width:1100px){.kyc-kpis{grid-template-columns:repeat(3,1fr)}.kyc-admin-doc-grid,.kyc-rule-grid{grid-template-columns:1fr}.kyc-add-rule{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.kyc-kpis{grid-template-columns:1fr 1fr}.kyc-filter{align-items:stretch}.kyc-filter input,.kyc-filter select,.kyc-filter .btn{width:100%;min-width:0}.kyc-add-rule{grid-template-columns:1fr}.doc-review-form{grid-template-columns:1fr 1fr}.doc-review-form input{grid-column:1/-1}.partner-profile-grid{grid-template-columns:1fr}.partner-profile-grid .wide{grid-column:auto}.decision-actions{flex-direction:column}.kyc-doc-card>header{grid-template-columns:38px minmax(0,1fr)}.kyc-doc-card>header>.tag{grid-column:2;justify-self:start}.kyc-doc-icon{width:38px;height:38px}}

/* v5.4.4 — Admin readability, workflow alignment and information architecture */
.admin-shell{--admin-sidebar:292px;--admin-text:15px;--admin-small:12px;--admin-control:14px}
.admin-shell .sidebar{width:var(--admin-sidebar);background:linear-gradient(180deg,#10271b 0%,#0b2015 68%,#081a11 100%)}
.admin-shell .main{margin-left:var(--admin-sidebar);width:calc(100% - var(--admin-sidebar));font-size:var(--admin-text)}
.admin-shell .brand{height:88px;padding:0 20px;gap:13px;font-size:15px}
.admin-shell .brand-mark{width:46px;height:46px;border-radius:14px;flex:none}
.admin-shell .brand small{font-size:11px;line-height:1.35;letter-spacing:1.2px;margin-top:4px}
.sidebar-title{padding:15px 20px 7px;color:#e6f1e9}
.sidebar-title small,.sidebar-title strong{display:block}
.sidebar-title small{font-size:10px;letter-spacing:1.45px;color:#789a86;font-weight:800}
.sidebar-title strong{font-size:14px;margin-top:4px}
.admin-shell .side-nav{padding:8px 10px 26px;gap:7px}
.nav-group{border-bottom:1px solid #ffffff0c;padding-bottom:6px}
.nav-group:last-child{border-bottom:0}
.nav-group-toggle{width:100%;min-height:38px;border:0;background:transparent;color:#8dad98;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:800;border-radius:9px}
.nav-group-toggle:hover,.nav-group.is-current .nav-group-toggle{color:#d8e9dd;background:#ffffff08}
.nav-group-toggle b{font-size:14px;transition:transform .18s ease;font-weight:600}
.nav-group.is-collapsed .nav-group-toggle b{transform:rotate(-90deg)}
.nav-group.is-collapsed .nav-group-links{display:none}
.nav-group-links{display:flex;flex-direction:column;gap:3px;padding:2px 0 5px}
.admin-shell .side-nav a{min-height:43px;padding:10px 11px;border-radius:10px;gap:11px;font-size:14px;line-height:1.25;color:#cbd9d0}
.admin-shell .side-nav a i{width:23px;font-size:16px;flex:none}
.admin-shell .side-nav a span{min-width:0}
.admin-shell .side-nav a.active{font-weight:800;box-shadow:0 7px 20px #0000002b}
.admin-shell .sidebar-foot{font-size:12px;padding:14px;margin:8px 12px 16px}
.admin-shell .sidebar-foot strong{font-size:13px}

.admin-shell .topbar{height:76px;padding:0 32px;gap:18px}
.admin-shell .global-search{height:44px;width:min(520px,48vw);font-size:14px;border-radius:12px;background:#fbfcfb}
.admin-shell .connection-pill{font-size:12px;padding:7px 11px}
.admin-shell .user-chip strong{font-size:13.5px}
.admin-shell .user-chip small{font-size:11.5px}
.admin-shell .link-btn{font-size:12.5px;font-weight:700}
.admin-shell .avatar{width:39px;height:39px}
.admin-shell .content{padding:30px 32px 46px;max-width:1800px}

.admin-context-bar{display:flex;align-items:center;gap:18px;margin:-3px 0 22px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 8px #00000004;min-width:0}
.admin-context-bar .context-title{flex:none;padding-right:16px;border-right:1px solid var(--line)}
.admin-context-bar .context-title small,.admin-context-bar .context-title strong{display:block}
.admin-context-bar .context-title small{font-size:10.5px!important;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-weight:800}
.admin-context-bar .context-title strong{font-size:14px;margin-top:3px;white-space:nowrap}
.admin-context-bar nav{display:flex;gap:6px;overflow-x:auto;min-width:0;padding:1px 0;scrollbar-width:thin}
.admin-context-bar nav a{flex:none;padding:7px 10px;border-radius:9px;font-size:12.5px;font-weight:700;color:#56635b;white-space:nowrap}
.admin-context-bar nav a:hover{background:#f1f7f3;color:var(--green)}
.admin-context-bar nav a.active{background:var(--green-3);color:var(--green)}

.admin-shell .page-head{gap:24px;margin-bottom:24px}
.admin-shell .page-head h1{font-size:32px;line-height:1.18;margin-bottom:8px}
.admin-shell .page-head p{font-size:14px;line-height:1.55;max-width:900px}
.admin-shell .eyebrow{font-size:11px;letter-spacing:1.35px;margin-bottom:7px}
.admin-shell .back-link{font-size:13px;margin-bottom:10px}
.admin-shell .page-actions{gap:10px}
.admin-shell .btn{min-height:42px;padding:10px 16px;border-radius:10px;font-size:13.5px;line-height:1.2}
.admin-shell .btn.small{min-height:35px;padding:7px 11px;font-size:12px}
.admin-shell .icon-btn,.admin-shell .icon-danger{min-height:34px;padding:7px 10px;font-size:12px;border-radius:8px}
.admin-shell .tag{padding:5px 9px;font-size:11.5px;line-height:1.2}
.admin-shell .record-count{font-size:12.5px}
.admin-shell .empty-card{font-size:13px;line-height:1.55}
.admin-shell .empty p{font-size:13px}
.admin-shell .toast{font-size:13.5px;line-height:1.45}

.admin-shell .panel{padding:21px;border-radius:16px}
.admin-shell .panel-head{margin-bottom:17px}
.admin-shell .panel h3,.admin-shell .panel-head h3{font-size:18px;line-height:1.3;margin-bottom:4px}
.admin-shell .panel-head p{font-size:13px;line-height:1.45}
.admin-shell .panel-head>a{font-size:13px}
.admin-shell .panel-head>strong{font-size:18px}
.admin-shell .main p{font-size:14px}
.admin-shell .main small{font-size:12px;line-height:1.4}
.admin-shell .kpi-grid{gap:14px;margin-bottom:17px}
.admin-shell .kpi{padding:18px;min-height:118px}
.admin-shell .kpi small{font-size:12.5px}
.admin-shell .kpi strong{font-size:23px;margin:6px 0 5px}
.admin-shell .kpi em{font-size:11.5px;line-height:1.35}
.admin-shell .mini-kpis{gap:14px;margin-bottom:17px}
.admin-shell .mini-kpis article{padding:17px}
.admin-shell .mini-kpis small{font-size:12.5px}
.admin-shell .mini-kpis strong{font-size:23px;margin-top:6px}
.admin-shell .quick-grid small{font-size:11.5px}
.admin-shell .activity-list strong{font-size:13.5px}
.admin-shell .activity-list small,.admin-shell .mini-table small,.admin-shell .lead-list small{font-size:11.5px}
.admin-shell .mini-table b,.admin-shell .lead-list strong{font-size:13px}
.admin-shell .legend li,.admin-shell .chart-legend{font-size:11.5px}
.admin-shell .donut small{font-size:11px}

.admin-shell .table-toolbar{gap:10px;margin-bottom:15px;flex-wrap:wrap}
.admin-shell .search-box{height:44px;min-width:290px;font-size:14px;padding:0 12px}
.admin-shell .search-box input{font-size:14px}
.admin-shell .table-toolbar select,.admin-shell .page-actions select{min-height:44px;padding:10px 12px;font-size:13.5px}
.admin-shell .table-wrap{border-radius:11px}
.admin-shell table{line-height:1.35}
.admin-shell th{font-size:11.5px;letter-spacing:.45px;padding:13px 12px;line-height:1.25}
.admin-shell td{font-size:13.5px;padding:14px 12px;line-height:1.4;vertical-align:middle}
.admin-shell td strong{font-size:13.5px}
.admin-shell tbody tr{transition:background .15s ease}
.admin-shell .table-sub{font-size:11.5px!important;margin-top:4px}
.admin-shell .actions{gap:7px}

.admin-shell .form-grid{gap:15px 14px}
.admin-shell .form-grid label,.admin-shell .stack label,.admin-shell .grn-form label{font-size:12.5px;font-weight:750;line-height:1.35;gap:7px}
.admin-shell .form-grid input,.admin-shell .form-grid select,.admin-shell .form-grid textarea,.admin-shell .stack input,.admin-shell .stack select,.admin-shell .stack textarea,.admin-shell .grn-form input,.admin-shell .grn-form select{font-size:14px;min-height:44px;padding:10px 12px;border-radius:9px}
.admin-shell .form-grid textarea,.admin-shell .stack textarea{min-height:88px;resize:vertical}
.admin-shell .form-actions{gap:10px;margin-top:10px;flex-wrap:wrap}
.admin-shell .modal-card{padding:27px;border-radius:20px}
.admin-shell .modal-card h2{font-size:24px;line-height:1.25}
.admin-shell .modal-close{width:34px;height:34px;font-size:21px}
.admin-shell .line-items{padding:16px;margin-top:21px}
.admin-shell .line-head{margin-bottom:12px}
.admin-shell .line-row{gap:9px;padding:13px 0}
.admin-shell .line-row label{font-size:11.5px}
.admin-shell .line-row input,.admin-shell .line-row select{font-size:13px;min-height:40px;padding:8px 9px}
.admin-shell .order-total{font-size:13.5px}
.admin-shell .order-total strong{font-size:22px}
.admin-shell .detail-list>div{padding:12px 0}
.admin-shell .detail-list dt{font-size:12px}
.admin-shell .detail-list dd{font-size:13.5px;line-height:1.4}
.admin-shell .notes-grid small{font-size:11px}
.admin-shell .notes-grid p{font-size:13px}
.admin-shell .report-links a{font-size:13px;padding:13px}
.admin-shell .proof-grid figcaption{font-size:11.5px}

/* Partner KYC / partner management readability */
.admin-shell .kyc-progress-head small,.admin-shell .kyc-admin-doc header small,.admin-shell .doc-preview-row small,.admin-shell .kyc-activity-row small,.admin-shell .partner-activity-counts small,.admin-shell .partner-profile-grid small{font-size:11.5px}
.admin-shell .kyc-progress-meta span,.admin-shell .kyc-doc-meta span{font-size:11.5px;padding:6px 9px}
.admin-shell .kyc-alert p,.admin-shell .kyc-submit-card p{font-size:13px}
.admin-shell .kyc-filter input,.admin-shell .kyc-filter select{font-size:13.5px;min-height:44px}
.admin-shell .kyc-rule-card input[type=text],.admin-shell .kyc-rule-card input[type=number],.admin-shell .kyc-rule-card select,.admin-shell .kyc-mini-form input,.admin-shell .doc-review-form input{font-size:13px;min-height:40px}
.admin-shell .rule-options label,.admin-shell .check-line{font-size:12px!important}
.admin-shell .kyc-admin-doc summary{font-size:12.5px}
.admin-shell .doc-preview-row>span{font-size:13px}
.admin-shell .kyc-activity-row strong{font-size:13px}
.admin-shell .partner-profile-grid b{font-size:13.5px;line-height:1.4}
.admin-shell .partner-activity-counts b{font-size:22px}

/* Tracking / HR / finance pages previously used 8–11px support text. */
.admin-shell .tracking-agent strong,.admin-shell .tracking-live-toolbar strong{font-size:13.5px}
.admin-shell .tracking-agent small,.admin-shell .tracking-live-toolbar small{font-size:11.5px}
.admin-shell .tracking-agent em,.admin-shell .map-note{font-size:11.5px;line-height:1.45}
.admin-shell .live-refresh-badge{font-size:11.5px}
.admin-shell .system-row{min-height:44px;font-size:13px}
.admin-shell .system-row span,.admin-shell .system-row strong,.admin-shell .system-row b{font-size:13px}

@media(max-width:1350px){
  .admin-shell{--admin-sidebar:275px}
  .admin-shell .kpi-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:1050px){
  .admin-shell .sidebar{transform:translateX(-100%);width:285px;box-shadow:18px 0 50px #0003}
  .admin-shell .sidebar.open{transform:translateX(0)}
  .admin-shell .main{margin-left:0;width:100%}
  .admin-shell .topbar{padding:0 20px}
  .admin-shell .content{padding:22px 20px 40px}
  .admin-context-bar{margin-top:0}
}
@media(max-width:760px){
  .admin-shell .kpi-grid{grid-template-columns:1fr 1fr}
  .admin-shell .topbar{height:68px;padding:0 14px}
  .admin-shell .content{padding:16px 14px 34px}
  .admin-shell .page-head{gap:14px;margin-bottom:18px}
  .admin-shell .page-head h1{font-size:27px}
  .admin-shell .page-head p{font-size:13.5px}
  .admin-shell .page-actions .btn{flex:1 1 auto;min-width:130px}
  .admin-context-bar{align-items:flex-start;gap:10px;padding:11px 12px;margin-bottom:16px;overflow:hidden}
  .admin-context-bar .context-title{display:none}
  .admin-context-bar nav{width:100%}
  .admin-context-bar nav a{font-size:12px;padding:7px 9px}
  .admin-shell .panel{padding:16px;border-radius:14px}
  .admin-shell .panel h3,.admin-shell .panel-head h3{font-size:17px}
  .admin-shell .mini-kpis{grid-template-columns:1fr 1fr}
  .admin-shell .mini-kpis article{padding:14px}
  .admin-shell .mini-kpis small{font-size:11.5px}
  .admin-shell .mini-kpis strong{font-size:20px}
  .admin-shell .table-toolbar{align-items:stretch}
  .admin-shell .search-box,.admin-shell .table-toolbar select{width:100%;min-width:0}
  .admin-shell .record-count{width:100%;margin-left:0;padding:2px 1px}
  .admin-shell th{font-size:11px;padding:12px 10px}
  .admin-shell td{font-size:13px;padding:13px 10px}
  .admin-shell .form-grid label,.admin-shell .stack label{font-size:12.5px}
  .admin-shell .form-grid input,.admin-shell .form-grid select,.admin-shell .form-grid textarea,.admin-shell .stack input,.admin-shell .stack select,.admin-shell .stack textarea{font-size:14px}
  .admin-shell .line-row,.admin-shell .line-row.sales-line{grid-template-columns:1fr 1fr}
  .admin-shell .line-row>label:first-child{grid-column:1/-1}
  .admin-shell .remove-line{justify-self:end}
  .admin-shell .modal{padding:8px}
  .admin-shell .modal-card{width:100%;max-height:96vh;padding:22px 16px;border-radius:16px}
}
.admin-settings-panel{padding:0!important;overflow:hidden}
.admin-settings-panel>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:linear-gradient(145deg,#fbfdfb,#f6faf7)}
.admin-settings-panel>summary::-webkit-details-marker{display:none}
.admin-settings-panel>summary span strong,.admin-settings-panel>summary span small{display:block}
.admin-settings-panel>summary span strong{font-size:15px}
.admin-settings-panel>summary span small{font-size:12px!important;color:var(--muted);margin-top:4px}
.admin-settings-panel>summary>b{font-size:12px;color:var(--green);padding:7px 10px;border:1px solid #cfe3d5;border-radius:9px;background:#fff;white-space:nowrap}
.admin-settings-panel[open]>summary{border-bottom:1px solid var(--line)}
.admin-settings-panel[open]>summary>b{font-size:0}
.admin-settings-panel[open]>summary>b:after{content:'Close settings';font-size:12px}
.admin-settings-body{padding:20px}
@media(max-width:760px){.admin-settings-panel>summary{padding:15px}.admin-settings-panel>summary>b{display:none}.admin-settings-body{padding:15px}}
.workflow-stack{display:grid;gap:10px}.workflow-stack section{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fbfdfb}.workflow-stack section>strong{display:block;font-size:12.5px;margin-bottom:8px;color:#334139}.workflow-stack section>div{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.workflow-stack a{font-size:11.5px;font-weight:750;color:var(--green);background:#fff;border:1px solid #dce8df;border-radius:8px;padding:6px 8px}.workflow-stack span{font-size:11px;color:#91a097}.admin-shell .workflow-stack section>strong{font-size:13.5px}.admin-shell .workflow-stack a{font-size:12px;padding:7px 9px}
.admin-shell .check-chip{font-size:12.5px!important;line-height:1.3;padding:8px 10px}
/* Keep admin links visually consistent even after browser visit-state styling. */
.admin-shell .side-nav a:link,.admin-shell .side-nav a:visited{color:#cbd9d0}
.admin-shell .side-nav a.active:link,.admin-shell .side-nav a.active:visited{color:#fff}
.admin-shell .btn.secondary:link,.admin-shell .btn.secondary:visited{color:#334139}
.admin-shell .btn.primary:link,.admin-shell .btn.primary:visited{color:#fff}
.admin-context-bar nav a:link,.admin-context-bar nav a:visited{color:#56635b}
.admin-context-bar nav a.active:link,.admin-context-bar nav a.active:visited{color:var(--green)}
.admin-shell .back-link:link,.admin-shell .back-link:visited,.admin-shell .panel-head>a:link,.admin-shell .panel-head>a:visited,.admin-shell .workflow-stack a:link,.admin-shell .workflow-stack a:visited{color:var(--green)}

/* v5.4.6 Field workflow, KYC capture, profile intelligence and closing-report UX */
.duty-lock-card{border:1px solid #f1a8a8;background:linear-gradient(180deg,#fffafa,#fff)}
.duty-required-banner{display:flex;gap:12px;align-items:center;padding:13px 14px;margin:12px 0;border:1px solid #ead8a0;background:#fffaf0;border-radius:14px}.duty-required-banner>span{font-size:22px}.duty-required-banner strong{display:block;font-size:14px}.duty-required-banner small{display:block;margin-top:2px;font-size:12.5px;line-height:1.45;color:var(--muted)}
.late-duty-form{margin-top:12px}.late-duty-form textarea{min-height:72px}
.meeting-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.meeting-profile-grid>div,.meeting-profile-grid>span{padding:11px 12px;border:1px solid var(--line);background:var(--surface-soft,#f8faf8);border-radius:12px;min-width:0}.meeting-profile-grid small{display:block;font-size:12.5px;color:var(--muted);margin-bottom:3px}.meeting-profile-grid strong,.meeting-profile-grid b{font-size:14px;line-height:1.35;overflow-wrap:anywhere}.meeting-profile-admin{align-self:start}
.kyc-source-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.kyc-source-choice .camera-box{margin:0;min-height:94px}.kyc-source-choice>label:not(.camera-box){display:flex;flex-direction:column;gap:6px}.form-help{display:block;margin-top:5px;font-size:12.5px;color:var(--muted)}
.work-type-multi{border:1px solid var(--line);border-radius:14px;padding:12px;margin:4px 0 14px}.work-type-multi legend{font-weight:700;font-size:14px;padding:0 6px}.work-type-multi>p{font-size:12.5px;color:var(--muted);margin:0 0 10px}.work-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.work-type-grid label{position:relative;margin:0}.work-type-grid input{position:absolute;opacity:0;pointer-events:none}.work-type-grid span{display:flex;min-height:44px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:13.5px;font-weight:600;cursor:pointer}.work-type-grid input:checked+span{border-color:var(--primary,#0b7a36);background:rgba(11,122,54,.09);box-shadow:inset 0 0 0 1px var(--primary,#0b7a36)}
.auto-grid.expanded{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-trial-form{max-width:1100px}.admin-trial-form .full-span{grid-column:1/-1}
@media(max-width:700px){.meeting-profile-grid,.kyc-source-choice,.work-type-grid{grid-template-columns:1fr}.auto-grid.expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.meeting-profile-grid small{font-size:12.5px}.meeting-profile-grid strong{font-size:14px}}
/* v5.4.6 historical meeting recovery */
.late-meeting-close-card{margin:12px 0;padding:14px;border:1px solid #f2c4a4;border-radius:14px;background:#fffaf5}.late-meeting-close-card>div>small{display:block;font-size:12.5px;color:#765b49;margin-bottom:3px}.late-meeting-close-card>div>strong{display:block;font-size:15px}.late-meeting-close-card>div>p{margin:4px 0 10px;font-size:13px;color:#665}.late-meeting-close-card .mobile-form{padding:0;margin:0}.btn.warning{background:#b95f00;color:#fff;border-color:#b95f00}

/* v5.4.7 — route endpoints + accountable in-app notifications */
.route-point-marker-wrap{background:transparent!important;border:0!important}.route-point-marker{position:relative;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:3px solid #fff;box-shadow:0 6px 18px rgba(0,0,0,.24);font:800 12px/1 system-ui;color:#fff}.route-point-marker.start{background:#15803d}.route-point-marker.end{background:#dc2626}.route-point-marker.latest{background:#b45309}.route-point-label{position:absolute;left:50%;top:34px;transform:translateX(-50%);white-space:nowrap;background:#fff;color:#173b24;border:1px solid #d9e3dc;border-radius:999px;padding:4px 8px;font:800 10px/1 system-ui;box-shadow:0 4px 14px #0002}.route-legend .legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:5px;vertical-align:middle}.route-legend .legend-dot.start{background:#15803d}.route-legend .legend-dot.end{background:#dc2626}
.mobile-notification-bell{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;text-decoration:none;background:#fff;border:1px solid #dce9df;font-size:19px}.mobile-notification-bell b{position:absolute;right:-4px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#dc2626;color:#fff;border:2px solid #fff;font:800 10px/1 system-ui}
.field-action-notice{position:fixed;inset:0;z-index:100000;background:rgba(5,22,13,.86);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px;overflow:auto}.field-action-notice-card{width:min(680px,100%);background:#fff;border-radius:26px;padding:26px;box-shadow:0 28px 90px rgba(0,0,0,.36);border-top:7px solid #15803d}.field-action-notice-card.priority-high{border-top-color:#d97706}.field-action-notice-card.priority-urgent{border-top-color:#dc2626}.field-action-notice-head{display:flex;align-items:flex-start;gap:13px}.field-action-notice-head>div{flex:1}.field-action-notice-head h2{margin:4px 0 0;font-size:24px;line-height:1.18;color:#153820}.field-action-notice-head small{font-size:12.5px;color:#68766d}.field-action-notice-icon{flex:0 0 44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#173b24;color:#fff;font:900 24px/1 system-ui}.field-action-notice-card>p{font-size:16px;line-height:1.65;color:#25372c;margin:20px 0;white-space:normal}.field-action-required{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:14px;padding:11px 13px;font-size:13px;font-weight:750;margin-bottom:16px}.notification-reply-form textarea{font-size:15px!important;min-height:100px}.notification-reply-form .wide{width:100%;min-height:48px}.field-message-page{padding-bottom:24px}.field-page-head{display:flex;gap:14px;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.field-page-head h2{margin:4px 0 3px;font-size:24px}.field-page-head p{margin:0;color:#647269;font-size:13px}.field-icon-action{white-space:nowrap;text-decoration:none;font-weight:750;font-size:13px;color:#176b38}.field-message-list{display:grid;gap:14px}.field-message-card{background:#fff;border:1px solid #dfe9e2;border-left:5px solid #75a684;border-radius:18px;padding:17px;box-shadow:0 5px 20px rgba(13,53,29,.05)}.field-message-card.priority-high{border-left-color:#d97706}.field-message-card.priority-urgent,.field-message-card.needs-reply{border-left-color:#dc2626}.field-message-card header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.field-message-card h3{margin:4px 0 0;font-size:17px}.field-message-card header small{font-size:11.5px;color:#728078}.field-message-copy{font-size:14px;line-height:1.55;margin:13px 0}.notification-reply-receipt,.admin-reply-box{background:#f1f8f3;border:1px solid #d8eadc;border-radius:13px;padding:11px 13px;margin-top:12px}.notification-reply-receipt p,.admin-reply-box b{display:block;margin:5px 0 0;font-size:13px;line-height:1.5}.notification-kpis{margin-bottom:18px}.notification-admin-grid{align-items:start}.notification-admin.awaiting-reply{border-left:4px solid #dc2626}.notification-main{min-width:0;flex:1}.notification-main p{max-width:850px}.notification-admin .admin-reply-box{margin-top:10px}.notification-admin .tag{display:inline-flex;margin-top:8px}.check-card{display:flex!important;align-items:center;gap:10px;border:1px solid #dfe8e1;border-radius:13px;padding:10px 12px;background:#f8fbf9}.check-card input{width:18px!important;height:18px!important}.check-card span{display:grid}.check-card small{font-size:11px;color:#6b786f}.activity-feed .notification-admin{align-items:center}
@media(max-width:700px){.field-action-notice{padding:10px}.field-action-notice-card{border-radius:20px;padding:20px}.field-action-notice-head h2{font-size:21px}.field-action-notice-card>p{font-size:15px}.mobile-account{gap:7px}.mobile-notification-bell{width:39px;height:39px;border-radius:12px}.field-page-head{display:block}.field-icon-action{display:inline-block;margin-top:8px}.notification-admin-grid{display:block}.notification-admin-grid>.panel{margin-bottom:14px}}
.attendance-distance-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.attendance-distance-grid .gps-distance{background:#eefaf1;border-radius:12px;padding:8px}.attendance-gps-note{display:flex;flex-wrap:wrap;gap:8px 16px;margin:10px 0 2px;padding:9px 11px;background:#f7faf8;border:1px solid #e0e9e3;border-radius:12px;font-size:11.5px;color:#53645a}.attendance-gps-note b{color:#173b24}@media(max-width:700px){.attendance-distance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-distance-grid .gps-distance{grid-column:span 1}}

/* v5.4.7 — attendance proof controls must remain readable and tappable even outside .form-card */
.attendance-proof-row input:not([type="file"]),
.late-duty-form input:not([type="hidden"]):not([type="file"]),
.late-duty-form select,
.late-duty-form textarea,
.late-meeting-close-card .mobile-form input:not([type="hidden"]):not([type="file"]),
.late-meeting-close-card .mobile-form select,
.late-meeting-close-card .mobile-form textarea{
  width:100%;min-height:48px;border:1px solid #d6dfd9;border-radius:12px;background:#fff;color:var(--ink);font-size:15px;line-height:1.35;padding:11px 12px
}
.attendance-proof-row>label:first-child{font-size:12px;font-weight:700;color:#556159}
@media(max-width:760px){
  .attendance-proof-row input:not([type="file"]),
  .late-duty-form input:not([type="hidden"]):not([type="file"]),
  .late-duty-form select,.late-duty-form textarea,
  .late-meeting-close-card .mobile-form input:not([type="hidden"]):not([type="file"]),
  .late-meeting-close-card .mobile-form select,.late-meeting-close-card .mobile-form textarea{font-size:16px;min-height:48px}
}


/* v5.4.8 — salesperson Android APK distribution */
.android-download-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;margin:14px 0 18px;padding:14px 16px;border:1px solid #bfe5cc;border-radius:20px;background:linear-gradient(135deg,#f3fff7 0%,#e9f8ef 100%);box-shadow:0 10px 26px rgba(16,93,48,.07)}
.android-download-card[hidden],[data-android-download][hidden]{display:none!important}.android-download-card img{width:52px;height:52px;object-fit:contain;border-radius:14px;background:#fff;padding:4px}.android-download-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.android-download-copy small{font-size:11px;font-weight:800;letter-spacing:.08em;color:#087737}.android-download-copy strong{font-size:16px;color:#12301f}.android-download-copy span{font-size:12.5px;line-height:1.35;color:#66746b}.android-download-btn{white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.profile-android-download{margin-bottom:8px}
@media(max-width:680px){.android-download-card{grid-template-columns:46px 1fr;padding:13px 14px}.android-download-card img{width:46px;height:46px}.android-download-btn{grid-column:1/-1;width:100%;margin-top:2px}.android-download-copy strong{font-size:15px}.android-download-copy span{font-size:12.5px}}