:root{--mgr-bg:#f4f8ff;--mgr-surface:#fff;--mgr-text:#07111f;--mgr-muted:#64748b;--mgr-line:#dce8f8;--mgr-brand:#0057ff;--mgr-accent:#0057ff;--mgr-success:#15803d;--mgr-danger:#b91c1c;--mgr-warning:#b45309;--mgr-info:#1d4ed8;--mgr-radius:18px;--mgr-shadow:0 18px 50px rgba(15,15,18,.12)}*{box-sizing:border-box}.mgr-icon{display:block;flex:none}.mgr-loading-page{min-height:100vh;display:grid;place-content:center;gap:14px;text-align:center;background:var(--mgr-bg);font:500 14px/1.4 system-ui,sans-serif;color:var(--mgr-muted)}.mgr-loading-page span,.mgr-inline-spinner{width:30px;height:30px;margin:auto;border:3px solid #ddd;border-top-color:#0057ff;border-radius:50%;animation:mgr-spin .75s linear infinite}.mgr-inline-spinner{width:16px;height:16px;display:inline-block;vertical-align:-3px;border-width:2px}@keyframes mgr-spin{to{transform:rotate(360deg)}}.mgr-admin-page{margin:0;background:var(--mgr-bg);color:var(--mgr-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mgr-admin-shell{min-height:100vh}.mgr-admin-sidebar{position:fixed;inset:0 auto 0 0;width:256px;background:linear-gradient(180deg,#003fc2 0%,#061d52 100%);color:#fff;padding:24px 16px;z-index:80;display:flex;flex-direction:column}.mgr-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;padding:0 8px 28px}.mgr-brand>span{width:43px;height:43px;border-radius:14px;background:#fff;color:#0057ff;display:grid;place-items:center;font-weight:900}.mgr-brand>img{width:43px;height:43px;border-radius:14px;object-fit:cover;background:#fff;padding:2px}.mgr-brand div{display:flex;flex-direction:column}.mgr-brand b{font-size:17px}.mgr-brand small{color:#bfdbfe}.mgr-admin-sidebar nav{display:grid;gap:5px}.mgr-admin-sidebar nav button,.mgr-sidebar-foot a{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#dbeafe;padding:12px 13px;border-radius:12px;text-decoration:none;font:600 14px system-ui;cursor:pointer;text-align:left}.mgr-admin-sidebar nav button:hover,.mgr-admin-sidebar nav button.active,.mgr-sidebar-foot a:hover{background:rgba(255,255,255,.14);color:#fff}.mgr-sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.2);padding-top:14px;display:grid;gap:4px}.mgr-admin-main{margin-left:256px;min-height:100vh}.mgr-admin-topbar{height:84px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--mgr-line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:40}.mgr-admin-topbar>div{display:flex;align-items:center;gap:14px}.mgr-admin-topbar h1{margin:0;font-size:24px;letter-spacing:-.03em}.mgr-admin-topbar p{margin:3px 0 0;color:var(--mgr-muted);font-size:13px}.mgr-top-actions{display:flex;gap:10px}.mgr-icon-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--mgr-line);border-radius:12px;background:#fff;color:#0057ff;cursor:pointer}.mgr-icon-button:hover{background:#eef5ff;color:#003fc2}.mgr-primary-button,.mgr-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:11px 16px;text-decoration:none;font:700 13px system-ui;cursor:pointer}.mgr-primary-button{background:linear-gradient(135deg,#0057ff,#003fc2);color:#fff;box-shadow:0 10px 22px rgba(0,87,255,.18)}.mgr-primary-button:hover{background:linear-gradient(135deg,#1478ff,#0057ff)}.mgr-primary-button:disabled{opacity:.55;cursor:not-allowed}.mgr-secondary-button{background:#fff;color:#222;border:1px solid var(--mgr-line)}.mgr-primary-button.full{width:100%}.mgr-admin-content{padding:28px 32px 54px;max-width:1600px;margin:auto}.mgr-section-stack{display:grid;gap:22px}.mgr-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.mgr-metric-card{background:#fff;border:1px solid var(--mgr-line);border-radius:var(--mgr-radius);padding:21px;box-shadow:0 5px 20px rgba(0,0,0,.025);position:relative;overflow:hidden}.mgr-metric-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#999}.mgr-metric-card.purple:before{background:#7c3aed}.mgr-metric-card.green:before{background:#16a34a}.mgr-metric-card.orange:before{background:#f59e0b}.mgr-metric-card.blue:before{background:#2563eb}.mgr-metric-card>span{display:block;color:var(--mgr-muted);font-size:13px;font-weight:650}.mgr-metric-card strong{display:block;font-size:28px;margin:10px 0 5px;letter-spacing:-.04em}.mgr-metric-card small{color:#999}.mgr-panel{background:#fff;border:1px solid var(--mgr-line);border-radius:var(--mgr-radius);padding:22px;box-shadow:0 5px 22px rgba(0,0,0,.025)}.mgr-panel-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.mgr-panel h2,.mgr-panel-head h2{margin:0;font-size:19px;letter-spacing:-.02em}.mgr-panel p,.mgr-panel-head p{margin:5px 0 0;color:var(--mgr-muted);font-size:13px}.mgr-panel-head>a:not(.mgr-primary-button){color:#0057ff;font-weight:750;text-decoration:none}.mgr-table-wrap{overflow:auto}.mgr-table{width:100%;border-collapse:collapse;min-width:780px}.mgr-table th{text-align:left;color:#85858c;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:11px 12px;border-bottom:1px solid var(--mgr-line)}.mgr-table td{padding:14px 12px;border-bottom:1px solid #f0f0f3;font-size:13px;vertical-align:middle}.mgr-table td strong,.mgr-table td small{display:block}.mgr-table td small{color:var(--mgr-muted);margin-top:3px}.mgr-status{display:inline-flex;padding:6px 9px;border-radius:99px;font-size:11px;font-weight:800;white-space:nowrap}.mgr-status.success{background:#dcfce7;color:#166534}.mgr-status.danger{background:#fee2e2;color:#991b1b}.mgr-status.warning{background:#fef3c7;color:#92400e}.mgr-status.info{background:#dbeafe;color:#1e40af}.mgr-link-button{border:0;background:transparent;color:#0057ff;display:inline-flex;align-items:center;gap:6px;font-weight:750;cursor:pointer}.mgr-empty{padding:42px 20px;text-align:center;color:var(--mgr-muted)}.mgr-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mgr-quick-card{background:#fff;border:1px solid var(--mgr-line);border-radius:16px;padding:18px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#061d52}.mgr-quick-card:hover{border-color:#0057ff;transform:translateY(-1px)}.mgr-quick-card div{display:flex;flex-direction:column;gap:5px}.mgr-quick-card span{color:var(--mgr-muted);font-size:12px}.mgr-filter-row{display:grid;grid-template-columns:minmax(260px,1fr) 220px auto;gap:10px;margin-bottom:18px}.mgr-search{height:44px;border:1px solid var(--mgr-line);border-radius:12px;padding:0 13px;display:flex;align-items:center;gap:9px;background:#fff}.mgr-search.wide{max-width:560px;margin-bottom:20px}.mgr-search input{border:0;outline:0;width:100%;font:500 14px system-ui;background:transparent}.mgr-filter-row select,.mgr-form-grid select,.mgr-field textarea{border:1px solid var(--mgr-line);border-radius:12px;padding:0 12px;background:#fff;font:500 14px system-ui;outline:0}.mgr-filter-row select{height:44px}.mgr-drawer-layer,.mgr-modal-layer{position:fixed;inset:0;z-index:9999}.mgr-drawer-backdrop,.mgr-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(10,10,12,.55);backdrop-filter:blur(3px)}.mgr-order-drawer,.mgr-cart-drawer{position:absolute;inset:0 0 0 auto;width:min(560px,100%);background:#fff;display:flex;flex-direction:column;box-shadow:-20px 0 70px rgba(0,0,0,.2);animation:mgr-slide .22s ease-out}@keyframes mgr-slide{from{transform:translateX(30px);opacity:.5}}.mgr-order-drawer>header,.mgr-cart-drawer>header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--mgr-line)}.mgr-order-drawer header span,.mgr-cart-drawer header span{font-size:12px;color:var(--mgr-muted);font-weight:700}.mgr-order-drawer header h2,.mgr-cart-drawer header h2{margin:3px 0 0;font-size:23px}.mgr-drawer-content,.mgr-cart-content{padding:20px 22px;overflow:auto;flex:1}.mgr-order-drawer>footer,.mgr-cart-drawer>footer{padding:18px 22px;border-top:1px solid var(--mgr-line);display:flex;gap:10px;justify-content:flex-end;background:#fff}.mgr-order-customer{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:16px;background:#f7f7f8;border-radius:15px;margin-bottom:18px}.mgr-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#0057ff,#003fc2);color:#fff;display:grid;place-items:center;font-weight:850}.mgr-order-customer div:nth-child(2){display:flex;flex-direction:column;gap:4px}.mgr-order-customer a{font-size:12px;color:var(--mgr-muted)}.mgr-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mgr-form-grid label,.mgr-field{display:grid;gap:7px;font-size:12px;font-weight:750;color:#555}.mgr-form-grid select{height:44px}.mgr-field{margin-top:14px}.mgr-field textarea{padding:12px;resize:vertical}.mgr-order-info{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.mgr-order-info div{padding:13px;border:1px solid var(--mgr-line);border-radius:12px;display:flex;flex-direction:column;gap:4px}.mgr-order-info span{font-size:11px;color:var(--mgr-muted)}.mgr-subpanel{border-top:1px solid var(--mgr-line);padding-top:17px;margin-top:17px}.mgr-subpanel h3{margin:0 0 10px;font-size:14px}.mgr-subpanel p{font-size:13px;color:var(--mgr-muted);line-height:1.55}.mgr-order-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #f1f1f3}.mgr-order-item div{display:flex;flex-direction:column;gap:3px}.mgr-order-item span{font-size:11px;color:var(--mgr-muted)}.mgr-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.mgr-product-card{border:1px solid var(--mgr-line);border-radius:15px;overflow:hidden;background:#fff}.mgr-product-card>img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#f2f2f4}.mgr-product-card>div{padding:13px;display:flex;flex-direction:column;gap:5px}.mgr-product-card h3{margin:0;font-size:14px;min-height:38px}.mgr-product-card>div>span,.mgr-product-card small{font-size:11px;color:var(--mgr-muted)}.mgr-product-card>div>div{display:flex;gap:8px;margin-top:8px}.mgr-product-card a{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px;border:1px solid var(--mgr-line);border-radius:9px;text-decoration:none;color:#222;font-size:12px;font-weight:750}.mgr-customer-list{display:grid;gap:8px}.mgr-customer-list article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid var(--mgr-line);border-radius:13px;padding:12px}.mgr-customer-list article>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.mgr-customer-list span,.mgr-customer-list small{color:var(--mgr-muted);font-size:12px}.mgr-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mgr-tool-links{display:grid;margin-top:14px}.mgr-tool-links a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#222;padding:13px 0;border-bottom:1px solid var(--mgr-line);font-size:13px;font-weight:700}.mgr-skeleton-list{display:grid;gap:10px;padding:8px 0}.mgr-skeleton-list span{height:52px;border-radius:10px;background:linear-gradient(90deg,#eee,#f8f8f8,#eee);background-size:200% 100%;animation:mgr-shimmer 1.2s infinite}.mgr-skeleton-list.compact span{height:38px}@keyframes mgr-shimmer{to{background-position:-200% 0}}.mgr-toast-stack{position:fixed;right:20px;top:20px;z-index:10050;display:grid;gap:9px;width:min(380px,calc(100vw - 32px))}.mgr-toast{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-radius:13px;background:#19191c;color:#fff;box-shadow:var(--mgr-shadow);font:650 13px/1.4 system-ui}.mgr-toast.success{background:#166534}.mgr-toast.danger{background:#991b1b}.mgr-toast.warning{background:#92400e}.mgr-toast button{border:0;background:transparent;color:inherit;padding:2px;cursor:pointer}.mgr-page-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:10060;background:transparent}.mgr-page-progress span{display:block;height:100%;width:35%;background:#0057ff;animation:mgr-progress 1s infinite ease-in-out}@keyframes mgr-progress{0%{transform:translateX(-100%)}100%{transform:translateX(390%)}}.mgr-offline-banner{position:fixed;z-index:10040;top:0;left:50%;transform:translateX(-50%);background:#b45309;color:#fff;padding:8px 15px;border-radius:0 0 12px 12px;font:700 12px system-ui}.mgr-search-fab,.mgr-cart-fab{position:fixed;z-index:8990;bottom:92px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.25);box-shadow:0 12px 30px rgba(0,0,0,.2);display:grid;place-items:center;cursor:pointer}.mgr-search-fab{right:76px;background:#fff;color:#111}.mgr-cart-fab{right:18px;background:linear-gradient(135deg,#0057ff,#003fc2);color:#fff}.mgr-cart-fab>span{position:absolute;right:-3px;top:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:#0057ff;color:#fff;display:grid;place-items:center;font:800 10px system-ui}.mgr-bottom-nav{position:fixed;z-index:8950;left:50%;bottom:12px;transform:translateX(-50%);width:min(620px,calc(100vw - 24px));height:66px;background:rgba(6,29,82,.96);backdrop-filter:blur(15px);border-radius:20px;display:flex;align-items:center;justify-content:space-around;padding:5px;box-shadow:0 18px 55px rgba(0,0,0,.28)}.mgr-bottom-nav a{min-width:68px;color:#aaa;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 8px;border-radius:13px;font:650 10px system-ui}.mgr-bottom-nav a.active,.mgr-bottom-nav a:hover{background:#fff;color:#0057ff}.mgr-search-modal{position:absolute;top:min(9vh,80px);left:50%;transform:translateX(-50%);width:min(720px,calc(100vw - 24px));max-height:82vh;background:#fff;border-radius:20px;box-shadow:var(--mgr-shadow);overflow:hidden;animation:mgr-pop .18s ease-out}@keyframes mgr-pop{from{transform:translate(-50%,-8px);opacity:0}}.mgr-search-modal>header{height:66px;display:flex;align-items:center;gap:11px;padding:0 16px;border-bottom:1px solid var(--mgr-line)}.mgr-search-modal input{flex:1;border:0;outline:0;font:600 16px system-ui}.mgr-search-modal header button{border:0;background:#f1f1f3;width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.mgr-search-results{padding:10px;overflow:auto;max-height:60vh}.mgr-search-results>a{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;padding:10px;border-radius:13px;text-decoration:none;color:#111}.mgr-search-results>a:hover{background:#f5f5f7}.mgr-search-results img{width:58px;height:58px;object-fit:cover;border-radius:11px;background:#eee}.mgr-search-results>a div{display:flex;flex-direction:column;gap:3px}.mgr-search-results span{color:var(--mgr-muted);font-size:11px}.mgr-search-results strong{font-size:12px}.mgr-search-tip{padding:36px 20px;text-align:center;display:grid;gap:7px}.mgr-search-tip span{color:var(--mgr-muted);font-size:12px}.mgr-search-modal>footer{padding:13px;border-top:1px solid var(--mgr-line);text-align:center}.mgr-search-modal>footer a{color:#111;font:750 13px system-ui}.mgr-cart-drawer{width:min(470px,100%)}.mgr-cart-item{display:grid;grid-template-columns:76px 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--mgr-line)}.mgr-cart-item>img{width:76px;height:88px;object-fit:cover;border-radius:12px;background:#eee}.mgr-cart-item>div{display:flex;flex-direction:column;gap:5px}.mgr-cart-item span{color:var(--mgr-muted);font-size:11px}.mgr-qty{display:flex!important;flex-direction:row!important;align-items:center;gap:0!important;margin-top:5px}.mgr-qty button{width:30px;height:28px;border:1px solid var(--mgr-line);background:#fff;display:grid;place-items:center}.mgr-qty button:first-child{border-radius:8px 0 0 8px}.mgr-qty button:last-child{border-radius:0 8px 8px 0}.mgr-qty span{width:32px;height:28px;border-top:1px solid var(--mgr-line);border-bottom:1px solid var(--mgr-line);display:grid;place-items:center;color:#111}.mgr-remove{border:0;background:transparent;color:#999;align-self:start;padding:6px;cursor:pointer}.mgr-cart-empty{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:var(--mgr-muted)}.mgr-cart-empty b{color:#111;font-size:17px}.mgr-cart-empty a{margin-top:10px;background:#0057ff;color:#fff;padding:11px 17px;border-radius:11px;text-decoration:none;font:750 13px system-ui}.mgr-cart-drawer>footer{display:block}.mgr-cart-drawer>footer>div{display:flex;justify-content:space-between;margin-bottom:12px}.mgr-cart-drawer>footer>small{display:block;text-align:center;color:var(--mgr-muted);margin-top:8px;font:500 10px system-ui}.mgr-admin-react-link{position:fixed;z-index:8990;right:18px;bottom:18px;background:#111;color:#fff;border-radius:14px;padding:11px 14px;text-decoration:none;box-shadow:0 14px 40px rgba(0,0,0,.28);font:750 12px system-ui;display:flex;align-items:center;gap:8px}.mgr-admin-react-link span{background:#7c3aed;padding:3px 6px;border-radius:6px;font-size:9px;text-transform:uppercase}.mobile-only{display:none} @media(max-width:1100px){.mgr-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mgr-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mgr-tools-grid{grid-template-columns:1fr}.mgr-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:820px){.mgr-admin-sidebar{transform:translateX(-105%);transition:.2s}.mgr-admin-sidebar.open{transform:translateX(0)}.mgr-sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:70}.mgr-sidebar-backdrop.show{display:block}.mgr-admin-main{margin-left:0}.mgr-admin-topbar{padding:0 16px;height:76px}.mgr-admin-content{padding:18px 14px 40px}.mobile-only{display:grid}.mgr-top-actions .mgr-primary-button{display:none}.mgr-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mgr-filter-row{grid-template-columns:1fr 1fr}.mgr-filter-row .mgr-search{grid-column:1/-1}.mgr-quick-grid{grid-template-columns:1fr}.mgr-customer-list article{grid-template-columns:auto 1fr}.mgr-customer-list article>a{grid-column:1/-1}.mgr-bottom-nav{bottom:7px}.mgr-search-fab,.mgr-cart-fab{bottom:84px}} @media(max-width:560px){.mgr-metric-grid{grid-template-columns:1fr 1fr;gap:10px}.mgr-metric-card{padding:16px}.mgr-metric-card strong{font-size:21px}.mgr-panel{padding:15px;border-radius:15px}.mgr-admin-topbar h1{font-size:20px}.mgr-form-grid,.mgr-order-info{grid-template-columns:1fr}.mgr-order-drawer>footer{display:grid}.mgr-product-grid{grid-template-columns:1fr 1fr;gap:9px}.mgr-product-card>div{padding:10px}.mgr-filter-row{grid-template-columns:1fr}.mgr-filter-row .mgr-search{grid-column:auto}.mgr-bottom-nav a{min-width:0;flex:1;padding:7px 2px}.mgr-bottom-nav a span{font-size:9px}.mgr-search-fab{right:70px}.mgr-cart-fab{right:14px}.mgr-toast-stack{right:12px;top:12px}.mgr-cart-item{grid-template-columns:66px 1fr auto}.mgr-cart-item>img{width:66px;height:78px}} @media(min-width:900px){body:not(.mg-react-admin-page){padding-bottom:84px}} /* ========================================================== MANDRAKE STORE — TEMA ÚNICO REACT Paleta oficial: azul #0057ff / azul profundo #003fc2 ========================================================== */ html{scroll-behavior:smooth}.mgr-store-page{margin:0;background:#f8fbff;color:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mgr-store-page button,.mgr-store-page input,.mgr-store-page select{font:inherit}.mgr-store-page a{color:inherit}.mgs-app{min-height:100vh;display:flex;flex-direction:column}.mgs-main{flex:1}.mgs-topline{min-height:32px;display:flex;align-items:center;justify-content:center;padding:6px 18px;background:#061d52;color:#dbeafe;text-align:center;font-size:11px;font-weight:650;letter-spacing:.01em}.mgs-topline b{color:#fff;margin-left:5px}.mgs-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-bottom:1px solid #dce8f8;box-shadow:0 10px 35px rgba(6,29,82,.06)}.mgs-header-inner{width:min(1320px,calc(100% - 32px));min-height:76px;margin:auto;display:grid;grid-template-columns:auto minmax(300px,1fr) auto;align-items:center;gap:28px}.mgs-logo{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:max-content}.mgs-logo img{width:45px;height:45px;border-radius:14px;object-fit:cover;background:#eef5ff;border:1px solid #dbeafe}.mgs-logo div{display:flex;flex-direction:column}.mgs-logo b{font-size:16px;letter-spacing:-.03em;color:#061d52}.mgs-logo small{font-size:10px;color:#64748b;margin-top:2px}.mgs-logo.light b{color:#fff}.mgs-logo.light small{color:#bfdbfe}.mgs-search-trigger{height:44px;border:1px solid #cfe0ff;border-radius:14px;background:#f8fbff;color:#64748b;display:flex;align-items:center;gap:10px;padding:0 13px;cursor:pointer;text-align:left}.mgs-search-trigger:hover{border-color:#8bb7fa;background:#fff}.mgs-search-trigger span{flex:1}.mgs-search-trigger kbd{padding:3px 7px;border:1px solid #dce8f8;border-bottom-width:2px;border-radius:7px;background:#fff;color:#64748b;font-size:10px}.mgs-header-actions{display:flex;align-items:center;gap:3px}.mgs-header-actions>a{position:relative;min-width:64px;padding:7px 8px;border-radius:11px;text-decoration:none;color:#334155;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9px;font-weight:750}.mgs-header-actions>a:hover{background:#eef5ff;color:#0057ff}.mgs-cart-link>b{position:absolute;top:1px;right:7px;min-width:18px;height:18px;padding:0 4px;border-radius:20px;display:grid;place-items:center;background:#0057ff;color:#fff;font-size:9px}.mgs-category-nav{width:min(1320px,calc(100% - 32px));height:43px;margin:auto;display:flex;align-items:center;justify-content:center;gap:34px;border-top:1px solid #edf3fb}.mgs-category-nav a{text-decoration:none;color:#334155;font-size:12px;font-weight:750}.mgs-category-nav a:hover{color:#0057ff}.mgs-menu-button{display:none;width:42px;height:42px;border:1px solid #dce8f8;border-radius:12px;background:#fff;color:#0057ff;place-items:center}.mgs-hero{width:min(1320px,calc(100% - 32px));min-height:530px;margin:28px auto 0;border-radius:30px;overflow:hidden;background:linear-gradient(135deg,#003fc2 0%,#0057ff 55%,#1478ff 100%);display:grid;grid-template-columns:1.12fr .88fr;position:relative;box-shadow:0 25px 70px rgba(0,63,194,.22)}.mgs-hero-copy{padding:70px clamp(34px,6vw,88px);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;color:#fff}.mgs-kicker{display:inline-flex;width:max-content;padding:7px 11px;border-radius:999px;background:#eef5ff;color:#0057ff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.mgs-hero .mgs-kicker{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);color:#fff}.mgs-hero h1{margin:18px 0 16px;max-width:650px;font-size:clamp(43px,6vw,78px);line-height:.94;letter-spacing:-.065em}.mgs-hero p{max-width:600px;margin:0;color:#dbeafe;font-size:clamp(15px,1.5vw,18px);line-height:1.65}.mgs-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.mgs-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:13px;padding:0 18px;text-decoration:none;font-weight:800;font-size:13px;cursor:pointer;transition:.18s}.mgs-button.primary{background:linear-gradient(135deg,#0057ff,#003fc2);color:#fff;box-shadow:0 12px 25px rgba(0,87,255,.2)}.mgs-hero .mgs-button.primary{background:#fff;color:#003fc2;box-shadow:0 14px 30px rgba(0,0,0,.14)}.mgs-button.primary:hover{transform:translateY(-1px);box-shadow:0 15px 32px rgba(0,87,255,.28)}.mgs-button.primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.mgs-button.ghost{border-color:#cfe0ff;background:#fff;color:#0057ff}.mgs-hero .mgs-button.ghost{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.1);color:#fff}.mgs-button.favorite.active{background:#eef5ff;border-color:#93c5fd;color:#0057ff}.mgs-hero-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;color:#dbeafe;font-size:11px;font-weight:700}.mgs-hero-trust span{display:flex;align-items:center;gap:7px}.mgs-hero-visual{position:relative;display:grid;place-items:center;overflow:hidden}.mgs-hero-visual>img{position:relative;z-index:2;width:min(420px,74%);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 28px 35px rgba(0,0,0,.2));border-radius:38px}.mgs-hero-orb{position:absolute;border-radius:50%;filter:blur(1px)}.mgs-hero-orb.one{width:390px;height:390px;background:rgba(255,255,255,.14)}.mgs-hero-orb.two{width:520px;height:520px;border:1px solid rgba(255,255,255,.18)}.mgs-hero-card{position:absolute;z-index:3;right:8%;bottom:11%;padding:14px 17px;border:1px solid rgba(255,255,255,.3);border-radius:15px;background:rgba(255,255,255,.91);box-shadow:0 16px 40px rgba(0,0,0,.14);display:flex;flex-direction:column}.mgs-hero-card b{color:#003fc2}.mgs-hero-card span{margin-top:3px;color:#64748b;font-size:10px}.mgs-benefits{width:min(1220px,calc(100% - 42px));margin:-24px auto 40px;position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mgs-benefits article{min-height:94px;padding:19px;border:1px solid #dce8f8;border-radius:17px;background:#fff;box-shadow:0 15px 35px rgba(6,29,82,.08);display:flex;align-items:center;gap:14px}.mgs-benefits article>svg{width:40px;height:40px;padding:9px;border-radius:12px;background:#eef5ff;color:#0057ff}.mgs-benefits article div{display:flex;flex-direction:column;gap:4px}.mgs-benefits b{font-size:13px;color:#061d52}.mgs-benefits span{font-size:11px;color:#64748b;line-height:1.45}.mgs-section{width:min(1320px,calc(100% - 32px));margin:58px auto}.mgs-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.mgs-section-head>div>span,.mgs-catalog-title>div>span{color:#0057ff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.mgs-section-head h1,.mgs-section-head h2,.mgs-catalog-title h1{margin:6px 0 0;color:#061d52;font-size:clamp(26px,3vw,38px);letter-spacing:-.045em}.mgs-section-head>a{display:flex;align-items:center;gap:6px;text-decoration:none;color:#0057ff;font-size:12px;font-weight:800}.mgs-category-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.mgs-category-grid>a{padding:16px 10px;border:1px solid #dce8f8;border-radius:16px;background:#fff;text-align:center;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:5px;transition:.18s}.mgs-category-grid>a:hover{transform:translateY(-3px);border-color:#93c5fd;box-shadow:0 12px 30px rgba(0,87,255,.1)}.mgs-category-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#eef5ff;color:#0057ff;margin-bottom:5px}.mgs-category-icon.tone-1{background:#ecfdf5;color:#059669}.mgs-category-icon.tone-2{background:#fff7ed;color:#ea580c}.mgs-category-icon.tone-3{background:#f5f3ff;color:#7c3aed}.mgs-category-grid b{font-size:12px}.mgs-category-grid span{font-size:9px;color:#64748b}.mgs-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.mgs-product-card{overflow:hidden;border:1px solid #dce8f8;border-radius:20px;background:#fff;transition:.2s;box-shadow:0 7px 24px rgba(6,29,82,.035)}.mgs-product-card:hover{transform:translateY(-4px);border-color:#93c5fd;box-shadow:0 18px 42px rgba(0,87,255,.12)}.mgs-product-media{position:relative;overflow:hidden;background:#f0f6ff;aspect-ratio:1/1}.mgs-product-media>a{display:block;width:100%;height:100%}.mgs-product-media img{width:100%;height:100%;object-fit:cover;transition:.32s}.mgs-product-card:hover .mgs-product-media img{transform:scale(1.035)}.mgs-badge,.mgs-soldout{position:absolute;left:12px;top:12px;padding:6px 9px;border-radius:99px;background:#0057ff;color:#fff;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.mgs-soldout{top:auto;bottom:12px;background:#07111f}.mgs-favorite-button{position:absolute;right:12px;top:12px;width:38px;height:38px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(255,255,255,.9);color:#64748b;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.08)}.mgs-favorite-button.active,.mgs-favorite-button:hover{color:#0057ff;background:#eef5ff}.mgs-product-body{padding:16px}.mgs-product-body>span{font-size:9px;color:#0057ff;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.mgs-product-body>a{text-decoration:none}.mgs-product-body h3{margin:7px 0 12px;min-height:40px;color:#07111f;font-size:14px;line-height:1.4}.mgs-price-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}.mgs-price-row strong{color:#0057ff;font-size:20px;letter-spacing:-.04em}.mgs-price-row small{padding:4px 7px;border-radius:99px;background:#fff7ed;color:#c2410c;font-size:8px;font-weight:850}.mgs-product-body>button{width:100%;height:42px;border:0;border-radius:11px;background:#eef5ff;color:#0057ff;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:850;cursor:pointer}.mgs-product-body>button:hover{background:#0057ff;color:#fff}.mgs-product-body>button:disabled{background:#eef2f7;color:#94a3b8;cursor:not-allowed}.mgs-blue-banner{width:min(1320px,calc(100% - 32px));margin:62px auto;padding:42px clamp(24px,5vw,68px);border-radius:25px;background:linear-gradient(120deg,#061d52,#003fc2 58%,#0057ff);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 24px 58px rgba(0,63,194,.18)}.mgs-blue-banner span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#bfdbfe;font-weight:900}.mgs-blue-banner h2{margin:7px 0 8px;font-size:clamp(25px,3vw,38px);letter-spacing:-.045em}.mgs-blue-banner p{margin:0;color:#dbeafe}.mgs-blue-banner>a{flex:none;display:flex;align-items:center;gap:9px;padding:13px 17px;border-radius:13px;background:#fff;color:#0057ff;text-decoration:none;font-size:12px;font-weight:850}.mgs-footer{margin-top:70px;background:#061d52;color:#dbeafe;padding:55px max(20px,calc((100vw - 1320px)/2)) 24px}.mgs-footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:45px}.mgs-footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.mgs-footer-grid>div:first-child p{max-width:390px;color:#93c5fd;line-height:1.65;font-size:12px}.mgs-footer h3{margin:0 0 8px;color:#fff;font-size:13px}.mgs-footer a,.mgs-footer span{color:#bfdbfe;text-decoration:none;font-size:11px}.mgs-footer a:hover{color:#fff}.mgs-footer-bottom{margin-top:38px;padding-top:20px;border-top:1px solid rgba(191,219,254,.17);display:flex;align-items:center;justify-content:space-between}.mgs-footer-bottom>div{display:flex;gap:18px}.mgs-bottom-nav{display:none}.mgs-search-layer,.mgs-menu-layer{position:fixed;inset:0;z-index:10000}.mgs-search-backdrop,.mgs-menu-backdrop{position:absolute;inset:0;border:0;background:rgba(6,17,31,.62);backdrop-filter:blur(5px)}.mgs-search-panel{position:absolute;top:min(10vh,80px);left:50%;transform:translateX(-50%);width:min(760px,calc(100% - 24px));max-height:80vh;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.3)}.mgs-search-panel>header{height:68px;padding:0 17px;border-bottom:1px solid #dce8f8;display:flex;align-items:center;gap:12px;color:#0057ff}.mgs-search-panel input{flex:1;border:0;outline:0;font-size:16px}.mgs-search-panel header button,.mgs-mobile-menu header button{width:37px;height:37px;border:0;border-radius:10px;background:#eef5ff;color:#0057ff;display:grid;place-items:center}.mgs-search-content{max-height:58vh;overflow:auto;padding:10px}.mgs-search-list{display:grid}.mgs-search-list>a{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:12px;padding:10px;border-radius:13px;text-decoration:none}.mgs-search-list>a:hover{background:#f4f8ff}.mgs-search-list img{width:62px;height:62px;border-radius:11px;object-fit:cover;background:#eef5ff}.mgs-search-list>a div{display:flex;flex-direction:column;gap:4px}.mgs-search-list span{font-size:10px;color:#64748b}.mgs-search-list strong{color:#0057ff;font-size:12px}.mgs-search-panel>footer{padding:14px;border-top:1px solid #dce8f8;text-align:center}.mgs-search-panel>footer a{display:inline-flex;align-items:center;gap:5px;color:#0057ff;text-decoration:none;font-size:12px;font-weight:800}.mgs-empty{min-height:300px;border:1px dashed #cfe0ff;border-radius:20px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;color:#64748b}.mgs-empty b,.mgs-empty h1{color:#061d52}.mgs-empty p{margin:0}.mgs-empty a:not(.mgs-button){color:#0057ff;font-weight:800}.mgs-empty.compact{min-height:180px;border:0}.mgs-empty.page{width:min(760px,calc(100% - 32px));min-height:480px;margin:55px auto}.mgs-skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.mgs-skeleton-grid span{height:360px;border-radius:18px;background:linear-gradient(90deg,#e8f0fb,#f8fbff,#e8f0fb);background-size:220% 100%;animation:mgs-shimmer 1.15s infinite}@keyframes mgs-shimmer{to{background-position:-220% 0}}.mgs-toast{position:fixed;right:18px;top:18px;z-index:11000;width:min(390px,calc(100% - 36px));padding:14px 15px;border-radius:14px;background:#061d52;color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.22);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:700}.mgs-toast.success{background:#047857}.mgs-toast.danger{background:#b91c1c}.mgs-toast button{border:0;background:transparent;color:inherit}.mgs-catalog{margin-top:38px}.mgs-catalog-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.mgs-catalog-title h1{font-size:42px}.mgs-catalog-title p{margin:5px 0 0;color:#64748b;font-size:12px}.mgs-catalog-search{width:min(420px,100%);height:46px;border:1px solid #cfe0ff;border-radius:13px;background:#fff;display:flex;align-items:center;gap:9px;padding:0 13px;color:#0057ff}.mgs-catalog-search input{width:100%;border:0;outline:0}.mgs-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;padding:12px;border:1px solid #dce8f8;border-radius:15px;background:#fff}.mgs-filter-bar label{display:flex;align-items:center;gap:8px;color:#64748b;font-size:11px}.mgs-filter-bar select{height:38px;border:1px solid #dce8f8;border-radius:10px;background:#f8fbff;padding:0 10px;color:#334155;outline:0;font-size:11px;font-weight:700}.mgs-load-more{text-align:center;margin-top:27px}.mgs-load-more button{min-width:210px;height:45px;border:1px solid #93c5fd;border-radius:12px;background:#fff;color:#0057ff;font-weight:800}.mgs-product-page{width:min(1320px,calc(100% - 32px));margin:30px auto}.mgs-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:22px;color:#64748b;font-size:10px}.mgs-breadcrumb a{text-decoration:none}.mgs-breadcrumb b{max-width:380px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334155}.mgs-product-detail{display:grid;grid-template-columns:1.1fr .9fr;gap:48px}.mgs-gallery{display:grid;grid-template-columns:88px 1fr;gap:12px}.mgs-thumbnails{display:flex;flex-direction:column;gap:9px}.mgs-thumbnails button{width:88px;height:88px;padding:0;border:2px solid transparent;border-radius:13px;overflow:hidden;background:#eef5ff}.mgs-thumbnails button.active{border-color:#0057ff}.mgs-thumbnails img{width:100%;height:100%;object-fit:cover}.mgs-main-image{min-height:600px;border-radius:23px;overflow:hidden;background:#eef5ff}.mgs-main-image img{width:100%;height:100%;object-fit:cover}.mgs-product-info{padding:12px 0}.mgs-product-info h1{margin:13px 0 11px;color:#061d52;font-size:clamp(34px,4vw,54px);line-height:1.02;letter-spacing:-.055em}.mgs-product-rating{display:flex;align-items:center;gap:6px;color:#f59e0b}.mgs-product-rating span{color:#334155;font-size:11px;font-weight:800}.mgs-product-rating small{color:#94a3b8;font-size:10px}.mgs-product-price{display:block;margin:22px 0;color:#0057ff;font-size:34px;letter-spacing:-.045em}.mgs-product-description{color:#64748b;line-height:1.65;font-size:13px}.mgs-stock{display:flex;align-items:center;gap:7px;width:max-content;margin:18px 0;padding:8px 11px;border-radius:99px;background:#ecfdf5;color:#047857;font-size:10px;font-weight:850}.mgs-stock.out{background:#fef2f2;color:#b91c1c}.mgs-option{margin:23px 0}.mgs-option>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.mgs-option b{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.mgs-option a{color:#0057ff;font-size:10px;font-weight:750}.mgs-option>div:last-child{display:flex;flex-wrap:wrap;gap:8px}.mgs-option button{min-width:44px;height:40px;padding:0 13px;border:1px solid #cfe0ff;border-radius:10px;background:#fff;color:#334155;font-size:11px;font-weight:800}.mgs-option button.active{border-color:#0057ff;background:#eef5ff;color:#0057ff;box-shadow:0 0 0 3px rgba(0,87,255,.08)}.mgs-buy-actions{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:28px}.mgs-whatsapp-button{height:46px;margin-top:10px;border-radius:13px;background:#059669;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:850}.mgs-product-guarantees{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:17px}.mgs-product-guarantees span{padding:10px 5px;border:1px solid #dce8f8;border-radius:11px;background:#f8fbff;color:#64748b;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;font-size:8px;font-weight:750}.mgs-product-guarantees svg{color:#0057ff}.mgs-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mgs-review-grid article{padding:18px;border:1px solid #dce8f8;border-radius:16px;background:#fff}.mgs-review-grid article>div{display:flex;align-items:center;justify-content:space-between}.mgs-review-grid article span{color:#f59e0b;font-size:11px}.mgs-review-grid p{color:#475569;line-height:1.55;font-size:12px}.mgs-review-grid small{color:#94a3b8}.mgs-auth-callout{width:min(620px,calc(100% - 32px));min-height:520px;margin:40px auto;padding:40px;border:1px solid #dce8f8;border-radius:25px;background:linear-gradient(180deg,#fff,#f4f8ff);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#0057ff}.mgs-auth-callout h1{margin:18px 0 8px;color:#061d52;font-size:36px;letter-spacing:-.05em}.mgs-auth-callout p{max-width:430px;margin:0 0 22px;color:#64748b;line-height:1.6}.mgs-auth-callout>a:last-child{margin-top:13px;color:#0057ff;font-size:12px;font-weight:800}.mgs-cart-page{width:min(1180px,calc(100% - 32px));margin:45px auto;display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.mgs-cart-list{display:grid;gap:10px}.mgs-cart-list article{min-height:150px;padding:13px;border:1px solid #dce8f8;border-radius:17px;background:#fff;display:grid;grid-template-columns:125px 1fr auto;gap:15px}.mgs-cart-list article>img{width:125px;height:125px;border-radius:13px;object-fit:cover;background:#eef5ff}.mgs-cart-list article>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.mgs-cart-list article>div>span{color:#0057ff;font-size:9px;text-transform:uppercase;font-weight:850}.mgs-cart-list h3{margin:2px 0;font-size:15px}.mgs-cart-list small{color:#64748b}.mgs-cart-list strong{margin-top:7px;color:#0057ff;font-size:17px}.mgs-cart-qty{display:flex!important;flex-direction:row!important;align-items:center!important;gap:0!important;margin-top:auto}.mgs-cart-qty button{width:32px;height:29px;border:1px solid #cfe0ff;background:#f8fbff;color:#0057ff}.mgs-cart-qty span{width:34px;height:29px;border-top:1px solid #cfe0ff;border-bottom:1px solid #cfe0ff;display:grid;place-items:center;color:#334155!important;font-size:11px!important}.mgs-cart-remove{width:35px;height:35px;border:0;border-radius:10px;background:#fef2f2;color:#b91c1c;display:grid;place-items:center}.mgs-cart-summary{position:sticky;top:145px;padding:22px;border:1px solid #dce8f8;border-radius:19px;background:#fff;box-shadow:0 15px 35px rgba(6,29,82,.07)}.mgs-cart-summary h2{margin:0 0 20px;color:#061d52}.mgs-cart-summary>div{display:flex;justify-content:space-between;align-items:center;margin:12px 0;color:#64748b;font-size:12px}.mgs-cart-summary>div strong{color:#334155}.mgs-cart-summary hr{border:0;border-top:1px solid #dce8f8;margin:18px 0}.mgs-cart-summary .total strong{color:#0057ff;font-size:23px}.mgs-cart-summary>a.mgs-button{width:100%;margin-top:14px}.mgs-cart-summary>p{display:flex;gap:7px;align-items:flex-start;color:#64748b;font-size:10px;line-height:1.45}.mgs-cart-summary>p svg{color:#0057ff;flex:none}.mgs-cart-summary>a:last-child{display:block;text-align:center;margin-top:12px;color:#0057ff;font-size:11px;font-weight:800}.mgs-account-page{width:min(1120px,calc(100% - 32px));margin:42px auto}.mgs-account-profile{padding:27px;border-radius:22px;background:linear-gradient(135deg,#003fc2,#0057ff);color:#fff;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;box-shadow:0 22px 55px rgba(0,63,194,.18)}.mgs-account-avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;background:#fff;color:#0057ff;display:grid;place-items:center;font-size:27px;font-weight:900}.mgs-account-avatar img{width:100%;height:100%;object-fit:cover}.mgs-account-profile span,.mgs-account-profile p{color:#dbeafe}.mgs-account-profile h1{margin:3px 0 7px}.mgs-account-profile p{display:inline;margin:0 14px 0 0;font-size:11px}.mgs-account-profile .mgs-button.ghost{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.13);color:#fff}.mgs-account-grid{display:grid;grid-template-columns:1fr 360px;gap:22px;margin-top:25px}.mgs-account-grid>section,.mgs-account-grid>aside{padding:22px;border:1px solid #dce8f8;border-radius:19px;background:#fff}.mgs-order-list{display:grid}.mgs-order-list>a{padding:14px 4px;border-bottom:1px solid #edf3fb;text-decoration:none;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px}.mgs-order-list>a>div{display:flex;flex-direction:column;gap:4px}.mgs-order-list span{color:#64748b;font-size:10px}.mgs-order-list strong{color:#0057ff}.mgs-order-list small{color:#64748b;text-align:right}.mgs-account-grid>aside{display:grid;gap:8px;align-content:start}.mgs-account-grid>aside>a{padding:14px;border-radius:13px;background:#f8fbff;text-decoration:none;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;color:#0057ff}.mgs-account-grid>aside>a>div{display:flex;flex-direction:column;gap:3px}.mgs-account-grid>aside b{color:#061d52;font-size:12px}.mgs-account-grid>aside span{color:#64748b;font-size:9px}.mgs-mobile-menu{position:absolute;inset:0 auto 0 0;width:min(360px,90%);background:#fff;display:flex;flex-direction:column;box-shadow:20px 0 60px rgba(0,0,0,.25)}.mgs-mobile-menu>header{padding:18px;border-bottom:1px solid #dce8f8;display:flex;align-items:center;justify-content:space-between}.mgs-mobile-menu nav{padding:15px;display:grid;gap:5px}.mgs-mobile-menu nav a{padding:13px;border-radius:12px;text-decoration:none;color:#334155;display:flex;align-items:center;gap:12px;font-weight:750}.mgs-mobile-menu nav a:hover{background:#eef5ff;color:#0057ff}.mgs-mobile-menu footer{margin-top:auto;padding:18px}.mgs-mobile-menu footer a{height:47px;border-radius:13px;background:#059669;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:850} @media(max-width:1100px){.mgs-header-inner{grid-template-columns:auto 1fr auto;gap:16px}.mgs-logo small{display:none}.mgs-category-grid{grid-template-columns:repeat(4,1fr)}.mgs-product-grid{grid-template-columns:repeat(3,1fr)}.mgs-product-detail{gap:28px}.mgs-main-image{min-height:500px}.mgs-footer-grid{grid-template-columns:1.5fr repeat(2,1fr)}.mgs-footer-grid>div:last-child{grid-column:2/4}.mgs-account-grid{grid-template-columns:1fr 310px}} @media(max-width:820px){.mgs-topline{font-size:9px}.mgs-header-inner{width:calc(100% - 20px);min-height:64px;grid-template-columns:auto 1fr auto}.mgs-menu-button{display:grid}.mgs-logo div{display:none}.mgs-logo img{width:40px;height:40px}.mgs-search-trigger{grid-column:auto;height:41px}.mgs-search-trigger kbd{display:none}.mgs-header-actions>a:not(.mgs-cart-link){display:none}.mgs-header-actions>a{min-width:44px}.mgs-header-actions>a span{display:none}.mgs-category-nav{display:none}.mgs-hero{width:calc(100% - 20px);min-height:auto;grid-template-columns:1fr;margin-top:12px}.mgs-hero-copy{padding:48px 27px}.mgs-hero h1{font-size:49px}.mgs-hero-visual{min-height:330px}.mgs-hero-visual>img{width:270px}.mgs-benefits{width:calc(100% - 28px);grid-template-columns:1fr;margin-top:14px}.mgs-section,.mgs-blue-banner,.mgs-product-page{width:calc(100% - 24px);margin-top:40px;margin-bottom:40px}.mgs-product-grid{grid-template-columns:repeat(2,1fr);gap:11px}.mgs-blue-banner{align-items:flex-start;flex-direction:column}.mgs-catalog-title{align-items:stretch;flex-direction:column}.mgs-catalog-search{width:100%}.mgs-product-detail{grid-template-columns:1fr}.mgs-gallery{grid-template-columns:1fr}.mgs-thumbnails{order:2;flex-direction:row;overflow:auto}.mgs-thumbnails button{flex:0 0 72px;width:72px;height:72px}.mgs-main-image{min-height:0;aspect-ratio:1/1}.mgs-review-grid{grid-template-columns:1fr 1fr}.mgs-cart-page{grid-template-columns:1fr}.mgs-cart-summary{position:static}.mgs-account-grid{grid-template-columns:1fr}.mgs-account-profile{grid-template-columns:auto 1fr}.mgs-account-profile>a{grid-column:1/-1}.mgs-footer{padding-bottom:100px}.mgs-footer-grid{grid-template-columns:1fr 1fr}.mgs-footer-grid>div:first-child{grid-column:1/-1}.mgs-footer-grid>div:last-child{grid-column:auto}.mgs-bottom-nav{position:fixed;left:50%;bottom:8px;z-index:90;transform:translateX(-50%);width:calc(100% - 16px);height:64px;padding:5px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(6,29,82,.96);backdrop-filter:blur(15px);box-shadow:0 18px 45px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:space-around}.mgs-bottom-nav a{flex:1;height:52px;border-radius:13px;color:#93c5fd;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:8px;font-weight:750}.mgs-bottom-nav a.active{background:#fff;color:#0057ff}} @media(max-width:560px){.mgs-header-inner{gap:8px}.mgs-search-trigger{padding:0 10px}.mgs-search-trigger span{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mgs-hero-copy{padding:39px 22px}.mgs-hero h1{font-size:42px}.mgs-hero-actions{display:grid}.mgs-hero-actions .mgs-button{width:100%}.mgs-hero-visual{min-height:270px}.mgs-hero-visual>img{width:210px}.mgs-hero-card{right:5%;bottom:6%}.mgs-category-grid{grid-template-columns:repeat(2,1fr)}.mgs-product-grid{gap:8px}.mgs-product-card{border-radius:15px}.mgs-product-body{padding:11px}.mgs-product-body h3{font-size:12px;min-height:34px}.mgs-price-row strong{font-size:16px}.mgs-price-row small{display:none}.mgs-product-body>button{font-size:9px}.mgs-section-head h1,.mgs-section-head h2,.mgs-catalog-title h1{font-size:27px}.mgs-filter-bar{align-items:stretch;flex-direction:column}.mgs-filter-bar label{justify-content:space-between}.mgs-filter-bar select{flex:1}.mgs-buy-actions{grid-template-columns:1fr}.mgs-product-info h1{font-size:34px}.mgs-product-guarantees{grid-template-columns:1fr 1fr 1fr}.mgs-review-grid{grid-template-columns:1fr}.mgs-cart-list article{grid-template-columns:88px 1fr auto;min-height:122px}.mgs-cart-list article>img{width:88px;height:96px}.mgs-cart-list h3{font-size:13px}.mgs-account-profile{padding:20px;grid-template-columns:1fr;text-align:center}.mgs-account-avatar{margin:auto}.mgs-account-profile p{display:block;margin:3px 0}.mgs-footer-grid{grid-template-columns:1fr}.mgs-footer-grid>div:first-child,.mgs-footer-grid>div:last-child{grid-column:auto}.mgs-footer-bottom{align-items:flex-start;flex-direction:column;gap:10px}.mgs-skeleton-grid{grid-template-columns:1fr 1fr}.mgs-skeleton-grid span{height:260px}} /* v32 - favoritos e conta */ .mgs-favorite-button{transition:transform .16s ease,color .16s ease,background .16s ease,border-color .16s ease} .mgs-favorite-button.active{color:#e11d48!important;background:#fff1f2!important;border-color:#fecdd3!important;transform:scale(1.04)} .mgs-favorite-button.active svg{fill:currentColor!important;stroke:currentColor!important} .mgs-favorite-button:not(.active) svg{fill:transparent;stroke:currentColor} .mgs-account-avatar img{display:block;width:100%;height:100%;object-fit:cover;background:#fff} /* V33: cupons automáticos, preços promocionais e carrinho */ .mgs-favorite-button.active{color:#dc2626!important;background:#fff1f2!important;border-color:#fecdd3!important} .mgs-favorite-button.active svg{fill:currentColor} .mgs-badge.discount{background:linear-gradient(135deg,#dc2626,#ef4444)} .mgs-coupon-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-3px 0 8px;padding:7px 8px;border:1px dashed #86efac;border-radius:10px;background:#f0fdf4;color:#047857} .mgs-coupon-line b{font-size:9px;text-transform:uppercase;letter-spacing:.05em}.mgs-coupon-line small{font-size:8px;color:#15803d} .mgs-price-row.discounted>div{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.mgs-old-price{padding:0!important;background:none!important;color:#94a3b8!important;font-size:10px!important;text-decoration:line-through;font-weight:700!important} .mgs-product-price-discount{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:20px 0;padding:14px 16px;border:1px solid #bbf7d0;border-radius:15px;background:#f0fdf4} .mgs-product-price-discount>span{padding:5px 8px;border-radius:99px;background:#dcfce7;color:#15803d;font-size:10px;font-weight:900;text-transform:uppercase}.mgs-product-price-discount>small{color:#94a3b8;text-decoration:line-through}.mgs-product-price-discount>strong{color:#0057ff;font-size:34px;letter-spacing:-.045em}.mgs-product-price-discount>b{color:#047857;font-size:10px;text-transform:uppercase} .mgs-cart-coupon{display:flex;align-items:center;gap:7px;margin-top:6px;padding:5px 8px;border-radius:8px;background:#f0fdf4;color:#047857}.mgs-cart-coupon b{font-size:9px;text-transform:uppercase}.mgs-cart-coupon span{font-size:9px;color:#15803d} .mgs-cart-price{display:flex!important;flex-direction:row!important;align-items:baseline!important;gap:7px!important;margin-top:4px}.mgs-cart-price small{color:#94a3b8;text-decoration:line-through}.mgs-cart-price strong{margin:0!important}.mgs-summary-old{text-decoration:line-through;color:#94a3b8!important}.mgs-summary-saving{color:#047857!important}.mgs-summary-saving strong{color:#047857!important} .mgr-cart-old-price{display:block;color:#94a3b8;text-decoration:line-through;font-size:10px}.mgr-cart-coupon{display:block;width:max-content;margin-top:3px;padding:3px 6px;border-radius:7px;background:#f0fdf4;color:#047857;font-size:8px;font-style:normal;font-weight:800;text-transform:uppercase} @media(max-width:560px){.mgs-coupon-line{align-items:flex-start;flex-direction:column;gap:2px}.mgs-product-price-discount>strong{font-size:28px}.mgs-cart-coupon{flex-wrap:wrap}.mgs-cart-list article{align-items:start}} /* ===== Mandrake React V35: acompanhamento de pedidos ===== */ .mgs-orders-page,.mgs-order-page{width:min(1180px,calc(100% - 32px));margin:38px auto 70px}.mgs-orders-page>.mgs-section-head{align-items:flex-end;margin-bottom:20px}.mgs-orders-page .mgs-order-list{padding:8px 20px;border:1px solid #dce8f8;border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(6,29,82,.06)}.mgs-order-list>a{transition:.18s ease}.mgs-order-list>a:hover{padding-left:10px;padding-right:10px;border-radius:12px;background:#f2f7ff}.mgs-order-list>a>div:first-child small{color:#94a3b8;text-align:left}.mgs-order-status{display:inline-flex;width:max-content;padding:5px 9px;border-radius:99px;font-size:9px!important;font-weight:850;text-transform:none}.mgs-order-status.success{background:#dcfce7;color:#166534}.mgs-order-status.warning{background:#fff7ed;color:#b45309}.mgs-order-status.danger{background:#fee2e2;color:#b91c1c}.mgs-order-status.info{background:#dbeafe;color:#1d4ed8}.mgs-order-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.mgs-order-top>div>span{display:block;margin:8px 0 5px;color:#0057ff;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.mgs-order-top h1{margin:0;color:#061d52;font-size:clamp(32px,5vw,50px);letter-spacing:-.055em}.mgs-order-top p{margin:7px 0 0;color:#64748b;font-size:12px}.mgs-back-link{color:#475569;text-decoration:none;font-size:11px;font-weight:800}.mgs-order-hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:28px;border:1px solid #bfd6ff;border-radius:23px;background:linear-gradient(135deg,#eef5ff,#fff);box-shadow:0 18px 45px rgba(0,87,255,.08)}.mgs-order-hero.success{border-color:#bbf7d0;background:linear-gradient(135deg,#ecfdf5,#fff)}.mgs-order-hero.danger{border-color:#fecaca;background:linear-gradient(135deg,#fef2f2,#fff)}.mgs-order-hero.warning{border-color:#fed7aa;background:linear-gradient(135deg,#fff7ed,#fff)}.mgs-order-hero>div:first-child>span{color:#0057ff;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.mgs-order-hero h2{margin:8px 0;color:#061d52;font-size:clamp(25px,4vw,38px);letter-spacing:-.04em}.mgs-order-hero p{max-width:650px;margin:0;color:#64748b;line-height:1.6;font-size:12px}.mgs-order-hero>div:last-child{min-width:210px;padding:18px;border-radius:17px;background:#fff;text-align:right;box-shadow:0 10px 28px rgba(6,29,82,.08)}.mgs-order-hero>div:last-child small,.mgs-order-hero>div:last-child em{display:block;color:#64748b;font-size:10px;font-style:normal}.mgs-order-hero>div:last-child strong{display:block;margin:6px 0;color:#0057ff;font-size:28px;letter-spacing:-.04em}.mgs-order-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;margin-top:20px;align-items:start}.mgs-order-main,.mgs-order-aside{display:grid;gap:16px}.mgs-order-aside{position:sticky;top:132px}.mgs-order-card{padding:22px;border:1px solid #dce8f8;border-radius:19px;background:#fff;box-shadow:0 8px 26px rgba(6,29,82,.04)}.mgs-order-card h3{display:flex;align-items:center;gap:8px;margin:0 0 16px;color:#061d52;font-size:15px}.mgs-order-card h3 svg{color:#0057ff}.mgs-section-head.compact{margin-bottom:18px}.mgs-section-head.compact h2{font-size:23px}.mgs-section-head.compact>small{padding:6px 10px;border-radius:99px;background:#eef5ff;color:#0057ff;font-size:9px;font-weight:850}.mgs-order-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.mgs-order-timeline article{position:relative;padding:14px 8px 10px;text-align:center;color:#94a3b8}.mgs-order-timeline article:before{content:"";position:absolute;top:29px;left:-50%;width:100%;height:2px;background:#e2e8f0;z-index:0}.mgs-order-timeline article:first-child:before{display:none}.mgs-order-timeline article>span{position:relative;z-index:1;width:34px;height:34px;margin:0 auto 9px;border:2px solid #dbe5f3;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.mgs-order-timeline article>div{display:flex;flex-direction:column;gap:3px}.mgs-order-timeline b{font-size:10px;color:#64748b}.mgs-order-timeline small{font-size:8px;line-height:1.35}.mgs-order-timeline article.done:before,.mgs-order-timeline article.current:before{background:#0057ff}.mgs-order-timeline article.done>span{border-color:#0057ff;background:#0057ff;color:#fff}.mgs-order-timeline article.current>span{border-color:#0057ff;color:#0057ff;box-shadow:0 0 0 5px rgba(0,87,255,.1)}.mgs-order-timeline article.done b,.mgs-order-timeline article.current b{color:#061d52}.mgs-order-items{display:grid}.mgs-order-items article{display:grid;grid-template-columns:68px 1fr auto;gap:13px;align-items:center;padding:12px 0;border-bottom:1px solid #edf3fb}.mgs-order-items article:last-child{border-bottom:0}.mgs-order-items img{width:68px;height:68px;border-radius:12px;object-fit:cover;background:#eef5ff}.mgs-order-items article>div{display:flex;flex-direction:column;gap:4px}.mgs-order-items b{color:#061d52;font-size:12px}.mgs-order-items span,.mgs-order-items small{color:#64748b;font-size:9px}.mgs-order-items strong{color:#0057ff;font-size:13px}.mgs-order-aside .mgs-order-card>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #edf3fb;font-size:10px}.mgs-order-aside .mgs-order-card>div:last-child{border-bottom:0}.mgs-order-aside .mgs-order-card>div span{color:#64748b}.mgs-order-aside .mgs-order-card>div b{max-width:58%;text-align:right;color:#334155}.mgs-order-aside .mgs-order-card p{margin:0;color:#64748b;line-height:1.6;font-size:11px}.mgs-button.full{width:100%}.mgs-button.whatsapp{background:#059669;color:#fff;border-color:#059669}.mgs-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.mgs-order-page .mgs-button{cursor:pointer} @media(max-width:860px){.mgs-order-layout{grid-template-columns:1fr}.mgs-order-aside{position:static}.mgs-order-hero{grid-template-columns:1fr}.mgs-order-hero>div:last-child{text-align:left;min-width:0}.mgs-order-timeline{grid-template-columns:1fr}.mgs-order-timeline article{display:grid;grid-template-columns:38px 1fr;gap:10px;text-align:left;padding:7px 0}.mgs-order-timeline article:before{top:-50%;left:17px;width:2px;height:100%}.mgs-order-timeline article>span{margin:0}.mgs-order-timeline article>div{align-self:center}.mgs-order-timeline b{font-size:11px}.mgs-order-timeline small{font-size:9px}.mgs-order-top{align-items:flex-start}.mgs-order-top>.mgs-button{flex:none}} @media(max-width:600px){.mgs-orders-page,.mgs-order-page{width:min(100% - 20px,1180px);margin-top:20px}.mgs-order-top{display:grid}.mgs-order-top>.mgs-button{width:100%}.mgs-order-hero,.mgs-order-card{padding:17px;border-radius:16px}.mgs-order-hero>div:last-child{padding:14px}.mgs-order-items article{grid-template-columns:58px 1fr}.mgs-order-items img{width:58px;height:58px}.mgs-order-items strong{grid-column:2}.mgs-orders-page>.mgs-section-head{align-items:flex-start}.mgs-orders-page>.mgs-section-head>.mgs-button{width:100%}.mgs-order-list>a{grid-template-columns:1fr auto;gap:8px}.mgs-order-list>a>svg{display:none}.mgs-order-list>a>div:nth-child(2){align-items:flex-end}.mgs-order-list>a>div:first-child small{display:none}} /* ===== Mandrake React V35: painel administrativo integrado ===== */ .mg-react-admin-page{margin:0;background:#f4f8ff;color:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden} .mgr-admin-sidebar nav{min-height:0;overflow:auto;padding-right:3px}.mgr-admin-sidebar nav section{display:grid;gap:4px;margin-bottom:15px}.mgr-admin-sidebar nav section>small{padding:0 13px 5px;color:#93c5fd;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.mgr-admin-sidebar nav::-webkit-scrollbar{width:4px}.mgr-admin-sidebar nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:8px} .mgr-admin-topbar{height:auto;min-height:84px}.mgr-top-actions .mgr-icon-button:active{transform:rotate(15deg)}.mgr-admin-content{padding-bottom:80px}.mgr-section-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.mgr-section-title h2{margin:0;font-size:20px}.mgr-section-title p{margin:5px 0 0;color:var(--mgr-muted);font-size:13px} .mgr-metric-card{min-height:132px}.mgr-metric-icon{position:absolute;right:18px;top:18px!important;width:38px;height:38px;border-radius:12px;background:#eef5ff;color:#0057ff;display:grid!important;place-items:center}.mgr-metric-grid.compact .mgr-metric-card{min-height:118px;padding:18px}.mgr-metric-grid.compact .mgr-metric-card strong{font-size:24px} .mgr-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);gap:18px}.mgr-panel-head>strong{color:#0057ff;font-size:18px}.mgr-trend-chart{height:230px;display:flex;align-items:end;gap:7px;padding-top:18px;border-bottom:1px solid #dce8f8;background:linear-gradient(180deg,rgba(0,87,255,.025),transparent)}.mgr-trend-chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;min-width:7px}.mgr-trend-chart span{display:block;width:min(22px,80%);min-height:5px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#2480ff,#003fc2);box-shadow:0 6px 14px rgba(0,87,255,.18);transition:.2s}.mgr-trend-chart>div:hover span{filter:brightness(1.12);transform:scaleX(1.08)}.mgr-trend-chart small{color:#94a3b8;font-size:9px} .mgr-health-panel{display:grid;align-content:start}.mgr-health-panel .mgr-panel-head{margin-bottom:8px}.mgr-health-panel>button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 0;border:0;border-bottom:1px solid #edf3fb;background:transparent;text-align:left;cursor:pointer}.mgr-health-panel>button:last-child{border-bottom:0}.mgr-health-panel>button>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eef5ff;color:#0057ff}.mgr-health-panel>button>div{display:flex;flex-direction:column;gap:3px}.mgr-health-panel b{font-size:13px;color:#061d52}.mgr-health-panel small{font-size:10px;color:#64748b}.mgr-health-panel>button>.mgr-icon{color:#94a3b8} .mgr-quick-grid .mgr-quick-card{border:1px solid var(--mgr-line);font-family:inherit;cursor:pointer;text-align:left;display:grid;grid-template-columns:auto 1fr auto;gap:12px}.mgr-quick-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#eef5ff;color:#0057ff}.mgr-quick-card:hover .mgr-quick-icon{background:#0057ff;color:#fff} .mgr-danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:11px 16px;background:#dc2626;color:#fff;font:700 13px system-ui;cursor:pointer}.mgr-danger-button:disabled{opacity:.55}.mgr-primary-button.compact{padding:8px 11px;font-size:11px}.mgr-secondary-button.compact{padding:8px 11px} .mgr-empty-state{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;color:#94a3b8}.mgr-empty-state>.mgr-icon{color:#bfd6ff}.mgr-empty-state b{color:#334155;font-size:15px}.mgr-empty-state span{max-width:430px;font-size:12px}.mgr-empty-state .mgr-primary-button{margin-top:7px} .mgr-confirm-dialog{position:absolute;left:50%;top:50%;width:min(430px,calc(100% - 28px));transform:translate(-50%,-50%);padding:26px;border-radius:21px;background:#fff;box-shadow:0 25px 80px rgba(0,0,0,.24);text-align:center}.mgr-confirm-dialog>div{width:58px;height:58px;margin:auto;border-radius:18px;display:grid;place-items:center;background:#dcfce7;color:#15803d}.mgr-confirm-dialog>div.danger{background:#fee2e2;color:#dc2626}.mgr-confirm-dialog h2{margin:17px 0 7px;font-size:21px}.mgr-confirm-dialog p{margin:0;color:#64748b;line-height:1.6;font-size:13px}.mgr-confirm-dialog footer{display:flex;justify-content:center;gap:9px;margin-top:22px} .mgr-order-drawer.wide{width:min(760px,100%)}.mgr-drawer-content input,.mgr-drawer-content select,.mgr-drawer-content textarea,.mgr-settings-layout input,.mgr-settings-layout select,.mgr-settings-layout textarea{width:100%;min-height:44px;border:1px solid var(--mgr-line);border-radius:12px;padding:10px 12px;background:#fff;color:#0f172a;font:500 14px system-ui;outline:0}.mgr-drawer-content textarea,.mgr-settings-layout textarea{min-height:100px;resize:vertical}.mgr-drawer-content input:focus,.mgr-drawer-content select:focus,.mgr-drawer-content textarea:focus,.mgr-settings-layout input:focus{border-color:#0057ff;box-shadow:0 0 0 3px rgba(0,87,255,.09)}.mgr-field>span{font-size:11px;font-weight:800;color:#475569}.mgr-field>small{color:#94a3b8;font-size:9px}.mgr-form-grid.product{grid-template-columns:1fr 1fr;gap:14px}.mgr-form-grid.product .wide{grid-column:1/-1}.mgr-form-grid.product .mgr-field{margin:0}.mgr-form-grid.product select{height:44px}.mgr-switch{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--mgr-line);border-radius:14px;cursor:pointer}.mgr-switch input{position:absolute;opacity:0;pointer-events:none}.mgr-switch>span{position:relative;width:42px;height:24px;border-radius:99px;background:#cbd5e1;transition:.2s;flex:none}.mgr-switch>span:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:.2s}.mgr-switch input:checked+span{background:#0057ff}.mgr-switch input:checked+span:after{transform:translateX(18px)}.mgr-switch>div{display:flex;flex-direction:column;gap:2px}.mgr-switch b{font-size:12px}.mgr-switch small{font-size:9px;color:#64748b}.mgr-switch.wide{grid-column:1/-1} .mgr-product-grid.pro{grid-template-columns:repeat(4,minmax(0,1fr))}.mgr-product-image{position:relative}.mgr-product-image>span{position:absolute;left:9px;top:9px;display:flex;align-items:center;gap:4px;padding:5px 7px;border-radius:99px;background:#fff7ed;color:#b45309;font-size:8px;font-weight:850;box-shadow:0 4px 12px rgba(0,0,0,.08)}.mgr-product-card>div:last-child>small{display:block;color:#64748b;font-size:9px}.mgr-product-card>div:last-child>span{display:block;margin-top:7px;color:#15803d;font-size:9px;font-weight:750}.mgr-product-card>div:last-child>span.low{color:#dc2626}.mgr-card-actions{display:grid!important;grid-template-columns:1fr auto auto;gap:5px!important;margin-top:13px}.mgr-card-actions button{min-height:35px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--mgr-line);border-radius:10px;background:#fff;color:#0057ff;font:750 10px system-ui;cursor:pointer}.mgr-card-actions button:hover{background:#eef5ff}.mgr-card-actions button.danger{color:#dc2626}.mgr-edit-product-head{display:grid;grid-template-columns:110px 1fr;gap:15px;align-items:center;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--mgr-line)}.mgr-edit-product-head img{width:110px;height:110px;object-fit:cover;border-radius:16px;background:#eef5ff}.mgr-edit-product-head>div{display:flex;align-items:flex-start;flex-direction:column;gap:9px}.mgr-edit-product-head a{display:inline-flex;align-items:center;gap:5px;color:#0057ff;font-size:11px;font-weight:800;text-decoration:none} .mgr-inventory-list{display:grid;gap:13px}.mgr-inventory-list>article{border:1px solid var(--mgr-line);border-radius:16px;overflow:hidden}.mgr-inventory-list>article>header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:13px 15px;background:#f8fbff}.mgr-inventory-list header img{width:46px;height:46px;border-radius:11px;object-fit:cover;background:#eef5ff}.mgr-inventory-list header>div{display:flex;flex-direction:column;gap:3px}.mgr-inventory-list header b{font-size:12px}.mgr-inventory-list header span{font-size:9px;color:#64748b}.mgr-inventory-rows{padding:0 15px}.mgr-inventory-rows>div{display:grid;grid-template-columns:minmax(150px,1fr) auto auto;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #edf3fb}.mgr-inventory-rows>div:last-child{border-bottom:0}.mgr-inventory-rows>div>span{display:flex;flex-direction:column;gap:2px}.mgr-inventory-rows b{font-size:11px}.mgr-inventory-rows small{font-size:9px;color:#64748b}.mgr-stock-stepper{display:grid;grid-template-columns:34px 68px 34px;border:1px solid var(--mgr-line);border-radius:10px;overflow:hidden}.mgr-stock-stepper button{border:0;background:#f8fbff;color:#0057ff;display:grid;place-items:center;cursor:pointer}.mgr-stock-stepper input{width:68px!important;min-height:34px!important;border:0!important;border-left:1px solid var(--mgr-line)!important;border-right:1px solid var(--mgr-line)!important;border-radius:0!important;padding:4px!important;text-align:center;font-size:12px!important} .mgr-coupon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mgr-coupon-grid>article{padding:17px;border:1px solid var(--mgr-line);border-radius:16px;background:linear-gradient(135deg,#fff,#f8fbff)}.mgr-coupon-grid header{display:flex;justify-content:space-between;align-items:center;gap:9px}.mgr-coupon-grid header>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.mgr-coupon-grid code{padding:5px 8px;border-radius:8px;background:#061d52;color:#fff;font:800 11px ui-monospace,monospace;letter-spacing:.06em}.mgr-coupon-grid>article>strong{display:block;margin:18px 0 5px;color:#0057ff;font-size:29px;letter-spacing:-.04em}.mgr-coupon-grid p{margin:0;color:#475569;font-size:11px}.mgr-coupon-grid>article>small{display:block;margin-top:8px;color:#94a3b8;font-size:9px}.mgr-coupon-grid footer{display:flex;gap:7px;margin-top:15px;padding-top:12px;border-top:1px solid #edf3fb}.mgr-coupon-grid footer button{border:0;background:transparent;color:#0057ff;font:750 10px system-ui;cursor:pointer}.mgr-coupon-grid footer button.danger{color:#dc2626}.mgr-category-checks{display:flex;flex-wrap:wrap;gap:7px}.mgr-category-checks button{border:1px solid var(--mgr-line);border-radius:99px;padding:8px 11px;background:#fff;color:#475569;font:750 10px system-ui;cursor:pointer}.mgr-category-checks button.active{border-color:#0057ff;background:#eef5ff;color:#0057ff} .mgr-customer-list.pro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mgr-customer-list.pro>button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:13px;border:1px solid var(--mgr-line);border-radius:14px;background:#fff;text-align:left;cursor:pointer}.mgr-customer-list.pro>button:hover{border-color:#0057ff;background:#f8fbff}.mgr-customer-list.pro>button>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.mgr-customer-list.pro b{font-size:12px}.mgr-customer-list.pro span{font-size:10px;color:#475569}.mgr-customer-list.pro small{font-size:9px;color:#94a3b8}.mgr-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.mgr-avatar.large{width:68px;height:68px;font-size:24px}.mgr-customer-summary{display:flex;align-items:center;gap:14px;padding:15px;border-radius:16px;background:#eef5ff}.mgr-customer-summary>div:last-child{display:flex;flex-direction:column;gap:4px}.mgr-customer-summary b{font-size:15px}.mgr-customer-summary span{font-size:10px;color:#475569}.mgr-address-card{display:flex;flex-direction:column;gap:4px;padding:11px;border:1px solid var(--mgr-line);border-radius:12px;margin-bottom:7px}.mgr-address-card b{font-size:11px}.mgr-address-card span{font-size:9px;color:#64748b;line-height:1.5} .mgr-category-list{display:grid;gap:8px}.mgr-category-list article{display:grid;grid-template-columns:38px 1fr 38px 38px;align-items:center;gap:8px;padding:11px;border:1px solid var(--mgr-line);border-radius:13px}.mgr-category-list article>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#eef5ff;color:#0057ff;font-size:10px;font-weight:850}.mgr-category-list article>div{display:flex;flex-direction:column;gap:2px}.mgr-category-list b{font-size:12px}.mgr-category-list small{font-size:9px;color:#94a3b8}.mgr-category-list button{width:36px;height:36px;border:1px solid var(--mgr-line);border-radius:10px;background:#fff;color:#0057ff;display:grid;place-items:center;cursor:pointer}.mgr-category-list button.danger{color:#dc2626} .mgr-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.mgr-module-grid>button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:16px;border:1px solid var(--mgr-line);border-radius:15px;background:#fff;text-align:left;cursor:pointer}.mgr-module-grid>button:hover{border-color:#0057ff;transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,87,255,.08)}.mgr-module-grid>button>span{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#eef5ff;color:#0057ff}.mgr-module-grid>button>div{display:flex;flex-direction:column;gap:4px}.mgr-module-grid b{font-size:12px;color:#061d52}.mgr-module-grid small{font-size:9px;color:#64748b;line-height:1.45}.mgr-module-grid>button>.mgr-icon{color:#94a3b8}.mgr-workspace{position:fixed;inset:0;z-index:9998;background:#f4f8ff;display:grid;grid-template-rows:74px 1fr}.mgr-workspace>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 20px;border-bottom:1px solid var(--mgr-line);background:#fff}.mgr-workspace>header>div{display:flex;align-items:center;gap:12px}.mgr-workspace header span{font-size:9px;color:#0057ff;font-weight:850;text-transform:uppercase}.mgr-workspace h2{margin:3px 0 0;font-size:18px}.mgr-workspace iframe{width:100%;height:100%;border:0;background:#fff} .mgr-settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.mgr-form-footer{display:flex;justify-content:flex-end;margin-top:20px;padding-top:18px;border-top:1px solid var(--mgr-line)}.mgr-settings-help{position:sticky;top:108px}.mgr-settings-help>.mgr-icon{color:#0057ff}.mgr-settings-help h2{margin-top:14px}.mgr-settings-help p,.mgr-settings-help li{color:#64748b;font-size:11px;line-height:1.65}.mgr-settings-help ul{padding-left:18px} @media(max-width:1250px){.mgr-product-grid.pro{grid-template-columns:repeat(3,minmax(0,1fr))}.mgr-coupon-grid,.mgr-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mgr-dashboard-grid{grid-template-columns:1fr}.mgr-health-panel{grid-template-columns:repeat(3,1fr);gap:10px}.mgr-health-panel .mgr-panel-head{grid-column:1/-1}.mgr-health-panel>button{border:1px solid var(--mgr-line);border-radius:13px;padding:12px}.mgr-health-panel>button>.mgr-icon{display:none}} @media(max-width:900px){.mgr-admin-content{padding:20px 18px 70px}.mgr-settings-layout{grid-template-columns:1fr}.mgr-settings-help{position:static}.mgr-product-grid.pro{grid-template-columns:repeat(2,minmax(0,1fr))}.mgr-customer-list.pro{grid-template-columns:1fr}.mgr-health-panel{grid-template-columns:1fr}.mgr-health-panel>button{grid-template-columns:auto 1fr auto}.mgr-health-panel>button>.mgr-icon{display:block}.mgr-trend-chart{height:190px}} @media(max-width:760px){.mgr-admin-topbar{padding:12px 14px;min-height:68px}.mgr-admin-topbar h1{font-size:19px}.mgr-admin-topbar p{font-size:10px}.mgr-admin-topbar .mgr-primary-button{padding:10px 12px}.mgr-admin-content{padding:14px 10px 84px}.mgr-panel{padding:15px;border-radius:15px}.mgr-panel-head{align-items:flex-start}.mgr-panel-head .mgr-primary-button{white-space:nowrap}.mgr-metric-grid,.mgr-metric-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mgr-metric-card,.mgr-metric-grid.compact .mgr-metric-card{min-height:105px;padding:14px}.mgr-metric-card strong,.mgr-metric-grid.compact .mgr-metric-card strong{font-size:20px}.mgr-metric-card small{font-size:9px}.mgr-metric-icon{width:31px;height:31px;right:12px;top:12px!important}.mgr-metric-icon svg{width:17px}.mgr-filter-row{grid-template-columns:1fr 1fr}.mgr-filter-row .mgr-search{grid-column:1/-1}.mgr-filter-row .mgr-secondary-button{width:100%}.mgr-responsive-table{min-width:0}.mgr-responsive-table thead{display:none}.mgr-responsive-table,.mgr-responsive-table tbody,.mgr-responsive-table tr,.mgr-responsive-table td{display:block;width:100%}.mgr-responsive-table tr{position:relative;margin-bottom:10px;padding:12px;border:1px solid var(--mgr-line);border-radius:13px}.mgr-responsive-table td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border:0;text-align:right}.mgr-responsive-table td:before{content:attr(data-label);color:#94a3b8;font-size:9px;font-weight:800;text-transform:uppercase;text-align:left}.mgr-responsive-table td:last-child{justify-content:flex-end;padding-top:9px;border-top:1px solid #edf3fb}.mgr-responsive-table td:last-child:before{display:none}.mgr-responsive-table td strong,.mgr-responsive-table td small{text-align:right}.mgr-form-grid,.mgr-form-grid.product{grid-template-columns:1fr}.mgr-form-grid.product .wide,.mgr-switch.wide{grid-column:auto}.mgr-product-grid.pro{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mgr-product-card>div:last-child{padding:11px}.mgr-product-card h3{font-size:11px}.mgr-card-actions{grid-template-columns:1fr auto!important}.mgr-card-actions button.danger{display:none}.mgr-inventory-list>article>header{grid-template-columns:auto 1fr}.mgr-inventory-list header>.mgr-link-button{grid-column:1/-1;justify-content:center;padding:8px;border-top:1px solid var(--mgr-line)}.mgr-inventory-rows>div{grid-template-columns:1fr auto}.mgr-inventory-rows>div>.mgr-primary-button{grid-column:1/-1;width:100%}.mgr-coupon-grid,.mgr-module-grid{grid-template-columns:1fr}.mgr-customer-list.pro>button{padding:10px}.mgr-workspace{grid-template-rows:auto 1fr}.mgr-workspace>header{padding:10px;flex-wrap:wrap}.mgr-workspace>header>a{width:100%}.mgr-order-drawer>footer{flex-wrap:wrap}.mgr-order-drawer>footer>*{flex:1}.mgr-confirm-dialog footer{display:grid}.mgr-confirm-dialog footer button{width:100%}} @media(max-width:480px){.mgr-metric-grid,.mgr-metric-grid.compact{grid-template-columns:1fr 1fr}.mgr-product-grid.pro{grid-template-columns:1fr 1fr}.mgr-panel-head{display:grid}.mgr-panel-head>.mgr-primary-button,.mgr-panel-head>.mgr-secondary-button{width:100%}.mgr-edit-product-head{grid-template-columns:82px 1fr}.mgr-edit-product-head img{width:82px;height:82px}.mgr-coupon-grid>article{padding:14px}.mgr-trend-chart{gap:3px}.mgr-trend-chart small{font-size:7px}.mgr-category-list article{grid-template-columns:32px 1fr 34px 34px}.mgr-order-drawer.wide{width:100%}} .mgr-icon-button.is-refreshing svg{animation:mgr-spin .75s linear infinite}.mgr-icon-button:disabled{opacity:.65;cursor:wait}.mgr-admin-mobile-nav{display:none} @media(max-width:760px){.mgr-admin-mobile-nav{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:70;display:grid;grid-template-columns:repeat(5,1fr);padding:6px;border:1px solid #bfd6ff;border-radius:17px;background:rgba(255,255,255,.96);box-shadow:0 15px 45px rgba(6,29,82,.2);backdrop-filter:blur(14px)}.mgr-admin-mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;border:0;border-radius:12px;background:transparent;color:#64748b;font:750 8px system-ui;cursor:pointer}.mgr-admin-mobile-nav button.active{background:#eef5ff;color:#0057ff}.mgr-admin-mobile-nav span{white-space:nowrap}} /* V36 — integração dos módulos administrativos no shell React */ .mgr-workspace{background:#f4f8ff;grid-template-rows:68px minmax(0,1fr)} .mgr-workspace>header{min-width:0;padding:0 16px;box-shadow:0 1px 0 rgba(6,29,82,.04)} .mgr-workspace-title,.mgr-workspace-actions{display:flex;align-items:center;gap:9px;min-width:0} .mgr-workspace-title>div{min-width:0} .mgr-workspace-title h2{max-width:min(48vw,620px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mgr-workspace-actions .mgr-icon-button:first-child svg{transform:rotate(180deg)} .mgr-workspace-actions .mgr-forward-button svg{transform:none} .mgr-workspace-actions .mgr-secondary-button{min-height:40px;padding:9px 13px} .mgr-workspace-frame{position:relative;min-height:0;overflow:hidden;background:#f4f8ff} .mgr-workspace-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#f4f8ff;transition:opacity .18s ease} .mgr-workspace-frame.loading iframe{opacity:.15;pointer-events:none} .mgr-workspace-loader{position:absolute;inset:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:10px;background:linear-gradient(180deg,#f8fbff,#f2f7ff);color:#64748b;font-size:12px;font-weight:750} .mgr-workspace-loader span{width:36px;height:36px;border:3px solid #cfe0ff;border-top-color:#0057ff;border-radius:999px;animation:mgr-spin .75s linear infinite} @media(max-width:760px){ .mgr-workspace{grid-template-rows:auto minmax(0,1fr)} .mgr-workspace>header{padding:8px 9px;gap:7px;flex-wrap:nowrap} .mgr-workspace-title{flex:1;min-width:0} .mgr-workspace-title h2{max-width:44vw;font-size:14px} .mgr-workspace-title span{font-size:7px} .mgr-workspace-actions{gap:5px} .mgr-workspace-actions .mgr-icon-button{width:35px;height:35px;min-width:35px} .mgr-workspace-actions .mgr-secondary-button{width:37px;min-width:37px;height:37px;min-height:37px;padding:0;display:grid;place-items:center;border-radius:11px} .mgr-workspace-actions .mgr-secondary-button span{display:none} } /* ========================================================= V38 · Stories públicos + feedbacks integrados ========================================================= */ body.mgs-story-open{overflow:hidden!important} .mgs-stories-section{width:min(1220px,calc(100% - 32px));margin:8px auto 22px;padding:18px 20px;border:1px solid #dce8fb;border-radius:24px;background:linear-gradient(145deg,#fff,#f5f9ff);box-shadow:0 12px 35px rgba(18,50,94,.07)} .mgs-section-head.compact p{margin:5px 0 0;color:#71809a;font-size:13px;font-weight:650} .mgs-stories-rail{display:flex;gap:16px;overflow-x:auto;padding:6px 2px 8px;scrollbar-width:none;overscroll-behavior-inline:contain} .mgs-stories-rail::-webkit-scrollbar{display:none} .mgs-stories-rail>button{width:82px;min-width:82px;border:0;background:transparent;padding:0;color:#0d1830;text-align:center;cursor:pointer} .mgs-story-ring{display:block;width:72px;height:72px;margin:auto;padding:3px;border-radius:50%;background:linear-gradient(135deg,#0057ff,#49a5ff,#15b36b);box-shadow:0 8px 20px rgba(0,87,255,.18);transition:.2s ease} .mgs-stories-rail>button:hover .mgs-story-ring{transform:translateY(-2px) scale(1.03)} .mgs-story-ring>span{position:relative;display:block;width:100%;height:100%;padding:3px;border-radius:50%;background:#fff;overflow:hidden} .mgs-story-ring video{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#e9f1ff;pointer-events:none} .mgs-story-ring i{position:absolute;right:1px;bottom:1px;display:grid;width:23px;height:23px;place-items:center;border:2px solid #fff;border-radius:50%;background:#0057ff;color:#fff} .mgs-stories-rail b,.mgs-stories-rail small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mgs-stories-rail b{margin-top:7px;font-size:12px;font-weight:900} .mgs-stories-rail small{margin-top:2px;color:#71809a;font-size:10px;font-weight:750} .mgs-story-viewer{position:fixed;inset:0;z-index:2147483646;display:grid;place-items:center;background:rgba(2,7,20,.94);backdrop-filter:blur(10px)} .mgs-story-stage{position:relative;width:min(520px,100vw);height:100dvh;overflow:hidden;background:#000;box-shadow:0 0 60px rgba(0,0,0,.55)} .mgs-story-stage>video{width:100%;height:100%;object-fit:contain;background:#000} .mgs-story-stage>header{position:absolute;z-index:8;top:0;left:0;right:0;padding:14px 16px 45px;background:linear-gradient(#000c,transparent);color:#fff} .mgs-story-progress{display:flex;gap:4px;margin-bottom:12px} .mgs-story-progress span{height:3px;flex:1;border-radius:999px;background:#ffffff50} .mgs-story-progress span.done,.mgs-story-progress span.active{background:#fff} .mgs-story-author{display:flex;align-items:center;gap:10px;padding-right:46px} .mgs-story-author img{width:38px;height:38px;border:2px solid #fff;border-radius:50%;object-fit:cover;background:#fff} .mgs-story-author b,.mgs-story-author small{display:block}.mgs-story-author b{font-size:13px}.mgs-story-author small{margin-top:2px;color:#d8e4ff;font-size:11px} .mgs-story-stage>header>button{position:absolute;right:15px;bottom:43px;display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:50%;background:#ffffff1d;color:#fff;cursor:pointer} .mgs-story-prev,.mgs-story-next{position:absolute;z-index:4;top:90px;bottom:185px;width:35%;border:0;background:transparent;cursor:pointer}.mgs-story-prev{left:0}.mgs-story-next{right:0}.mgs-story-prev:disabled,.mgs-story-next:disabled{cursor:default} .mgs-story-stage>footer{position:absolute;z-index:9;right:0;bottom:0;left:0;padding:70px 16px 18px;background:linear-gradient(transparent,#000d);color:#fff} .mgs-story-reactions{display:flex;justify-content:center;gap:7px;margin-bottom:10px} .mgs-story-reactions button{display:flex;align-items:center;gap:3px;min-width:43px;justify-content:center;padding:7px 8px;border:1px solid #ffffff25;border-radius:999px;background:#111827b8;color:#fff;cursor:pointer}.mgs-story-reactions span{font-size:19px}.mgs-story-reactions small{font-size:10px;font-weight:900} .mgs-story-actions{display:flex;gap:8px;margin-bottom:10px} .mgs-story-actions button{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #ffffff25;border-radius:999px;background:#111827b8;color:#fff;font-weight:900;cursor:pointer}.mgs-story-actions button.active{background:#e91e63;border-color:#e91e63}.mgs-story-actions button.active svg{fill:currentColor} .mgs-story-stage>footer>form{display:flex;gap:8px}.mgs-story-stage>footer>form input{min-width:0;flex:1;height:44px;padding:0 15px;border:1px solid #ffffff35;border-radius:999px;outline:0;background:#111827c9;color:#fff;font-size:16px}.mgs-story-stage>footer>form input::placeholder{color:#d4d9e3}.mgs-story-stage>footer>form button{display:grid;width:44px;height:44px;place-items:center;border:0;border-radius:50%;background:#0057ff;color:#fff;cursor:pointer}.mgs-story-stage>footer>form button:disabled{opacity:.45} .mgs-story-comments{position:absolute;right:0;bottom:-65vh;left:0;height:min(62vh,560px);padding:16px;border-radius:24px 24px 0 0;background:#fff;color:#122039;box-shadow:0 -20px 40px #0008;transition:bottom .25s ease;overflow:hidden}.mgs-story-comments.open{bottom:0}.mgs-story-comments>div{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #e5edf9}.mgs-story-comments>div button{border:0;background:#eef4ff;border-radius:50%;width:32px;height:32px;color:#164080}.mgs-story-comments>section{height:calc(100% - 48px);overflow:auto;padding:6px 0}.mgs-story-comments article{display:flex;gap:10px;padding:12px 3px;border-bottom:1px solid #edf2f8}.mgs-story-comments article>span{display:grid;width:34px;height:34px;min-width:34px;place-items:center;border-radius:50%;background:#e7f0ff;color:#0057ff;font-weight:950}.mgs-story-comments article b{font-size:12px}.mgs-story-comments article p{margin:3px 0;color:#33415b;font-size:13px;line-height:1.45}.mgs-story-comments article small{color:#8793a8;font-size:10px}.mgs-story-no-comments{padding:30px;text-align:center;color:#71809a} .mgs-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mgs-review-grid.home{grid-template-columns:repeat(3,minmax(0,1fr))}.mgs-review-grid.page{grid-template-columns:repeat(3,minmax(0,1fr))} .mgs-review-card{min-width:0;padding:18px;border:1px solid #dfe9f7;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(27,57,101,.06)} .mgs-review-product{display:flex;align-items:center;gap:9px;margin:-6px -6px 13px;padding:7px;border-radius:13px;background:#f4f8ff;color:#24436f;text-decoration:none;font-size:11px;font-weight:850}.mgs-review-product img{width:32px;height:32px;border-radius:9px;object-fit:cover;background:#e8eff9}.mgs-review-product span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mgs-review-head{display:flex;align-items:center;gap:10px}.mgs-review-avatar{display:grid;width:38px;height:38px;min-width:38px;place-items:center;overflow:hidden;border-radius:50%;background:#e8f1ff;color:#0057ff;font-weight:950}.mgs-review-avatar img{width:100%;height:100%;object-fit:cover}.mgs-review-head>div{min-width:0;flex:1}.mgs-review-head b,.mgs-review-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mgs-review-head b{font-size:12px}.mgs-review-head small{margin-top:2px;color:#8290a5;font-size:10px}.mgs-review-head strong{color:#f3a800;font-size:13px;letter-spacing:1px}.mgs-review-card>p{margin:13px 0 0;color:#465672;font-size:13px;line-height:1.6} .mgs-product-reviews{padding-top:10px}.mgs-review-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:20px;align-items:start}.mgs-review-form-card{position:sticky;top:100px;padding:20px;border:1px solid #d8e7fb;border-radius:22px;background:linear-gradient(145deg,#fff,#f5f9ff);box-shadow:0 12px 30px rgba(20,58,110,.07)}.mgs-review-form-card h3{margin:0 0 15px;color:#10203b;font-size:18px}.mgs-star-input{display:flex;gap:4px;margin-bottom:12px}.mgs-star-input button,.mgr-admin-star-input button{border:0;background:transparent;color:#c8d2e0;font-size:34px;line-height:1;cursor:pointer;transition:.15s}.mgs-star-input button.active,.mgr-admin-star-input button.active{color:#ffb000;transform:translateY(-1px)}.mgs-review-form-card textarea{width:100%;resize:vertical;padding:13px;border:1px solid #cad9ee;border-radius:14px;outline:0;background:#fff;color:#15233c;font:inherit;font-size:14px}.mgs-review-form-card textarea:focus{border-color:#0057ff;box-shadow:0 0 0 3px #0057ff18}.mgs-review-form-card form>small{display:block;margin:5px 2px 12px;text-align:right;color:#8190a6;font-size:10px}.mgs-button.danger-text{margin-top:8px;border-color:#ffd3d7;background:#fff;color:#d71e36}.mgs-review-login{text-align:center}.mgs-review-login svg{color:#0057ff}.mgs-review-login p{color:#586984;font-size:13px;line-height:1.5}.mgs-reviews-page{min-height:60vh}.mgs-reviews-page .mgs-section-head h1{margin:0;font-size:clamp(28px,4vw,44px)} .mgr-metric-grid.feedback{grid-template-columns:repeat(3,minmax(0,1fr))}.mgr-feedback-list{display:grid;gap:10px}.mgr-feedback-list>article{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:13px;align-items:start;padding:14px;border:1px solid #e0e9f6;border-radius:18px;background:#fff}.mgr-feedback-list>article>img{width:54px;height:54px;border-radius:14px;object-fit:cover;background:#edf3fb}.mgr-feedback-main{min-width:0}.mgr-feedback-main>div{display:flex;align-items:center;gap:10px}.mgr-feedback-main>div b{font-size:13px}.mgr-feedback-main>div span{color:#f2a500;font-size:12px;letter-spacing:1px}.mgr-feedback-main>a{display:inline-block;margin-top:3px;color:#0057ff;font-size:11px;font-weight:850;text-decoration:none}.mgr-feedback-main>p{margin:8px 0 5px;color:#485974;font-size:13px;line-height:1.5}.mgr-feedback-main>small{color:#8491a4;font-size:10px}.mgr-feedback-actions{display:flex;gap:6px}.mgr-feedback-actions button{display:grid;width:36px;height:36px;place-items:center;border:1px solid #dbe6f5;border-radius:11px;background:#f8fbff;color:#24518d;cursor:pointer}.mgr-feedback-actions button.danger{border-color:#ffd7da;background:#fff5f5;color:#d52b3d}.mgr-admin-star-input{display:flex;gap:5px}.mgr-admin-star-input button{font-size:38px}.mgr-form-note{display:flex;gap:10px;margin-top:16px;padding:13px;border:1px solid #cfe0fa;border-radius:14px;background:#f3f8ff;color:#46607f}.mgr-form-note svg{min-width:20px;color:#0057ff}.mgr-form-note p{margin:0;font-size:12px;line-height:1.5} @media(max-width:900px){.mgs-review-grid.home,.mgs-review-grid.page{grid-template-columns:repeat(2,minmax(0,1fr))}.mgs-review-layout{grid-template-columns:1fr}.mgs-review-form-card{position:static}.mgr-metric-grid.feedback{grid-template-columns:1fr 1fr}} @media(max-width:640px){.mgs-stories-section{width:100%;margin:0 0 14px;padding:15px 14px;border-right:0;border-left:0;border-radius:0}.mgs-stories-rail{gap:12px}.mgs-stories-rail>button{width:70px;min-width:70px}.mgs-story-ring{width:64px;height:64px}.mgs-story-stage{width:100vw}.mgs-story-stage>video{object-fit:contain}.mgs-story-stage>footer{padding-right:12px;padding-left:12px}.mgs-story-reactions{gap:4px}.mgs-story-reactions button{min-width:38px;padding:6px}.mgs-review-grid,.mgs-review-grid.home,.mgs-review-grid.page{grid-template-columns:1fr}.mgs-review-card{padding:15px}.mgs-review-layout{gap:13px}.mgr-metric-grid.feedback{grid-template-columns:1fr}.mgr-feedback-list>article{grid-template-columns:46px minmax(0,1fr)}.mgr-feedback-list>article>img{width:46px;height:46px}.mgr-feedback-actions{grid-column:1/-1;justify-content:flex-end;border-top:1px solid #edf2f8;padding-top:10px}.mgr-feedback-main>div{align-items:flex-start;flex-direction:column;gap:2px}} /* V38.1 - moderação de avaliações */ .mgs-review-moderation{display:flex;align-items:flex-start;gap:9px;margin:0 0 12px;padding:11px 12px;border-radius:12px;font-size:.82rem;line-height:1.35;font-weight:700}.mgs-review-moderation.pending{background:#fff7e8;border:1px solid #f6c86b;color:#8a5200}.mgs-review-moderation.rejected{background:#fff0f1;border:1px solid #f0a9ad;color:#a01f2d} .mgr-feedback-status-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:4px}.mgr-feedback-status-row a{margin:0!important}.mgr-feedback-actions .approve{color:#14804a;background:#eaf9f0}.mgr-feedback-actions .reject{color:#b4232f;background:#fff0f1}.mgr-feedback-list article.status-pendente{border-left:4px solid #f0a51b}.mgr-feedback-list article.status-rejeitado{border-left:4px solid #d73a49;opacity:.86}.mgr-feedback-list article.status-aprovado{border-left:4px solid #20a15a} @media(max-width:720px){.mgr-feedback-status-row{align-items:flex-start}.mgr-feedback-actions .approve,.mgr-feedback-actions .reject{min-width:42px;min-height:42px}} /* ========================================================= V38 · Stories com gestos, pausa e compatibilidade iPhone ========================================================= */ body.mgs-story-open{overflow:hidden!important;overscroll-behavior:none;touch-action:none} .mgs-story-ring img,.mgs-story-ring video{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#e9f1ff;pointer-events:none} .mgs-story-stage{height:100vh;height:100dvh;min-height:-webkit-fill-available;isolation:isolate} .mgs-story-stage>video{height:100vh;height:100dvh;pointer-events:none;-webkit-transform:translateZ(0);transform:translateZ(0)} .mgs-story-stage>header{padding-top:calc(14px + env(safe-area-inset-top,0px))} .mgs-story-author{padding-right:98px} .mgs-story-head-actions{position:absolute;right:15px;bottom:43px;display:flex;gap:7px;z-index:12} .mgs-story-head-actions>button{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:50%;background:#ffffff1d;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);touch-action:manipulation} .mgs-story-stage>header>button{display:none!important} .mgs-story-gesture-layer{position:absolute;z-index:5;top:88px;right:0;bottom:184px;left:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border:0;background:transparent;color:#fff;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none} .mgs-story-gesture-layer span{display:grid;width:38px;height:54px;place-items:center;margin:0 10px;border-radius:18px;background:#00000024;color:#ffffffb8;font-size:34px;font-weight:300;opacity:.25;transition:.18s} .mgs-story-gesture-layer span:last-child{justify-self:end} .mgs-story-gesture-layer small{align-self:end;margin-bottom:12px;padding:6px 10px;border-radius:999px;background:#00000055;color:#ffffffc9;font-size:10px;font-weight:850;letter-spacing:.02em;opacity:0;transition:.18s} .mgs-story-gesture-layer:hover span,.mgs-story-gesture-layer:active span{opacity:.85} .mgs-story-gesture-layer:active small{opacity:1} .mgs-story-play-card{position:absolute;z-index:11;top:50%;left:50%;display:flex;max-width:min(86%,360px);flex-direction:column;align-items:center;gap:7px;transform:translate(-50%,-50%);padding:18px 22px;border:1px solid #ffffff30;border-radius:20px;background:#061126d9;color:#fff;text-align:center;box-shadow:0 18px 48px #0009;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;touch-action:manipulation} .mgs-story-play-card span{font-size:13px;font-weight:900;line-height:1.35}.mgs-story-play-card small{color:#d7e5ff;font-size:10px;font-weight:750;line-height:1.4}.mgs-story-play-card.error{border-color:#ff8791;background:#321016e8} .mgs-story-stage>footer{padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))} @media(max-width:640px){.mgs-story-head-actions{bottom:42px}.mgs-story-gesture-layer{top:86px;bottom:178px}.mgs-story-gesture-layer span{margin:0 4px;background:transparent;opacity:.12}.mgs-story-gesture-layer small{display:none}.mgs-story-play-card{padding:16px 18px}.mgs-story-author{padding-right:94px}} @supports(-webkit-touch-callout:none){.mgs-story-viewer{height:-webkit-fill-available}.mgs-story-stage,.mgs-story-stage>video{min-height:-webkit-fill-available}} /* V39 — Stories iPhone/Safari: mídia por faixa, carregamento seguro e gestos */ .mgs-story-stage>video{opacity:0;transition:opacity .18s ease;background:#000} .mgs-story-stage>video.ready{opacity:1} .mgs-story-stage>video.loading{opacity:0} .mgs-story-loading{position:absolute;z-index:7;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#dbe7ff;pointer-events:none;background:#000} .mgs-story-loading span{width:34px;height:34px;border:3px solid #ffffff35;border-top-color:#fff;border-radius:50%;animation:mgsStorySpin .8s linear infinite} .mgs-story-loading b{font-size:12px;letter-spacing:.02em} @keyframes mgsStorySpin{to{transform:rotate(360deg)}} .mgs-story-play-card{display:flex;flex-direction:column;align-items:center;gap:9px} .mgs-story-play-card>button{display:flex;min-width:168px;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border:0;border-radius:999px;background:#0057ff;color:#fff;font:inherit;font-size:12px;font-weight:950;cursor:pointer;touch-action:manipulation} .mgs-story-play-card>button.secondary{min-width:0;padding:8px 13px;border:1px solid #ffffff35;background:#ffffff14;color:#fff} .mgs-story-play-card>small{max-width:280px;color:#f4d7da;font-size:11px;font-weight:750;line-height:1.45} .mgs-story-gesture-layer{-webkit-tap-highlight-color:transparent} @media(max-width:640px){ .mgs-story-viewer{height:100svh;min-height:100svh} .mgs-story-stage{height:100svh;min-height:100svh;max-height:100dvh} .mgs-story-stage>video{height:100svh;min-height:100svh;max-height:100dvh} .mgs-story-stage>header{padding-top:calc(12px + env(safe-area-inset-top,0px))} .mgs-story-stage>footer{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))} } /* V40 — experiência comercial, avaliações verificadas e navegação móvel limpa */ .mgs-card-rating{display:flex;align-items:center;gap:7px;margin:2px 0 6px} .mgs-card-rating b{color:#f59e0b;font-size:10px} .mgs-card-rating small{color:#64748b;font-size:9px} .mgs-verified-review{display:inline-flex;margin-left:6px;padding:3px 6px;border-radius:99px;background:#ecfdf5;color:#047857;font-size:8px;font-style:normal;font-weight:900;vertical-align:middle} .mgs-review-photo{display:block;width:100%;max-height:260px;margin-top:12px;border-radius:13px;object-fit:cover;background:#eef5ff} .mgs-store-reply{margin-top:12px;padding:12px;border-left:3px solid #0057ff;border-radius:0 11px 11px 0;background:#eef5ff} .mgs-store-reply b{color:#003fc2;font-size:10px} .mgs-store-reply p{margin:5px 0 0;color:#334155;font-size:11px} .mgs-review-photo-input{min-height:44px;margin:10px 0;border:1px dashed #9fc1ff;border-radius:12px;background:#f8fbff;color:#0057ff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:850;cursor:pointer} .mgs-review-photo-input input{position:absolute;opacity:0;pointer-events:none} .mgs-review-photo-preview{position:relative;width:100%;height:130px;margin-bottom:10px;border-radius:13px;overflow:hidden;background:#eef5ff} .mgs-review-photo-preview img{width:100%;height:100%;object-fit:cover} .mgs-review-photo-preview button{position:absolute;right:7px;top:7px;width:30px;height:30px;border:0;border-radius:50%;background:#061d52;color:#fff;display:grid;place-items:center} .mgs-story-cta{position:relative;z-index:13;min-height:42px;margin:0 0 9px;padding:0 16px;border-radius:999px;background:#fff;color:#003fc2;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:950;box-shadow:0 10px 30px #0005} @media(max-width:820px){ .mgs-header-actions{display:none!important} .mgs-header-inner{grid-template-columns:auto auto 1fr!important} .mgs-search-trigger{min-width:0} } /* ========================================================= V46.8 · Story em portal, tela isolada e CTA legível ========================================================= */ html.mgs-story-open, body.mgs-story-open{ width:100%!important; height:100%!important; overflow:hidden!important; overscroll-behavior:none!important; } body.mgs-story-open{ margin:0!important; background:#000!important; touch-action:auto!important; } body.mgs-story-open > *:not(.mgs-story-viewer){ visibility:hidden!important; pointer-events:none!important; } body.mgs-story-open > .mgs-story-viewer{ visibility:visible!important; pointer-events:auto!important; } .mgr-store-page .mgs-story-viewer{ position:fixed!important; inset:0!important; width:100vw!important; height:100vh!important; height:100dvh!important; min-width:100vw!important; min-height:100vh!important; min-height:100dvh!important; max-width:none!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; z-index:2147483647!important; display:grid!important; place-items:center!important; overflow:hidden!important; background:#000!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; isolation:isolate!important; } .mgr-store-page .mgs-story-stage{ position:relative!important; width:min(520px,100vw)!important; height:100vh!important; height:100dvh!important; min-height:100vh!important; min-height:100dvh!important; max-height:none!important; margin:0!important; border:0!important; border-radius:0!important; overflow:hidden!important; background:#000!important; } .mgr-store-page .mgs-story-cta{ position:relative!important; z-index:13!important; width:100%!important; min-height:48px!important; margin:0 0 10px!important; padding:0 18px!important; border:1px solid rgba(255,255,255,.32)!important; border-radius:999px!important; background:linear-gradient(135deg,#1478ff,#0057ff)!important; color:#fff!important; text-decoration:none!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; font-size:13px!important; line-height:1.2!important; font-weight:950!important; letter-spacing:.01em!important; text-align:center!important; opacity:1!important; box-shadow:0 12px 34px rgba(0,0,0,.42)!important; -webkit-tap-highlight-color:transparent!important; } .mgr-store-page .mgs-story-cta span, .mgr-store-page .mgs-story-cta svg{ color:#fff!important; opacity:1!important; visibility:visible!important; } .mgr-store-page .mgs-story-cta:active{ transform:scale(.985); } .mgr-store-page .mgs-story-comments{ touch-action:pan-y!important; } @media(max-width:640px){ .mgr-store-page .mgs-story-stage{ width:100vw!important; max-width:100vw!important; } .mgr-store-page .mgs-story-viewer, .mgr-store-page .mgs-story-stage, .mgr-store-page .mgs-story-stage>video{ height:100svh!important; min-height:100svh!important; max-height:100dvh!important; } .mgr-store-page .mgs-story-stage>footer{ padding-right:12px!important; padding-left:12px!important; padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))!important; } } /* V40 — painel operacional completo */ .mgr-form-divider{padding:14px 0 4px;border-top:1px solid #dce8f8;display:flex;flex-direction:column;gap:3px}.mgr-form-divider b{color:#061d52}.mgr-form-divider span{color:#64748b;font-size:10px}.mgr-view-toggle{padding:3px;border:1px solid #dce8f8;border-radius:12px;background:#f8fbff;display:flex}.mgr-view-toggle button{height:34px;padding:0 13px;border:0;border-radius:9px;background:transparent;color:#64748b;font-weight:850}.mgr-view-toggle button.active{background:#0057ff;color:#fff}.mgr-filter-grid{display:grid;grid-template-columns:minmax(260px,1fr) repeat(4,minmax(130px,auto)) auto;gap:9px;align-items:center;margin-bottom:14px}.mgr-filter-grid>input,.mgr-filter-grid>select{height:42px;border:1px solid #dce8f8;border-radius:11px;background:#fff;padding:0 10px;color:#334155}.mgr-bulk-bar{position:sticky;top:74px;z-index:12;margin:0 0 12px;padding:10px 12px;border:1px solid #bfd4ff;border-radius:13px;background:#eef5ff;display:flex;align-items:center;gap:10px;box-shadow:0 10px 25px #061d5212}.mgr-bulk-bar b{margin-right:auto;color:#003fc2}.mgr-bulk-bar select{height:38px;border:1px solid #cfe0ff;border-radius:9px;background:#fff}.mgr-kanban{display:grid;grid-template-columns:repeat(5,minmax(245px,1fr));gap:12px;overflow-x:auto;padding-bottom:9px;scroll-snap-type:x proximity}.mgr-kanban>section{min-height:520px;border:1px solid #dce8f8;border-radius:16px;background:#f5f8fd;scroll-snap-align:start}.mgr-kanban>section>header{height:48px;padding:0 12px;border-bottom:1px solid #dce8f8;display:flex;align-items:center;justify-content:space-between}.mgr-kanban>section>header b{color:#061d52;font-size:11px}.mgr-kanban>section>header span{min-width:26px;height:26px;border-radius:99px;background:#dbeafe;color:#0057ff;display:grid;place-items:center;font-size:10px;font-weight:900}.mgr-kanban>section>div{padding:8px;display:grid;align-content:start;gap:8px}.mgr-kanban-card{border:1px solid #dce8f8;border-radius:13px;background:#fff;box-shadow:0 8px 20px #061d5208;overflow:hidden}.mgr-kanban-card.overdue{border-color:#fecaca}.mgr-kanban-card>label{padding:8px 10px 0;display:flex;align-items:center;gap:7px;color:#64748b;font-size:9px;font-weight:850}.mgr-kanban-card>label input{accent-color:#0057ff}.mgr-kanban-card>label em{margin-left:auto;padding:3px 6px;border-radius:99px;background:#fef2f2;color:#b91c1c;font-style:normal}.mgr-kanban-card>button{width:100%;padding:9px 10px 11px;border:0;background:transparent;text-align:left;display:grid;gap:5px}.mgr-kanban-card>button>b{color:#061d52;font-size:12px}.mgr-kanban-card>button>small,.mgr-kanban-card time{color:#64748b;font-size:9px}.mgr-kanban-card>button>div{display:flex;align-items:center;justify-content:space-between}.mgr-kanban-card strong{color:#0057ff;font-size:12px}.mgr-timeline{display:grid;gap:0;max-height:540px;overflow:auto}.mgr-timeline-item{position:relative;padding:11px 12px 11px 24px;border-bottom:1px solid #edf3fb}.mgr-timeline-item:before{content:"";position:absolute;left:8px;top:16px;width:7px;height:7px;border-radius:50%;background:#0057ff}.mgr-timeline-item b{color:#061d52;font-size:11px}.mgr-timeline-item p{margin:4px 0;color:#475569;font-size:10px}.mgr-timeline-item small{color:#94a3b8;font-size:9px}.mgr-date-filter{display:flex;align-items:center;gap:7px}.mgr-date-filter input{height:38px;border:1px solid #dce8f8;border-radius:9px;padding:0 8px}.mgr-date-filter span{color:#64748b;font-size:10px}.mgr-report-chart{height:230px;margin-top:22px;padding:15px 12px 0;border-radius:15px;background:linear-gradient(180deg,#f8fbff,#eef5ff);display:flex;align-items:flex-end;gap:8px;overflow-x:auto}.mgr-report-chart>div{min-width:34px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px}.mgr-report-chart span{width:18px;min-height:4px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#0057ff,#003fc2)}.mgr-report-chart small{color:#64748b;font-size:8px}.mgr-report-chart b{height:24px;color:#003fc2;font-size:7px;writing-mode:vertical-rl;transform:rotate(180deg)}.mgr-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mgr-ranking-list{display:grid}.mgr-ranking-list article{padding:11px 0;border-bottom:1px solid #edf3fb;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px}.mgr-ranking-list article>span{width:27px;height:27px;border-radius:9px;background:#eef5ff;color:#0057ff;display:grid;place-items:center;font-size:10px;font-weight:900}.mgr-ranking-list article>div{display:flex;flex-direction:column;gap:3px}.mgr-ranking-list b{color:#061d52;font-size:11px}.mgr-ranking-list small{color:#64748b;font-size:9px}.mgr-ranking-list strong{color:#0057ff;font-size:11px}.mgr-story-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mgr-story-admin-grid>article{padding:12px;border:1px solid #dce8f8;border-radius:15px;background:#fff;display:grid;grid-template-columns:72px 1fr;gap:11px}.mgr-story-admin-grid>article>button{grid-column:1/-1}.mgr-story-preview{position:relative;width:72px;height:100px;border-radius:12px;background:#061d52;color:#fff;display:grid;place-items:center;overflow:hidden}.mgr-story-preview img{width:100%;height:100%;object-fit:cover}.mgr-story-preview .mgr-status{position:absolute;left:5px;bottom:5px}.mgr-story-admin-grid article>div:nth-child(2){display:flex;flex-direction:column;gap:5px}.mgr-story-admin-grid b{color:#061d52}.mgr-story-admin-grid small{color:#64748b}.mgr-story-metrics{display:flex;flex-wrap:wrap;gap:5px}.mgr-story-metrics span{padding:3px 5px;border-radius:99px;background:#eef5ff;color:#0057ff;font-size:7px;font-weight:850}.mgr-responsive-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.mgr-responsive-cards>article{padding:14px;border:1px solid #dce8f8;border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.mgr-responsive-cards>article>div{display:flex;flex-direction:column;gap:3px}.mgr-responsive-cards b{color:#061d52}.mgr-responsive-cards span,.mgr-responsive-cards small{color:#64748b;font-size:9px}.mgr-responsive-cards strong{color:#0057ff}.mgr-responsive-cards em{padding:4px 7px;border-radius:99px;background:#fff7ed;color:#c2410c;font-size:8px;font-style:normal}.mgr-responsive-cards button{margin-top:auto;width:100%}.mgr-security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mgr-security-grid article{padding:17px;border:1px solid #dce8f8;border-radius:15px;background:#f8fbff;display:flex;flex-direction:column;gap:6px;color:#0057ff}.mgr-security-grid b{color:#061d52}.mgr-security-grid span{color:#64748b;font-size:10px}.mgr-2fa-setup{max-width:620px;margin-top:18px;padding:18px;border:1px solid #bfd4ff;border-radius:15px;background:#eef5ff;display:grid;gap:10px}.mgr-2fa-setup h3,.mgr-2fa-setup p{margin:0}.mgr-2fa-setup code{padding:12px;border-radius:10px;background:#061d52;color:#fff;overflow-wrap:anywhere}.mgr-2fa-setup input{height:46px;border:1px solid #9fc1ff;border-radius:11px;padding:0 12px;font-size:18px;letter-spacing:.22em;text-align:center}.mgr-link-button.danger{color:#b91c1c} @media(max-width:1180px){.mgr-filter-grid{grid-template-columns:1fr 1fr 1fr}.mgr-story-admin-grid,.mgr-responsive-cards{grid-template-columns:1fr 1fr}.mgr-kanban{grid-template-columns:repeat(5,270px)}} @media(max-width:760px){.mgr-filter-grid{grid-template-columns:1fr}.mgr-bulk-bar{top:62px;align-items:stretch;flex-direction:column}.mgr-bulk-bar b{margin:0}.mgr-bulk-bar select,.mgr-bulk-bar button{width:100%}.mgr-kanban{grid-template-columns:repeat(5,86vw)}.mgr-two-columns,.mgr-story-admin-grid,.mgr-responsive-cards,.mgr-security-grid{grid-template-columns:1fr}.mgr-date-filter{width:100%;align-items:stretch;flex-direction:column}.mgr-date-filter span{display:none}.mgr-date-filter input{width:100%}.mgr-report-chart{height:200px}.mgr-order-drawer.wide{width:100%}} /* Mandrake V40 — suíte administrativa, relatórios e operação */ .mgr-verified-badge{display:inline-flex!important;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;background:#dcfce7;color:#15803d;font-size:11px!important;font-weight:900}.mgr-review-photo-link{display:flex!important;align-items:center;gap:10px;width:max-content;max-width:100%;margin:10px 0;color:#0057ff!important;font-weight:800;text-decoration:none}.mgr-review-photo-link img{width:64px!important;height:64px!important;object-fit:cover;border-radius:12px;border:1px solid #dbeafe}.mgr-store-reply-admin{margin:10px 0;padding:12px 14px;border-left:4px solid #0057ff;background:#eff6ff;border-radius:0 12px 12px 0}.mgr-store-reply-admin b{color:#003fc2}.mgr-store-reply-admin p{margin:4px 0 0!important}.mgr-review-reply-context{padding:15px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;margin-bottom:16px}.mgr-review-reply-context span{color:#f59e0b;letter-spacing:2px}.mgr-review-reply-context p{margin:8px 0 0}.mgr-inventory-rows.v40>div{grid-template-columns:minmax(170px,1fr) auto auto auto;align-items:center}.mgr-inventory-rows.v40>div.low-stock{background:#fff7ed;border-color:#fdba74}.mgr-inventory-rows.v40 em{display:block;margin-top:3px;color:#64748b;font-size:11px;font-style:normal}.mgr-inline-actions,.mgr-story-order-actions,.mgr-report-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mgr-warning-text{color:#b45309!important;font-weight:800}.mgr-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.mgr-permission-grid label{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid #dbe4f0;border-radius:13px;background:#fff;cursor:pointer}.mgr-permission-grid input{width:18px;height:18px;margin-top:2px;accent-color:#0057ff}.mgr-permission-grid span{display:grid;gap:2px}.mgr-permission-grid small{color:#64748b}.mgr-story-admin-grid article{grid-template-columns:92px minmax(0,1fr) auto}.mgr-story-order-actions>button:not(.mgr-secondary-button){width:34px;height:34px;border:1px solid #dbe4f0;background:#fff;border-radius:9px;font-weight:900;color:#061d52}.mgr-story-order-actions>button:disabled{opacity:.35}.mgr-story-metrics{display:flex!important;flex-wrap:wrap!important;gap:5px 10px!important}.mgr-report-actions{justify-content:flex-end}.mgr-ranking-list.compact article{min-height:58px}.mgr-form-divider{padding:12px 0 4px;border-top:1px solid #e2e8f0;margin-top:6px}.mgr-form-divider b,.mgr-form-divider span{display:block}.mgr-form-divider span{color:#64748b;font-size:12px;margin-top:3px}.mgr-form-note{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;margin:12px 0;border-radius:12px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.mgr-form-note p{margin:0}.mgr-security-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mgr-responsive-cards article>.mgr-secondary-button{margin-top:8px}.mgr-table td:last-child{white-space:nowrap}.mgr-table td:last-child>a,.mgr-table td:last-child>button{margin:3px} @media(max-width:1100px){.mgr-security-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mgr-story-admin-grid article{grid-template-columns:76px minmax(0,1fr)}.mgr-story-order-actions{grid-column:1/-1}.mgr-report-actions{width:100%;justify-content:flex-start}} @media(max-width:760px){.mgr-permission-grid{grid-template-columns:1fr}.mgr-inventory-rows.v40>div{grid-template-columns:1fr auto}.mgr-inventory-rows.v40>div>span{grid-column:1/-1}.mgr-inventory-rows.v40 .mgr-secondary-button,.mgr-inventory-rows.v40 .mgr-primary-button{width:100%;justify-content:center}.mgr-security-grid{grid-template-columns:1fr}.mgr-story-admin-grid article{grid-template-columns:68px 1fr}.mgr-story-order-actions{width:100%}.mgr-story-order-actions .mgr-secondary-button{flex:1}.mgr-report-actions,.mgr-report-actions .mgr-date-filter{width:100%}.mgr-report-actions .mgr-secondary-button{width:100%;justify-content:center}.mgr-feedback-list article{grid-template-columns:52px 1fr}.mgr-feedback-actions{grid-column:1/-1;justify-content:flex-end}.mgr-review-photo-link{width:100%}} /* V47 — central profissional de Stories e interações */ .mgr-story-overview{grid-template-columns:repeat(6,minmax(0,1fr))} .mgr-story-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .mgr-story-admin-grid>article{position:relative;grid-template-columns:104px minmax(0,1fr);gap:14px;padding:14px;border-color:#d6e3f5;box-shadow:0 10px 30px rgba(15,44,91,.055);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease} .mgr-story-admin-grid>article:hover{border-color:#a9c7ff;box-shadow:0 16px 34px rgba(0,87,255,.09);transform:translateY(-1px)} .mgr-story-admin-grid>article.is-archived{background:#fbfcfe} .mgr-story-preview{width:104px;height:150px;border-radius:14px;background:linear-gradient(155deg,#061d52,#0f2d67)} .mgr-story-preview-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#8eafe9;background:radial-gradient(circle at 50% 35%,#173f80,#061d52 70%)} .mgr-story-preview video,.mgr-story-preview img{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:cover;background:#061126} .mgr-story-preview .mgr-status{z-index:2;left:7px;right:7px;bottom:7px;justify-content:center;white-space:nowrap;background:rgba(255,255,255,.94);backdrop-filter:blur(8px)} .mgr-story-card-body{min-width:0;display:flex!important;flex-direction:column;gap:9px!important} .mgr-story-card-title{display:flex;flex-direction:column;gap:3px} .mgr-story-card-title>b{font-size:14px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mgr-story-card-title>small{font-size:10px} .mgr-story-metrics.primary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important} .mgr-story-metrics.primary span{display:flex;align-items:center;min-height:27px;padding:5px 8px;border:1px solid #d9e7ff;border-radius:8px;background:#f4f8ff;color:#17407f;font-size:9px;font-weight:850} .mgr-story-reaction-strip{min-height:30px;display:flex;align-items:center;gap:6px;flex-wrap:wrap} .mgr-story-reaction-strip>span{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid #e6eaf2;border-radius:999px;background:#fff;font-size:14px} .mgr-story-reaction-strip>span b{font-size:9px;color:#334155} .mgr-story-reaction-strip>small{font-size:9px;color:#94a3b8} .mgr-story-commerce{margin-top:auto;padding-top:8px;border-top:1px solid #edf2f8;display:flex;align-items:center;justify-content:space-between;color:#64748b;font-size:10px;font-weight:800} .mgr-story-commerce strong{color:#008f69;font-size:13px} .mgr-story-order-actions{grid-column:1/-1;display:grid;grid-template-columns:34px 34px minmax(150px,1fr) minmax(125px,auto);gap:8px} .mgr-story-order-actions .mgr-secondary-button{min-height:36px;justify-content:center} .mgr-story-interactions-button{border-color:#9fc1ff!important;background:#eef5ff!important;color:#004bd6!important} .mgr-story-interaction-drawer{display:grid;gap:18px} .mgr-story-detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .mgr-story-detail-summary article{padding:14px;border:1px solid #dce8f8;border-radius:13px;background:linear-gradient(160deg,#fff,#f5f9ff);display:flex;flex-direction:column;gap:5px} .mgr-story-detail-summary span{color:#64748b;font-size:10px;font-weight:800} .mgr-story-detail-summary b{color:#0057ff;font-size:22px} .mgr-story-detail-block{padding:16px;border:1px solid #dce8f8;border-radius:15px;background:#fff;display:grid;gap:13px} .mgr-story-detail-block>div:first-child h3{margin:0;color:#061d52;font-size:15px} .mgr-story-detail-block>div:first-child small{display:block;margin-top:3px;color:#64748b;font-size:10px} .mgr-story-reaction-breakdown{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .mgr-story-reaction-breakdown>span{min-width:72px;padding:10px 12px;border:1px solid #dce8f8;border-radius:12px;background:#f8fbff;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:22px} .mgr-story-reaction-breakdown>span b{color:#061d52;font-size:13px} .mgr-story-reaction-breakdown>p{margin:0;color:#94a3b8;font-size:11px} .mgr-story-message-list{display:grid;gap:8px;max-height:52vh;overflow:auto;padding-right:4px} .mgr-story-message-list>article{padding:11px;border:1px solid #e2e8f0;border-radius:13px;background:#fbfdff;display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px} .mgr-story-message-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#e8f1ff;color:#0057ff;display:grid;place-items:center;font-weight:900;text-transform:uppercase} .mgr-story-message-avatar img{width:100%;height:100%;object-fit:cover} .mgr-story-message-list article>div{min-width:0} .mgr-story-message-list header{display:flex;align-items:center;gap:7px;flex-wrap:wrap} .mgr-story-message-list header b{color:#061d52;font-size:11px} .mgr-story-message-list header em{padding:3px 6px;border-radius:999px;background:#e8f1ff;color:#0057ff;font-size:7px;font-style:normal;font-weight:900;text-transform:uppercase} .mgr-story-message-list header time{margin-left:auto;color:#94a3b8;font-size:8px} .mgr-story-message-list p{margin:6px 0 0;color:#334155;font-size:11px;line-height:1.45;overflow-wrap:anywhere} .mgr-story-message-list article>div>small{display:block;margin-top:6px;color:#e11d48;font-size:8px;font-weight:800} @media(max-width:1350px){.mgr-story-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.mgr-story-admin-grid{grid-template-columns:1fr}} @media(max-width:760px){.mgr-story-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.mgr-story-admin-grid>article{grid-template-columns:88px minmax(0,1fr);padding:11px;gap:11px}.mgr-story-preview{width:88px;height:132px}.mgr-story-metrics.primary{grid-template-columns:1fr}.mgr-story-order-actions{grid-template-columns:34px 34px 1fr}.mgr-story-order-actions .mgr-story-interactions-button{grid-column:3}.mgr-story-order-actions .mgr-secondary-button:not(.mgr-story-interactions-button){grid-column:1/-1}.mgr-story-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.mgr-story-message-list header time{width:100%;margin:0}.mgr-story-card-title>b{font-size:12px}} /* Mandrake Brand V45 */ .mgr-admin-topbar-logo{width:2.55rem;height:2.55rem;flex:0 0 auto;object-fit:contain;border-radius:.85rem;background:#fff;border:1px solid rgba(0,87,255,.16);box-shadow:0 8px 22px rgba(0,63,194,.12);padding:.18rem} @media(max-width:700px){.mgr-admin-topbar-logo{width:2.25rem;height:2.25rem;border-radius:.72rem}.mgr-admin-topbar>div:first-child{gap:.55rem}} /* V45: a loja React já possui navegação própria. Evita barra e atalhos duplicados nas telas de login, cadastro, conta e páginas auxiliares, inclusive com JS antigo em cache. */ .mgr-search-fab,.mgr-cart-fab,.mgr-bottom-nav{display:none!important;visibility:hidden!important;pointer-events:none!important} /* V45: apresentação consistente da nova marca /img/site.webp. */ .mgs-logo img{object-fit:contain!important;padding:2px!important;transform:scale(1.08)} .mgs-hero-visual>img{object-fit:contain!important;transform:scale(1.08)} .mgs-story-ring img,.mgs-story-author img{object-fit:contain!important;padding:2px!important;background:#fff!important;transform:scale(1.08)} /* === Mandrake V45: entregas, mapas e rastreio React === */ .mgr-delivery-control .mgr-panel-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.mgr-search-field{min-width:min(360px,58vw);height:44px;display:flex;align-items:center;gap:.55rem;padding:0 .8rem;border:1px solid #dbe7f7;border-radius:14px;background:#f8fbff;color:#526174}.mgr-search-field input{width:100%;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;min-height:0!important;font:inherit;color:#07111f}.mgr-delivery-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem;min-height:520px}.mgr-delivery-map-panel{min-width:0;border:1px solid #dbe7f7;border-radius:22px;overflow:hidden;background:#fff}.mgr-delivery-map-panel>header{min-height:68px;padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem;border-bottom:1px solid #e5edf8}.mgr-delivery-map-panel>header span{display:block;color:#64748b;font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.mgr-delivery-map-panel>header h2{margin:.15rem 0 0;font-size:1rem;color:#07111f}.mgr-delivery-map{width:100%;height:450px;background:#eaf1fa}.mgr-delivery-map-error,.mgs-live-map-error,.mgr-driver-map-error{margin:0;padding:.75rem 1rem;color:#b91c1c;background:#fff1f2;border-top:1px solid #fecdd3;font-size:.8rem;font-weight:750}.mgr-delivery-sidebar{border:1px solid #dbe7f7;border-radius:22px;background:#f8fbff;overflow:hidden;display:flex;flex-direction:column;min-height:0}.mgr-delivery-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #dbe7f7}.mgr-delivery-sidebar-head span{display:grid;place-items:center;min-width:28px;height:28px;border-radius:999px;background:#e7efff;color:#0057ff;font-weight:900}.mgr-driver-admin-list{padding:.55rem;overflow:auto;display:grid;gap:.45rem}.mgr-driver-admin-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.75rem;border:1px solid transparent;border-radius:15px;cursor:pointer;background:#fff;transition:.18s}.mgr-driver-admin-list article:hover,.mgr-driver-admin-list article.active{border-color:#8ab8ff;box-shadow:0 10px 28px rgba(0,87,255,.09)}.mgr-driver-admin-list b{display:block;font-size:.86rem}.mgr-driver-admin-list small{display:block;margin-top:.15rem;color:#64748b;font-size:.68rem}.mgr-driver-dot{width:11px;height:11px;border-radius:50%;background:#cbd5e1;box-shadow:0 0 0 5px rgba(203,213,225,.25)}.mgr-driver-dot.online{background:#16a34a;box-shadow:0 0 0 5px rgba(22,163,74,.16)}.mgr-delivery-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mgr-delivery-cards article{cursor:pointer}.mgr-delivery-cards article.active{border-color:#0057ff!important;box-shadow:0 12px 34px rgba(0,87,255,.12)!important}.mgr-delivery-cards article p{display:flex;align-items:flex-start;gap:.45rem;margin:.45rem 0;color:#526174;font-size:.78rem}.mgr-delivery-cards article footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-top:.7rem;padding-top:.65rem;border-top:1px solid #edf2f8}.mgr-assign-driver-list{display:grid;gap:.6rem}.mgr-assign-driver-list>button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;width:100%;padding:.9rem;border:1px solid #dbe7f7;border-radius:16px;background:#fff;text-align:left;color:#07111f}.mgr-assign-driver-list>button:hover{border-color:#8ab8ff;background:#f8fbff}.mgr-assign-driver-list small{display:block;margin-top:.15rem;color:#64748b} .mgs-live-tracking{margin:1rem 0 1.2rem;border:1px solid #cfe0f7;border-radius:26px;background:#fff;overflow:hidden;box-shadow:0 18px 55px rgba(7,17,31,.09)}.mgs-live-tracking>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;background:linear-gradient(135deg,#061d52,#0057ff);color:#fff}.mgs-live-tracking>header span{font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.78)}.mgs-live-tracking>header h2{margin:.15rem 0;font-size:1.18rem}.mgs-live-tracking>header p{margin:0;color:rgba(255,255,255,.82);font-size:.8rem}.mgs-live-dot{display:flex;align-items:center;gap:.45rem;white-space:nowrap}.mgs-live-dot i{width:9px;height:9px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 6px rgba(74,222,128,.18);animation:mgrLivePulse 1.5s infinite}@keyframes mgrLivePulse{50%{box-shadow:0 0 0 10px rgba(74,222,128,0)}}.mgs-live-map{width:100%;height:390px;background:#eaf1fa}.mgs-live-tracking>footer{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.85rem 1rem}.mgs-live-tracking>footer>span{display:flex;align-items:center;gap:.45rem;color:#526174;font-size:.76rem}.mgs-live-tracking .mgs-button{min-height:40px;padding:.6rem .8rem} body.mgr-driver-react-page{margin:0;background:#eef4fb;color:#07111f;font-family:Inter,Lexend,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mgr-driver-shell{min-height:100dvh;padding-bottom:84px}.mgr-driver-header{position:sticky;top:0;z-index:30;min-height:72px;padding:calc(.65rem + env(safe-area-inset-top,0px)) 1rem .65rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:rgba(7,17,31,.94);color:#fff;border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.mgr-driver-header>a{display:flex;align-items:center;gap:.7rem;color:#fff;text-decoration:none}.mgr-driver-header img{width:42px;height:42px;border-radius:14px;object-fit:cover;background:#fff}.mgr-driver-header b{display:block;font-size:.95rem}.mgr-driver-header small{display:block;margin-top:.1rem;color:#a9b9ce;font-size:.7rem}.mgr-driver-header>div{display:flex;align-items:center;gap:.55rem}.mgr-driver-header button,.mgr-driver-header>div>a{height:40px;border:1px solid rgba(255,255,255,.14);border-radius:13px;padding:0 .75rem;display:flex;align-items:center;justify-content:center;gap:.45rem;background:rgba(255,255,255,.08);color:#fff;font-weight:850}.mgr-driver-header button.gps.active{background:#063;border-color:#16a34a}.mgr-driver-header button.gps.loading{background:#7c4a03}.mgr-driver-main{width:min(1180px,calc(100% - 1.4rem));margin:1rem auto}.mgr-driver-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:.9rem}.mgr-driver-metrics article{padding:1rem;border:1px solid #dbe7f7;border-radius:19px;background:#fff;box-shadow:0 10px 28px rgba(7,17,31,.06)}.mgr-driver-metrics span{display:block;color:#64748b;font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.mgr-driver-metrics b{display:block;margin:.18rem 0;font-size:1.45rem}.mgr-driver-metrics small{color:#64748b;font-size:.72rem}.mgr-driver-tabs{display:flex;gap:.55rem;margin-bottom:.85rem}.mgr-driver-tabs button{min-height:44px;padding:.65rem .9rem;display:flex;align-items:center;gap:.45rem;border:1px solid #dbe7f7;border-radius:14px;background:#fff;color:#526174;font-weight:850}.mgr-driver-tabs button.active{background:#07111f;color:#fff;border-color:#07111f}.mgr-driver-section,.mgr-driver-map-card{padding:1rem;border:1px solid #dbe7f7;border-radius:24px;background:#fff;box-shadow:0 16px 45px rgba(7,17,31,.07)}.mgr-driver-section-head,.mgr-driver-map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.8rem}.mgr-driver-section-head span,.mgr-driver-map-toolbar span{display:block;color:#64748b;font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.mgr-driver-section-head h1{margin:.15rem 0 0;font-size:1.2rem}.mgr-driver-section-head>button{height:42px;padding:0 .8rem;border:1px solid #dbe7f7;border-radius:13px;background:#fff;color:#07111f}.mgr-driver-section-head>button.primary,.mgr-driver-map-toolbar>button{display:flex;align-items:center;gap:.45rem;background:#0057ff;color:#fff;border-color:#0057ff;font-weight:900}.mgr-driver-orders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.mgr-driver-order{padding:.9rem;border:1px solid #dbe7f7;border-radius:18px;background:#fafeff}.mgr-driver-order.selected{border-color:#0057ff;box-shadow:0 10px 30px rgba(0,87,255,.1)}.mgr-driver-order header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem}.mgr-driver-order header label input{position:absolute;opacity:0}.mgr-driver-order header label span{width:22px;height:22px;border:2px solid #b8c7db;border-radius:7px;display:block}.mgr-driver-order header label input:checked+span{background:#0057ff;border-color:#0057ff;box-shadow:inset 0 0 0 5px #fff}.mgr-driver-order header small{color:#0057ff;font-size:.68rem;font-weight:900}.mgr-driver-order h3{margin:.12rem 0 0;font-size:.95rem}.mgr-driver-order>p{min-height:40px;display:flex;align-items:flex-start;gap:.4rem;margin:.7rem 0;color:#526174;font-size:.78rem}.mgr-driver-order-meta{display:flex;align-items:center;justify-content:space-between;gap:.6rem;color:#64748b;font-size:.7rem}.mgr-driver-order-meta span{display:flex;align-items:center;gap:.35rem}.mgr-driver-order-meta .live{padding:.28rem .5rem;border-radius:999px;background:#dcfce7;color:#15803d;font-weight:900}.mgr-driver-order footer{display:flex;justify-content:flex-end;gap:.55rem;margin-top:.75rem;padding-top:.7rem;border-top:1px solid #e7eef7}.mgr-driver-order footer a,.mgr-driver-order footer button{min-height:38px;padding:.55rem .75rem;display:flex;align-items:center;gap:.4rem;border:1px solid #dbe7f7;border-radius:12px;background:#fff;color:#07111f;text-decoration:none;font-weight:850}.mgr-driver-order footer button{background:#0057ff;color:#fff;border-color:#0057ff}.mgr-driver-empty{min-height:240px;display:grid;place-items:center;align-content:center;text-align:center;color:#64748b}.mgr-driver-empty b{margin-top:.6rem;color:#07111f}.mgr-driver-empty span{margin-top:.25rem;font-size:.78rem}.mgr-driver-map-toolbar>div b{display:block;margin-top:.15rem}.mgr-driver-map{width:100%;height:560px;border-radius:18px;background:#eaf1fa}.mgr-driver-route-list{display:grid;gap:.55rem;margin:.85rem 0 0;padding:0;list-style:none}.mgr-driver-route-list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;align-items:center;padding:.7rem;border-radius:14px;background:#f6f9fd}.mgr-driver-route-list li>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#0057ff;color:#fff;font-weight:900}.mgr-driver-route-list small{display:block;margin-top:.15rem;color:#64748b}.mgr-driver-bottom{display:none}.mgr-driver-toast{position:fixed;right:1rem;bottom:1rem;z-index:90;max-width:min(420px,calc(100vw - 2rem));padding:.8rem .9rem;display:flex;align-items:center;gap:.8rem;border-radius:14px;background:#07111f;color:#fff;box-shadow:0 20px 60px rgba(7,17,31,.28)}.mgr-driver-toast.success{background:#065f46}.mgr-driver-toast.danger{background:#991b1b}.mgr-driver-toast button{margin-left:auto;border:0;background:transparent;color:#fff}.mgr-driver-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:1rem}.mgr-driver-modal .backdrop{position:absolute;inset:0;border:0;background:rgba(7,17,31,.62);backdrop-filter:blur(5px)}.mgr-driver-modal>section{position:relative;width:min(420px,100%);padding:1.3rem;border-radius:24px;background:#fff;text-align:center}.mgr-driver-modal .icon{width:54px;height:54px;margin:0 auto;display:grid;place-items:center;border-radius:18px;background:#dcfce7;color:#15803d}.mgr-driver-modal h2{margin:.8rem 0 .4rem}.mgr-driver-modal p{color:#64748b}.mgr-driver-modal input{width:100%;height:56px;border:1px solid #bfd0e5;border-radius:15px;text-align:center;font-size:1.4rem;font-weight:900;letter-spacing:.3em}.mgr-driver-modal footer{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1rem}.mgr-driver-modal footer button{min-height:44px;border:1px solid #dbe7f7;border-radius:13px;background:#fff;font-weight:900}.mgr-driver-modal footer button:last-child{background:#0057ff;color:#fff;border-color:#0057ff} @media(max-width:900px){.mgr-delivery-layout,.mgr-delivery-columns{grid-template-columns:1fr}.mgr-delivery-sidebar{max-height:330px}.mgr-delivery-map{height:390px}.mgr-driver-orders{grid-template-columns:1fr}} @media(max-width:680px){.mgr-panel-actions,.mgr-delivery-control .mgr-panel-actions{width:100%;align-items:stretch}.mgr-search-field{min-width:0;width:100%}.mgr-delivery-map-panel>header{align-items:flex-start;flex-direction:column}.mgr-delivery-map{height:340px}.mgs-live-tracking{border-radius:20px}.mgs-live-tracking>header{align-items:flex-start;flex-direction:column}.mgs-live-map{height:330px}.mgs-live-tracking>footer{align-items:flex-start;flex-direction:column}.mgs-live-tracking>footer .mgs-button{width:100%}.mgr-driver-shell{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.mgr-driver-header{padding-left:.7rem;padding-right:.7rem}.mgr-driver-header button.gps{font-size:0;width:42px;padding:0}.mgr-driver-main{width:calc(100% - 1rem);margin:.55rem auto}.mgr-driver-metrics{grid-template-columns:repeat(3,1fr);gap:.42rem}.mgr-driver-metrics article{padding:.7rem .55rem;border-radius:15px}.mgr-driver-metrics b{font-size:1.08rem}.mgr-driver-metrics small{font-size:.62rem}.mgr-driver-tabs{display:none}.mgr-driver-section,.mgr-driver-map-card{padding:.72rem;border-radius:19px}.mgr-driver-order{padding:.75rem}.mgr-driver-map{height:calc(100dvh - 250px);min-height:420px}.mgr-driver-bottom{position:fixed;left:.5rem;right:.5rem;bottom:calc(.45rem + env(safe-area-inset-bottom,0px));z-index:40;display:grid;grid-template-columns:repeat(3,1fr);padding:.35rem;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(7,17,31,.95);box-shadow:0 20px 55px rgba(7,17,31,.28);backdrop-filter:blur(16px)}.mgr-driver-bottom button{min-height:52px;border:0;border-radius:14px;background:transparent;color:#91a3ba;display:grid;place-items:center;align-content:center;gap:.18rem;font-size:.64rem;font-weight:850}.mgr-driver-bottom button.active{background:#fff;color:#0057ff}.mgr-driver-toast{left:.7rem;right:.7rem;bottom:calc(78px + env(safe-area-inset-bottom,0px))}} /* V45 - Aplicativo profissional de entregas */ .mgr-driver-status{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem;padding:.85rem 1rem;border:1px solid #cfe0f5;border-radius:18px;background:linear-gradient(135deg,#fff,#f3f8ff);box-shadow:0 10px 26px rgba(7,17,31,.05)} .mgr-driver-status .pulse{width:13px;height:13px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 7px rgba(148,163,184,.16)} .mgr-driver-status .pulse.online{background:#16a34a;box-shadow:0 0 0 7px rgba(22,163,74,.16);animation:mgr-driver-pulse 1.8s infinite} .mgr-driver-status b{display:block;font-size:.88rem}.mgr-driver-status small{display:block;margin-top:.16rem;color:#64748b;font-size:.72rem} @keyframes mgr-driver-pulse{50%{box-shadow:0 0 0 12px rgba(22,163,74,0)}} .mgr-driver-install{width:min(1180px,calc(100% - 1.4rem));margin:.8rem auto 0;padding:.8rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid #b9d3ff;border-radius:18px;background:#fff;box-shadow:0 14px 38px rgba(0,87,255,.11)} .mgr-driver-install>div{display:flex;align-items:center;gap:.7rem}.mgr-driver-install b,.mgr-driver-install small{display:block}.mgr-driver-install small{margin-top:.12rem;color:#64748b;font-size:.7rem}.mgr-driver-install button{min-height:38px;padding:.5rem .75rem;border:1px solid #dbe7f7;border-radius:12px;background:#fff;font-weight:850}.mgr-driver-install button:last-child{background:#0057ff;color:#fff;border-color:#0057ff} .mgr-driver-header button.install{background:rgba(0,87,255,.32);border-color:rgba(138,184,255,.45)} .mgr-driver-order footer button.secondary{background:#fff;color:#0057ff;border-color:#9fc3ff}.mgr-driver-order footer button.secondary:hover{background:#eef5ff} .mgr-driver-map-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.mgr-driver-map-actions .nav{background:#07111f;border-color:#07111f} .mgr-driver-route-list em{display:block;margin-top:.2rem;color:#0057ff;font-size:.7rem;font-style:normal;font-weight:800} .mgr-driver-code-note{display:block;margin-top:.65rem;color:#64748b;font-size:.72rem;line-height:1.4} .mgr-driver-modal input{font-variant-numeric:tabular-nums} @media(max-width:680px){.mgr-driver-install{width:calc(100% - 1rem);margin:.5rem auto 0;align-items:flex-start;flex-direction:column}.mgr-driver-install>div:last-child{width:100%;display:grid;grid-template-columns:1fr 1fr}.mgr-driver-header button.install{display:none}.mgr-driver-map-toolbar{align-items:flex-start;flex-direction:column}.mgr-driver-map-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.mgr-driver-map-actions button{justify-content:center}.mgr-driver-status{padding:.72rem .8rem}.mgr-driver-order footer{display:grid;grid-template-columns:repeat(3,1fr)}.mgr-driver-order footer a,.mgr-driver-order footer button{justify-content:center;padding:.5rem .35rem;font-size:.72rem}} /* V45 - Central administrativa de entregas */ .mgr-map-loading{padding:.55rem 1rem;border-top:1px solid #dbe7f7;background:#f8fbff;color:#526174;font-size:.74rem;font-weight:800} .mgr-admin-route-order{display:grid;gap:.45rem;margin:0;padding:.8rem;list-style:none;border-top:1px solid #e5edf8;background:#f8fbff;max-height:240px;overflow:auto} .mgr-admin-route-order li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.6rem;align-items:center;padding:.55rem;border-radius:12px;background:#fff;border:1px solid #e5edf8}.mgr-admin-route-order li>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#0057ff;color:#fff;font-weight:900}.mgr-admin-route-order small{display:block;margin-top:.12rem;color:#64748b;font-size:.68rem} .mgr-delivery-code{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin:.7rem 0;padding:.65rem .75rem;border:1px dashed #8ab8ff;border-radius:13px;background:#f2f7ff}.mgr-delivery-code span{color:#64748b;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.mgr-delivery-code b{font-size:1.1rem;letter-spacing:.16em;color:#07111f;font-variant-numeric:tabular-nums} .mgr-delivery-cards article footer{flex-wrap:wrap}.mgr-delivery-cards article footer .mgr-link-button{min-height:34px} @media(max-width:680px){.mgr-delivery-code b{font-size:1rem}.mgr-admin-route-order{max-height:190px}} /* V45 - Rastreio do cliente */ .mgs-map-legend{display:flex;align-items:center;gap:1rem;padding:.65rem 1rem;border-top:1px solid #dbe7f7;background:#f8fbff}.mgs-map-legend span{display:flex;align-items:center;gap:.4rem;color:#526174;font-size:.72rem;font-weight:850}.mgs-map-legend img{width:28px;height:28px}.mgs-delivery-code-card{text-align:center;background:linear-gradient(145deg,#07111f,#0b2454)!important;color:#fff!important}.mgs-delivery-code-card h3{justify-content:center;color:#bfdbfe!important}.mgs-delivery-code-card strong{display:block;margin:.7rem 0;font-size:2rem;letter-spacing:.28em;font-variant-numeric:tabular-nums}.mgs-delivery-code-card p{color:#dbeafe!important;font-size:.76rem!important;line-height:1.5} /* V45: instrução de instalação no Safari/iPhone. */ .mgr-driver-install.ios{border-color:#bfdbfe;background:linear-gradient(135deg,#eff6ff,#fff)} .mgr-driver-install.ios>button{border:0;border-radius:12px;background:#0057ff;color:#fff;font-weight:800;padding:10px 16px} /* V46.1 - home mobile mais limpa e seleção de variações */ .mgs-card-options{display:flex;flex-wrap:wrap;gap:5px;margin:2px 0 7px}.mgs-card-options small{padding:3px 6px;border-radius:999px;background:#f0f5fc;color:#526174;font-size:8px;font-weight:750}.mgs-product-body>.mgs-product-choice{min-height:42px;padding:0 10px;border-radius:11px;background:#0057ff;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;font-weight:900}.mgs-option b span{margin-left:5px;color:#0057ff;text-transform:none;letter-spacing:0;font-size:10px}.mgs-option button.unavailable,.mgs-option button:disabled{border-color:#e2e8f0;background:#f8fafc;color:#a0aec0;text-decoration:line-through;cursor:not-allowed;box-shadow:none} @media(max-width:640px){ .mgs-topline{display:none} .mgs-home-hero{width:calc(100% - 16px);margin:8px auto 10px;border-radius:18px;display:block;overflow:hidden} .mgs-home-hero .mgs-hero-copy{padding:23px 18px 21px} .mgs-home-hero .mgs-kicker{font-size:9px} .mgs-home-hero h1{max-width:290px;margin:8px 0 8px;font-size:31px;line-height:1.02} .mgs-home-hero p{max-width:310px;margin-bottom:17px;font-size:12px;line-height:1.45} .mgs-home-hero .mgs-hero-visual,.mgs-home-hero .mgs-hero-trust,.mgs-home-hero .mgs-hero-actions .ghost{display:none} .mgs-home-hero .mgs-hero-actions{display:block}.mgs-home-hero .mgs-hero-actions .mgs-button{width:100%;min-height:44px} .mgs-home-benefits,.mgs-home-reviews,.mgs-home-support,.mgs-home-latest{display:none!important} .mgs-home-categories,.mgs-home-featured{width:calc(100% - 18px);margin:20px auto 24px} .mgs-home-categories .mgs-section-head,.mgs-home-featured .mgs-section-head{margin-bottom:12px;align-items:flex-end} .mgs-home-categories .mgs-section-head h2,.mgs-home-featured .mgs-section-head h2{font-size:23px} .mgs-home-categories .mgs-category-grid{display:flex;grid-template-columns:none;gap:8px;overflow-x:auto;padding:1px 1px 7px;scroll-snap-type:x proximity;scrollbar-width:none} .mgs-home-categories .mgs-category-grid::-webkit-scrollbar{display:none} .mgs-home-categories .mgs-category-grid>a{flex:0 0 116px;min-height:112px;padding:12px 10px;scroll-snap-align:start} .mgs-home-categories .mgs-category-icon{width:38px;height:38px} .mgs-home-categories .mgs-category-grid b{font-size:11px}.mgs-home-categories .mgs-category-grid span{font-size:8px} .mgs-home-featured .mgs-product-card:nth-child(n+5){display:none} .mgs-home-featured .mgs-product-grid{gap:8px} .mgs-product-page{width:calc(100% - 16px);margin:14px auto 28px} .mgs-product-detail{gap:16px}.mgs-product-info{padding:0 2px}.mgs-product-info h1{margin-top:8px;font-size:30px} .mgs-product-description{font-size:12px}.mgs-stock{max-width:100%;font-size:9px} .mgs-option{margin:17px 0}.mgs-option>div:first-child{margin-bottom:8px}.mgs-option b{font-size:10px} .mgs-option>div:last-child{gap:7px}.mgs-option button{min-width:48px;height:43px;padding:0 12px;font-size:11px} .mgs-buy-actions{margin-top:20px}.mgs-buy-actions .mgs-button{min-height:48px} .mgs-card-options{min-height:18px}.mgs-product-body>.mgs-product-choice{min-height:40px;padding:0 7px;font-size:8px} .mgs-footer{margin-top:35px;padding-top:32px}.mgs-footer-grid>div:first-child>p{display:none} } /* ===== Stories V46.8: comentários e compatibilidade mobile/iPhone ===== */ .mgs-story-viewer.comments-open .mgs-story-gesture-layer{pointer-events:none;opacity:.08} .mgs-story-gesture-layer.disabled{pointer-events:none;opacity:.08} .mgs-story-inline-form{display:flex;gap:8px} .mgs-story-inline-form.hidden{display:none!important} .mgs-story-comments-backdrop{position:absolute;z-index:14;inset:0;border:0;background:rgba(3,10,22,.52)} .mgs-story-comments{position:absolute;z-index:15;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));left:10px;height:min(70svh,620px);max-height:72vh;display:flex;flex-direction:column;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));border-radius:26px;background:#fff;color:#122039;box-shadow:0 28px 80px rgba(0,0,0,.34);overflow:hidden;transform:translateY(110%);opacity:0;pointer-events:none;transition:transform .24s ease,opacity .24s ease} .mgs-story-comments.open{transform:translateY(0);opacity:1;pointer-events:auto} .mgs-story-comments-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #e5edf9} .mgs-story-comments-head b{display:block;font-size:18px;line-height:1.1;color:#10203a} .mgs-story-comments-head small{display:block;margin-top:4px;color:#7c8aa0;font-size:11px;font-weight:800;letter-spacing:.01em} .mgs-story-comments-head button{display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:50%;background:#eef4ff;color:#164080;cursor:pointer} .mgs-story-comments>section{flex:1;min-height:0;overflow:auto;padding:6px 1px 10px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch} .mgs-story-comment-item{display:flex;gap:12px;padding:14px 2px;border-bottom:1px solid #edf2f8} .mgs-story-comment-item:last-child{border-bottom:0} .mgs-comment-avatar{display:grid;width:44px;height:44px;min-width:44px;place-items:center;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#0057ff,#41a4ff);color:#fff;font-weight:950;box-shadow:0 10px 18px rgba(0,87,255,.18)} .mgs-comment-avatar img{width:100%;height:100%;padding:0!important;border-radius:50%;object-fit:cover!important;background:#eef4ff!important;transform:none!important} .mgs-comment-avatar strong{font-size:16px;line-height:1} .mgs-story-comment-body{min-width:0;flex:1} .mgs-story-comment-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:4px} .mgs-story-comment-head b{font-size:13px;color:#10203a} .mgs-story-comment-head small{flex-shrink:0;color:#7f8ea4;font-size:11px;font-weight:700;white-space:nowrap} .mgs-story-comment-body p{margin:0;color:#33415b;font-size:14px;line-height:1.5;word-break:break-word} .mgs-story-no-comments{padding:34px 12px;text-align:center;color:#71809a;font-size:14px} .mgs-story-comments-form{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #e5edf9} .mgs-story-comments-form input{min-width:0;flex:1;height:50px;padding:0 16px;border:1px solid #d9e5f6;border-radius:999px;outline:0;background:#f7fbff;color:#0e1d34;font-size:16px;box-shadow:inset 0 1px 2px rgba(15,23,42,.03)} .mgs-story-comments-form input::placeholder{color:#8694aa} .mgs-story-comments-form input:focus{border-color:#0057ff;background:#fff;box-shadow:0 0 0 4px rgba(0,87,255,.12)} .mgs-story-comments-form button{display:grid;width:48px;height:48px;place-items:center;border:0;border-radius:50%;background:#0057ff;color:#fff;cursor:pointer;box-shadow:0 12px 24px rgba(0,87,255,.26)} .mgs-story-comments-form button:disabled{opacity:.45;box-shadow:none} .mgs-story-stage>footer.is-sheet-open>.mgs-story-inline-form{display:none!important} @media(max-width:640px){ .mgs-story-comments{right:0;bottom:0;left:0;height:min(74svh,640px);max-height:78svh;padding:16px 14px calc(16px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0} .mgs-story-comments-head b{font-size:17px} .mgs-comment-avatar{width:40px;height:40px;min-width:40px} .mgs-story-comment-body p{font-size:13px} } @supports(-webkit-touch-callout:none){ .mgs-story-comments{max-height:75svh} } /* ===== Stories V46.8: player iPhone, reacoes e comentarios profissionais ===== */ html.mgs-story-open,body.mgs-story-open{overscroll-behavior:none!important} body.mgs-story-open{touch-action:auto!important} .mgs-story-viewer{height:100dvh;min-height:100svh;overflow:hidden;overscroll-behavior:contain;-webkit-tap-highlight-color:transparent} .mgs-story-stage{height:100dvh;min-height:100svh;max-height:100dvh} .mgs-story-stage>video{height:100%;min-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none} .mgs-story-gesture-layer{touch-action:none} .mgs-story-stage>footer{pointer-events:none} .mgs-story-stage>footer>*{pointer-events:auto} .mgs-story-reactions{position:relative;z-index:13;align-items:center;min-height:46px} .mgs-story-reactions button{position:relative;min-width:46px;min-height:40px;padding:6px 9px;border-color:rgba(255,255,255,.2);background:rgba(8,18,37,.78);box-shadow:0 8px 22px rgba(0,0,0,.18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);touch-action:manipulation;transition:transform .16s ease,background .16s ease,border-color .16s ease} .mgs-story-reactions button:active{transform:scale(.92)} .mgs-story-reactions button.pulse{border-color:#74a9ff;background:#075eea;animation:mgsReactionPulse .36s ease} .mgs-story-reactions button span{line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))} .mgs-story-reactions button small{display:grid;min-width:14px;height:14px;place-items:center;color:#eaf2ff;font-size:9px;font-variant-numeric:tabular-nums} @keyframes mgsReactionPulse{0%{transform:scale(.9)}55%{transform:scale(1.16)}100%{transform:scale(1)}} .mgs-story-comments-backdrop{position:fixed;z-index:14;inset:0;touch-action:manipulation;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)} .mgs-story-comments{right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));left:10px;height:auto;min-height:0;max-height:min(76svh,620px);padding:9px 16px calc(14px + env(safe-area-inset-bottom,0px));border:1px solid rgba(214,226,244,.95);border-radius:25px;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);box-shadow:0 -12px 55px rgba(2,12,30,.25);touch-action:pan-y;overscroll-behavior:contain} .mgs-story-comments-handle{width:42px;height:4px;margin:0 auto 8px;border-radius:999px;background:#d6e0ee} .mgs-story-comments-head{min-height:48px;padding:0 0 11px} .mgs-story-comments-head b{font-size:17px;letter-spacing:-.02em} .mgs-story-comments-head small{margin-top:3px;color:#74839a;font-size:10px} .mgs-story-comments-head button{width:35px;height:35px;border:1px solid #dce7f5;background:#f5f8fd;touch-action:manipulation} .mgs-story-comments>section{flex:0 1 auto;min-height:0;max-height:calc(min(76svh,620px) - 142px);padding:8px 0;scrollbar-width:thin;scrollbar-color:#c7d7ec transparent;touch-action:pan-y} .mgs-story-comment-item{align-items:flex-start;gap:10px;padding:7px 1px;border:0} .mgs-comment-avatar{width:40px;height:40px;min-width:40px;border:2px solid #fff;background:linear-gradient(145deg,#075eea,#60a5fa);box-shadow:0 7px 18px rgba(15,55,110,.15)} .mgs-comment-avatar strong{font-size:14px} .mgs-story-comment-body{padding:10px 12px 11px;border:1px solid #e4ebf5;border-radius:5px 17px 17px 17px;background:#f5f8fc;box-shadow:0 3px 12px rgba(19,48,87,.04)} .mgs-story-comment-head{align-items:center;margin-bottom:5px} .mgs-story-comment-head b{overflow:hidden;color:#10203a;font-size:12px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap} .mgs-story-comment-head small{color:#8795a9;font-size:9px} .mgs-story-comment-body p{color:#2f4058;font-size:13px;line-height:1.45} .mgs-story-no-comments{display:grid;min-height:150px;place-items:center;align-content:center;gap:5px;padding:24px 12px;color:#65758d} .mgs-story-no-comments>span{display:grid;width:46px;height:46px;place-items:center;margin-bottom:3px;border-radius:15px;background:#eaf2ff;color:#075eea} .mgs-story-no-comments b{color:#13233d;font-size:13px} .mgs-story-no-comments small{font-size:11px} .mgs-story-comments-form{flex:0 0 auto;margin-top:7px;padding-top:11px;background:#fff} .mgs-story-comments-form input{height:47px;border-color:#cedced;background:#f7faff;font-size:16px} .mgs-story-comments-form button{width:46px;height:46px;touch-action:manipulation} @media(max-width:640px){ .mgs-story-stage>footer{padding-right:10px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));padding-left:10px} .mgs-story-reactions{gap:5px;margin-bottom:8px} .mgs-story-reactions button{min-width:42px;min-height:38px;padding:5px 7px} .mgs-story-comments{right:0;bottom:0;left:0;max-height:min(80svh,680px);padding:8px 13px calc(12px + env(safe-area-inset-bottom,0px));border-right:0;border-bottom:0;border-left:0;border-radius:23px 23px 0 0} .mgs-story-comments>section{max-height:calc(min(80svh,680px) - 140px)} .mgs-story-comment-item{gap:9px;padding:6px 0} .mgs-comment-avatar{width:38px;height:38px;min-width:38px} .mgs-story-comment-body{padding:9px 11px 10px} } @supports(-webkit-touch-callout:none){ .mgs-story-viewer,.mgs-story-stage{height:100svh;min-height:100svh;max-height:100svh} .mgs-story-stage>video{height:100%;min-height:100%;max-height:100%} .mgs-story-comments{max-height:78svh;-webkit-overflow-scrolling:touch} } /* ===== Stories V46.8: progresso real, CTA compacto e curtidas ===== */ .mgs-story-progress{position:relative;z-index:2;gap:4px;margin:0 0 12px} .mgs-story-progress span,.mgs-story-progress span.done,.mgs-story-progress span.active{position:relative;height:3px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.34)} .mgs-story-progress span>i{position:absolute;inset:0 auto 0 0;display:block;width:0;border-radius:inherit;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.4);transition:width .12s linear} .mgs-story-progress span.done>i{width:100%!important} .mgs-story-gesture-layer span,.mgs-story-gesture-layer small{display:none!important} .mgs-story-gesture-layer{display:block!important;background:transparent!important} .mgr-store-page .mgs-story-cta{width:min(100%,360px)!important;min-height:44px!important;margin:0 auto 10px!important;padding:0 18px!important;border-color:rgba(255,255,255,.22)!important;background:linear-gradient(135deg,#0d6efd,#0057e7)!important;font-size:12px!important;box-shadow:0 12px 28px rgba(0,45,130,.32)!important} .mgr-store-page .mgs-story-cta svg{width:15px!important;height:15px!important} .mgs-story-comment-actions{display:flex;align-items:center;margin-top:8px;padding-top:7px;border-top:1px solid #e5ebf4} .mgs-story-comment-actions button{display:inline-flex;min-height:28px;align-items:center;gap:5px;padding:3px 8px;border:0;border-radius:999px;background:transparent;color:#718096;font:inherit;font-size:10px;font-weight:850;cursor:pointer;touch-action:manipulation;transition:.16s ease} .mgs-story-comment-actions button:hover{background:#eaf2ff;color:#075eea} .mgs-story-comment-actions button.liked{background:#fff0f5;color:#e91e63} .mgs-story-comment-actions button.liked svg{fill:currentColor} .mgs-story-comment-actions button:disabled{cursor:wait;opacity:.55} .mgs-story-comment-actions button>span{min-width:9px;font-variant-numeric:tabular-nums} .mgs-story-comment-actions button>small{color:inherit;font-size:9px;font-weight:850} @media(max-width:640px){ .mgr-store-page .mgs-story-cta{width:min(calc(100% - 8px),360px)!important;min-height:43px!important} .mgs-story-progress{margin-bottom:10px} } /* ===== Catalogo V46.8: cards nivelados e variacoes consistentes ===== */ .mgs-product-card{display:flex;flex-direction:column;height:100%} .mgs-product-media{flex:0 0 auto} .mgs-product-body{display:grid;grid-template-rows:22px 48px 24px 22px 44px 50px 42px;align-items:start;flex:1} .mgs-product-body>span{grid-row:1;min-height:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} .mgs-product-body>a:not(.mgs-product-choice){grid-row:2;display:block} .mgs-product-body h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} .mgs-card-options{grid-row:3;align-self:center;margin:0} .mgs-card-rating{grid-row:4;align-self:center;margin:0} .mgs-coupon-line{grid-row:5;align-self:center;width:100%;margin:0;box-sizing:border-box} .mgs-price-row{grid-row:6;align-self:end;width:100%;min-height:45px;margin:0 0 5px} .mgs-product-body>.mgs-product-choice,.mgs-product-body>button{grid-row:7;align-self:end;width:100%;box-sizing:border-box} @media(max-width:560px){ .mgs-product-body{grid-template-rows:24px 44px 22px 21px 48px 46px 40px} .mgs-product-body>span{min-height:20px} .mgs-coupon-line{min-height:44px;justify-content:center} .mgs-price-row{min-height:42px} } /* ===== V47: segurança da conta e Passkeys ===== */ .mgs-passkey-card{margin-top:22px;padding:24px;border:1px solid #dce8f8;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(6,29,82,.06)} .mgs-passkey-card>header{display:flex;align-items:center;justify-content:space-between;gap:20px} .mgs-passkey-card>header span{color:#0057ff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em} .mgs-passkey-card h2{margin:5px 0 6px;color:#061d52;letter-spacing:-.035em} .mgs-passkey-card p{margin:0;color:#64748b;font-size:12px;line-height:1.55} .mgs-passkey-message{margin:16px 0 0!important;padding:11px 13px;border-radius:11px;background:#ecfdf5;color:#047857!important;font-weight:750} .mgs-passkey-message.error{background:#fef2f2;color:#b91c1c!important} .mgs-passkey-muted,.mgs-passkey-empty{margin-top:18px!important;padding:16px;border:1px dashed #cfe0ff;border-radius:13px;text-align:center} .mgs-passkey-list{display:grid;gap:9px;margin-top:18px} .mgs-passkey-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid #e4edf9;border-radius:14px;background:#f8fbff} .mgs-passkey-list article>div{display:flex;flex-direction:column;gap:3px} .mgs-passkey-list strong{color:#061d52;font-size:13px} .mgs-passkey-list span,.mgs-passkey-list small{color:#64748b;font-size:10px} .mgs-button.danger{border-color:#fecaca;background:#fff;color:#b91c1c} .mgs-passkey-card>footer{margin-top:16px;padding-top:15px;border-top:1px solid #edf3fb} .mgs-passkey-link{border:0;background:transparent;color:#b91c1c;font:inherit;font-size:11px;font-weight:800;cursor:pointer} .mgs-passkey-dialog-layer{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:18px} .mgs-passkey-backdrop{position:absolute;inset:0;border:0;background:rgba(6,17,31,.62);backdrop-filter:blur(5px)} .mgs-passkey-dialog{position:relative;width:min(460px,100%);padding:25px;border-radius:21px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.3)} .mgs-passkey-dialog>span{color:#0057ff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em} .mgs-passkey-dialog h2{margin:7px 0 6px;color:#061d52} .mgs-passkey-dialog p{color:#64748b;font-size:12px} .mgs-passkey-dialog label{display:grid;gap:7px;margin-top:20px;color:#334155;font-size:11px;font-weight:800} .mgs-passkey-dialog input{min-height:48px;padding:0 13px;border:1px solid #cfe0ff;border-radius:12px;outline:0;font-size:16px} .mgs-passkey-dialog input:focus{border-color:#0057ff;box-shadow:0 0 0 3px rgba(0,87,255,.1)} .mgs-passkey-dialog>div{display:flex;justify-content:flex-end;gap:9px;margin-top:20px} @media(max-width:680px){ .mgs-passkey-card{padding:18px} .mgs-passkey-card>header{align-items:stretch;flex-direction:column} .mgs-passkey-list article{align-items:stretch;flex-direction:column} .mgs-passkey-list .mgs-button{width:100%} .mgs-passkey-dialog{padding:20px} .mgs-passkey-dialog>div{display:grid;grid-template-columns:1fr} } .mgr-session-warning{position:fixed;z-index:14000;top:max(12px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 24px));padding:12px 14px;border:1px solid #fed7aa;border-radius:14px;background:#fff7ed;color:#9a3412;box-shadow:0 18px 50px rgba(124,45,18,.18);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px} .mgr-session-warning>div{display:flex;flex-direction:column;gap:2px}.mgr-session-warning b{font-size:12px}.mgr-session-warning span{font-size:10px;color:#c2410c}.mgr-session-warning button{min-height:40px;padding:0 13px;border:0;border-radius:10px;background:#c2410c;color:#fff;font:inherit;font-size:10px;font-weight:850;cursor:pointer} @media(max-width:600px){.mgr-session-warning{top:auto;bottom:max(76px,calc(env(safe-area-inset-bottom) + 76px));grid-template-columns:auto 1fr}.mgr-session-warning button{grid-column:1/-1;width:100%}}