:root{--ink:#121722;--dark:#11151d;--gold:#d4a72c;--bg:#f2f4f7;--line:#e1e5ea;--muted:#69717c;--red:#b53232}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.loading{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.authbrand{background:linear-gradient(135deg,#0e1219,#29303d);color:#fff;display:grid;place-items:center;padding:36px;text-align:center}.authbrand img{width:min(360px,75%);border-radius:26px}.authbrand p{color:#c8ced8}.authbox{display:grid;place-items:center;padding:28px}.card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 18px 50px #1112}.card h1{margin:0 0 8px}.card>p{color:var(--muted)}label{display:grid;gap:7px;margin:15px 0;font-weight:700}input,select,textarea{width:100%;border:1px solid #ccd2d9;border-radius:11px;padding:12px;background:#fff}textarea{min-height:90px}.primary,.action{border:0;border-radius:11px;padding:12px 16px;background:var(--gold);color:#1d180a;font-weight:800}.primary{width:100%}.linkbtn{border:0;background:none;color:#8c6600;padding:12px 0}.msg{padding:11px;border-radius:10px;background:#fff6d9;margin:12px 0}.msg.error{background:#ffe6e6;color:#8b2020}.shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.side{background:var(--dark);color:#fff;padding:22px 14px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:5px 8px 24px}.brand img{width:45px;height:45px;border-radius:11px}.brand small{display:block;color:#9ca4b0}.side nav{display:grid;gap:5px}.side button{border:0;background:none;color:#b7bec9;text-align:left;padding:12px;border-radius:10px}.side button.on{background:#fff;color:var(--ink);font-weight:800}.side .logout{margin-top:auto}.main{padding:24px 30px}.top{display:flex;justify-content:space-between;align-items:center;gap:14px}.top p{margin:0;color:#967000;font-size:12px;font-weight:800;letter-spacing:.1em}.top h1{margin:3px 0}.hero{margin:20px 0;background:linear-gradient(130deg,#161b25,#29303d);color:#fff;padding:25px;border-radius:20px}.hero p{color:#c6ccd5}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric,.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.metric b{font-size:28px;display:block}.metric span,small,.muted{color:var(--muted)}.panel{margin-top:16px}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:12px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:670px}th,td{text-align:left;border-bottom:1px solid #edf0f2;padding:12px 9px;font-size:14px}td small{display:block;margin-top:3px}.danger{border:0;background:#ffe8e8;color:#982626;padding:8px 10px;border-radius:9px}.soft{border:0;background:#edf0f3;padding:8px 10px;border-radius:9px}.modal{position:fixed;inset:0;background:#0008;display:grid;place-items:center;padding:18px;z-index:20}.modal form{width:min(520px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;padding:22px}.modalhead{display:flex;justify-content:space-between}.modalhead button{border:0;background:none;font-size:26px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tasks{display:grid;gap:14px}.task{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px}.taskhead{display:flex;justify-content:space-between;gap:12px}.pill{background:#fff3c8;color:#705400;padding:6px 9px;border-radius:20px;font-size:13px;height:max-content}.empty{text-align:center;padding:35px;color:var(--muted)}@media(max-width:800px){.auth{grid-template-columns:1fr}.authbrand{min-height:220px}.authbrand img{width:150px}.shell{display:block}.side{position:sticky;top:0;z-index:10;padding:10px}.brand{padding:2px 6px 8px}.side nav{display:flex;overflow:auto}.side button{white-space:nowrap;padding:9px}.side .logout{position:absolute;right:10px;top:10px}.main{padding:18px 14px}.grid{grid-template-columns:1fr 1fr}.top{padding-right:58px}.twocol{grid-template-columns:1fr}}@media(max-width:430px){.grid{grid-template-columns:1fr}.authbrand{min-height:180px}.card{padding:20px}}
:where(.store-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.store-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.store-card[open]{border-color:#d4a72c;box-shadow:0 8px 24px #1111}.store-card summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;cursor:pointer;min-height:92px}.store-card summary::-webkit-details-marker{display:none}.store-card-main{display:flex;align-items:center;gap:12px;min-width:0}.store-card-main h3{margin:0 0 4px;font-size:17px}.store-card-main p{margin:0 0 4px;color:var(--muted);font-size:14px}.store-card-main small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:310px}.store-icon{width:42px;height:42px;border-radius:12px;background:#fff3c8;display:grid;place-items:center;flex:0 0 auto}.company-icon{font-weight:900;color:#705400}.store-card-side{display:flex;align-items:center;gap:9px;flex:0 0 auto}.store-status{padding:5px 8px;border-radius:20px;font-size:12px;font-weight:800}.store-status.active{background:#e4f6e9;color:#246637}.store-status.inactive{background:#edf0f3;color:#5d6570}.store-chevron{font-size:22px;transition:transform .2s}.store-card[open] .store-chevron{transform:rotate(180deg)}.store-details{border-top:1px solid var(--line);padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.store-info{display:grid;gap:3px;min-width:0}.store-info span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.store-info b,.store-info small{overflow-wrap:anywhere}.company-access-list{grid-column:1/-1}.company-access-list b:not(:first-of-type){margin-top:7px}.store-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 16px 16px}.store-actions a{text-decoration:none;color:var(--ink)}@media(max-width:800px){.store-grid{grid-template-columns:1fr}.store-card-main small{max-width:55vw}}@media(max-width:430px){.stores-panel{padding:14px}.stores-panel .panelhead{align-items:flex-start}.stores-panel .action{padding:10px 11px}.store-card summary{padding:14px;min-height:84px}.store-status{display:none}.store-details{grid-template-columns:1fr}.store-card-main small{max-width:48vw}}
.store-card:has([data-company-name*="Soeto"]) .company-icon,.store-card:has([data-company-name*="SOETO"]) .company-icon,.store-card:has([data-company-name*="soeto"]) .company-icon{width:58px;height:58px;background:#000 url("assets/soeto-logo.jpg") center/contain no-repeat;color:transparent}
.company-pick-card{width:100%;border:1px solid var(--line);background:#fff;border-radius:15px;padding:16px;display:flex;align-items:center;gap:13px;text-align:left;color:var(--ink);min-height:88px;transition:border-color .2s,box-shadow .2s}.company-pick-card:hover,.company-pick-card:focus-visible{border-color:var(--gold);box-shadow:0 7px 20px #1111;outline:none}.company-pick-card>span:nth-child(2){display:grid;gap:4px;min-width:0}.company-pick-card b{font-size:17px;overflow-wrap:anywhere}.company-pick-card small{display:block}.company-pick-arrow{margin-left:auto;font-size:30px;color:#967000}.product-company-head>div{display:grid;gap:5px}.product-company-head h2{margin:7px 0 0}@media(max-width:430px){.product-company-head{align-items:flex-start}.product-company-head .action{padding:10px 11px}}
.product-card-photo{width:58px;height:58px;border-radius:12px;object-fit:cover;background:#edf0f3;flex:0 0 auto}.product-placeholder{font-weight:900;color:#705400}.product-card .store-info b{font-size:18px}.product-card-grid .empty{grid-column:1/-1}
.company-pick-card{min-height:92px;max-height:100px;overflow:hidden}.company-pick-card .company-logo{display:block;width:58px!important;height:58px!important;min-width:58px;max-width:58px!important;min-height:58px;max-height:58px!important;aspect-ratio:1;object-fit:contain!important;object-position:center;border-radius:12px;background:#000;flex:0 0 58px}.company-pick-card>span:nth-child(2){overflow:hidden}.company-pick-card b,.company-pick-card small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:430px){.company-pick-card{min-height:84px;padding:14px}.company-pick-card .company-logo{width:48px!important;height:48px!important;min-width:48px;max-width:48px!important;min-height:48px;max-height:48px!important;flex-basis:48px}}
.employee-icon{background:#e8edf7;color:#27354d;font-size:13px;font-weight:900}.employee-card-grid .empty{grid-column:1/-1}.employee-card .store-actions small{padding:8px 0}
.launch-screen{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;overflow:hidden;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 15% 10%,#d826b7 0,transparent 28%),radial-gradient(circle at 90% 12%,#00d8d4 0,transparent 30%),radial-gradient(circle at 10% 95%,#ffc62e 0,transparent 28%),radial-gradient(circle at 92% 90%,#ff3fb3 0,transparent 30%),linear-gradient(145deg,#07143d,#092b78 52%,#28126d);color:#fff}.launch-screen:after{content:"";position:absolute;inset:-30%;z-index:1;background:conic-gradient(from 220deg,transparent 0 22%,#fff3 29%,transparent 35% 58%,#58fff244 66%,transparent 73%);animation:launch-sweep 1.35s .1s ease-out both;pointer-events:none}.launch-card{position:relative;z-index:2;width:min(430px,88vw);text-align:center;animation:launch-in .75s cubic-bezier(.2,.85,.25,1.18) both}.launch-card:before{content:"";position:absolute;z-index:-1;inset:-18px;border-radius:42px;background:radial-gradient(circle,#fff7 0,transparent 67%);filter:blur(9px);opacity:0;animation:launch-aura 1.25s .2s ease-out both}.launch-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:30px;box-shadow:0 24px 70px #0008,0 0 0 1px #ffffff26;animation:launch-logo .9s .08s cubic-bezier(.18,.9,.25,1.22) both}.launch-card p{margin:22px 0 0;color:#e8efff;font-size:15px;font-weight:700;letter-spacing:.02em;animation:launch-copy .45s .55s ease both}.launch-loader{display:flex;justify-content:center;gap:8px;margin-top:24px;animation:launch-copy .45s .67s ease both}.launch-loader span{width:9px;height:9px;border-radius:50%;background:#fff;animation:launch-dot 1s infinite ease-in-out}.launch-loader span:nth-child(2){animation-delay:.15s;background:#2de1d4}.launch-loader span:nth-child(3){animation-delay:.3s;background:#ffcc32}@keyframes launch-in{from{opacity:0;transform:scale(.78) translateY(34px)}to{opacity:1;transform:none}}@keyframes launch-logo{0%{opacity:0;transform:scale(.7) rotate(-7deg);filter:brightness(2.4) saturate(.4)}58%{filter:brightness(1.25) saturate(1.25)}100%{opacity:1;transform:none;filter:none}}@keyframes launch-aura{0%{opacity:0;transform:scale(.5)}45%{opacity:1}100%{opacity:.2;transform:scale(1.35)}}@keyframes launch-sweep{from{transform:rotate(-45deg) scale(.6);opacity:0}35%{opacity:1}to{transform:rotate(0) scale(1.1);opacity:0}}@keyframes launch-copy{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes launch-dot{0%,80%,100%{transform:scale(.75);opacity:.45}40%{transform:scale(1.25);opacity:1}}@media(max-width:430px){.launch-card{width:min(330px,82vw)}.launch-card img{border-radius:24px}.launch-card p{font-size:14px}}@media(prefers-reduced-motion:reduce){.launch-screen:after,.launch-card,.launch-card:before,.launch-card img,.launch-card p,.launch-loader,.launch-loader span{animation:none}}
.dashboard-welcome{position:relative;overflow:hidden;margin:20px 0;background:linear-gradient(125deg,#07143d,#123f92 58%,#35207b);color:#fff;padding:28px;border-radius:24px;min-height:190px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 16px 38px #173a7324}.dashboard-welcome:before,.dashboard-welcome:after{content:"";position:absolute;border-radius:50%;filter:blur(2px)}.dashboard-welcome:before{width:190px;height:190px;background:#ff3d9a55;right:-45px;top:-80px}.dashboard-welcome:after{width:150px;height:150px;background:#18ddd855;right:110px;bottom:-95px}.dashboard-welcome>div{position:relative;z-index:2}.dashboard-welcome h2{font-size:30px;margin:8px 0}.dashboard-welcome p{margin:0 0 12px;color:#e2e9ff}.dashboard-welcome small{color:#bdcbed;text-transform:capitalize}.dashboard-welcome img{position:relative;z-index:2;width:138px;height:138px;border-radius:26px;box-shadow:0 12px 32px #0006}.dashboard-eyebrow,.dashboard-card-head>div>span{font-size:11px;font-weight:900;letter-spacing:.12em;color:#ffd54d}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dash-metric{border:0;border-radius:18px;padding:18px;text-align:left;display:flex;align-items:center;gap:13px;color:#fff;box-shadow:0 10px 25px #17213b1a;transition:transform .2s}.dash-metric:hover{transform:translateY(-2px)}.dash-metric.coral{background:linear-gradient(135deg,#ff596d,#ee3569)}.dash-metric.teal{background:linear-gradient(135deg,#0bc7ba,#069a9e)}.dash-metric.purple{background:linear-gradient(135deg,#8961e8,#6539bd)}.dash-metric.yellow{background:linear-gradient(135deg,#f8b82e,#e18a18)}.dash-icon{width:44px;height:44px;border-radius:14px;background:#ffffff2d;display:grid;place-items:center;font-size:22px}.dash-metric div{display:grid}.dash-metric b{font-size:27px}.dash-metric small{color:#fff;font-weight:800}.dash-metric em{font-size:11px;font-style:normal;color:#ffffffc7;margin-top:3px}.dashboard-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.dashboard-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;margin-top:16px;box-shadow:0 8px 24px #14203b0a}.dashboard-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.dashboard-card-head h3{margin:5px 0;font-size:19px}.dashboard-card-head button{border:0;background:#edf2ff;color:#23478d;border-radius:10px;padding:9px 12px;font-weight:800}.upcoming-list{display:grid;margin-top:10px}.upcoming-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #edf0f4}.date-badge{width:48px;height:52px;border-radius:12px;background:#fff2da;color:#965c00;display:grid;place-items:center;align-content:center}.date-badge b{font-size:19px;line-height:1}.date-badge span{font-size:10px;text-transform:uppercase;font-weight:900}.upcoming-item strong,.upcoming-item small{display:block}.upcoming-item small{margin-top:4px;font-size:12px}.visit-status{font-size:11px;background:#edf2ff;color:#31549a;padding:6px 8px;border-radius:20px;font-weight:800}.dashboard-empty{text-align:center;padding:28px 12px;display:grid;gap:7px;color:var(--muted)}.dashboard-empty span{font-size:30px}.status-summary{display:grid;gap:3px;margin-top:10px}.status-summary>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:12px 0;border-top:1px solid #edf0f4}.status-summary b{font-size:19px}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.programmed{background:#5e7de7}.status-dot.running{background:#f5a623}.status-dot.completed{background:#20ae72}.status-dot.rupture{background:#ed4b62}.dashboard-shortcuts{margin-bottom:22px}.shortcut-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}.shortcut-grid button{border:1px solid #e3e7ed;background:#f8fafc;border-radius:14px;padding:14px 10px;color:var(--ink);font-size:12px;font-weight:800;display:grid;place-items:center;gap:7px}.shortcut-grid button span{width:30px;height:30px;border-radius:10px;background:#132d65;color:#fff;display:grid;place-items:center;font-size:20px}@media(max-width:1000px){.dashboard-metrics{grid-template-columns:1fr 1fr}.dashboard-columns{grid-template-columns:1fr}.shortcut-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:540px){.dashboard-welcome{min-height:175px;padding:22px}.dashboard-welcome h2{font-size:25px}.dashboard-welcome img{width:88px;height:88px;border-radius:19px}.dashboard-welcome p{max-width:210px}.dashboard-metrics{gap:10px}.dash-metric{padding:14px 12px;gap:9px}.dash-icon{width:37px;height:37px;font-size:18px}.dash-metric b{font-size:22px}.dashboard-card{padding:15px}.upcoming-item{grid-template-columns:auto 1fr}.visit-status{grid-column:2;width:max-content}.shortcut-grid{grid-template-columns:1fr 1fr}.shortcut-grid button:last-child{grid-column:1/-1}}
.side{background:radial-gradient(circle at 15% 5%,#203f86 0,transparent 35%),linear-gradient(180deg,#07143d,#11182b 62%,#24124e)}.brand img{box-shadow:0 7px 20px #0007}.side button{transition:background .2s,color .2s,transform .2s}.side button:hover{background:#ffffff12;color:#fff}.side button.on{background:linear-gradient(135deg,#fff,#edf2ff);color:#142c61;box-shadow:0 8px 20px #0003}.main{background:radial-gradient(circle at 95% 0,#e5efff 0,transparent 28%),var(--bg)}.top{background:#ffffffd9;border:1px solid #e1e7f0;border-radius:18px;padding:16px 18px;box-shadow:0 8px 24px #1b37600d;backdrop-filter:blur(10px)}.top h1{font-size:27px}.top>div:last-child{display:grid;text-align:right}.top>div:last-child small{margin-top:3px}.panel{border:0;border-radius:21px;padding:20px;box-shadow:0 10px 30px #17335b10}.panelhead{position:relative;overflow:hidden;margin:-20px -20px 20px;padding:20px;background:linear-gradient(125deg,#102d67,#1a55a3 65%,#56388e);color:#fff;border-radius:21px 21px 0 0}.panelhead:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-50px;top:-65px;background:#ff4d9d45}.panelhead>*{position:relative;z-index:1}.panelhead h2{margin:0;font-size:22px}.panelhead small{color:#dce7ff;display:block;margin-top:5px}.action,.primary{background:linear-gradient(135deg,#ffcc35,#f0a71c);box-shadow:0 7px 16px #bd79002b;transition:transform .2s,box-shadow .2s}.action:hover,.primary:hover{transform:translateY(-1px);box-shadow:0 10px 20px #bd79003d}.panelhead .action{background:linear-gradient(135deg,#ffdc55,#f6b51f);color:#332300}.store-card,.company-pick-card,.task{border-color:#e4e9f1;box-shadow:0 7px 22px #1a31520c}.store-card:hover,.company-pick-card:hover{border-color:#b7c9e8;box-shadow:0 11px 28px #16386819}.store-icon{background:linear-gradient(135deg,#fff0b9,#ffd96a);box-shadow:inset 0 0 0 1px #e3b93e36}.employee-icon{background:linear-gradient(135deg,#e6edff,#c9d9ff);color:#21488b}.store-details{background:#f8faff}.store-actions{background:#f8faff}.soft{background:#e9effa;color:#26477d;font-weight:700}.danger{font-weight:700}.tablewrap{border:1px solid #e6eaf0;border-radius:14px;overflow:auto}table{background:#fff}thead{background:#edf3ff;color:#244274}th{font-size:12px;text-transform:uppercase;letter-spacing:.04em}tbody tr:hover{background:#f8faff}.modal{backdrop-filter:blur(5px)}.modal form{border-radius:24px;box-shadow:0 28px 80px #0006;border:1px solid #ffffff55}.modalhead{margin:-22px -22px 18px;padding:18px 22px;background:linear-gradient(125deg,#102d67,#55398d);color:#fff;border-radius:24px 24px 0 0}.modalhead h2{margin:0}.modalhead button{color:#fff}.modal label{color:#27354d}.modal input,.modal select,.modal textarea{background:#f9fbff;border-color:#ccd8e9}.modal input:focus,.modal select:focus,.modal textarea:focus{outline:3px solid #4c78d722;border-color:#4c78d7}.pill{background:linear-gradient(135deg,#fff2be,#ffd967);color:#6d4b00;font-weight:800}@media(max-width:800px){.side{background:linear-gradient(135deg,#07143d,#1e376d 65%,#391d70)}.top{border-radius:15px;padding:13px 14px}.top h1{font-size:24px}.panel{padding:15px}.panelhead{margin:-15px -15px 16px;padding:17px 15px;border-radius:21px 21px 0 0}}@media(max-width:430px){.panelhead h2{font-size:19px}.panelhead .action{font-size:13px}.top>div:last-child b{max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-card summary{background:#fff}}
@media(max-width:900px){.main{touch-action:pan-y;will-change:transform,opacity}.main.swipe-out-left{animation:swipe-left .14s ease forwards}.main.swipe-out-right{animation:swipe-right .14s ease forwards}}@keyframes swipe-left{to{transform:translateX(-24px);opacity:.45}}@keyframes swipe-right{to{transform:translateX(24px);opacity:.45}}
@media(max-width:800px){.side nav{scroll-behavior:smooth;scroll-padding-inline:18px;padding:0 18px 3px;margin:0 -10px;scrollbar-width:none}.side nav::-webkit-scrollbar{display:none}.side nav button{flex:0 0 auto}.side nav button.on{scroll-margin-inline:40px}}
.visit-task{overflow:hidden}.visit-timeline{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;background:#f5f8ff;border:1px solid #e1e8f4;border-radius:16px;padding:14px;margin:16px 0}.visit-timeline>div{display:grid;justify-items:center;text-align:center;gap:4px}.visit-timeline>div>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#dce4f1;color:#6c7788;font-weight:900}.visit-timeline>div.done>span{background:linear-gradient(135deg,#16bd8a,#079f78);color:#fff}.visit-timeline b{font-size:13px}.visit-timeline small{font-size:10px}.visit-timeline i{height:3px;background:#dce4f1;border-radius:4px}.visit-timeline:has(div:last-child.done) i{background:#13aa81}.visit-task-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px}.visit-task-actions a{text-decoration:none}.checkout-complete{color:#08795d;background:#dcf8ee;border-radius:12px;padding:11px 14px;font-weight:800}.photo-step{text-align:center;padding:8px 10px 14px}.photo-step>span{width:54px;height:54px;border-radius:18px;background:#edf3ff;display:grid;place-items:center;margin:auto;font-size:26px}.photo-step.complete>span{background:#dff8ef;color:#08795d}.photo-step h3{margin:12px 0 6px}.photo-step p{margin:0;color:var(--muted)}.camera-field{border:2px dashed #8fa9d5;border-radius:16px;padding:16px!important;background:#f5f8ff;color:#244a88!important}.camera-field input{background:#fff!important}.photo-actions{display:flex;gap:6px;white-space:nowrap}.photo-actions .soft{font-size:12px}.hint{font-size:12px;color:var(--muted);margin-top:8px}@media(max-width:520px){.visit-task-actions{display:grid}.visit-task-actions>*{width:100%;text-align:center}.visit-timeline{padding:12px 8px}}
.field-intro{margin:18px 0;padding:22px;border-radius:20px;background:linear-gradient(125deg,#102d67,#1a55a3 65%,#56388e);color:#fff;box-shadow:0 12px 28px #173b7424}.field-intro span{font-size:11px;font-weight:900;letter-spacing:.12em;color:#ffd54d}.field-intro h2{margin:7px 0}.field-intro p{margin:0;color:#dce7ff}.store-visit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clickable-store{cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.clickable-store:not(.completed):hover{transform:translateY(-2px);border-color:#6f91ce;box-shadow:0 14px 32px #173b7420}.clickable-store.completed{cursor:default;opacity:.82}.store-title-row{display:flex;align-items:center;gap:12px}.store-title-row h2{margin:2px 0 4px}.store-title-row .store-icon{font-size:21px}@media(max-width:760px){.store-visit-grid{grid-template-columns:1fr}.field-intro{padding:18px}.field-intro h2{font-size:21px}}
.promoter-store-list .store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.promoter-store-pick{max-height:none;min-height:96px;cursor:pointer}.promoter-store-pick .store-status{margin-left:auto;flex:0 0 auto}.promoter-store-pick .company-pick-arrow{margin-left:0}.detail-intro{display:grid;gap:5px}.detail-intro #backstorelist{margin:0 0 8px;width:max-content;background:#ffffff20;color:#fff;border:1px solid #ffffff44}.detail-intro #backstorelist:hover{background:#ffffff32}@media(max-width:760px){.promoter-store-list .store-grid{grid-template-columns:1fr}.promoter-store-list{padding:15px}.promoter-store-pick{min-height:88px}.detail-intro{margin-top:8px}}
.top.profile-only{justify-content:flex-end;min-height:86px}.top.profile-only>div:last-child{text-align:right}.top.profile-only>div:last-child b{font-size:20px;line-height:1.2}.top.profile-only>div:last-child small{font-size:15px}@media(max-width:800px){.top.profile-only{padding-right:18px;min-height:76px}}@media(max-width:430px){.top.profile-only>div:last-child b{max-width:100%;font-size:18px}}
.live-badge{position:relative;z-index:1;background:#ffffff1c;border:1px solid #ffffff2d;color:#dff9f0;border-radius:20px;padding:8px 11px;font-size:12px;font-weight:800}.admin-visit-card .admin-timeline{margin:0;border-width:1px 0 0;border-radius:0}.store-status.in-progress{background:#fff0cc;color:#815700}.admin-visit-grid .empty{grid-column:1/-1}@media(max-width:520px){.live-badge{display:none}.admin-visit-card .store-card-main small{max-width:46vw}}
.live-camera{display:grid;gap:12px;margin:16px 0;padding:15px;border:2px solid #8ca7d5;border-radius:18px;background:#f3f7ff}.camera-stage{width:100%;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#0b1222;display:grid;place-items:center}.camera-stage video,.camera-stage img{width:100%;height:100%;object-fit:cover}.camera-controls{display:flex;gap:8px;flex-wrap:wrap}.camera-controls button{flex:1;min-width:130px}.live-camera>small{font-size:12px;color:#5e6c82}.live-camera>b{color:#244a88}
.team-chat{height:calc(100vh - 135px);min-height:540px;margin-top:18px;background:#fff;border-radius:22px;box-shadow:0 12px 36px #17345f18;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border:1px solid #dfe6f1}.chat-header{display:flex;align-items:center;gap:13px;padding:18px 20px;background:linear-gradient(125deg,#102d67,#1b56a4 65%,#58398d);color:#fff}.chat-group-icon{width:48px;height:48px;border-radius:16px;background:#ffffff20;display:grid;place-items:center;font-size:24px}.chat-header span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#ffd75a}.chat-header h2{margin:3px 0;font-size:21px}.chat-header p{margin:0;color:#dce7ff;font-size:12px}.chat-header i{margin-left:auto;font-size:11px;font-style:normal;color:#72efc1}.chat-messages{overflow-y:auto;padding:18px;background:linear-gradient(#f5f8fd,#eef3fb);display:flex;flex-direction:column;gap:12px}.chat-row{display:flex;gap:9px;align-items:flex-end;max-width:82%}.chat-row.own{align-self:flex-end;flex-direction:row-reverse}.chat-avatar{width:34px;height:34px;border-radius:11px;background:#dce6fa;color:#24477e;display:grid;place-items:center;font-size:11px;font-weight:900;flex:0 0 auto}.chat-bubble{background:#fff;border-radius:16px 16px 16px 4px;padding:11px 13px;box-shadow:0 5px 15px #19345b12;min-width:140px}.chat-row.own .chat-bubble{background:#dceaff;border-radius:16px 16px 4px 16px}.chat-bubble>div{display:grid}.chat-bubble>div b{font-size:12px}.chat-bubble>div small{font-size:9px;margin-top:2px}.chat-bubble p{margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.38}.chat-delete{border:0;background:none;color:#a33;font-size:10px;padding:6px 0 0}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:10px;padding:13px;background:#fff;border-top:1px solid #dfe6f1}.chat-compose textarea{min-height:46px;max-height:110px;resize:none;margin:0}.chat-compose button{align-self:stretch}.chat-empty{margin:auto;text-align:center;display:grid;gap:7px;color:var(--muted)}.chat-empty span{font-size:34px}@media(max-width:800px){.team-chat{height:calc(100svh - 285px);min-height:480px;margin-top:14px}.chat-messages{padding:13px}.chat-row{max-width:92%}.chat-compose{grid-template-columns:1fr}.chat-compose button{height:44px}.chat-header{padding:14px}.chat-header i{display:none}}
.side nav button{position:relative}.chat-notification{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:8px;padding:0 6px;border-radius:999px;background:#e72f4f;color:#fff;font-size:12px;font-weight:900;line-height:1;box-shadow:0 0 0 3px #e72f4f26;vertical-align:middle}.chat-notification[hidden]{display:none}.side nav button.has-unread{color:#fff;font-weight:800}.side nav button.on .chat-notification{background:#d92847;color:#fff}@media(max-width:800px){.chat-notification{min-width:20px;height:20px;font-size:11px;margin-left:6px}}
.network-card-grid{align-items:stretch}.network-pick-card{position:relative;overflow:hidden;min-height:112px;max-height:none;border:0;background:linear-gradient(135deg,#102d67 0%,#1b59aa 68%,#59398d 100%);color:#fff;box-shadow:0 12px 28px #173a7430}.network-pick-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-45px;top:-60px;background:#ff4d9d40}.network-pick-card:hover,.network-pick-card:focus-visible{border-color:transparent;box-shadow:0 15px 34px #173a7440;transform:translateY(-1px)}.network-pick-card>*{position:relative;z-index:1}.network-pick-card small{color:#dce7ff}.network-pick-card .company-pick-arrow{color:#ffd75a}.network-icon{width:58px;height:58px;border-radius:17px;background:linear-gradient(135deg,#fff3c5,#ffd44e);display:grid;place-items:center;font-size:27px;box-shadow:0 8px 20px #07143d45;flex:0 0 58px}.network-company-head>div{display:grid;gap:5px}.network-company-head h2{margin:7px 0 0}.network-back{width:max-content;background:#ffffff20;color:#fff;border:1px solid #ffffff44}.network-back:hover{background:#ffffff32}@media(max-width:430px){.network-pick-card{min-height:98px}.network-icon{width:50px;height:50px;flex-basis:50px;font-size:23px}.network-company-head{align-items:flex-start}.network-company-head .action{padding:10px 11px}}
.atacadao-store-photo{display:block;object-fit:cover;object-position:center 28%;padding:0;background:#fff}.store-icon.atacadao-store-photo{width:48px;height:48px;border-radius:13px;flex:0 0 48px}.network-icon.atacadao-store-photo{width:64px;height:64px;border-radius:17px;flex:0 0 64px;box-shadow:0 8px 20px #07143d55}@media(max-width:430px){.store-icon.atacadao-store-photo{width:46px;height:46px;flex-basis:46px}.network-icon.atacadao-store-photo{width:54px;height:54px;flex-basis:54px}}
.company-preview-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:17px 19px;border-radius:18px;background:linear-gradient(125deg,#fff3bd,#ffd85c);color:#3a2900;box-shadow:0 10px 26px #bc850025}.company-preview-banner>div{display:grid;gap:3px}.company-preview-banner span{font-size:11px;font-weight:900;letter-spacing:.1em;color:#7a5900}.company-preview-banner b{font-size:17px}.company-preview-banner small{color:#6b5420}.company-preview-banner button{flex:0 0 auto}.company-portal-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(125deg,#102d67,#1b59aa 65%,#59398d);color:#fff;overflow:hidden}.company-portal-hero span:first-child{font-size:11px;font-weight:900;letter-spacing:.1em;color:#ffd75a}.company-portal-hero h2{margin:6px 0}.company-portal-hero p{color:#dce7ff;margin:0}.company-portal-mark{width:68px;height:68px;border-radius:20px;background:#ffffff1f;display:grid;place-items:center;font-size:33px;flex:0 0 68px}@media(max-width:600px){.company-preview-banner{align-items:flex-start;flex-direction:column}.company-preview-banner button{width:100%}.company-portal-mark{width:56px;height:56px;flex-basis:56px;font-size:27px}}
.company-contact-card{display:grid;grid-template-columns:minmax(190px,.85fr) minmax(0,1.6fr);gap:20px;align-items:center;margin:18px 0;padding:20px;border-radius:21px;background:#fff;box-shadow:0 10px 30px #17335b10}.company-contact-title span{font-size:11px;font-weight:900;letter-spacing:.1em;color:#967000}.company-contact-title h3{margin:5px 0;font-size:20px}.company-contact-title p{margin:0;color:var(--muted);font-size:14px}.company-contact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.company-contact-button{display:flex;align-items:center;gap:12px;min-height:74px;padding:13px 15px;border:1px solid #dfe6f1;border-radius:16px;background:#f8faff;color:var(--ink);text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}.company-contact-button:hover{transform:translateY(-1px);box-shadow:0 9px 22px #17335b18}.company-contact-button>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:21px;background:#e7efff;flex:0 0 42px}.company-contact-button>div{display:grid;gap:3px;min-width:0}.company-contact-button b{font-size:15px}.company-contact-button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-contact-button.email:hover{border-color:#668bd0}.company-contact-button.whatsapp:hover{border-color:#2bbf6d}.company-contact-button.whatsapp>span{background:#ddf8e9}.company-contact-button.disabled{opacity:.65}.company-contact-button.disabled:hover{transform:none;box-shadow:none}@media(max-width:760px){.company-contact-card{grid-template-columns:1fr}.company-contact-actions{grid-template-columns:1fr}}@media(max-width:430px){.company-contact-card{padding:15px}.company-contact-button{min-height:68px;padding:11px 12px}}
.contact-page-card{margin-top:18px}.contact-hero{align-items:center}.contact-hero img{width:76px;height:76px;border-radius:22px;object-fit:cover;box-shadow:0 10px 24px #071d5c30}
@media(max-width:800px){.side nav{gap:4px;padding:0 8px 3px}.side nav button{font-size:13px;line-height:1.15;padding:7px 10px;border-radius:9px}.side nav button.on{box-shadow:0 4px 12px #0002}.chat-notification{min-width:18px;height:18px;margin-left:4px;padding:0 5px;font-size:10px}}
.company-contact-button .contact-logo{padding:0;overflow:hidden}.company-contact-button .contact-logo img{width:100%;height:100%;object-fit:cover}.company-contact-button .whatsapp-logo{background:#25d366;color:#fff;padding:9px}.company-contact-button .whatsapp-logo svg{width:100%;height:100%;display:block}
.report-progress{display:grid;gap:8px;margin:14px 0;padding:13px 15px;border-radius:15px;background:#eef4ff;color:#24477e}.report-progress>span{height:8px;border-radius:99px;background:#d8e3f5;overflow:hidden}.report-progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#15b889,#16c7af)}.product-report-list{display:grid;gap:9px;margin:14px 0;max-height:42vh;overflow:auto}.product-report-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;padding:10px;border:1px solid #dfe6f1;border-radius:14px;background:#f9fbff;text-align:left;color:var(--ink)}.product-report-card.done{border-color:#66c9aa;background:#edfbf6}.product-report-card img,.product-report-placeholder,.product-report-head img,.product-report-head>span{width:48px;height:48px;border-radius:12px;object-fit:cover;display:grid;place-items:center;background:#edf3ff}.product-report-card>span:nth-child(2){display:grid;gap:3px;min-width:0}.product-report-card b,.product-report-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-report-card strong{font-size:12px;color:#285a9e}.product-report-card.done strong{color:#08795d}.product-report-head{display:flex;align-items:center;gap:13px;margin-bottom:15px;padding:12px;border-radius:15px;background:#eef4ff}.product-report-head h3{margin:3px 0 0}.product-report-head small{font-size:11px}@media(max-width:430px){.product-report-card{grid-template-columns:44px minmax(0,1fr)}.product-report-card img,.product-report-placeholder{width:44px;height:44px}.product-report-card strong{grid-column:2}.product-report-list{max-height:38vh}}
.report-toolbar{display:flex;justify-content:space-between;gap:12px;margin:0 0 16px}.visit-report{max-width:1040px;margin:auto;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 14px 40px #17335b18}.report-header{display:flex;align-items:center;gap:16px;padding:24px;background:linear-gradient(125deg,#102d67,#1b59aa 65%,#59398d);color:#fff}.report-header img{width:70px;height:70px;border-radius:19px}.report-header div{flex:1}.report-header span{font-size:11px;font-weight:900;letter-spacing:.12em;color:#ffd75a}.report-header h2{margin:5px 0 2px}.report-header p{margin:0;color:#dce7ff}.report-header strong{padding:7px 11px;border-radius:99px;background:#ffffff1f}.report-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e5eaf2;border-bottom:1px solid #e5eaf2}.report-info-grid>div{display:grid;gap:4px;padding:15px;background:#fff}.report-info-grid span,.report-section>h3{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#66758b}.report-totals{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:18px;background:#f4f7fc}.report-totals>div{display:grid;gap:3px;padding:13px;border-radius:14px;background:#fff;text-align:center}.report-totals b{font-size:22px;color:#163f84}.report-totals span{font-size:11px;color:#657188}.report-section{padding:20px;border-top:1px solid #e8ecf2}.report-section>h3{margin:0 0 14px}.report-visit-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.report-visit-photos figure{margin:0;border-radius:15px;overflow:hidden;background:#eef3fb}.report-visit-photos img{width:100%;height:240px;object-fit:cover}.report-visit-photos figcaption{padding:10px;font-size:12px;font-weight:700}.report-products{display:grid;gap:12px}.report-product{display:grid;grid-template-columns:110px minmax(0,1fr);gap:15px;padding:13px;border:1px solid #e1e7ef;border-radius:16px}.report-product>img,.report-product-placeholder{width:110px;height:110px;border-radius:12px;object-fit:cover;display:grid;place-items:center;background:#edf3ff;font-size:32px}.report-product-main h4{margin:2px 0 3px}.report-product-data{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.report-product-data span{padding:8px;border-radius:9px;background:#f2f5fa;font-size:11px}.report-product-data b{display:block;font-size:14px}.report-product-data .alert{background:#ffe5e5;color:#9b2424}.report-product-main p,.report-notes p{margin:10px 0 0;white-space:pre-wrap}.visit-report footer{padding:15px 20px;background:#eff3f9;color:#6e7785;font-size:11px;text-align:center}@media(max-width:720px){.report-toolbar{flex-direction:column}.report-info-grid{grid-template-columns:1fr 1fr}.report-totals{grid-template-columns:repeat(2,1fr)}.report-header{align-items:flex-start}.report-header img{width:54px;height:54px}.report-header strong{font-size:11px}.report-visit-photos{grid-template-columns:1fr}.report-product{grid-template-columns:76px minmax(0,1fr)}.report-product>img,.report-product-placeholder{width:76px;height:76px}.report-product-data{grid-template-columns:1fr 1fr}}@media print{body{background:#fff}.side,.top,.no-print{display:none!important}.shell{display:block}.main{padding:0}.visit-report{max-width:none;box-shadow:none;border-radius:0}.report-header{-webkit-print-color-adjust:exact;print-color-adjust:exact}.report-product{break-inside:avoid}.report-section{break-inside:auto}.report-visit-photos img{height:190px}}
.company-link-field{margin:16px 0;border:1px solid #ccd8e9;border-radius:16px;padding:14px;background:#f7faff}.company-link-field legend{padding:0 7px;font-weight:900;color:#273f68}.company-link-field>p{margin:0 0 10px;color:var(--muted);font-size:12px}.company-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.company-check-grid label{display:flex;align-items:center;gap:9px;margin:0;padding:10px;border:1px solid #dfe7f2;border-radius:11px;background:#fff;cursor:pointer}.company-check-grid input{width:19px;height:19px;margin:0;accent-color:#1b59aa}.company-check-grid span{font-size:13px}.company-access-list{grid-column:1/-1}@media(max-width:520px){.company-check-grid{grid-template-columns:1fr}}
.assignment-intro{display:flex;align-items:center;gap:13px;padding:13px;border-radius:15px;background:linear-gradient(135deg,#edf3ff,#f4efff)}.assignment-intro>span{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#fff;font-size:23px}.assignment-intro h3{margin:3px 0}.assignment-intro p{margin:0;color:var(--muted);font-size:12px}.assignment-intro small{font-size:10px;font-weight:900;letter-spacing:.08em;color:#31538d}.assignment-check-grid{max-height:42vh;overflow:auto}.assignment-check-grid label>span{display:grid;gap:2px;min-width:0}.assignment-check-grid label b,.assignment-check-grid label small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignment-check-grid label small{font-size:11px}
.ops-hero{position:relative;overflow:hidden;margin:0 0 16px;padding:25px 28px;border-radius:24px;background:linear-gradient(125deg,#07143d,#1249a0 58%,#632ca0);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:22px;box-shadow:0 16px 38px #173a7324}.ops-hero:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-45px;top:-85px;background:#ff3d9a5c}.ops-hero>div{position:relative;z-index:1}.ops-hero span{font-size:11px;font-weight:900;letter-spacing:.13em;color:#ffd54d}.ops-hero h2{margin:7px 0 5px;font-size:30px}.ops-hero p{margin:0;color:#e0e9ff}.ops-live{min-width:190px;padding:13px 16px;border:1px solid #ffffff33;border-radius:15px;background:#ffffff16;display:grid;grid-template-columns:auto 1fr;gap:2px 9px;align-items:center}.ops-live i{grid-row:1/3;width:11px;height:11px;border-radius:50%;background:#4ce59a;box-shadow:0 0 0 6px #4ce59a25}.ops-live small{color:#cbd9fa}.ops-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.ops-metrics>div{border-radius:18px;padding:17px;color:#fff;display:grid;grid-template-columns:auto 1fr;gap:2px 11px;align-items:center;box-shadow:0 9px 22px #17213b17}.ops-metrics span{grid-row:1/3;width:41px;height:41px;border-radius:13px;background:#ffffff27;display:grid;place-items:center;font-size:20px}.ops-metrics b{font-size:25px;line-height:1}.ops-metrics small{color:#fff;font-weight:800}.ops-metrics .blue{background:linear-gradient(135deg,#3374e8,#224cb0)}.ops-metrics .orange{background:linear-gradient(135deg,#ffb52b,#e48716)}.ops-metrics .green{background:linear-gradient(135deg,#1ec58c,#09815d)}.ops-metrics .red{background:linear-gradient(135deg,#fa6272,#d93255)}.ops-filters{background:#fff;border-radius:19px;padding:15px;display:grid;grid-template-columns:1fr 1.2fr 1.1fr 1.2fr auto;gap:11px;align-items:end;box-shadow:0 8px 25px #17335b10}.ops-filters label{margin:0;font-size:12px;color:#465267}.ops-filters input,.ops-filters select{padding:10px}.ops-filters button{height:42px;color:#254984;font-weight:800}.ops-list{display:grid;gap:16px;margin-top:16px}.ops-person{background:#fff;border-radius:21px;overflow:hidden;box-shadow:0 10px 30px #17335b10}.ops-person>header{padding:17px 20px;display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,#f8faff,#fff);border-bottom:1px solid #e8edf4}.ops-person h3{margin:0 0 3px;font-size:18px}.ops-person header>div{min-width:0;flex:1}.ops-avatar{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#183f92,#692eab);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:900;flex:0 0 auto}.ops-store-list{display:grid}.ops-store-row{display:grid;grid-template-columns:minmax(230px,1.5fr) auto 130px minmax(115px,.8fr) 70px auto;gap:14px;align-items:center;padding:15px 20px;border-top:1px solid #eef1f5}.ops-store-row:first-child{border-top:0}.ops-store-name{display:flex;align-items:center;gap:11px;min-width:0}.ops-store-name>div{min-width:0}.ops-store-name b,.ops-store-name small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-store-name small{margin-top:4px;font-size:12px}.ops-status{padding:6px 9px;border-radius:20px;font-size:11px;font-weight:900;white-space:nowrap}.ops-status.not-started{background:#edf0f4;color:#626b79}.ops-status.scheduled{background:#e9efff;color:#3157a7}.ops-status.running{background:#fff0ce;color:#8a5b00}.ops-status.completed{background:#def7ea;color:#137249}.ops-status.cancelled{background:#ffe4e7;color:#a32640}.ops-times{display:flex;gap:13px}.ops-times span{display:grid}.ops-times small{font-size:10px;text-transform:uppercase;font-weight:800}.ops-times b{font-size:13px}.ops-progress{display:grid;gap:5px}.ops-progress>span{height:7px;border-radius:8px;background:#e8edf3;overflow:hidden}.ops-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1db8b1,#2a69dc)}.ops-progress small{font-size:11px}.ops-result{display:grid;text-align:center}.ops-result b{font-size:18px;color:#d52e50}.ops-result small{font-size:10px}.ops-store-row button{white-space:nowrap;color:#234b92;font-weight:800}.ops-wait{font-size:11px;color:#808894;text-align:center}.ops-empty{padding:22px;text-align:center;color:var(--muted)}@media(max-width:1100px){.ops-metrics{grid-template-columns:1fr 1fr}.ops-filters{grid-template-columns:1fr 1fr}.ops-filters button{grid-column:1/-1}.ops-store-row{grid-template-columns:minmax(210px,1.4fr) auto 130px 1fr}.ops-result,.ops-store-row>button,.ops-wait{grid-column:auto}.ops-result{display:none}}@media(max-width:720px){.ops-hero{padding:21px;align-items:flex-start}.ops-live{min-width:0}.ops-store-row{grid-template-columns:1fr auto;padding:15px}.ops-store-name{grid-column:1/2}.ops-status{grid-column:2}.ops-times,.ops-progress{grid-column:1/-1}.ops-store-row>button,.ops-wait{grid-column:1/-1;width:100%}.ops-result{display:none}}@media(max-width:520px){.ops-hero{display:block}.ops-hero h2{font-size:26px}.ops-live{margin-top:17px;width:max-content;max-width:100%}.ops-metrics{gap:9px}.ops-metrics>div{padding:13px 11px;gap:2px 8px}.ops-metrics span{width:35px;height:35px;font-size:17px}.ops-metrics b{font-size:21px}.ops-metrics small{font-size:11px}.ops-filters{grid-template-columns:1fr;padding:13px}.ops-filters button{grid-column:auto}.ops-person>header{padding:15px}.ops-person>header .store-status{display:block}.ops-store-name small{max-width:55vw}}
.report-center-hero{position:relative;overflow:hidden;padding:24px 27px;border-radius:24px;background:linear-gradient(125deg,#07143d,#164fa3 62%,#6a2c9f);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 15px 36px #173a7324}.report-center-hero:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-40px;top:-85px;background:#ff3d9a55}.report-center-hero>div,.report-center-hero>button{position:relative;z-index:1}.report-center-hero span{font-size:11px;font-weight:900;letter-spacing:.13em;color:#ffd54d}.report-center-hero h2{margin:6px 0 4px;font-size:29px}.report-center-hero p{margin:0;color:#dce8ff}.report-center-filters{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;margin-top:14px;padding:15px;border-radius:19px;background:#fff;box-shadow:0 8px 24px #17335b10}.report-center-filters label{margin:0;color:#526075;font-size:11px}.report-center-filters input,.report-center-filters select{padding:10px;font-size:13px}.management-print-title{display:none}.report-center-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:14px}.report-center-metrics>div{padding:15px;border-radius:17px;background:#fff;box-shadow:0 8px 24px #17335b0d;display:grid;grid-template-columns:auto 1fr;gap:2px 9px;align-items:center}.report-center-metrics span{grid-row:1/3;width:37px;height:37px;border-radius:11px;background:#eaf1ff;color:#1c4b9a;display:grid;place-items:center;font-weight:900}.report-center-metrics b{font-size:22px}.report-center-metrics small{font-size:10px;font-weight:800}.report-center-metrics .alert{background:#fff1f2}.report-center-metrics .alert span{background:#ffdfe4;color:#b4203d}.report-center-list{margin-top:15px;border-radius:21px;background:#fff;overflow:hidden;box-shadow:0 10px 30px #17335b10}.report-center-head{padding:18px 20px;border-bottom:1px solid #e8edf4}.report-center-head h3{margin:0 0 3px}.management-report-row{display:grid;grid-template-columns:minmax(240px,1.5fr) 100px minmax(120px,1fr) 70px 70px auto auto;gap:13px;align-items:center;padding:15px 20px;border-top:1px solid #eef1f5}.management-report-row:first-of-type{border-top:0}.management-report-row>div:not(.management-store):not(.management-actions){display:grid;gap:3px}.management-report-row small{font-size:10px}.management-report-row b{font-size:13px}.management-store{display:flex;align-items:center;gap:11px;min-width:0}.management-store>div{min-width:0}.management-store b,.management-store small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.management-store small{margin-top:4px}.management-actions{display:flex;gap:6px}.management-actions button{white-space:nowrap;font-size:11px;color:#244e98;font-weight:800}.danger-text{color:#c62f4d}@media(max-width:1100px){.report-center-filters{grid-template-columns:repeat(3,1fr)}.report-center-metrics{grid-template-columns:repeat(3,1fr)}.management-report-row{grid-template-columns:minmax(220px,1.4fr) 90px 1fr 70px auto}.management-report-row>div:nth-child(4),.management-report-row>div:nth-child(5){display:none}.management-actions{grid-column:1/-1}}@media(max-width:650px){.report-center-hero{display:block;padding:21px}.report-center-hero h2{font-size:25px}.report-center-hero button{width:100%;margin-top:16px}.report-center-filters{grid-template-columns:1fr 1fr}.report-center-metrics{grid-template-columns:1fr 1fr;gap:8px}.report-center-metrics>div{padding:12px}.management-report-row{grid-template-columns:1fr auto;padding:15px}.management-store{grid-column:1/-1}.management-report-row>div:nth-child(2),.management-report-row>div:nth-child(3){display:grid}.management-report-row>div:nth-child(3){text-align:right}.management-report-row>.ops-status{grid-column:1/-1;width:max-content}.management-actions{grid-column:1/-1}.management-actions button{flex:1}.report-center-head{padding:16px}}@media print{.management-print-title{display:flex;align-items:center;gap:14px;padding:0 0 16px;border-bottom:2px solid #183f84}.management-print-title img{width:58px;height:58px;border-radius:14px}.management-print-title h2{margin:3px 0}.management-print-title p{margin:0}.report-center-metrics{grid-template-columns:repeat(6,1fr)}.report-center-metrics>div{box-shadow:none;border:1px solid #dce2ea;padding:9px}.report-center-metrics span{display:none}.report-center-list{box-shadow:none;border:1px solid #dce2ea}.management-report-row{grid-template-columns:2fr 90px 1fr 60px 60px auto;padding:10px}.management-report-row>div:nth-child(4),.management-report-row>div:nth-child(5){display:grid}.management-actions{display:none}}
.location-admin-box,.visit-location-rule{display:flex;align-items:center;gap:12px;margin:12px 0;padding:13px 15px;border-radius:14px;background:#edf4ff;border:1px solid #d7e3f6}.location-admin-box{justify-content:space-between}.location-admin-box small,.visit-location-rule small{font-size:11px}.visit-location-rule{display:grid;gap:4px;color:#22477f}.report-location-section{padding:18px 20px;border-bottom:1px solid #e6ebf2;background:#f7faff}.report-location-section h3{margin:0 0 11px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#66758b}.report-location-section>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.report-location-section a,.report-location-missing{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dce5f2;border-radius:13px;background:#fff;text-decoration:none;color:var(--ink)}.report-location-section a>span,.report-location-missing>span{width:34px;height:34px;border-radius:10px;background:#e9f1ff;display:grid;place-items:center}.report-location-section a>div,.report-location-missing>div{display:grid;gap:3px;flex:1}.report-location-section a strong{font-size:11px;color:#28569e}.report-location-section small{font-size:10px}@media(max-width:520px){.location-admin-box{align-items:stretch;flex-direction:column}.report-location-section>div{grid-template-columns:1fr}}@media print{.report-location-section a{color:#111}.report-location-section a strong{display:none}}
.remember-email{display:flex;align-items:center;gap:11px;margin:14px 0;padding:11px 12px;border:1px solid #dfe5ed;border-radius:12px;background:#f8faff;cursor:pointer}.remember-email input{width:20px;height:20px;margin:0;accent-color:#174c9d;flex:0 0 auto}.remember-email span{display:grid;gap:2px}.remember-email b{font-size:13px}.remember-email small{font-size:10px;font-weight:400}.login-security-note{margin:13px 0 0!important;text-align:center;font-size:10px;color:#738095!important}
.address-location-box{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.address-location-box button{min-height:43px}.address-location-result{grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:2px}.address-location-result span{font-size:12px;font-weight:900;color:#18714f}.address-location-result small{flex:1;min-width:180px}.address-location-result a{font-size:11px;font-weight:800;color:#24539d}.address-location-result .error-text{color:#a52b3e}@media(max-width:520px){.address-location-box{grid-template-columns:1fr}.address-location-result{grid-column:auto}}
.employee-page-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 28px;border-radius:24px;background:linear-gradient(125deg,#07143d,#1356aa 60%,#7133a8);color:#fff;box-shadow:0 15px 38px #173a7324}.employee-page-hero:before,.employee-page-hero:after{content:"";position:absolute;border-radius:50%}.employee-page-hero:before{width:160px;height:160px;right:-35px;top:-90px;background:#ff3d9a5b}.employee-page-hero:after{width:120px;height:120px;right:105px;bottom:-85px;background:#20d8d35b}.employee-page-hero>div{position:relative;z-index:1}.employee-page-hero span{font-size:11px;font-weight:900;letter-spacing:.13em;color:#ffd54d}.employee-page-hero h2{margin:6px 0 4px;font-size:30px}.employee-page-hero p{margin:0;color:#dce7ff}.employee-hero-icon{width:72px;height:72px;border-radius:22px;background:#ffffff20;border:1px solid #ffffff2f;display:grid;place-items:center;font-size:34px}.employee-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:14px 0}.employee-summary>div{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;padding:15px;border-radius:17px;background:#fff;box-shadow:0 8px 22px #17335b0e}.employee-summary span{grid-row:1/3;width:38px;height:38px;border-radius:12px;background:#eaf1ff;display:grid;place-items:center}.employee-summary b{font-size:22px}.employee-summary small{font-size:10px;font-weight:800}.employee-modern-panel{margin-top:0}.employee-modern-panel>.panelhead{padding:2px 2px 13px}.employee-modern-panel>.panelhead h2{margin:0 0 4px}.employee-filters{display:grid;grid-template-columns:minmax(220px,1.5fr) 1fr 1fr auto;gap:9px;align-items:center;padding:13px;margin:0 -2px 4px;border-radius:15px;background:#f3f7fd}.employee-filters select{padding:10px;font-size:13px}.employee-search{display:flex;align-items:center;gap:7px;margin:0;padding:0 10px;border:1px solid #ccd6e4;border-radius:11px;background:#fff}.employee-search span{font-size:21px;color:#50617a}.employee-search input{border:0;padding:10px 0;outline:0}.employee-filters>small{font-size:10px;white-space:nowrap}.employee-modern-panel .employee-card{border:1px solid #dfe6f0;box-shadow:0 7px 20px #172c4d0a}.employee-modern-panel .employee-card:hover{border-color:#89a8dd;box-shadow:0 10px 25px #17386a16}.employee-modern-panel .employee-icon{background:linear-gradient(135deg,#e9f1ff,#dce5ff);color:#174786;border:1px solid #c9d6ee}.employee-modern-panel .employee-card .employee-card-heading{min-height:104px}.employee-modern-panel .employee-card h3{font-size:18px}.employee-modern-panel .employee-card p{color:#31558f;font-weight:800}.employee-modern-panel .store-actions{padding-top:4px}.employee-modern-panel .store-actions button{font-size:12px;font-weight:800}.employee-card[hidden]{display:none!important}@media(max-width:850px){.employee-summary{grid-template-columns:1fr 1fr}.employee-filters{grid-template-columns:1fr 1fr}.employee-search{grid-column:1/-1}.employee-filters>small{grid-column:1/-1}}@media(max-width:520px){.employee-page-hero{padding:21px}.employee-page-hero h2{font-size:25px}.employee-page-hero p{max-width:230px;font-size:13px}.employee-hero-icon{width:56px;height:56px;border-radius:17px;font-size:27px}.employee-summary{gap:8px}.employee-summary>div{padding:12px 10px;gap:2px 7px}.employee-summary span{width:34px;height:34px}.employee-summary b{font-size:20px}.employee-modern-panel{padding:14px}.employee-filters{grid-template-columns:1fr}.employee-search,.employee-filters>small{grid-column:auto}.employee-modern-panel .employee-card .employee-card-heading{padding:14px;min-height:96px}.employee-modern-panel .employee-card h3{font-size:16px}.employee-modern-panel .store-card-main small{max-width:52vw}}
.modern-page-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 28px;border-radius:24px;color:#fff;box-shadow:0 15px 38px #173a7324}.modern-page-hero:before,.modern-page-hero:after{content:"";position:absolute;border-radius:50%}.modern-page-hero:before{width:165px;height:165px;right:-42px;top:-90px;background:#ff4aa358}.modern-page-hero:after{width:120px;height:120px;right:105px;bottom:-86px;background:#1fd9d158}.company-modern-hero{background:linear-gradient(125deg,#17114c,#4b2a9a 58%,#962c9c)}.product-modern-hero{background:linear-gradient(125deg,#071c4c,#135eb0 60%,#e17924)}.modern-page-hero>div{position:relative;z-index:1}.modern-page-hero span{font-size:11px;font-weight:900;letter-spacing:.13em;color:#ffd54d}.modern-page-hero h2{margin:6px 0 4px;font-size:30px}.modern-page-hero p{margin:0;color:#e2eaff}.modern-page-icon{width:72px;height:72px;border-radius:22px;background:#ffffff20;border:1px solid #ffffff32;display:grid;place-items:center;font-size:34px}.modern-summary{display:grid;gap:11px;margin:14px 0}.company-summary{grid-template-columns:repeat(3,1fr)}.product-summary{grid-template-columns:repeat(4,1fr)}.modern-summary>div{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;padding:15px;border-radius:17px;background:#fff;box-shadow:0 8px 22px #17335b0e}.modern-summary span{grid-row:1/3;width:38px;height:38px;border-radius:12px;background:#f0ebff;display:grid;place-items:center}.product-summary span{background:#eaf2ff}.modern-summary b{font-size:22px}.modern-summary small{font-size:10px;font-weight:800}.company-modern-panel,.product-modern-panel{margin-top:0}.modern-filters{display:grid;grid-template-columns:minmax(230px,1.5fr) 1fr auto;gap:9px;align-items:center;padding:13px;margin:0 -2px 4px;border-radius:15px;background:#f4f6fb}.product-filters:not(:has(select)){grid-template-columns:minmax(230px,1fr) auto}.modern-search{display:flex;align-items:center;gap:7px;margin:0;padding:0 10px;border:1px solid #ccd6e4;border-radius:11px;background:#fff}.modern-search span{font-size:21px;color:#50617a}.modern-search input{border:0;padding:10px 0;outline:0}.modern-filters select{padding:10px;font-size:13px}.modern-filters>small{font-size:10px;white-space:nowrap}.company-modern-panel .store-card,.product-modern-panel .store-card,.product-modern-panel .company-pick-card{border-color:#dfe6f0;box-shadow:0 7px 20px #172c4d0a}.company-modern-panel .store-card:hover,.product-modern-panel .store-card:hover,.product-modern-panel .company-pick-card:hover{border-color:#8ba8d9;box-shadow:0 10px 25px #17386a16}.company-modern-panel .company-icon{background:linear-gradient(135deg,#efe8ff,#e1d7ff);color:#563395}.product-modern-panel .product-placeholder{background:linear-gradient(135deg,#e8f2ff,#d9e8ff);color:#1e4d91}.company-modern-panel [hidden],.product-modern-panel [hidden]{display:none!important}@media(max-width:760px){.company-summary,.product-summary{grid-template-columns:1fr 1fr}.modern-filters,.product-filters:not(:has(select)){grid-template-columns:1fr 1fr}.modern-search{grid-column:1/-1}.modern-filters>small{grid-column:1/-1}}@media(max-width:520px){.modern-page-hero{padding:21px}.modern-page-hero h2{font-size:25px}.modern-page-hero p{max-width:225px;font-size:13px}.modern-page-icon{width:56px;height:56px;border-radius:17px;font-size:27px}.modern-summary{gap:8px}.modern-summary>div{padding:12px 10px;gap:2px 7px}.modern-summary span{width:34px;height:34px}.modern-summary b{font-size:20px}.company-modern-panel,.product-modern-panel{padding:14px}.modern-filters,.product-filters:not(:has(select)){grid-template-columns:1fr}.modern-search,.modern-filters>small{grid-column:auto}}
.product-camera-capture{display:grid;gap:10px;margin:14px 0;padding:16px;border:2px solid #89a8dc;border-radius:20px;background:linear-gradient(145deg,#f5f8ff,#edf3ff)}.product-camera-capture>b{font-size:16px;color:#173f82}.product-camera-capture>small{color:#5a6d89;font-size:12px}.product-camera-capture .camera-stage{aspect-ratio:16/10;min-height:300px;border-radius:17px;box-shadow:inset 0 0 0 1px #0c163066}.product-camera-capture .camera-stage.camera-skipped:after{content:"Foto não será usada";color:#cbd8ed;font-weight:800;font-size:15px}.product-camera-capture .camera-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-camera-capture .camera-controls button{min-width:0;min-height:48px;font-weight:800}.product-camera-capture [data-product-camera-skip]{background:#fff;border:1px solid #c6d3e8;color:#425675}.product-camera-capture p{margin:0;color:#5a6d89;font-size:12px}@media(max-width:520px){.product-camera-capture{padding:13px}.product-camera-capture .camera-stage{aspect-ratio:4/3;min-height:260px}.product-camera-capture .camera-controls{grid-template-columns:1fr}.product-camera-capture .camera-controls button{width:100%}}
.product-photo-action{display:grid;gap:11px;margin:14px 0;padding:16px;border:2px solid #89a8dc;border-radius:20px;background:linear-gradient(145deg,#f5f8ff,#edf3ff)}.product-photo-action b{display:block;font-size:16px;color:#173f82}.product-photo-action small,.product-photo-action p{color:#5a6d89;font-size:12px}.product-photo-action small{display:block;margin-top:4px}.product-photo-action .action{min-height:52px;font-weight:800}.product-photo-action img{width:100%;max-height:300px;object-fit:cover;border-radius:15px;border:1px solid #c6d3e8}.product-photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product-photo-actions .soft{min-height:44px;font-weight:800}.product-photo-action p{margin:0}.modal .modalhead{position:sticky;top:0;z-index:4;background:#fff;padding-top:4px}.modal-back{border:1px solid #c8d4e6;background:#f3f6fb;color:#23467e;border-radius:10px;padding:8px 10px;font-weight:800;white-space:nowrap}@media(max-width:520px){.product-photo-action{padding:13px}.product-photo-actions{grid-template-columns:1fr}.modal .modalhead{gap:8px}.modal .modalhead h2{font-size:18px}.modal-back{font-size:12px;padding:8px}}
.product-photo-single{margin:14px 0}.product-photo-single .action{width:100%;min-height:52px;font-weight:800}
.ean-input-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.ean-input-row .soft{min-height:46px;font-weight:800}.ean-scanner{position:fixed;inset:0;z-index:1000;background:#080f20;display:grid;grid-template-rows:auto 1fr auto;padding:18px;color:#fff}.ean-scanner header{display:flex;justify-content:space-between;align-items:center;gap:10px}.ean-scanner header b{font-size:19px}.ean-scanner header button{background:#ffffff20;color:#fff;border:1px solid #ffffff42;border-radius:11px;padding:9px 12px;font-weight:800}.ean-scanner video{width:100%;height:100%;max-height:68vh;object-fit:cover;border-radius:18px;background:#000}.ean-scanner p{margin:12px 0 0;text-align:center;color:#d7e4ff}@media(max-width:520px){.ean-input-row{grid-template-columns:1fr}.ean-input-row .soft{width:100%}}

/* Cartões da equipe: leitura rápida e aparência institucional. */
.employee-modern-panel .employee-card{position:relative;overflow:hidden;border:1px solid #e4eaf3;border-radius:18px;background:#fff;box-shadow:0 5px 18px #1029500d;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.employee-modern-panel .employee-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#194b98,#6c42a2);opacity:.82}.employee-modern-panel .employee-card:hover{transform:translateY(-2px);border-color:#b9cbea;box-shadow:0 12px 28px #10295018}.employee-modern-panel .employee-card .employee-card-heading{padding:15px 16px 15px 19px;min-height:90px;background:linear-gradient(90deg,#fff,#fbfcff);align-items:center}.employee-modern-panel .employee-card .employee-card-heading{border-bottom:1px solid #e7edf5;background:#f8fbff}.employee-modern-panel .employee-card .store-card-main{gap:13px;align-items:center;min-width:0}.employee-modern-panel .employee-icon{width:58px;height:58px;min-width:58px;border-radius:16px;box-shadow:0 5px 12px #173b7018;overflow:hidden}.employee-modern-panel .employee-card .store-card-main>div{min-width:0}.employee-modern-panel .employee-card h3{margin:0 0 5px;line-height:1.12;font-size:17px;letter-spacing:-.015em}.employee-modern-panel .employee-card p{display:inline-flex;margin:0 0 5px;padding:4px 9px;border-radius:999px;background:#eaf1ff;color:#1c4a90;font-size:12px;line-height:1;font-weight:850}.employee-modern-panel .employee-card small{display:block;max-width:42vw;overflow:hidden;color:#6e7d91;text-overflow:ellipsis;white-space:nowrap}.employee-modern-panel .employee-card .store-card-side{gap:8px;align-items:center}.employee-modern-panel .employee-card .store-status{padding:5px 8px;border-radius:999px;font-size:10px;font-weight:850}.employee-modern-panel .employee-card .store-chevron{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#edf3ff;color:#244d91;font-size:20px}.employee-modern-panel .employee-card .store-details{padding:13px 16px 11px;background:#fbfcff}.employee-modern-panel .employee-card .store-actions{display:flex;flex-wrap:wrap;gap:7px;padding:11px 16px 15px;background:#fbfcff}.employee-modern-panel .employee-card .store-actions button{margin:0;border-radius:9px}.employee-modern-panel .employee-card.employee-role-administrador:before{background:linear-gradient(180deg,#7a4a16,#d7a027)}.employee-modern-panel .employee-card.employee-role-coordenador:before,.employee-modern-panel .employee-card.employee-role-supervisao:before{background:linear-gradient(180deg,#0f7774,#1fa6a0)}@media(max-width:520px){.employee-modern-panel .employee-card .employee-card-heading{padding:13px 12px 13px 16px}.employee-modern-panel .employee-icon{width:54px;height:54px;min-width:54px;border-radius:15px}.employee-modern-panel .employee-card h3{font-size:16px}.employee-modern-panel .employee-card .store-status{display:none}.employee-modern-panel .employee-card small{max-width:48vw}.employee-modern-panel .employee-card .store-details{padding:11px 13px}.employee-modern-panel .employee-card .store-actions{padding:10px 13px 13px}}