.mp-petos-loading{ min-height:240px; display:flex; align-items:center; justify-content:center; font-family:Arial,Helvetica,sans-serif; font-weight:800; color:#176b9a; background:#eef9ff; } #mpPetosRoot, #mpPetosRoot *{box-sizing:border-box} #mpPetosRoot{font-family:Arial,Helvetica,sans-serif;background:#f4f9fc;color:#18384d;min-height:100vh} #mpPetosRoot button,#mpPetosRoot input,#mpPetosRoot select,#mpPetosRoot textarea{font-family:inherit} #mpPetosRoot .mp-app{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh} #mpPetosRoot .mp-side{background:linear-gradient(180deg,#0d3d73,#1d9bd4);color:#fff;padding:18px;position:sticky;top:0;height:100vh;overflow:auto} #mpPetosRoot .mp-brand{display:flex;align-items:center;gap:10px;margin-bottom:18px} #mpPetosRoot .mp-logo{width:48px;height:48px;border-radius:16px;background:#fff;color:#0d3d73;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:24px;overflow:hidden} #mpPetosRoot .mp-logo img{width:100%;height:100%;object-fit:contain} #mpPetosRoot .mp-brand b{font-size:18px;display:block} #mpPetosRoot .mp-brand small{display:block;opacity:.9;margin-top:2px} #mpPetosRoot .mp-nav{display:grid;gap:8px} #mpPetosRoot .mp-nav button{border:0;background:rgba(255,255,255,.13);color:#fff;border-radius:15px;padding:12px;text-align:left;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:10px} #mpPetosRoot .mp-nav button:hover,#mpPetosRoot .mp-nav button.on{background:#fff;color:#0d3d73} #mpPetosRoot .mp-nav button .ico{width:24px;text-align:center} #mpPetosRoot .mp-main{min-width:0;padding:18px;max-width:1400px;width:100%;margin:0 auto} #mpPetosRoot .mp-top{background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border:1px solid #dbe8f0;border-radius:24px;padding:18px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;box-shadow:0 8px 24px rgba(29,85,120,.08)} #mpPetosRoot .mp-title h1{margin:0;font-size:26px;color:#0d3d73} #mpPetosRoot .mp-title p{margin:6px 0 0;color:#60798c;font-weight:700} #mpPetosRoot .mp-badges{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end} #mpPetosRoot .badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:999px;padding:8px 10px;background:#eaf2f7;color:#35606f;font-size:12px;font-weight:900} #mpPetosRoot .badge.ok{background:#dff7ea;color:#126c3a} #mpPetosRoot .badge.warn{background:#fff0bf;color:#805c00} #mpPetosRoot .badge.err{background:#ffe2e2;color:#a11b1b} #mpPetosRoot .badge.info{background:#dff3ff;color:#17668e} #mpPetosRoot .card{background:#fff;border:1px solid #dbe8f0;border-radius:22px;padding:16px;margin:12px 0;box-shadow:0 8px 22px rgba(29,85,120,.06)} #mpPetosRoot .card h2,#mpPetosRoot .card h3{margin:0 0 10px;color:#163d58} #mpPetosRoot .muted{color:#60798c;font-size:13px;line-height:1.4} #mpPetosRoot label{display:block;font-size:12px;font-weight:900;color:#285066;margin:10px 0 5px} #mpPetosRoot input,#mpPetosRoot select,#mpPetosRoot textarea{width:100%;border:1px solid #cfe0ea;background:#fbfdff;border-radius:14px;padding:12px;font-size:14px;outline:none} #mpPetosRoot textarea{min-height:94px;resize:vertical} #mpPetosRoot input:focus,#mpPetosRoot select:focus,#mpPetosRoot textarea:focus{border-color:#1d9bd4;box-shadow:0 0 0 3px rgba(29,155,212,.13)} #mpPetosRoot .grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} #mpPetosRoot .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} #mpPetosRoot .grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} #mpPetosRoot .actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center} #mpPetosRoot .btn{border:0;border-radius:14px;padding:12px 14px;font-weight:900;cursor:pointer;background:#e8f2f8;color:#1c526e;min-height:42px} #mpPetosRoot .btn.primary{background:#1d9bd4;color:#fff} #mpPetosRoot .btn.ok{background:#16a05d;color:#fff} #mpPetosRoot .btn.warn{background:#ffb740;color:#2d2500} #mpPetosRoot .btn.danger{background:#ff5248;color:#fff} #mpPetosRoot .btn.ghost{background:#fff;border:1px solid #cfe0ea} #mpPetosRoot .btn.mini{padding:8px 10px;min-height:34px;border-radius:12px;font-size:12px} #mpPetosRoot .kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} #mpPetosRoot .kpi{background:linear-gradient(135deg,#fff,#edf8ff);border:1px solid #dbe8f0;border-radius:20px;padding:15px} #mpPetosRoot .kpi b{display:block;font-size:28px;color:#0d3d73} #mpPetosRoot .kpi span{font-size:12px;font-weight:900;color:#60798c} #mpPetosRoot .list{display:grid;gap:10px} #mpPetosRoot .item{border:1px solid #e0edf4;background:#fff;border-radius:18px;padding:13px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start} #mpPetosRoot .item-main b{display:block;color:#163d58} #mpPetosRoot .item-main small{display:block;color:#60798c;margin-top:3px} #mpPetosRoot .item-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end} #mpPetosRoot .table-wrap{max-width:100%;overflow:auto;border:1px solid #dbe8f0;border-radius:18px} #mpPetosRoot table{width:100%;border-collapse:collapse;background:#fff;min-width:760px} #mpPetosRoot th,#mpPetosRoot td{border-bottom:1px solid #e5eef4;padding:10px;text-align:left;vertical-align:top;font-size:13px} #mpPetosRoot th{background:#f2f8fc;color:#234f67;font-size:12px;text-transform:uppercase} #mpPetosRoot .pillbar{display:flex;gap:8px;overflow:auto;padding-bottom:4px} #mpPetosRoot .pill{border:1px solid #cfe0ea;background:#fff;border-radius:999px;padding:10px 14px;font-weight:900;white-space:nowrap;cursor:pointer} #mpPetosRoot .pill.on{background:#1d9bd4;color:#fff;border-color:#1d9bd4} #mpPetosRoot .calgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px} #mpPetosRoot .calday{border:1px solid #dbe8f0;background:#fff;border-radius:16px;min-height:150px;padding:10px;overflow:hidden} #mpPetosRoot .calday b{display:block;color:#0d3d73;margin-bottom:7px} #mpPetosRoot .calitem{border-radius:12px;background:#eef8ff;border:1px solid #d0ebfa;padding:8px;margin:6px 0;font-size:12px} #mpPetosRoot .route-card{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start;border:1px solid #e0edf4;border-radius:18px;padding:12px;background:#fff} #mpPetosRoot .route-card.noaddr{background:#fff8e6;border-color:#ffe1a2} #mpPetosRoot .modal-bg{position:fixed;inset:0;background:rgba(8,30,45,.55);z-index:999999;display:none;padding:16px;overflow:auto} #mpPetosRoot .modal-bg.on{display:block} #mpPetosRoot .modal{background:#fff;border-radius:24px;padding:18px;max-width:960px;margin:0 auto;box-shadow:0 18px 50px rgba(0,0,0,.25)} #mpPetosRoot .soft-warn{background:#fff4cc;color:#7a5500;border-radius:14px;padding:10px;margin:10px 0;font-size:12px;font-weight:800} #mpPetosRoot .footer-note{font-size:12px;color:#60798c;margin-top:10px;text-align:center} @media(max-width:980px){ #mpPetosRoot .mp-app{display:block;padding-bottom:92px} #mpPetosRoot .mp-side{position:fixed;left:0;right:0;bottom:0;top:auto;height:auto;z-index:99999;padding:8px;border-radius:22px 22px 0 0;box-shadow:0 -8px 24px rgba(11,52,82,.2)} #mpPetosRoot .mp-brand{display:none} #mpPetosRoot .mp-nav{display:flex;gap:6px;overflow:auto} #mpPetosRoot .mp-nav button{min-width:75px;max-width:86px;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:10px;line-height:1.05;padding:8px 5px;border-radius:16px;min-height:58px} #mpPetosRoot .mp-nav button .ico{font-size:20px} #mpPetosRoot .mp-main{padding:10px 10px 105px} #mpPetosRoot .mp-top{position:sticky;top:0;z-index:90;border-radius:0 0 22px 22px;margin:-10px -10px 10px;padding:14px;display:block} #mpPetosRoot .mp-title h1{font-size:20px} #mpPetosRoot .mp-title p{font-size:12px} #mpPetosRoot .mp-badges{justify-content:flex-start;margin-top:10px;overflow:auto;flex-wrap:nowrap} #mpPetosRoot .grid2,#mpPetosRoot .grid3,#mpPetosRoot .grid4{grid-template-columns:1fr} #mpPetosRoot .kpis{grid-template-columns:1fr 1fr} #mpPetosRoot .item{display:block} #mpPetosRoot .item-actions{justify-content:flex-start;margin-top:10px} #mpPetosRoot .actions{display:grid;grid-template-columns:1fr;gap:8px} #mpPetosRoot .btn{width:100%;font-size:14px;min-height:46px} #mpPetosRoot input,#mpPetosRoot select,#mpPetosRoot textarea{font-size:16px;min-height:48px} #mpPetosRoot .calgrid{grid-template-columns:1fr} #mpPetosRoot .calday{min-height:auto} #mpPetosRoot table{min-width:780px} #mpPetosRoot .modal-bg{padding:8px} #mpPetosRoot .modal{border-radius:20px;padding:14px;margin-bottom:90px} } #mpPetosRoot .recurrence-modal{max-width:720px} #mpPetosRoot .sync-pending{opacity:.82} #mpPetosRoot .consult-card #consultClientSearch{min-width:0} #mpPetosRoot button:disabled{opacity:.6;cursor:wait} @media(max-width:680px){ #mpPetosRoot .recurrence-modal .grid3{grid-template-columns:1fr!important} } #mpPetosRoot .consult-card{background:linear-gradient(135deg,#fff,#eef9ff 72%,#fff6df)} #mpPetosRoot .consult-text-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px} #mpPetosRoot .consult-text-grid textarea{min-height:118px} #mpPetosRoot .consult-wide{min-width:0} #mpPetosRoot .consult-card h3{margin:18px 0 8px;color:#173f5d} @media(max-width:850px){ #mpPetosRoot .consult-text-grid{grid-template-columns:1fr} } @media(max-width:680px){ #mpPetosRoot .consult-text-grid textarea{min-height:132px} } #mpPetosRoot .pdv-card{ background:linear-gradient(135deg,#ffffff,#eef9ff 72%,#fff8dd); } #mpPetosRoot .pdv-kpis{ grid-template-columns:repeat(5,minmax(0,1fr)); margin:14px 0; } #mpPetosRoot .pdv-kpis .kpi b{ font-size:clamp(17px,2vw,25px); } #mpPetosRoot .pdv-list{ display:grid; gap:8px; } #mpPetosRoot .pdv-row{ display:grid; grid-template-columns:minmax(210px,1.4fr) minmax(110px,.45fr) minmax(135px,.55fr) auto; gap:9px; align-items:end; padding:11px; border:1px solid #dceaf2; border-radius:15px; background:#fff; } #mpPetosRoot .pdv-client{ min-width:0; align-self:center; } #mpPetosRoot .pdv-client b{ display:block; color:#173f5d; } #mpPetosRoot .pdv-client small{ display:block; margin-top:4px; color:#6c8392; } #mpPetosRoot .pdv-row label{ font-size:9px; } #mpPetosRoot .pdv-row input, #mpPetosRoot .pdv-row select{ min-height:40px; } #mpPetosRoot .pdv-row-actions{ display:flex; gap:6px; align-items:center; padding-bottom:1px; } @media(max-width:1050px){ #mpPetosRoot .pdv-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} #mpPetosRoot .pdv-row{ grid-template-columns:minmax(200px,1fr) minmax(110px,.5fr) minmax(130px,.6fr); } #mpPetosRoot .pdv-row-actions{grid-column:1/-1;justify-content:flex-end} } @media(max-width:680px){ #mpPetosRoot .pdv-kpis{grid-template-columns:1fr!important} #mpPetosRoot .pdv-row{grid-template-columns:1fr} #mpPetosRoot .pdv-row-actions{ grid-column:auto; display:grid; grid-template-columns:1fr; justify-content:stretch; } } #mpPetosRoot .portal-client-hint{ margin:8px 0 12px; padding:9px 11px; border-radius:13px; background:#edf6fb; color:#557384; font-size:11px; font-weight:800; } #mpPetosRoot .portal-client-hint.found{background:#dff7ea;color:#16683c} #mpPetosRoot .portal-client-hint.new{background:#fff0bf;color:#735300} #mpPetosRoot .client-address-item .item-main{min-width:0;flex:1} #mpPetosRoot .client-edit-modal{max-width:940px} #mpPetosRoot .modal-title-actions{justify-content:space-between;align-items:flex-start} #mpPetosRoot .protected-link{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:9px; margin:10px 0 14px; padding:11px 13px; border-radius:14px; background:#eef7fc; color:#315e76; font-size:11px; line-height:1.4; } #mpPetosRoot .protected-link b{white-space:nowrap} #mpPetosRoot .span2{grid-column:span 2} #mpPetosRoot input[readonly]{ background:#eef3f6!important; color:#607784!important; cursor:not-allowed; } @media(max-width:680px){ #mpPetosRoot .client-edit-modal .grid3{grid-template-columns:1fr!important} #mpPetosRoot .span2{grid-column:auto} #mpPetosRoot .protected-link{grid-template-columns:1fr} } #mpPetosRoot .import-address-label{display:inline-flex;align-items:center;justify-content:center;cursor:pointer} #mpPetosRoot .migration-explain{margin-top:10px;padding:11px 13px;border-radius:14px;background:#e9f6fc;color:#315e76;font-size:11px;line-height:1.45} #mpPetosRoot .migration-explain code{background:#fff;padding:2px 5px;border-radius:5px} #mpPetosRoot .migration-report{background:linear-gradient(135deg,#fff,#effaf5)} #mpPetosRoot .rescue-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px} #mpPetosRoot .rescue-stats span{padding:8px 10px;border-radius:999px;background:#edf7fc;color:#416a7e;font-size:10px} #mpPetosRoot .missing-address-modal{max-width:980px} #mpPetosRoot .missing-address-list{display:grid;gap:8px;max-height:52vh;overflow:auto;margin:12px 0} #mpPetosRoot .missing-address-row{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(300px,1.3fr);gap:10px;align-items:center;border:1px solid #dceaf2;border-radius:15px;padding:11px;background:#fff} #mpPetosRoot .missing-address-row b{display:block;color:#173f5d} #mpPetosRoot .missing-address-row small{display:block;color:#6c8392;margin-top:3px} #mpPetosRoot .missing-address-row>div:last-child{display:grid;grid-template-columns:1fr auto;gap:7px} @media(max-width:720px){ #mpPetosRoot .missing-address-row{grid-template-columns:1fr} #mpPetosRoot .missing-address-row>div:last-child{grid-template-columns:1fr} } #mpPetosRoot .address-kpis{grid-template-columns:repeat(5,minmax(0,1fr))} #mpPetosRoot .address-sync-card{background:linear-gradient(135deg,#fff,#eef9ff 68%,#fff9dc)} #mpPetosRoot .address-inline{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:7px;padding:8px 10px;border-radius:12px;font-size:11px} #mpPetosRoot .address-inline.has-address{background:#e8f8ef;color:#216444} #mpPetosRoot .address-inline.missing-address{background:#fff2d5;color:#795800} #mpPetosRoot .address-inline em{font-style:normal;border-radius:999px;padding:3px 7px;background:rgba(255,255,255,.75);font-size:9px;font-weight:900} #mpPetosRoot .client-address-item{align-items:stretch} #mpPetosRoot .client-address-item .item-main{min-width:0;flex:1} #mpPetosRoot .client-address-grid{margin-top:7px;min-width:min(680px,100%)} #mpPetosRoot .client-address-grid label{font-size:10px} #mpPetosRoot .client-address-grid input{min-width:0} #mpPetosRoot .address-source{color:#608092!important;margin-top:5px!important} #mpPetosRoot .agenda-address-input{min-width:230px;margin-bottom:5px} #mpPetosRoot .dashboard-address-item .item-actions{max-width:440px} @media(max-width:1050px){ #mpPetosRoot .address-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:760px){ #mpPetosRoot .address-kpis{grid-template-columns:1fr} #mpPetosRoot .client-address-grid{grid-template-columns:1fr} #mpPetosRoot .agenda-address-input{min-width:190px} #mpPetosRoot .dashboard-address-item{display:block} #mpPetosRoot .dashboard-address-item .item-actions{margin-top:10px;max-width:none} } #mpPetosRoot .metric-row{grid-template-columns:minmax(0,1fr) auto} #mpPetosRoot .metric-evolution{ grid-column:1/-1; margin-top:9px; border:1px solid #d9e9f2; border-radius:15px; background:#f8fcfe; overflow:hidden; } #mpPetosRoot .metric-evolution-title{ display:flex; justify-content:space-between; gap:10px; padding:9px 11px; background:#eaf6fb; color:#315d74; font-size:10px; } #mpPetosRoot .metric-evolution-title span{color:#6c8492} #mpPetosRoot .metric-evolution-entry{ display:grid; grid-template-columns:70px minmax(0,1fr) 70px; gap:9px; align-items:start; padding:10px 11px; border-top:1px solid #e1edf3; } #mpPetosRoot .metric-evolution-date{ color:#506f82; font-size:10px; font-weight:900; } #mpPetosRoot .metric-evolution-body{min-width:0} #mpPetosRoot .metric-evolution-body>b{ display:block; color:#173f5d; font-size:11px; } #mpPetosRoot .metric-evolution-body>small{ display:block; color:#6b8291; font-size:10px; line-height:1.35; margin:3px 0 7px; } #mpPetosRoot .metric-evolution-entry>strong{ color:#075b91; text-align:right; font-size:11px; } #mpPetosRoot .metric-evolution-bars{ display:grid; grid-template-columns:1fr 1fr; gap:8px; } #mpPetosRoot .metric-evolution-bars>div>span{ display:block; color:#617d8d; font-size:9px; margin-bottom:3px; } #mpPetosRoot .metric-evolution-bars i{ display:block; height:6px; border-radius:999px; background:#dceaf1; overflow:hidden; } #mpPetosRoot .metric-evolution-bars i>b{ display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,#075bb8,#28aee4); } #mpPetosRoot .metric-evolution-bars .paid i>b{ background:linear-gradient(90deg,#e4a900,#16a363); } #mpPetosRoot .metric-evolution-empty{ grid-column:1/-1; margin-top:8px; padding:10px; border-radius:13px; background:#f3f8fb; color:#6e8492; font-size:10px; } @media(max-width:620px){ #mpPetosRoot .metric-evolution-title{display:block} #mpPetosRoot .metric-evolution-title span{display:block;margin-top:3px} #mpPetosRoot .metric-evolution-entry{ grid-template-columns:62px minmax(0,1fr); } #mpPetosRoot .metric-evolution-entry>strong{ grid-column:2; text-align:left; margin-top:3px; } #mpPetosRoot .metric-evolution-bars{grid-template-columns:1fr} } #mpPetosRoot .evolution-point.evolution-independent{ grid-template-columns:76px minmax(0,1fr) 48px; align-items:start; padding:8px 0; border-bottom:1px solid #e7eff4; } #mpPetosRoot .evolution-point.evolution-independent:last-child{border-bottom:0} #mpPetosRoot .evolution-day-body{min-width:0} #mpPetosRoot .evolution-day-body>i{ display:block; height:9px; border-radius:999px; background:#e2edf3; overflow:hidden; } #mpPetosRoot .evolution-day-body>i>b{ display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,#075bb8,#28aee4,#16a363); } #mpPetosRoot .evolution-day-body small{ display:block; margin-top:5px; color:#6d8391; line-height:1.35; font-size:10px; } #mpPetosRoot .evolution-point.evolution-independent>strong{ text-align:right; color:#075b91; font-size:12px; padding-top:0; } @media(max-width:620px){ #mpPetosRoot .evolution-point.evolution-independent{ grid-template-columns:66px minmax(0,1fr) 42px; } } #mpPetosRoot .staff-own-progress{margin-bottom:13px} #mpPetosRoot .overall-progress{margin:11px 0 13px;padding:12px;border-radius:16px;background:#f0f8fc;border:1px solid #d7eaf3} #mpPetosRoot .overall-progress>div{display:flex;justify-content:space-between;gap:10px;color:#1d516f;font-size:12px} #mpPetosRoot .overall-progress>i{display:block;height:13px;border-radius:999px;background:#dceaf1;overflow:hidden;margin-top:8px} #mpPetosRoot .overall-progress>i>b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#075bb8,#28aee4,#16a363)} #mpPetosRoot .evolution-box{border-top:1px solid #e0edf4;margin-top:10px;padding-top:12px} #mpPetosRoot .evolution-box h3{margin:0 0 8px;color:#173f5d;font-size:14px} #mpPetosRoot .evolution-list{display:grid;gap:7px} #mpPetosRoot .evolution-point{display:grid;grid-template-columns:70px 1fr 75px;gap:8px;align-items:center;font-size:10px;color:#6d8391} #mpPetosRoot .evolution-point i{height:7px;border-radius:999px;background:#e2edf3;overflow:hidden} #mpPetosRoot .evolution-point i b{display:block;height:100%;background:linear-gradient(90deg,#075bb8,#28aee4);border-radius:999px} #mpPetosRoot .evolution-point strong{text-align:right;color:#075b91;font-size:10px} #mpPetosRoot .evolution-empty{padding:10px;border-radius:13px;background:#f4f9fc;color:#6f8492;font-size:11px} #mpPetosRoot .metric-form{background:linear-gradient(135deg,#fff,#f0faff 65%,#fff9df)} #mpPetosRoot .metric-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px} #mpPetosRoot .privacy-note{margin-top:13px;border-radius:15px;padding:12px;background:#edf6fb;color:#315e76;font-size:12px;font-weight:800} #mpPetosRoot .eq-list{display:grid;gap:9px} #mpPetosRoot .eq-entry{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border:1px solid #dceaf2;border-radius:17px;padding:13px;background:#fff} #mpPetosRoot .eq-entry b{display:block;color:#173f5d} #mpPetosRoot .eq-entry small{display:block;color:#6a8392;margin-top:4px} #mpPetosRoot .goal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:13px 0} #mpPetosRoot .goal-card{border:1px solid #d5e8f2;border-radius:23px;padding:17px;background:linear-gradient(180deg,#fff,#f6fbfe);box-shadow:0 8px 22px rgba(17,82,120,.06)} #mpPetosRoot .goal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px} #mpPetosRoot .goal-head h2{margin:8px 0 2px;color:#075bb8;font-size:28px} #mpPetosRoot .goal-ring{width:76px;height:76px;flex:0 0 76px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e8f7ff;border:7px solid #c7eaf8;color:#075b91} #mpPetosRoot .goal-ring b{font-size:17px} #mpPetosRoot .goal-ring small{font-size:9px} #mpPetosRoot .metric-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 9px;border-top:1px solid #e3eef4;padding:12px 0} #mpPetosRoot .metric-row b{display:block;color:#173f5d;font-size:13px} #mpPetosRoot .metric-row small{display:block;color:#708695;margin-top:3px} #mpPetosRoot .metric-money{font-size:11px;font-weight:900;color:#0877b8;white-space:nowrap} #mpPetosRoot .goal-progress{grid-column:1/-1;height:8px;border-radius:999px;background:#e2edf3;overflow:hidden} #mpPetosRoot .goal-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#075bb8,#28aee4)} #mpPetosRoot .goal-foot{display:flex;justify-content:space-between;gap:8px;color:#6b8291;font-size:11px;border-top:1px solid #e3eef4;padding-top:10px} #mpPetosRoot .commission-total{min-width:170px;border-radius:19px;padding:13px;text-align:center;color:#fff;background:linear-gradient(135deg,#075bb8,#28aee4)} #mpPetosRoot .commission-total small,#mpPetosRoot .commission-total span{display:block;color:rgba(255,255,255,.82)} #mpPetosRoot .commission-total b{display:block;font-size:28px;margin:4px 0} #mpPetosRoot .management-note{margin-top:13px;padding:13px;border-radius:16px;background:#fff6c8;color:#6d5400;line-height:1.45;font-size:12px} #mpPetosRoot .commission-table{display:grid;gap:9px} #mpPetosRoot .commission-table>div{border:1px solid #daeaf2;border-radius:16px;padding:13px;background:#fff} #mpPetosRoot .commission-table b{display:block;color:#173f5d} #mpPetosRoot .commission-table span{display:block;color:#6b8392;margin-top:5px;font-size:12px} @media(max-width:1050px){ #mpPetosRoot .goal-grid{grid-template-columns:1fr} } @media(max-width:760px){ #mpPetosRoot .metric-fields{grid-template-columns:1fr} #mpPetosRoot .goal-head,#mpPetosRoot .eq-entry{display:block} #mpPetosRoot .goal-ring{margin-top:10px} #mpPetosRoot .commission-total{margin-top:10px} #mpPetosRoot .eq-entry .btn{margin-top:10px;width:100%} } /* PETOS NITRO — visual novo, rotas rápidas, sem pesar */ #mpPetosRoot .mp-side{ background: radial-gradient(circle at 30% 0%, rgba(255,255,255,.18), transparent 34%), linear-gradient(180deg,#032f66 0%,#006ecb 58%,#17a7df 100%) !important; } #mpPetosRoot .mp-top{ border-radius:28px !important; background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(234,248,255,.9)) !important; } #mpPetosRoot .card{ border-radius:24px !important; } #mpPetosRoot .route-command{ background:linear-gradient(135deg,#ffffff 0%,#eef9ff 58%,#fff8dc 100%) !important; border:1px solid #cae9f8 !important; } #mpPetosRoot .route-command-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:14px; } #mpPetosRoot .route-command-head h2{ font-size:30px; letter-spacing:-.03em; margin:8px 0 4px; color:#073c7a; } #mpPetosRoot .route-kpis{ display:grid; grid-template-columns:repeat(3,92px); gap:8px; } #mpPetosRoot .route-kpis div{ background:#fff; border:1px solid #d8edf7; border-radius:18px; padding:12px; text-align:center; box-shadow:0 8px 18px rgba(25,105,150,.06); } #mpPetosRoot .route-kpis b{ display:block; font-size:26px; color:#005eb8; } #mpPetosRoot .route-kpis small{ display:block; font-size:11px; font-weight:900; color:#60798c; } #mpPetosRoot .route-fastbar{ display:grid; grid-template-columns:1.15fr repeat(7,minmax(92px,auto)); gap:8px; align-items:end; margin-bottom:10px; } #mpPetosRoot .route-line-top{ display:flex; justify-content:space-between; gap:8px; align-items:flex-start; } #mpPetosRoot .route-nitro-card{ border-radius:20px !important; box-shadow:0 6px 16px rgba(20,88,130,.05); } #mpPetosRoot .route-nitro-card input[type="text"], #mpPetosRoot .route-nitro-card input:not([type]){ margin:8px 0; background:#fff; } #mpPetosRoot .route-card.noaddr{ background:linear-gradient(135deg,#fff8e6,#fff) !important; } #mpPetosRoot .route-card:not(.noaddr){ background:linear-gradient(135deg,#ffffff,#f4fbff) !important; } @media(max-width:980px){ #mpPetosRoot .route-command-head{display:block} #mpPetosRoot .route-command-head h2{font-size:24px} #mpPetosRoot .route-kpis{grid-template-columns:repeat(3,1fr);margin-top:10px} #mpPetosRoot .route-fastbar{grid-template-columns:1fr} #mpPetosRoot .route-line-top{display:block} #mpPetosRoot .route-line-top .badge{margin-top:6px} #mpPetosRoot .route-command .btn{width:100%} } /* MANIA PET — CAMADA FINAL DE RESPONSIVIDADE, SEM ALTERAR FUNÇÕES */ html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth} body{ background: radial-gradient(circle at 12% 4%,rgba(255,255,255,.88),transparent 24rem), linear-gradient(180deg,#dff4ff 0%,#eefaff 48%,#f8fdff 100%) !important; min-height:100vh; } button,a,input,select,textarea,[role="button"]{ -webkit-tap-highlight-color:transparent; touch-action:manipulation; } button,a,[role="button"]{cursor:pointer} input,select,textarea{max-width:100%;min-width:0} img,video,svg,canvas{max-width:100%;height:auto} table{border-collapse:collapse} @supports(padding:max(0px)){ body{ padding-left:env(safe-area-inset-left); padding-right:env(safe-area-inset-right); } } @media(max-width:900px){ body{overflow-x:hidden} } @media(max-width:680px){ input,select,textarea{font-size:16px!important} button,a,[role="button"]{min-height:44px} } /* PETOS — AJUSTE FINAL DESKTOP + ANDROID + IOS */ #mpPetosRoot{ width:min(100%,1440px)!important; margin:0 auto!important; background:transparent!important; font-size:clamp(13px,1.05vw,15px)!important; } #mpPetosRoot .mp-shell, #mpPetosRoot .app, #mpPetosRoot .layout{ max-width:100%!important; min-width:0!important; } #mpPetosRoot .card, #mpPetosRoot .item, #mpPetosRoot .goal-card, #mpPetosRoot .modal-card{ min-width:0!important; overflow-wrap:anywhere; } #mpPetosRoot .table-wrap{ width:100%!important; max-width:100%!important; overflow-x:auto!important; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; } #mpPetosRoot table{min-width:760px} #mpPetosRoot input, #mpPetosRoot select, #mpPetosRoot textarea, #mpPetosRoot button{line-height:1.25} #mpPetosRoot textarea{resize:vertical} #mpPetosRoot .btn, #mpPetosRoot button{ white-space:normal!important; overflow-wrap:anywhere; } #mpPetosRoot .item-actions, #mpPetosRoot .actions, #mpPetosRoot .quality-actions{ align-items:stretch; } #mpPetosRoot .modal{ padding: max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important; } #mpPetosRoot .modal-card{ max-height:calc(100dvh - 20px)!important; overflow:auto!important; -webkit-overflow-scrolling:touch; } #mpPetosRoot .mp-nav, #mpPetosRoot nav{ scrollbar-width:none; } #mpPetosRoot .mp-nav::-webkit-scrollbar, #mpPetosRoot nav::-webkit-scrollbar{display:none} @media(max-width:980px){ #mpPetosRoot .mp-layout, #mpPetosRoot .layout{ display:block!important; } #mpPetosRoot .mp-sidebar, #mpPetosRoot aside{ width:100%!important; max-width:100%!important; position:sticky!important; top:0!important; z-index:50!important; overflow-x:auto!important; overflow-y:hidden!important; -webkit-overflow-scrolling:touch; } #mpPetosRoot .mp-nav, #mpPetosRoot nav{ display:flex!important; width:max-content!important; min-width:100%!important; gap:6px!important; padding:8px!important; } #mpPetosRoot .mp-nav button, #mpPetosRoot nav button{ flex:0 0 auto!important; min-width:92px!important; } #mpPetosRoot .mp-main, #mpPetosRoot main{ width:100%!important; max-width:100%!important; padding:12px!important; } #mpPetosRoot .grid4, #mpPetosRoot .grid3, #mpPetosRoot .kpis{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } } @media(max-width:680px){ #mpPetosRoot{ font-size:14px!important; padding-bottom:calc(18px + env(safe-area-inset-bottom))!important; } #mpPetosRoot h1{font-size:clamp(23px,7vw,30px)!important} #mpPetosRoot h2{font-size:clamp(19px,5.5vw,25px)!important} #mpPetosRoot h3{font-size:clamp(16px,4.8vw,21px)!important} #mpPetosRoot .grid4, #mpPetosRoot .grid3, #mpPetosRoot .grid2, #mpPetosRoot .kpis, #mpPetosRoot .goal-grid, #mpPetosRoot .metric-fields{ grid-template-columns:1fr!important; } #mpPetosRoot .card{padding:13px!important;border-radius:18px!important} #mpPetosRoot .item, #mpPetosRoot .eq-entry, #mpPetosRoot .groom-row, #mpPetosRoot .quality-review-row{ display:block!important; padding:12px!important; } #mpPetosRoot .item-actions, #mpPetosRoot .actions, #mpPetosRoot .quality-actions{ display:grid!important; grid-template-columns:1fr!important; gap:7px!important; width:100%!important; margin-top:10px!important; } #mpPetosRoot .btn, #mpPetosRoot button{ width:100%!important; min-height:46px!important; padding:11px 12px!important; } #mpPetosRoot input, #mpPetosRoot select, #mpPetosRoot textarea{ width:100%!important; min-height:47px!important; font-size:16px!important; } #mpPetosRoot textarea{min-height:96px!important} #mpPetosRoot .metric-evolution-entry, #mpPetosRoot .evolution-point.evolution-independent{ grid-template-columns:1fr!important; } #mpPetosRoot .metric-evolution-entry>strong, #mpPetosRoot .evolution-point.evolution-independent>strong{ text-align:left!important; } #mpPetosRoot .agenda-address-input{min-width:240px!important} } @media(max-width:390px){ #mpPetosRoot .mp-nav button, #mpPetosRoot nav button{min-width:82px!important;font-size:12px!important} #mpPetosRoot .card{padding:11px!important} } /* PetOS 1.1 — fonte única de clientes */ #mpPetosRoot .single-source-card{border:2px solid #b9e3f5;background:linear-gradient(145deg,#f5fcff,#fff)} #mpPetosRoot .source-lock{min-width:110px;padding:14px;border-radius:18px;text-align:center;background:#173f5d;color:#fff;font-size:20px;font-weight:950} #mpPetosRoot .source-lock small{font-size:10px;text-transform:uppercase;opacity:.75} #mpPetosRoot .import-meta{margin:12px 0;padding:11px 13px;border-radius:14px;background:#edf8fd;color:#315d72} #mpPetosRoot .import-file-label{display:inline-flex;align-items:center;justify-content:center} #mpPetosRoot button:disabled{opacity:.5;cursor:not-allowed} @media(max-width:720px){ #mpPetosRoot .single-source-card .goal-head{display:block} #mpPetosRoot .source-lock{margin-top:10px;width:100%} }