:root{
  --ink:#251b2e;--muted:#756c7f;--line:#e9e3ee;--paper:#fff;--canvas:#f6f3f8;
  --purple:#4c2a78;--purple2:#6f45a3;--lav:#eee6f7;--green:#2f8f67;--greenbg:#e7f6ef;
  --orange:#bf6b16;--orangebg:#fff1df;--red:#b94155;--redbg:#fdebef;--blue:#3678c7;
  --shadow:0 18px 50px rgba(54,31,76,.14);--r:18px;
}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.45 Inter,Segoe UI,Roboto,Arial,sans-serif}
button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}
.boot{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 20% 15%,#efe3fa,transparent 28%),linear-gradient(135deg,#fbf9fc,#eee8f3)}
.welcome{width:min(1080px,100%);background:#fff;border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);padding:42px}
.brand{display:flex;align-items:center;gap:13px}.logo{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:var(--purple);color:#fff;font-size:23px;box-shadow:0 9px 24px #4c2a7840}.brand strong{font-size:18px}.brand small{display:block;color:var(--muted)}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:38px;align-items:center;padding:58px 0 35px}.hero h1{font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-2.5px}.hero p{font-size:18px;color:var(--muted);max-width:650px}.hero-art{height:300px;border-radius:28px;background:linear-gradient(150deg,#4c2a78,#8555b7);position:relative;overflow:hidden;color:#fff;padding:28px}.hero-art:before,.hero-art:after{content:"";position:absolute;border:1px solid #ffffff45;border-radius:50%}.hero-art:before{width:300px;height:300px;right:-90px;top:-100px}.hero-art:after{width:180px;height:180px;left:-70px;bottom:-90px}.package{font-size:92px;position:absolute;right:44px;bottom:34px;transform:rotate(-7deg)}.trace-mini{position:relative;z-index:2;background:#ffffff18;border:1px solid #ffffff35;border-radius:16px;padding:16px;width:210px;backdrop-filter:blur(8px)}.trace-mini b{display:block;font-size:26px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:18px}.choice{border:1px solid var(--line);border-radius:22px;padding:24px;text-align:left;background:#fff;transition:.2s}.choice:hover{transform:translateY(-3px);border-color:#8b62b7;box-shadow:0 12px 30px #4c2a7820}.choice .icon{font-size:34px}.choice h2{margin:13px 0 6px}.choice p{color:var(--muted);margin:0}.demo-note{margin-top:20px;color:var(--muted);display:flex;gap:8px;align-items:center}
.mobile-stage{min-height:100vh;padding:24px;display:grid;place-items:center;background:linear-gradient(135deg,#eae3ef,#f8f6fa)}
.phone{width:min(430px,100%);height:min(890px,calc(100vh - 36px));background:#fff;border:10px solid #201b24;border-radius:42px;box-shadow:0 30px 70px #251b2e45;overflow:hidden;position:relative}.phone:before{content:"";position:absolute;z-index:20;top:7px;left:50%;transform:translateX(-50%);width:104px;height:25px;border-radius:20px;background:#201b24}
.mobile-shell{height:100%;display:flex;flex-direction:column;background:#faf9fb}.m-status{height:36px;padding:11px 22px 0;display:flex;justify-content:space-between;font-size:11px;font-weight:700}.m-head{padding:13px 20px 12px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.m-head h2{font-size:18px;margin:0}.icon-btn{width:38px;height:38px;border:0;border-radius:12px;background:var(--lav);color:var(--purple);font-weight:800}.m-content{flex:1;overflow:auto;padding:18px 18px 92px}.m-nav{height:72px;position:absolute;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:7px 3px 4px;z-index:10}.nav-btn{border:0;background:transparent;color:var(--muted);font-size:10px;display:grid;gap:2px;place-items:center;min-width:60px}.nav-btn span{font-size:20px}.nav-btn.active{color:var(--purple);font-weight:700}.nav-main span{width:40px;height:40px;margin-top:-22px;border-radius:14px;display:grid;place-items:center;background:var(--purple);color:#fff;box-shadow:0 8px 22px #4c2a7860}
.m-head-spacer{width:38px;height:38px}.mobile-auth{padding-top:34px}.mobile-auth-brand{text-align:center;margin:10px 0 30px}.mobile-auth-brand h1{font-size:27px;letter-spacing:-.7px;margin:8px 0 7px}.mobile-auth-brand .sub{max-width:290px;margin:0 auto}.auth-mark{width:54px;height:54px;margin:0 auto 17px;border-radius:18px;display:grid;place-items:center;background:var(--purple);color:#fff;font-size:29px;font-weight:800;box-shadow:0 12px 26px color-mix(in srgb,var(--purple) 27%,transparent)}.auth-link{margin:15px auto 0;display:block}.mobile-auth-success{padding-top:24px}
.app-mobile-brand{display:flex;align-items:center;gap:9px;min-width:0}.app-mobile-brand b{font-size:16px;letter-spacing:-.25px;white-space:nowrap}.app-head-logo{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--purple);color:#fff;font-size:21px;line-height:1;box-shadow:0 4px 10px color-mix(in srgb,var(--purple) 25%,transparent)}.profile-avatar{width:36px;height:36px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--lav);color:var(--purple);font-size:11px;font-weight:800}.dataplan-mobile .app-head-logo{font-size:24px;background:linear-gradient(145deg,#0b63ce,#2b8cf0);box-shadow:0 5px 12px #0b63ce35}.dataplan-mobile .profile-avatar{font-size:11px}
.dataplan-mobile .dp-nav .nav-btn span{font-size:21px;font-weight:800}
.eyebrow{text-transform:uppercase;letter-spacing:1.3px;color:var(--purple);font-size:11px;font-weight:800}.greeting h1{font-size:27px;margin:3px 0 4px}.sub{color:var(--muted)}.kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.kpi,.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:15px}.kpi b{font-size:26px;display:block}.kpi small{color:var(--muted)}.kpi.green{border-left:4px solid var(--green)}.kpi.orange{border-left:4px solid var(--orange)}.kpi.red{border-left:4px solid var(--red)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:22px}.action{min-height:100px;border:0;border-radius:18px;background:var(--purple);color:#fff;text-align:left;padding:16px;font-weight:700;font-size:15px}.action.secondary{background:var(--lav);color:var(--purple)}.action span{display:block;font-size:25px;margin-bottom:10px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:18px 0 10px}.section-title h3{margin:0;font-size:16px}.link{border:0;background:transparent;color:var(--purple);font-weight:700}
.record{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:10px}.record-top{display:flex;justify-content:space-between;gap:8px}.record h3{font-size:15px;margin:0 0 3px}.badge{white-space:nowrap;align-self:flex-start;border-radius:30px;padding:5px 9px;font-size:10px;font-weight:800}.pending{color:var(--orange);background:var(--orangebg)}.done{color:var(--green);background:var(--greenbg)}.issue{color:var(--red);background:var(--redbg)}.meta{display:flex;flex-wrap:wrap;gap:8px 13px;color:var(--muted);font-size:11px;margin-top:10px}.meta span:before{margin-right:4px}.person:before{content:"●";color:var(--purple)}.date:before{content:"▣";color:var(--purple)}.time:before{content:"◷";color:var(--purple)}
.stepper{display:flex;justify-content:space-between;margin:4px 3px 22px;position:relative}.stepper:before{content:"";height:2px;background:var(--line);position:absolute;left:14px;right:14px;top:13px}.step{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--line);font-size:11px}.step.on{background:var(--purple);border-color:var(--purple);color:#fff}.camera{height:280px;border-radius:22px;background:linear-gradient(150deg,#3d3840,#19171a);position:relative;overflow:hidden;display:grid;place-items:center;color:#fff}.camera:before{content:"📦";font-size:90px;filter:drop-shadow(0 20px 15px #0008)}.scanframe{position:absolute;inset:40px 28px;border:2px solid #8fe4b4;border-radius:16px;box-shadow:inset 0 0 35px #5bd89522}.scanline{position:absolute;left:35px;right:35px;height:2px;background:#7ff0ae;box-shadow:0 0 13px #7ff0ae;animation:scan 2s infinite}@keyframes scan{0%{top:55px}50%{top:220px}100%{top:55px}}.camera-note{text-align:center;margin:16px 0}.camera-note b{display:block}.btn{border:0;border-radius:14px;padding:13px 17px;font-weight:800}.btn.primary{background:var(--purple);color:#fff}.btn.soft{background:var(--lav);color:var(--purple)}.btn.ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn.danger{background:var(--redbg);color:var(--red)}.btn.block{width:100%;margin-top:10px}.btn-row{display:flex;gap:9px}.btn-row .btn{flex:1}.analysis-orb{width:114px;height:114px;margin:22px auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--purple) 0 82%,var(--lav) 82%);position:relative}.analysis-orb:before{content:"96%";position:absolute;inset:9px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:25px;font-weight:800;color:var(--purple)}.checklist .card{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.check{color:var(--green);font-weight:900}.field{margin-bottom:12px}.field label{display:block;color:var(--muted);font-size:11px;font-weight:700;margin:0 0 5px}.field input,.field select,.field textarea,.search{width:100%;border:1px solid var(--line);border-radius:13px;padding:12px;background:#fff;color:var(--ink)}.confidence{font-size:10px;color:var(--green);font-weight:800}.notice{padding:12px;border-radius:14px;background:var(--greenbg);color:#286f53;margin:12px 0}.mail-preview{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;margin:12px 0}.mail-preview .to{border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:10px;color:var(--muted)}.success{text-align:center;padding:32px 8px}.success-icon{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:var(--greenbg);color:var(--green);font-size:44px;margin:12px auto 20px}.delivery-types{display:grid;gap:10px}.delivery-type{text-align:left;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.delivery-type b{display:block;margin-bottom:3px}.signature{height:145px;border:2px dashed #cfc4d8;border-radius:16px;background:#fff;display:grid;place-items:center;color:#a498ad;font-family:cursive;font-size:30px}.timeline{border-left:2px solid var(--lav);margin-left:9px;padding-left:20px}.event{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:12px}.event:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--purple);left:-27px;top:16px;border:3px solid #f8f5fa}.event h4{margin:0 0 4px}.tabs{display:flex;gap:6px;overflow:auto;margin-bottom:14px}.tab{white-space:nowrap;border:0;background:var(--lav);color:var(--purple);border-radius:20px;padding:8px 11px;font-size:11px;font-weight:700}.tab.active{background:var(--purple);color:#fff}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.photo{height:120px;border-radius:15px;background:linear-gradient(145deg,#ded8e1,#aaa0ad);display:grid;place-items:center;font-size:46px}
.photo-strip{display:flex;gap:8px;overflow:auto;margin:12px 0}.photo-thumb{min-width:76px;height:76px;border:1px solid var(--line);border-radius:13px;background:#fff;display:grid;place-items:center;padding:6px;text-align:center}.photo-thumb span{font-size:25px}.photo-thumb small{color:var(--muted);font-size:9px}.photo-preview-trigger{cursor:pointer;font:inherit}.photo-preview-trigger em{font-size:9px;font-style:normal;color:var(--blue);font-weight:800}.smart-photo-viewer{position:absolute;z-index:20;inset:0;background:#fff;padding:18px;display:flex;flex-direction:column;gap:14px;border-radius:20px}.smart-photo-viewer header{display:flex;align-items:center;justify-content:space-between}.smart-photo-viewer header div{display:grid;gap:2px}.smart-photo-viewer header small{color:var(--muted)}.smart-photo-viewer header button{width:34px;height:34px;border:0;border-radius:50%;font-size:24px;background:#eef4fc;color:var(--ink)}.smart-photo-large{min-height:265px;border-radius:18px;background:linear-gradient(145deg,#dceafe,#f8fbff 55%,#d9e7f7);border:1px solid #c7d9ef;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.smart-photo-large span{font-size:70px}.smart-photo-large small{color:var(--muted)}.smart-photo-viewer p{margin:0;color:var(--muted)}.smart-photo-viewer-actions{display:grid;gap:10px;margin-top:auto}.module-switch{margin:0 8px 16px;padding:10px;border:1px solid #ffffff22;border-radius:12px;background:#ffffff0d}.module-switch small{display:block;font-size:9px;letter-spacing:1px;margin-bottom:6px}.module-switch select{width:100%;border:0;border-radius:8px;padding:8px;background:#fff;color:var(--purple);font-weight:700}.catalog-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}.catalog-editor{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;position:sticky;top:96px}.catalog-table{min-width:720px}.records-table{min-width:1550px}.selected-row{background:#f5effb}.selected-row td:first-child{box-shadow:inset 4px 0 var(--purple)}.restricted-card{border-color:#e2b170;background:#fffaf2}.learning-row{display:grid;grid-template-columns:2fr .6fr 1fr auto;gap:18px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.confidence-meter{height:6px;border-radius:5px;background:var(--lav);overflow:hidden;margin-top:5px}.confidence-meter span{display:block;height:100%;background:var(--green);border-radius:5px}.learning-actions{display:flex;gap:8px}.recipient-detected{padding:13px;border-radius:14px;background:var(--greenbg);border:1px solid #bfe2d2;margin-bottom:12px}.recipient-detected h3{margin:4px 0}.incident-buttons{display:flex;gap:8px;flex-wrap:wrap}.config-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.settings-form{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;margin-top:18px}.config-detail-layout aside{position:sticky;top:96px}
.desktop{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.side{background:#2e194a;color:#fff;padding:24px 15px;position:fixed;inset:0 auto 0 0;width:248px}.side .brand{padding:0 9px 22px}.side .logo{background:#fff;color:var(--purple)}.side small{color:#cdbde0}.side-nav{display:grid;gap:5px}.side-nav button{border:0;background:transparent;color:#d7cbe4;border-radius:12px;text-align:left;padding:11px 13px}.side-nav button:hover,.side-nav button.active{background:#ffffff18;color:#fff}.side-foot{position:absolute;bottom:20px;left:20px;right:20px;padding:13px;border-top:1px solid #ffffff22}.desktop-main{grid-column:2;padding:0 30px 40px;min-width:0}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--canvas);position:sticky;top:0;z-index:4}.topbar h1{font-size:23px;margin:0}.top-actions{display:flex;gap:9px;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;background:var(--purple);color:#fff;display:grid;place-items:center;font-weight:800}.desk-content{padding-top:25px}.desk-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.desk-kpis .kpi{padding:20px}.grid-2{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-top:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}.panel h3{margin-bottom:16px}.chart{height:220px;display:flex;align-items:flex-end;gap:12px;padding:20px 8px 8px;border-bottom:1px solid var(--line)}.bar{flex:1;background:linear-gradient(#8e65b8,#4c2a78);border-radius:8px 8px 0 0;position:relative}.bar span{position:absolute;bottom:-27px;left:50%;transform:translateX(-50%);font-size:10px;color:var(--muted)}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.toolbar .search{width:min(330px,100%)}table{width:100%;border-collapse:collapse;min-width:850px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;background:#fbfafc}td{font-size:12px}.tr-title{font-weight:800}.cell-meta{font-size:10px;color:var(--muted);margin-top:4px}.metric-list{display:grid;gap:10px}.metric{display:flex;justify-content:space-between;padding:12px;border-radius:13px;background:#faf8fb}.detail-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:16px}.audit{display:grid;grid-template-columns:170px 1fr 170px;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}.config-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.config-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px}.config-card .bigicon{font-size:29px}.config-card h3{margin:10px 0 5px}.config-card p{color:var(--muted);font-size:12px}.toast{position:fixed;right:22px;bottom:22px;background:#251b2e;color:#fff;border-radius:14px;padding:13px 17px;box-shadow:var(--shadow);opacity:0;transform:translateY(15px);transition:.25s;z-index:50}.toast.show{opacity:1;transform:none}.toast.in-mobile-app{position:absolute;left:16px;right:16px;bottom:78px;z-index:90;text-align:center;font-size:13px;line-height:1.35;pointer-events:none}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-art{display:none}.choices{grid-template-columns:1fr}.desktop{grid-template-columns:78px 1fr}.side{width:78px;padding:18px 8px}.side .brand strong,.side .brand small,.side-nav button em,.side-foot,.module-switch{display:none}.side-nav button{text-align:center;font-size:18px}.desktop-main{grid-column:2;padding:0 16px 30px}.desk-kpis{grid-template-columns:1fr 1fr}.grid-2,.detail-grid,.catalog-layout,.config-detail-layout{grid-template-columns:1fr}.catalog-editor,.config-detail-layout aside{position:static}.config-grid{grid-template-columns:1fr 1fr}.audit,.learning-row{grid-template-columns:1fr;gap:3px}.learning-actions{margin-top:8px}}
@media(max-width:520px){.mobile-stage{padding:0}.phone{height:100vh;width:100%;border:0;border-radius:0}.phone:before{display:none}.welcome{padding:25px;border-radius:22px}.hero{padding:34px 0 22px}.hero h1{font-size:39px}.desk-kpis,.config-grid{grid-template-columns:1fr}.top-actions .btn{display:none}}

/* SmartSuite */
.choices:has(.suite-choice){grid-template-columns:repeat(3,1fr)}.suite-choice{background:linear-gradient(145deg,#fff,#f4edfa);border-color:#cdb9df}
.suite{grid-template-columns:270px 1fr}.suite-side{width:270px;background:linear-gradient(180deg,#25133f,#392354)}.suite .desktop-main{grid-column:2}.suite-side .side-foot{display:grid;gap:7px}.suite-side .side-foot button,.suite-home-btn{border:0;border-radius:11px;background:#ffffff12;color:#fff;padding:10px;text-align:left}.side-label{padding:16px 12px 7px;color:#ae9ac4;font-size:9px;letter-spacing:1.4px}.suite-welcome{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:25px;margin-bottom:17px;background:linear-gradient(125deg,#fff,#eee6f7);border:1px solid var(--line);border-radius:22px}.suite-welcome h2{font-size:28px;margin:3px 0}.suite-welcome p{margin:0;color:var(--muted)}.suite-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:16px}.suite-card{display:grid;grid-template-columns:auto 1fr;gap:15px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;cursor:pointer;transition:.2s}.suite-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.app-icon{width:52px;height:52px;border-radius:16px;background:var(--lav);display:grid;place-items:center;font-size:27px}.card-head{display:flex;justify-content:space-between;gap:10px}.card-head h3{margin:0}.suite-card p{color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.chips span{font-size:10px;background:#f3f0f5;border-radius:20px;padding:5px 8px;color:var(--muted)}.metric small,.setup-row small{display:block;color:var(--muted)}.module-menu{display:flex;gap:7px;overflow:auto;margin-bottom:16px}.module-menu button{white-space:nowrap;border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:12px;padding:9px 12px}.module-menu button.active{background:var(--purple);color:#fff}.suite-options{margin-top:16px}.option-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.option-grid button{border:1px solid var(--line);background:#faf8fb;border-radius:13px;padding:13px;text-align:left}.option-grid span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.setup-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.setup-row>span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:var(--lav);color:var(--purple);font-weight:800}.admin-split{display:grid;grid-template-columns:minmax(0,1.6fr) 390px;gap:16px;align-items:start}.admin-split>.suite-form{position:sticky;top:95px}.compact{width:auto!important}.role-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.role-row p{font-size:12px;color:var(--muted);margin:3px 0}.perm-table{min-width:950px}.perm-table th:not(:first-child),.perm-table td:not(:first-child){text-align:center}.perm-table input{width:18px;height:18px;accent-color:var(--purple)}.request-row{display:grid;grid-template-columns:auto 1fr auto 220px;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:16px;margin-bottom:10px}.request-row h3{margin:2px 0}.request-row p{margin:0;color:var(--muted)}.audit .person small{display:block;color:var(--muted)}
@media(max-width:1050px){.choices:has(.suite-choice){grid-template-columns:1fr 1fr}.admin-split{grid-template-columns:1fr}.admin-split>.suite-form{position:static}.option-grid{grid-template-columns:1fr 1fr}.request-row{grid-template-columns:auto 1fr auto}.request-row .btn-row{grid-column:2/4}}

/* DataPlan Android: estilos aislados para no alterar SmartReceptionAI. */
.dataplan-stage{background:#f4f7fb}
.dataplan-stage .phone{width:min(390px,100%);height:770px;min-height:770px;border:10px solid #172231;border-radius:34px;box-shadow:0 12px 30px rgba(22,49,82,.12)}
.dataplan-stage .phone:before{top:0;width:130px;height:23px;border-radius:0 0 15px 15px;background:#172231}
.dataplan-mobile{--purple:#0b63ce;--lav:#e8f2ff;--greenbg:#e9f8ef}
.dataplan-mobile .m-status{color:#25344b;background:#fff}
.dataplan-mobile .m-head{min-height:62px;padding:12px 16px}
.dataplan-mobile .m-head h2{flex:1;text-align:center;font-size:17px}
.dataplan-mobile .dp-head-space{flex:0 0 38px;height:38px}
.dataplan-mobile .icon-btn{flex:0 0 38px;border-radius:50%;background:#eef5ff;color:#0b63ce}
.dataplan-mobile .dp-head-action{font-size:13px;background:transparent;color:#26364c}
.dataplan-mobile .m-content{padding:18px 18px 92px;background:#f7f9fc}
.dataplan-mobile .greeting{text-align:left;margin-bottom:18px}
.dataplan-mobile .greeting .bigicon{width:64px;height:64px;margin:4px auto 14px;border-radius:18px;background:#0b63ce;color:#fff;display:grid;place-items:center;font-size:34px}
.dataplan-mobile .greeting h1{color:#142238}
.dataplan-mobile .btn{min-height:46px;border-radius:10px}
.dataplan-mobile .btn.primary{background:#0b63ce}
.dataplan-mobile .btn.soft{background:#e8f2ff;color:#0b63ce;border:1px solid #bfd7f5}
.dataplan-mobile .btn.ghost{border-color:#cbd9ea}
.dataplan-mobile .delivery-type{display:block;min-height:78px;border-radius:12px;padding:14px;border-color:#d8e2ef;box-shadow:0 2px 7px rgba(23,58,99,.05)}
.dataplan-mobile .record-top{align-items:center}
.dataplan-mobile .metric{gap:12px;min-height:55px}
.dataplan-mobile .metric span{min-width:0}
.dataplan-mobile .metric small{display:block;margin-top:3px}
.dataplan-mobile .field input,.dataplan-mobile .field select,.dataplan-mobile .field textarea{border-radius:9px;border-color:#cbd9ea;min-height:45px}
.dataplan-mobile .notice{border-radius:10px}
.dataplan-mobile .kpis{grid-template-columns:repeat(3,1fr);gap:8px}
.dataplan-mobile .kpi{padding:12px 9px;text-align:center;border-radius:11px}
.dataplan-mobile .kpi b{font-size:22px}
.dataplan-mobile .btn-row{display:grid;grid-template-columns:1fr 1fr;margin-top:14px}
.dataplan-mobile .btn-row .btn{width:100%}
.dataplan-mobile .m-nav.dp-nav{height:72px;display:grid;grid-template-columns:repeat(3,1fr);padding:6px 12px 5px}
.dataplan-mobile .dp-nav .nav-btn{width:100%;min-width:0;font-size:11px}
.dataplan-mobile .dp-nav .nav-btn span{font-size:20px;line-height:22px}
.dataplan-mobile .dp-nav .nav-btn.active{color:#0b63ce}
@media(max-width:520px){
 .dataplan-mobile .m-content{padding:16px 16px 88px}
 .dataplan-mobile .m-head{padding-inline:14px}
}

/* DataPlan Android: mismo sistema móvil de SmartReceptionAI, con identidad azul propia. */
.dataplan-mobile{--purple:#0b63ce;--purple2:#267ce0;--lav:#e8f2ff;--canvas:#f4f7fb;--line:#dce4ef;--ink:#172033;--muted:#6d788b;background:#f8fbff}.dataplan-mobile .m-head,.dataplan-mobile .m-nav{border-color:#dce4ef}.dataplan-mobile .nav-main span{box-shadow:0 8px 22px #0b63ce60}.dataplan-mobile .eyebrow{color:#0b63ce}.dataplan-mobile .auth-mark{box-shadow:0 12px 26px #0b63ce42}.dataplan-mobile .m-content{padding-bottom:92px}
.smartreception-mobile,.dataplan-mobile{font-family:"Segoe UI",Arial,sans-serif;font-size:16px;line-height:normal;background:#fff}.smartreception-mobile{--line:#d9d0e2;--canvas:#fbf9fc}.mobile-shell .m-status{height:34px;padding:10px 18px 0;font-size:11px}.mobile-shell .m-head{min-height:58px;padding:10px 16px;border-bottom:1px solid var(--line)}.mobile-shell .m-head h2{font-size:17px;flex:1;text-align:center;font-weight:700}.mobile-shell .m-content{padding:22px 18px 82px}.mobile-shell .m-nav{height:65px;padding:6px 8px 4px}.mobile-shell .nav-btn{font-size:11px;gap:3px}.mobile-shell .nav-btn span{font-size:19px}.mobile-shell .nav-main span{width:auto;height:auto;margin:0;border-radius:0;background:transparent;color:var(--muted);box-shadow:none}.mobile-shell .nav-main.active span{color:var(--purple)}.mobile-shell .icon-btn{width:36px;height:36px;border-radius:8px}.mobile-shell .btn,.mobile-shell .dp-button{border-radius:8px;min-height:42px;padding:10px 14px}.mobile-shell .field{margin:14px 0}.mobile-shell .field label{font-size:13px;color:var(--ink);font-weight:400;margin-bottom:6px}.mobile-shell .field input,.mobile-shell .field select,.mobile-shell .field textarea,.mobile-shell .search{border-color:var(--line);border-radius:8px;padding:10px;min-height:42px}.mobile-shell .card,.mobile-shell .kpi,.mobile-shell .record,.mobile-shell .delivery-type,.mobile-shell .mail-preview{border-color:var(--line);border-radius:13px;box-shadow:0 4px 15px rgba(24,51,84,.05)}.mobile-shell .tabs{gap:8px}.mobile-shell .tab{border-radius:8px;background:#fff;border:1px solid var(--line);padding:8px 10px}.mobile-shell .tab.active{background:var(--purple);border-color:var(--purple)}.mobile-shell .auth-mark{width:38px;height:38px;border-radius:10px;font-size:20px;box-shadow:none}.mobile-shell .mobile-auth{padding-top:24px}.mobile-shell .mobile-auth-brand{margin-bottom:24px}.mobile-shell .mobile-auth-brand h1{font-size:25px}.mobile-shell .success-icon{width:68px;height:68px;font-size:34px}.mobile-shell .dp-card{border-radius:13px}.mobile-shell .dp-source-screen{padding:22px 18px 82px}
.mobile-shell .delivery-type.selected-location{border:2px solid var(--purple);background:var(--lav)}.mobile-shell button:disabled{opacity:.48;cursor:not-allowed}
.photo-slot-actions{display:flex;gap:9px;align-items:center}.danger-link{color:var(--red)!important}.dp-photo{position:relative}.dp-photo .link{font-size:9px;padding:0;background:transparent;border:0}.dp-photo:has(.link){width:100px;height:88px;display:flex;flex-wrap:wrap;gap:4px;align-content:center;justify-content:center}
.dataplan-source-mobile{height:100%;background:#fff;color:#172033;position:relative;font-family:"Segoe UI",Arial,sans-serif;font-size:16px;line-height:normal}
.dataplan-source-mobile .field{display:flex;flex-direction:column;gap:6px;margin:12px 0}
.dataplan-source-mobile .field label{font-size:16px;font-weight:400;color:#172033;margin:0}
.dataplan-source-mobile .field input,.dataplan-source-mobile .field textarea,.dataplan-source-mobile .field select{border:1px solid #ccd7e5;border-radius:8px;padding:10px;min-height:0}
.dp-source-status{display:none}
.dp-source-screen{height:100%;overflow:auto;padding:38px 18px 18px;background:#fff}
.dp-source-screen.has-nav{padding-bottom:82px}
.dp-source-screen:not(.has-nav)>.dp-button.primary.full:last-child{position:sticky;bottom:0;z-index:4;box-shadow:0 -8px 18px #f7f9fc}
.dp-suite-back,.dp-inline-back,.dp-forgot{border:0;background:transparent;color:#0b63ce;font-weight:700;padding:5px 0}
.dp-login-brand{text-align:center;padding:55px 0 14px}
.dp-login-brand .dp-logo{width:34px;height:34px;margin:auto;border-radius:10px;background:#0b63ce;color:#fff;display:grid;place-items:center;font-size:19px}
.dp-login-brand h2{margin:13px 0 4px}.dp-login-brand p,.dp-muted{color:#6d788b}
.dp-remember{display:flex;align-items:center;gap:8px;margin:12px 0}
.dp-connection{color:#1d7c4a;background:#e9f8ef;border-radius:9px;padding:11px;margin-top:14px}
.dp-button{border:0;border-radius:14px;padding:12px 16px;font-weight:800;min-height:46px;font-size:14px}
.dp-button.primary{background:#0b63ce;color:#fff}.dp-button.outline{background:#fff;color:#0b63ce;border:1px solid #b8d5f4}.dp-button.danger{background:#fff0f0;color:#dc3c3c;border:1px solid #f2bbbb}.dp-button.full{width:100%;margin-top:12px}
.dp-title-row,.dp-spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.dp-title-row h2{margin:0}.dp-title-row p{margin:4px 0;color:#6d788b}.dp-title-row>button{border:0;background:transparent;color:#0b63ce;font-weight:800}
.dp-calendar-button{width:44px;height:44px;border-radius:12px!important;background:#e8f2ff!important;font-size:24px!important;display:grid;place-items:center;line-height:1}
.dataplan-mobile .m-content{overflow-x:hidden}.tactile-photo-row{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:stretch;width:100%;min-width:0}.dp-photo-card{width:100%;min-width:0;border:1px solid #cddded;border-radius:13px;padding:10px;background:#fff;display:grid;grid-template-columns:64px minmax(0,1fr) 88px;align-items:center;gap:10px}.dp-photo-preview{width:64px;height:64px;border:0;border-radius:10px;background:#e8f2ff;color:#0b63ce;display:grid;place-items:center;font-size:30px}.dp-photo-meta{min-width:0;display:grid;gap:4px}.dp-photo-meta b{font-size:14px}.dp-photo-meta small{font-size:11px;color:#6d788b;line-height:1.25}.dp-photo-actions{display:grid;grid-template-columns:1fr;gap:6px}.dp-photo-actions .dp-button{width:100%;min-width:0;min-height:36px;padding:6px;font-size:11px;white-space:normal}.dp-photo-add{width:100%;min-width:0;min-height:70px;border:2px dashed #9ec4ef;border-radius:13px;background:#f7fbff;color:#0b63ce;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:11px;text-align:left;padding:12px}.dp-photo-add span{grid-row:span 2;font-size:31px}.dp-photo-add small{color:#6d788b}
.dp-photo-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 10px}.dp-photo-heading>b{min-width:0}.dp-photo-add-compact{border:0;border-radius:9px;background:#0b63ce;color:#fff;padding:10px 12px;font-size:12px;font-weight:800;white-space:nowrap}.dp-photo-empty{padding:15px;border:1px dashed #b5cce6;border-radius:12px;background:#f7fbff;color:#6d788b;font-size:12px}.phone .dp-photo-viewer{position:absolute;inset:0;z-index:60;padding:24px 18px;background:#f7fbff;display:flex;flex-direction:column;gap:16px;overflow:auto}.dp-photo-viewer header{display:flex;align-items:center;justify-content:space-between;font-size:18px}.dp-photo-viewer header button{width:40px;height:40px;border:0;border-radius:50%;background:#e8f2ff;color:#0b63ce;font-size:28px;line-height:1}.dp-photo-large{min-height:310px;border-radius:18px;background:linear-gradient(145deg,#dcebfa,#94bfe9);color:#0b63ce;display:grid;place-content:center;text-align:center;font-size:84px;box-shadow:inset 0 0 0 1px #b8d5f4}.dp-photo-large span{display:block;margin-top:12px;font-size:13px;font-weight:800}.dp-photo-viewer p{color:#6d788b;margin:0}.dp-photo-viewer-actions{display:grid;gap:9px;margin-top:auto}.dp-photo-viewer-actions .dp-button{min-height:48px}
.dataplan-mobile .dp-photo-row.tactile-photo-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch;gap:10px;width:100%;overflow:visible}.dataplan-mobile .dp-photo-row.tactile-photo-row>.dp-photo-card{width:100%;max-width:100%;min-width:0}
.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.help-grid .panel{margin:0}.help-grid h3{margin-bottom:7px}.help-grid p{margin:0;color:var(--muted)}.help-about{max-width:620px}.dp-desktop-topbar .top-actions{margin-right:auto}@media(max-width:700px){.help-grid{grid-template-columns:1fr}}
.top-actions{justify-content:flex-start}.help-top-button{display:flex;align-items:center;gap:8px}.help-card{border:1px solid var(--line);text-align:left;display:grid;grid-template-columns:auto 1fr;gap:14px;cursor:pointer}.help-card:hover{border-color:var(--purple);box-shadow:var(--shadow)}.help-card>span{font-size:30px}.help-detail{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.help-shot{margin-top:18px;min-height:220px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#f7fbff,#e7f1ff);padding:18px;display:flex;flex-direction:column;gap:12px;color:#0b63ce}.help-shot-bar{display:flex;gap:5px}.help-shot-bar span{width:9px;height:9px;border-radius:50%;background:#8ab9eb}.help-shot small{color:var(--muted)}.help-shot-lines{display:grid;gap:8px;margin-top:auto}.help-shot-lines i{height:12px;border-radius:5px;background:#cbdff3}.help-flow{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:18px;padding:14px;border-radius:14px;background:var(--lav)}.help-flow span{padding:7px 10px;border-radius:9px;background:#fff;font-size:12px}.help-back{margin-bottom:14px}@media(max-width:900px){.help-detail{grid-template-columns:1fr}}
.help-field{padding:11px 0;border-bottom:1px solid var(--line)}.help-field:last-child{border:0}.help-field p{margin:4px 0 0;color:var(--muted);font-size:13px}.help-flow-diagram{display:flex;align-items:stretch;flex-wrap:wrap;gap:9px;padding:18px;border-radius:16px;background:#f3f8fe;border:1px solid #d9e8f7}.help-flow-node{min-width:130px;max-width:180px;flex:1;display:grid;gap:7px;padding:12px;border-radius:12px;background:#fff;border:1px solid #cbdff3}.help-flow-node b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#0b63ce;color:#fff;font-size:11px}.help-flow-node span{font-size:12px;font-weight:700}.help-arrow{align-self:center;color:#0b63ce;font-size:24px;font-weight:800}@media(max-width:900px){.help-detail{grid-template-columns:1fr}.help-arrow{transform:rotate(90deg)}}
.unified-topbar .top-actions{margin-right:auto;display:flex;justify-content:flex-start}.help-real-capture{margin:0 0 20px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.help-real-capture img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;object-position:top}.help-real-capture figcaption{padding:10px 13px;color:var(--muted);font-size:12px}
.dp-card{display:block;width:100%;text-align:left;background:#fff;border:1px solid #dce4ef;border-radius:13px;padding:16px;margin:12px 0;box-shadow:0 4px 15px rgba(24,51,84,.05)}
.dp-card small,.dp-spread small{display:block;color:#6d788b;margin-top:4px}.dp-actions{display:flex;align-items:center;gap:9px;margin-top:14px}.dp-review-actions .dp-button{flex:1}
.dp-order-data .dp-op{padding-inline:0}.dp-op{width:100%;padding:12px 0;border:0;border-bottom:1px solid #dce4ef;background:transparent;text-align:left;color:#172033}.dp-op b{text-align:right}
.dp-ops-list{margin:9px 0}.dp-ops-list .dp-op{cursor:pointer}
.dp-progress{height:7px;margin:12px 0 20px;background:#e7edf5;border-radius:99px;overflow:hidden}.dp-progress span{display:block;height:100%;background:#0b63ce}
.dp-step{font-size:13px}.dp-pill{display:inline-flex;padding:4px 8px;border-radius:99px;font-size:12px;font-weight:800}.dp-pill.blue{background:#e7f1ff;color:#0b63ce}.dp-pill.green{background:#e9f8ef;color:#1d9b55}.dp-pill.orange{background:#fff4df;color:#ac6900}.dp-pill.red{background:#ffe9e9;color:#dc3c3c}
.dp-photo-row{display:flex;align-items:center;gap:9px;margin:9px 0 17px}.dp-photo{width:70px;height:70px;border:1px dashed #b5c4d7;border-radius:8px;background:#f7fbff;color:#0b63ce;display:grid;place-items:center;font-size:24px}
.dp-alert{background:#fff0f0;border:1px solid #f2b6b6;color:#b72b2b;padding:11px;border-radius:9px;margin:12px 0}.dp-invalid input{border-color:#dc3c3c!important;background:#fff7f7!important}.dp-red{color:#dc3c3c}
.dp-saved{text-align:center;padding-top:70px}.dp-saved-icon{font-size:68px}.dp-saved h1{margin-bottom:5px}.dp-saved-pills{display:flex;justify-content:center;gap:7px;margin:15px 0}
.dp-history-card{cursor:pointer}.dp-more-row{display:flex;justify-content:space-between;cursor:pointer}
.dp-source-bottom{height:65px;position:absolute;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #dce4ef;display:grid;grid-template-columns:repeat(3,1fr);z-index:8}
.dp-source-bottom button{border:0;background:transparent;color:#6d788b;font-size:11px;display:grid;place-items:center;align-content:center;gap:3px}.dp-source-bottom button span{font-size:19px}.dp-source-bottom button.active{color:#0b63ce;font-weight:800}
.choices.suite-entry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:820px){.choices.suite-entry-grid{grid-template-columns:1fr}}
@media(max-width:900px){.choices:has(.suite-choice),.suite-grid{grid-template-columns:1fr}.suite{grid-template-columns:78px 1fr}.suite-side{width:78px}.suite-side .side-label,.suite-side .side-foot,.suite-home-btn em{display:none}.suite .desktop-main{grid-column:2}.suite-welcome{align-items:flex-start;flex-direction:column}.option-grid{grid-template-columns:1fr}}
.user-module-access{margin-top:16px}.module-access-table{min-width:1050px}.module-access-table select,.perm-table select{min-width:125px;border:1px solid var(--line);border-radius:9px;padding:8px;background:#fff}.mobile-yes{background:var(--greenbg)!important;color:var(--green)!important;font-weight:800}
.basic-login{max-width:520px}.basic-login .greeting{margin-top:38px}.basic-portal{min-height:100vh;background:var(--canvas)}.basic-top{height:78px;padding:0 max(24px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.basic-content{width:min(1280px,calc(100% - 40px));margin:auto;padding:28px 0 50px}.basic-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.basic-module-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;display:grid;grid-template-columns:auto 1fr;gap:15px}.basic-module-card p{color:var(--muted);min-height:42px}.basic-admin-head{margin-bottom:20px}.basic-admin-layout{display:grid;grid-template-columns:310px 1fr;gap:16px;align-items:start}.basic-user-list{display:grid;gap:7px;position:sticky;top:100px}.basic-user-list>button{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:left;border:1px solid transparent;background:#faf8fb;border-radius:13px;padding:10px}.basic-user-list>button.active{border-color:#bda5d3;background:var(--lav)}.basic-user-list small{display:block;color:var(--muted)}.basic-permissions{margin-top:16px}.basic-permissions table{min-width:820px}.basic-permissions select{border:1px solid var(--line);border-radius:9px;padding:8px;background:#fff}.simple-mobile{display:flex;gap:7px;align-items:center}.simple-mobile input,.basic-permissions input{width:18px;height:18px;accent-color:var(--purple)}.basic-save{display:flex;gap:9px;margin-top:18px}
@media(max-width:950px){.basic-module-grid{grid-template-columns:1fr 1fr}.basic-admin-layout{grid-template-columns:1fr}.basic-user-list{position:static}.basic-top{padding:0 16px}}
@media(max-width:620px){.basic-module-grid{grid-template-columns:1fr}.basic-top .top-actions .btn{display:none}.basic-content{width:min(100% - 24px,1280px)}}
.remember-login{display:flex;align-items:center;gap:8px;color:var(--muted);margin:4px 0 12px}.remember-login input{width:17px;height:17px;accent-color:var(--purple)}.demo-credentials{display:grid;gap:3px;margin-top:20px;padding:12px;border-radius:13px;background:#f7f4f9;color:var(--muted);font-size:11px}.demo-credentials b{color:var(--ink)}
.detail-tab-panel{margin-top:0}.detail-photos{grid-template-columns:repeat(3,1fr)}#package-tab-view:not([hidden]){animation:tabIn .18s ease}@keyframes tabIn{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:760px){.detail-photos{grid-template-columns:1fr}}
.email-test{margin:4px 0 18px}
.report-cover{display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(120deg,#fff,#eee6f7);border:1px solid var(--line);border-radius:22px;padding:24px;margin-bottom:16px}.report-cover h2{font-size:28px;margin:3px 0}.report-cover p{margin:0;color:var(--muted)}.report-actions{display:flex;gap:8px}.report-filters{background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px}.report-filters .field{margin:0}.report-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-top:16px}.report-bars{height:210px;display:flex;align-items:flex-end;gap:4px;border-bottom:1px solid var(--line);padding-top:20px}.report-bar{flex:1;min-width:5px;max-height:180px;background:linear-gradient(#8e65b8,#4c2a78);border-radius:5px 5px 0 0;position:relative}.report-bar b{position:absolute;top:-18px;width:100%;text-align:center;font-size:9px}.report-bar span{position:absolute;bottom:-19px;width:100%;text-align:center;font-size:8px;color:var(--muted)}.donut{width:150px;height:150px;margin:12px auto;border-radius:50%;background:conic-gradient(var(--green) 0 var(--delivered),var(--orange) var(--delivered) var(--pending),var(--red) var(--pending));display:grid;place-content:center;text-align:center;position:relative}.donut:before{content:"";position:absolute;inset:25px;border-radius:50%;background:#fff}.donut b,.donut span{position:relative;z-index:1}.donut b{font-size:28px}.donut span{color:var(--muted)}.report-legend{display:grid;gap:6px}.report-legend span{display:flex;align-items:center;gap:7px}.report-legend i{width:10px;height:10px;border-radius:50%}.leg-delivered{background:var(--green)}.leg-pending{background:var(--orange)}.leg-incident{background:var(--red)}.report-section{margin-top:26px}.report-table table{min-width:1250px}.report-footer{display:flex;justify-content:space-between;margin-top:18px;padding:16px;border-top:1px solid var(--line);color:var(--muted)}
@media(max-width:900px){.report-grid{grid-template-columns:1fr}.report-cover{align-items:flex-start;flex-direction:column}.report-actions{flex-wrap:wrap}.report-footer{display:grid;gap:5px}}
@media print{body.printing-report{background:#fff}.printing-report .side,.printing-report .topbar,.printing-report .report-actions,.printing-report .report-filters,.printing-report .toast{display:none!important}.printing-report .desktop{display:block}.printing-report .desktop-main{padding:0!important}.printing-report .desk-content{padding:0}.printing-report .monthly-report{font-size:10px}.printing-report .panel,.printing-report .report-cover,.printing-report .table-wrap{break-inside:avoid;box-shadow:none}.printing-report .report-table{overflow:visible}.printing-report .report-table table{min-width:0;font-size:7px}.printing-report .report-table th,.printing-report .report-table td{padding:5px}.printing-report .report-bars{height:150px}}
.new-recipient-btn{margin:0 0 14px}
.recipient-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.recipient-title-row h3{margin:4px 0}.recipient-incident-btn{padding:7px 10px;font-size:11px}.incident-success{background:var(--redbg);color:var(--red)}
.incident-origin{padding:12px;border-radius:13px;background:var(--redbg);margin:14px 0}.full-incident-resolution{border-color:#e8b2bc;margin-top:16px}.resolved-incident-card{border-color:#abd9c6;background:#fbfffd;margin:14px 0}.resolved-incident-card .metric{background:#f2fbf7}.mobile-shell .resolved-incident-card{padding:13px}
.incident-evidence-gallery{margin:16px 0;padding:15px;border:1px solid var(--line);border-radius:16px;background:#faf8fb}.incident-evidence-gallery .section-title{margin:0 0 11px}.incident-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.incident-photo-card{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;padding:0;text-align:left}.incident-photo-image{height:105px;display:grid;place-items:center;font-size:38px;background:linear-gradient(145deg,#d7d0da,#a79eab);position:relative}.incident-photo-image:after{content:"EVIDENCIA";position:absolute;right:6px;bottom:5px;font-size:7px;letter-spacing:1px;color:#fff;background:#251b2e99;border-radius:5px;padding:3px 5px}.incident-photo-image.variant-1{background:linear-gradient(145deg,#cbbda8,#958572)}.incident-photo-image.variant-2{background:linear-gradient(145deg,#d6c4c8,#9d747d)}.incident-photo-image.variant-3{background:linear-gradient(145deg,#c3ccd5,#78899a)}.incident-photo-info{display:grid;padding:9px}.incident-photo-info small{color:var(--muted);font-size:9px;margin-top:2px}.incident-photo-actions{display:flex;gap:8px;margin-top:11px}.incident-evidence-gallery.compact{padding:11px}.incident-evidence-gallery.compact .incident-photo-image{height:70px}.incident-evidence-gallery.compact .incident-photo-info{padding:7px}.mobile-shell .incident-photo-grid{grid-template-columns:1fr 1fr}.mobile-shell .incident-photo-image{height:88px}.mobile-shell .incident-photo-info b{font-size:11px}@media(max-width:760px){.incident-photo-grid{grid-template-columns:1fr 1fr}}
.recipient-search-box{position:sticky;top:-18px;z-index:3;background:#faf9fb;padding:10px 0}.recipient-results{display:grid;gap:8px}.recipient-result{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;text-align:left;border:1px solid var(--line);border-radius:14px;background:#fff;padding:11px}.recipient-result:hover{border-color:#9e7cbd;background:#fbf8fd}.recipient-result small{display:block;color:var(--muted);font-size:10px}.recipient-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--lav);color:var(--purple);font-weight:800}.recipient-arrow{font-size:24px;color:var(--purple)}

/* Registros de Paquetería: referencia y acción siempre visibles */
.records-table{min-width:1320px}.records-table th:first-child,.records-table td:first-child{position:sticky;left:0;z-index:2;background:#fff;box-shadow:5px 0 10px -10px #251b2e}.records-table th:first-child{z-index:3;background:#fbfafc}.records-table th:last-child,.records-table td:last-child{position:sticky;right:0;z-index:2;background:#fff;min-width:142px;box-shadow:-7px 0 12px -11px #251b2e}.records-table th:last-child{z-index:3;background:#fbfafc}.records-table td:last-child .link{display:block;width:100%;padding:9px 7px;border-radius:9px;background:var(--lav);text-align:center}.records-table th:nth-child(2),.records-table td:nth-child(2),.records-table th:nth-child(5),.records-table td:nth-child(5){max-width:150px}
.damage-camera{height:245px;border-radius:20px;background:linear-gradient(145deg,#302d32,#151417);color:#fff;display:grid;place-content:center;text-align:center;position:relative;overflow:hidden;margin:14px 0}.damage-camera>span{font-size:58px}.damage-camera>small{margin-top:8px;color:#ddd}.damage-focus{position:absolute;inset:35px 28px;border:2px solid #ff8b98;border-radius:15px;box-shadow:inset 0 0 28px #b9415538}.damage-capture-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.damage-captured{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff}.damage-captured b,.damage-captured small{padding:0 8px}.damage-captured b{font-size:10px;margin-top:7px}.damage-captured small{font-size:8px;color:var(--muted);margin-bottom:8px}.damage-empty{background:var(--orangebg);color:var(--orange)}
.local-status{font-size:11px;color:var(--green);font-weight:800;white-space:nowrap}.local-reset-btn{font-size:11px;padding:9px 11px}@media(max-width:720px){.local-status,.local-reset-btn{display:none}}
.suite-back-module{width:100%;border:0;border-radius:8px;padding:8px;background:#fff;color:var(--purple);font-weight:700;text-align:left}

/* DataPlan escritorio: interfaz propia, basada en dataplan_demo_escritorio.html. */
.dp-desktop-app{--purple:#0b63ce;--lav:#e8f2ff;--canvas:#f4f7fb;--line:#dce4ef;--ink:#182235;--muted:#6f7c91;display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh;background:#f4f7fb;color:#182235;font-family:Inter,"Segoe UI",Arial,sans-serif}
.dp-desktop-sidebar{height:100vh;position:sticky;top:0;background:#0f2746;color:#d8e5f6;padding:18px 14px;overflow:auto}
.dp-desktop-brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:20px;font-weight:900;padding:6px 8px 16px}
.dp-desktop-logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#0b63ce,#55a7ff);display:grid;place-items:center;font-size:20px}
.dp-suite-return{width:100%;border:1px solid #34516f;background:#173654;color:#dbeaff;border-radius:8px;padding:9px 11px;text-align:left;margin-bottom:10px}
.dp-desktop-sidebar h5{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8ea6c2;margin:18px 10px 7px}
.dp-desktop-sidebar>button:not(.dp-suite-return){width:100%;border:0;background:transparent;color:#c8d7e9;text-align:left;padding:11px 12px;border-radius:8px;margin:2px 0;display:flex;align-items:center;gap:10px}
.dp-desktop-sidebar>button:not(.dp-suite-return)>span{width:18px;text-align:center}
.dp-desktop-sidebar>button.active{background:#0b63ce;color:#fff;font-weight:800}
.dp-desktop-main{min-width:0}
.dp-desktop-topbar{height:66px;background:#fff;border-bottom:1px solid #dce4ef;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:20}
.dp-desktop-topbar>div:first-child span{color:#6f7c91}
.dp-desktop-user{display:flex;align-items:center;gap:10px}
.dp-desktop-user i{width:34px;height:34px;border-radius:50%;background:#dcecff;color:#0b63ce;display:grid;place-items:center;font-style:normal;font-weight:800}
.dp-desktop-user small{display:block;color:#6f7c91;font-size:12px;margin-top:2px}
.dp-online{display:inline-flex;padding:5px 9px;border:0;border-radius:999px;background:#e8f8ee;color:#219653;font-size:12px;font-weight:800;margin-right:4px;cursor:pointer}.dp-online.offline{background:#ffe8e8;color:#d43c3c}.dp-user-only-topbar{justify-content:flex-end}
.dp-desktop-content{padding:24px}
.dp-desktop-content>.suite-welcome,.dp-desktop-content>.module-menu{display:none}
.dp-desktop-content .panel,.dp-desktop-content .kpi,.dp-desktop-content .table-wrap{border-color:#dce4ef;box-shadow:0 4px 14px rgba(24,51,84,.05)}
.dp-desktop-content .btn.primary{background:#0b63ce}
.dp-desktop-content .btn.soft{background:#eef5ff;color:#0b63ce}
.dp-desktop-content .link{color:#0b63ce}
.dp-desktop-content .chart .bar{background:linear-gradient(#0b63ce,#70b6ff)}
@media(max-width:1000px){
 .dp-desktop-app{grid-template-columns:1fr}
 .dp-desktop-sidebar{position:static;height:auto;display:flex;gap:4px;overflow:auto;padding:10px}
 .dp-desktop-brand,.dp-desktop-sidebar h5{display:none}
 .dp-desktop-sidebar>button,.dp-suite-return{min-width:max-content!important;width:auto!important;margin:0!important}
 .dp-desktop-topbar{top:0}
}
@media(max-width:650px){
 .dp-desktop-topbar{padding:0 14px}.dp-desktop-topbar>div:first-child span,.dp-online{display:none}
 .dp-desktop-content{padding:14px}
}
.dp-source-spread{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}
.dp-source-spread h1{margin:0;font-size:24px}.dp-source-spread p{margin:6px 0 0}
.dp-source-tabs{display:flex;gap:4px;border-bottom:1px solid #dce4ef;margin-bottom:18px}
.dp-source-tabs button{border:0;background:transparent;padding:11px 14px;color:#607086}
.dp-source-tabs button.active{color:#0b63ce;font-weight:800;border-bottom:3px solid #0b63ce}
.dp-editor-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}
.dp-days{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}
.dp-days button{border:1px solid #cbd8e7;background:#fff;color:#536178;border-radius:8px;padding:9px 12px}
.dp-days button.active{background:#0b63ce;color:#fff;border-color:#0b63ce}
.dp-hours{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dp-hours input{padding:10px;border:1px solid #cbd7e5;border-radius:8px}
.dp-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.dp-repeat{display:flex;align-items:center;gap:8px;margin-top:14px}
.dp-repeat input{width:17px;height:17px;accent-color:#0b63ce}
.dp-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}
.dp-calendar div{aspect-ratio:1;display:grid;place-items:center;border-radius:8px;font-size:13px}
.dp-calendar div.selected{background:#0b63ce;color:#fff}
.dp-editor-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
@media(max-width:850px){.dp-editor-grid{grid-template-columns:1fr}.dp-date-grid{grid-template-columns:1fr}.dp-source-spread{align-items:flex-start;flex-direction:column}}
.dp-general-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px}
.dp-general-grid textarea{resize:vertical}
.dp-order-preview{border:1px solid #dce4ef;border-radius:12px;background:#f8fbff;padding:17px;margin:12px 0}
.dp-order-preview h2{margin:13px 0 6px}.dp-order-preview p{color:#6f7c91;line-height:1.5}
@media(max-width:850px){.dp-general-grid{grid-template-columns:1fr}}
.dp-time-chips{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}
.dp-time-chips button{border:1px solid #bcd3ef;background:#eef5ff;color:#0b63ce;border-radius:99px;padding:7px 11px}
.dp-wizard-operations{display:grid;grid-template-columns:minmax(0,1.5fr) 360px;gap:16px;align-items:start}
.dp-empty{text-align:center;padding:34px;color:#6f7c91}.dp-empty b,.dp-empty h3{color:#182235}
.dp-range-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:16px;align-items:start}
.dp-operation-select{width:100%;display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;text-align:left;border:1px solid transparent;background:#f8fbff;border-radius:10px;padding:11px;margin:6px 0}
.dp-operation-select>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e8f2ff;color:#0b63ce;font-weight:800}
.dp-operation-select small{display:block;color:#6f7c91;margin-top:3px}.dp-operation-select.active{border-color:#0b63ce;background:#eef5ff}
@media(max-width:950px){.dp-wizard-operations,.dp-range-layout{grid-template-columns:1fr}}
.dp-wizard-error{display:flex;align-items:center;gap:12px;background:#fff0f0;border:1px solid #efb8b8;color:#b52d2d;padding:13px 15px;border-radius:10px;margin:0 0 16px}
.dp-wizard-error b{white-space:nowrap}.dp-wizard-error span{border-left:1px solid #efb8b8;padding-left:12px}
@media(max-width:650px){.dp-wizard-error{align-items:flex-start;flex-direction:column}.dp-wizard-error span{border-left:0;padding-left:0}}
.dp-mail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;align-items:start}
.dp-mail-actions{display:flex;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}
.dp-mail-result{background:#e8f8ee;border:1px solid #abd9c6;color:#176e42;padding:13px 15px;border-radius:10px;margin-bottom:16px;font-weight:700}
@media(max-width:1000px){.dp-mail-grid{grid-template-columns:1fr}}
.dp-mail-server-only{max-width:900px}
.dp-report-page{display:grid;gap:16px}.dp-report-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.dp-report-head h2{font-size:28px;margin:4px 0}.dp-report-head p{margin:0;color:#6f7c91}.dp-report-actions{display:flex;gap:8px}
.dp-report-filters{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:10px;align-items:end;background:#fff;border:1px solid #dce4ef;border-radius:14px;padding:14px}.dp-report-filters .field{margin:0}
.dp-report-chart-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px}.dp-report-chart-grid>.panel{min-width:0;overflow:hidden}.dp-line-chart{height:250px;display:flex;align-items:flex-end;gap:8px;position:relative;border-bottom:1px solid #bfcbd9;margin-top:20px;padding:0 12px}.dp-ref-band{position:absolute;left:0;right:0;bottom:48px;height:96px;background:#e8f8ee;border-top:1px dashed #57a77a;border-bottom:1px dashed #57a77a}
.dp-point-column{flex:1;height:100%;position:relative}.dp-point-column i{position:absolute;left:50%;width:10px;height:10px;border-radius:50%;background:#0b63ce;transform:translate(-50%,50%);box-shadow:0 0 0 3px #dcecff}.dp-point-column i.alert{background:#d43c3c;box-shadow:0 0 0 3px #ffe8e8}.dp-point-column span{position:absolute;bottom:-20px;width:100%;text-align:center;font-size:10px;color:#6f7c91}
.dp-chart-legend{display:flex;gap:15px;margin-top:28px;color:#6f7c91;font-size:12px}.dp-chart-legend span{display:flex;align-items:center;gap:6px}.dp-chart-legend i{width:10px;height:10px;border-radius:50%}.dp-chart-legend .ok{background:#0b63ce}.dp-chart-legend .bad{background:#d43c3c}.dp-chart-legend .ref{background:#bfe7ce}
.dp-comparison{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #dce4ef}.dp-comparison small{display:block;color:#6f7c91}.dp-comparison strong{font-size:18px}.dp-comparison em{font-style:normal;color:#219653;font-weight:800;font-size:12px}
.dp-indicator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dp-indicator{min-width:0;border:1px solid #dce4ef;border-radius:11px;padding:14px;display:grid;gap:5px}.dp-indicator>b{font-size:21px;overflow-wrap:anywhere}.dp-indicator small{color:#6f7c91}.dp-indicator .badge{justify-self:start}
.dp-report-status{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;white-space:nowrap}.dp-report-status i{width:7px;height:7px;border-radius:50%;background:currentColor}.dp-report-status.correct{background:#e8f8ee;color:#187746}.dp-report-status.warning{background:#ffe8e8;color:#bd3030}.dp-report-status.neutral{background:#eef5ff;color:#0b63ce}
.dp-report-detail{min-width:0;overflow:hidden}.dp-report-detail .table-wrap{max-height:430px;width:100%;overflow:auto}.dp-report-detail table{min-width:1120px;table-layout:auto}.dp-report-detail th,.dp-report-detail td{padding:10px 9px;white-space:nowrap}.dp-report-detail th:nth-child(3),.dp-report-detail td:nth-child(3){min-width:125px}.dp-report-detail th:last-child,.dp-report-detail td:last-child{position:sticky;right:0;background:#fff;box-shadow:-6px 0 10px -10px #182235}.dp-report-detail th:last-child{background:#fbfafc}.dp-report-footer{display:flex;justify-content:space-between;border-top:1px solid #dce4ef;padding:14px;color:#6f7c91;font-size:12px}
@media(max-width:1000px){.dp-report-filters{grid-template-columns:1fr 1fr}.dp-report-chart-grid{grid-template-columns:1fr}.dp-indicator-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.dp-report-head{align-items:flex-start;flex-direction:column}.dp-report-filters,.dp-indicator-grid{grid-template-columns:1fr}.dp-report-footer{display:grid;gap:4px}}
@media print{body.dp-print-report .dp-desktop-sidebar,body.dp-print-report .dp-desktop-topbar,body.dp-print-report .dp-report-actions,body.dp-print-report .dp-report-filters{display:none!important}body.dp-print-report .dp-desktop-app{display:block;background:#fff}body.dp-print-report .dp-desktop-content{padding:0}body.dp-print-report .dp-report-page{font-size:9px}body.dp-print-report .panel,body.dp-print-report .kpi{box-shadow:none;break-inside:avoid}body.dp-print-report .dp-report-detail .table-wrap{max-height:none;overflow:visible}body.dp-print-report .dp-report-detail table{min-width:0;font-size:6px}body.dp-print-report .dp-report-detail th,body.dp-print-report .dp-report-detail td{padding:4px}}

/* Patrón lateral unificado DataPlan + SmartReceptionAI. */
.unified-module-shell{--purple:#0b63ce;--lav:#e8f2ff;--canvas:#f4f7fb;--line:#dce4ef;--ink:#182235;--muted:#6f7c91;grid-template-columns:230px minmax(0,1fr);background:#f4f7fb}
.unified-module-shell>.side{width:230px;background:#0f2746;color:#d8e5f6;padding:18px 14px}
.unified-module-shell>.side .brand{display:flex;align-items:center;gap:10px;padding:6px 8px 16px}
.unified-module-shell>.side .brand .logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#0b63ce,#55a7ff);color:#fff;display:grid;place-items:center;font-size:19px}
.unified-module-shell>.side .brand strong{color:#fff;font-size:18px}.unified-module-shell>.side .brand small{display:block;color:#9eb3cb;margin-top:2px}
.unified-suite-back{width:100%;border:1px solid #34516f;background:#173654;color:#dbeaff;border-radius:8px;padding:9px 11px;text-align:left;margin-bottom:10px}
.unified-side-label{font-size:11px;letter-spacing:.08em;color:#8ea6c2;margin:18px 10px 7px}
.unified-module-shell>.side .module-switch{display:none}
.unified-module-shell>.side .side-nav{gap:2px}
.unified-module-shell>.side .side-nav button{width:100%;border-radius:8px;padding:11px 12px;color:#c8d7e9;display:flex;align-items:center;gap:8px}
.unified-module-shell>.side .side-nav button:hover{background:#173654;color:#fff}
.unified-module-shell>.side .side-nav button.active{background:#0b63ce;color:#fff;font-weight:800}
.unified-module-shell>.side .side-foot{left:14px;right:14px;bottom:16px;border-top:1px solid #34516f;padding:12px 8px;color:#fff}
.unified-module-shell>.side .side-foot small{display:block;color:#9eb3cb;margin-top:3px}
.unified-module-shell>.desktop-main{grid-column:2;padding:0 24px 40px}
.unified-module-shell .topbar{height:66px;background:#fff;margin:0 -24px;padding:0 24px;border-color:#dce4ef}
.unified-module-shell .topbar .eyebrow{color:#6f7c91}.unified-module-shell .avatar{background:#dcecff;color:#0b63ce}
.unified-module-shell .unified-topbar>div:first-child span{color:#6f7c91}
.smartreception-shell>.side .side-foot{display:none}
.smartreception-shell .desktop-profile-trigger{background:#f59e0b;color:#17253a;box-shadow:0 2px 8px #f59e0b45}
.unified-module-shell .btn.primary{background:#0b63ce}.unified-module-shell .btn.soft{background:#eef5ff;color:#0b63ce}.unified-module-shell .link{color:#0b63ce}
.unified-module-shell .bar{background:linear-gradient(#0b63ce,#70b6ff)}
.module-brand-icon{font-family:"Segoe UI Symbol","Segoe UI",sans-serif;font-weight:800;line-height:1}
.smartreception-shell>.side .brand .logo,.envios-desktop>.envios-side .brand .logo{font-size:0}
.smartreception-shell>.side .brand .logo:before{content:'▣';font-size:22px}
.envios-desktop>.envios-side .brand .logo:before{content:'↔';font-size:24px}
@media(min-width:701px) and (max-width:900px){
 html.smartsuite-module-window .desktop,html.smartsuite-module-window .unified-module-shell,html.smartsuite-module-window .vision-shell{grid-template-columns:230px minmax(0,1fr)}
 html.smartsuite-module-window .side,html.smartsuite-module-window .unified-module-shell>.side,html.smartsuite-module-window .vision-side{display:block;width:230px;padding:18px 14px}
 html.smartsuite-module-window .side .brand strong,html.smartsuite-module-window .side .brand small,html.smartsuite-module-window .side-nav button em,html.smartsuite-module-window .side-foot,html.smartsuite-module-window .module-switch,html.smartsuite-module-window .unified-suite-back,html.smartsuite-module-window .unified-side-label{display:revert}
 html.smartsuite-module-window .side-nav button,html.smartsuite-module-window .unified-module-shell>.side .side-nav button{justify-content:flex-start;text-align:left;font-size:inherit}
 html.smartsuite-module-window .desktop-main,html.smartsuite-module-window .unified-module-shell>.desktop-main{grid-column:2}
}
@media(max-width:900px){
 .unified-module-shell{grid-template-columns:78px minmax(0,1fr)}
 .unified-module-shell>.side{width:78px;padding:12px 8px}
 .unified-module-shell>.side .brand div:last-child,.unified-suite-back,.unified-side-label,.unified-module-shell>.side .side-foot{display:none}
 .unified-module-shell>.side .brand{justify-content:center}.unified-module-shell>.side .side-nav button{justify-content:center;font-size:18px}.unified-module-shell>.side .side-nav button em{display:none}
 .unified-module-shell>.desktop-main{padding:0 16px 30px}.unified-module-shell .topbar{margin:0 -16px;padding:0 16px}
}
.dp-desktop-app .badge.dp-status-ok,.dp-desktop-app .dp-report-status.dp-status-ok{background:#e6f7ec!important;color:#187a43!important;border-color:#b8e7c8!important}.dp-desktop-app .badge.dp-status-pending,.dp-desktop-app .dp-report-status.dp-status-pending{background:#fff3db!important;color:#a95b00!important;border-color:#f4d89d!important}.dp-desktop-app .badge.dp-status-warning,.dp-desktop-app .dp-report-status.dp-status-warning{background:#fff0e4!important;color:#b45a00!important;border-color:#f2c38a!important}.dp-desktop-app .badge.dp-status-critical,.dp-desktop-app .dp-report-status.dp-status-critical{background:#fee9ec!important;color:#bd2738!important;border-color:#f1b7c0!important}.dp-desktop-app .badge.dp-status-neutral,.dp-desktop-app .dp-report-status.dp-status-neutral{background:#eef3fa!important;color:#52677f!important;border-color:#d5e0ed!important}
/* Envios Romar mantiene la estructura visual de SmartSuite y su azul corporativo. */
.envios-desktop{--purple:#0759b8;--purple2:#1472d4;--lav:#eaf3ff;--line:#d8e3f1;--ink:#14213a;--muted:#64748b;background:#f6f9fd}.envios-side .logo,.envios-mobile .app-head-logo{background:#0759b8;color:#fff}.envios-desktop .side-nav button.active,.envios-desktop .side-nav button:hover{background:#eaf3ff;color:#0759b8}.envios-desktop .btn.primary,.envios-mobile .btn.primary{background:#0759b8}.envios-desktop .tab.active,.envios-mobile .tab.active{background:#0759b8;border-color:#0759b8}.envios-mobile{--purple:#0759b8;--purple2:#1472d4;--lav:#eaf3ff;--canvas:#f6f9fd;--line:#d8e3f1;--ink:#14213a;--muted:#64748b}.envios-mobile .envios-nav .nav-btn.active{color:#0759b8}.envios-mobile-record{display:block;width:100%;background:#fff;text-align:left;margin:10px 0;cursor:pointer}.envios-photo-grid{align-items:stretch}.envios-photo-grid .photo{min-height:94px;display:grid;place-items:center;gap:5px;background:#eef5fd;border:1px solid #cbdcf0;color:#0759b8}.envios-photo-grid .photo small{font-size:10px}.envios-label{border:2px solid #14213a;border-radius:10px;background:#fff;padding:20px;min-height:210px}.envios-label h2{letter-spacing:1px;text-align:center}.envios-label .barcode{height:42px;margin:14px 0;background:repeating-linear-gradient(90deg,#14213a 0 2px,transparent 2px 5px,#14213a 5px 6px,transparent 6px 10px)}.envios-desktop .envios-label{max-width:410px}.envios-desktop .help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.envios-desktop .help-card{background:#fff;border:1px solid #d8e3f1;border-radius:14px;padding:18px}.envios-desktop .help-card h3{color:#0759b8;margin:0 0 8px}.envios-desktop .about-panel{text-align:center;padding:42px}.envios-desktop .about-panel .app-icon{margin:0 auto 12px}.envios-mobile .profile-card{text-align:center;padding:20px}.envios-mobile .avatar.large{width:72px;height:72px;margin:0 auto 12px;font-size:22px}.envios-mobile .stepper{margin-bottom:20px}.envios-mobile .step{background:#dce8f5;color:#61728a}.envios-mobile .step.on{background:#0759b8;color:#fff}@media(max-width:760px){.envios-desktop .help-grid{grid-template-columns:1fr}}
.envios-photo-list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:12px 0}.envios-photo-row{width:100%;min-width:0;border:1px solid #cddded;border-radius:13px;padding:10px;background:#fff;display:grid;grid-template-columns:64px minmax(0,1fr) 88px;align-items:center;gap:10px}.envios-thumb{width:64px;height:64px;border:0;border-radius:10px;background:#e8f2ff;color:#0759b8;display:grid;place-items:center;font-size:28px}.envios-thumb small{font-size:10px}.envios-photo-row>div:nth-child(2){min-width:0;display:grid;gap:4px}.envios-photo-row>div:nth-child(2) small{font-size:11px;color:#64748b;line-height:1.25}.envios-photo-actions{display:grid;gap:6px}.envios-photo-actions .btn{width:100%;min-height:34px;padding:6px;font-size:10px;white-space:normal}.envios-photo-viewer{position:relative;z-index:20;margin-bottom:12px}.envios-photo-viewer .photo{width:100%;background:linear-gradient(145deg,#dceafe,#f8fbff 55%,#d9e7f7);border:1px solid #c7d9ef;color:#0759b8}.envios-mobile .envios-photo-viewer{position:absolute;inset:0;z-index:60;background:#f7fbff;padding:18px;overflow:auto}.envios-mobile .envios-photo-row{grid-template-columns:64px minmax(0,1fr) 82px}.envios-mobile .envios-photo-actions .btn{font-size:9px;padding:5px}.envios-mobile .envios-photo-list+.btn{width:100%;margin-top:3px}
.envios-summary-photos{margin-top:18px;padding-top:4px}.envios-summary-photos .envios-photo-list{margin:10px 0 14px}.envios-summary-photos>.btn{margin-top:4px}.envios-mobile .envios-summary-photos .envios-photo-row{margin-bottom:2px}
.envios-provider-label{display:flex!important;align-items:center;justify-content:space-between;gap:8px}.envios-provider-create{border:1px solid #9ec4ef;border-radius:8px;background:#f7fbff;color:#0759b8;padding:5px 7px;font-size:10px;font-weight:800;white-space:nowrap}.envios-provider-form{margin:10px 0;padding:14px}.envios-provider-form h3{margin:0 0 9px}.envios-mobile .envios-provider-create{font-size:9px;padding:5px 6px}
.envios-label-5xl{width:min(100%,430px);min-height:580px;margin:auto;background:#fff;color:#090909;padding:26px 18px;font-family:Arial,sans-serif;text-align:left;box-shadow:0 0 0 1px #ddd}.envios-label-5xl header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:2px solid #111;padding-bottom:10px}.envios-label-logo{font-size:25px;font-family:cursive;font-weight:800;line-height:.85}.envios-label-logo small{display:block;font-family:Arial,sans-serif;font-size:11px;letter-spacing:5px;text-align:center;margin-top:7px}.envios-label-5xl header>small{font-size:9px;line-height:1.45}.envios-label-5xl h2{font-size:28px;margin:31px 0 6px}.envios-label-5xl>strong{display:block;font-size:23px;line-height:1.35}.envios-label-5xl h3{font-size:20px;font-weight:400;margin:27px 0 6px}.envios-label-5xl .barcode{height:46px;margin:0;background:repeating-linear-gradient(90deg,#000 0 3px,transparent 3px 5px,#000 5px 7px,transparent 7px 10px)}.envios-label-reference{text-align:center;font-size:37px;letter-spacing:1px;line-height:1.15}.envios-label-5xl p{font-size:11px;margin:20px 4px}.envios-label-5xl footer{margin-top:29px}.envios-label-5xl footer>b{display:block;font-size:15px;font-weight:400;margin-bottom:7px}.envios-label-5xl footer small{display:block;font-size:8px;font-weight:800;line-height:1.45}.envios-mobile .envios-label-5xl{width:100%;min-height:500px;padding:18px 14px}.envios-mobile .envios-label-5xl h2{font-size:24px;margin-top:24px}.envios-mobile .envios-label-5xl>strong{font-size:19px}.envios-mobile .envios-label-reference{font-size:29px}
.envios-label-5xl img.envios-label-logo{display:block;width:174px;height:auto;max-width:55%;object-fit:contain;font-family:initial;font-size:initial;line-height:normal}.envios-mobile .envios-label-5xl img.envios-label-logo{width:150px}
.envios-attachment-backdrop{position:fixed;inset:0;z-index:90;background:#14213a88;display:grid;place-items:center;padding:24px}.envios-attachment-modal{width:min(100%,580px);background:#fff;border-radius:18px;padding:22px;box-shadow:0 22px 55px #14213a55}.envios-attachment-modal header{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:18px}.envios-attachment-modal h2{margin:0}.envios-attachment-modal .icon-btn{flex:0 0 auto}.envios-dropzone{min-height:210px;border:2px dashed #9ec4ef;border-radius:14px;background:#f7fbff;color:#0759b8;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;padding:20px;font-size:42px}.envios-dropzone b{font-size:16px}.envios-dropzone small{font-size:12px;color:#64748b}.envios-attachment-modal .btn-row{margin-top:18px}.envios-document-page{min-height:300px;border:1px solid #d8e3f1;border-radius:10px;background:#fff;padding:28px;display:grid;align-content:start;gap:14px;color:#14213a}.envios-document-page>b{color:#0759b8}.envios-document-page h3{margin:0}.envios-document-page div{height:12px;border-radius:5px;background:#dce8f5}.envios-document-page div:nth-of-type(2){width:78%}.envios-document-page div:nth-of-type(3){width:58%}.envios-document-page small{margin-top:auto;color:#64748b}
.envios-desktop .envios-side{background:#2e194a}.envios-desktop .envios-side .brand{display:flex;align-items:center;gap:10px}.envios-desktop .envios-side .brand .logo{background:#0759b8;color:#fff}.envios-desktop .envios-side .suite-home-btn{width:100%;margin:0 0 15px}.envios-desktop .envios-side .side-label{margin:17px 10px 6px;color:#cdbde0;font-size:10px;font-weight:800;letter-spacing:.8px}.envios-desktop .envios-side .side-nav button{display:flex;align-items:center;gap:11px}.envios-desktop .envios-side .side-nav button span{width:17px;text-align:center;font-size:15px}.envios-desktop .envios-side .side-nav button.active{background:#ffffff18;color:#fff}.envios-topbar{height:76px}.envios-top-title{display:flex;align-items:center;gap:13px}.envios-top-title .app-mobile-brand{display:flex;align-items:center;gap:8px;padding-right:13px;border-right:1px solid var(--line)}.envios-top-title .app-head-logo{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:#0759b8;color:#fff;font-size:12px}.envios-top-title h1{font-size:20px}.envios-top-title .eyebrow{margin-bottom:2px}.envios-topbar .profile-avatar{border:0}

/* Ajuste común: no se desplaza una pantalla salvo cuando el contenido realmente lo necesita. */
html,body,#app{max-width:100%;overflow-x:hidden}
.desktop-main,.desk-content,.panel,.card,.m-content,.mobile-shell,.phone{min-width:0}
.mobile-shell .m-content>*{min-width:0}
.mobile-shell .btn-row,.mobile-shell .incident-buttons,.mobile-shell .envios-record-actions{flex-wrap:wrap}
.mobile-shell .tabs:not(.envios-record-tabs),.mobile-shell .module-menu{flex-wrap:wrap;overflow-x:visible}
.desktop-main .toolbar,.desktop-main .section-title,.desktop-main .detail-head{min-width:0;flex-wrap:wrap}
.desktop-main .toolbar>*{min-width:0}
/* Las tablas conservan desplazamiento propio solo porque tienen más columnas que la pantalla. */
.table-wrap{max-width:100%;overscroll-behavior-inline:contain}
@media(max-width:520px){
  .mobile-shell .m-content{overscroll-behavior:contain;scrollbar-width:thin}
  .mobile-shell .m-content>.mobile-auth,.mobile-shell .m-content>.success,.mobile-shell .m-content>.smart-home{min-height:100%;display:flex;flex-direction:column}
  .mobile-shell .m-content>.mobile-auth{justify-content:center;padding-top:0}
  .mobile-shell .m-content>.success{justify-content:center;padding-top:0}
  .mobile-shell .btn-row .btn{min-width:0}
  .mobile-shell .section-title{gap:8px;align-items:flex-start;flex-wrap:wrap}
  .mobile-shell .record-top,.mobile-shell .dp-photo-heading{min-width:0}
  .mobile-shell .record-top>*:first-child,.mobile-shell .dp-photo-heading>*:first-child{min-width:0}
}
.suite-sync-indicator{display:inline-block;flex:0 0 auto;width:auto;height:auto;margin:0 4px;color:#1c9a59;background:transparent;font-size:.62rem;font-weight:900;line-height:1;vertical-align:middle}.suite-sync-indicator.is-active{color:#1268c5;animation:suite-sync-spin 1s linear infinite}.suite-sync-indicator.is-offline{color:#c73c52}@keyframes suite-sync-spin{to{transform:rotate(360deg)}}.m-head .suite-sync-indicator{margin-left:auto;margin-right:8px}