.dataplan-native-android .dp-final-plan,.dataplan-native-android .dp-final-element{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #d9e2f2;border-radius:14px;background:#fff;padding:14px;box-shadow:0 4px 14px rgba(14,42,98,.06)}.dataplan-native-android .dp-final-plan{position:relative;grid-template-columns:auto minmax(0,1fr);cursor:pointer}.dataplan-native-android .dp-final-plan:active{transform:scale(.99);background:#eef5ff}.dataplan-native-android .dp-final-plan:focus-visible{outline:3px solid #8ab8ff;outline-offset:2px}.dataplan-native-android .dp-final-plan .dp-favorite-star{top:4px;right:4px;z-index:1;width:56px;height:56px;padding:0;font-size:48px;line-height:1}.dataplan-native-android .dp-final-plan-copy{padding-right:48px}.dataplan-native-android .dp-final-element{position:relative;grid-template-columns:38px minmax(0,1fr);gap:9px;padding:10px 12px;cursor:pointer}.dataplan-native-android .dp-final-element:active{transform:scale(.99);background:#eef5ff}.dataplan-native-android .dp-final-element .dp-global-icon{width:34px;height:34px}.dataplan-native-android .dp-final-element:has(.dp-last-take)>div{padding-right:76px}.dataplan-native-android .dp-element-collect{margin-top:2px;color:#075ed5;font-size:12px;font-weight:800}.dataplan-native-android .dp-last-take{position:absolute;top:9px;right:9px;min-height:28px;padding:4px 8px;border:1px solid #aac6ed;border-radius:8px;background:#fff;color:#0754b8;font-size:10px;font-weight:800}
.dataplan-native-android .dp-final-plan.complete,.dataplan-native-android .dp-final-element.complete{border-color:#b8e2c4;background:#f5fff7}
.dataplan-native-android .dp-final-plan-copy,.dataplan-native-android .dp-final-element>div{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:4px}
.dataplan-native-android .dp-final-plan h3,.dataplan-native-android .dp-final-element h3{margin:0;color:#061b50}
.dataplan-native-android .dp-final-status{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800}
.dataplan-native-android .dp-final-status.complete{color:#087b32;background:#dff6e6}.dataplan-native-android .dp-final-status.pending{color:#7b5b00;background:#fff4cc}
.dataplan-native-android .dp-final-plan-head{display:flex;gap:14px;align-items:flex-start;margin:14px 0 18px}.dataplan-native-android .dp-final-plan-head h2{margin:6px 0 2px}
.dataplan-native-android .dp-final-element-list{display:grid;gap:7px;margin:8px 0 14px}
.dataplan-native-android .dp-history-filters{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.dataplan-native-android .dp-history-filters label{display:grid;gap:4px;font-size:11px;font-weight:700}.dataplan-native-android .dp-history-filters label:nth-child(-n+2),.dataplan-native-android .dp-history-filters .full{grid-column:1/-1}
.dataplan-native-android .m-head .profile-avatar{flex:0 0 42px;width:42px;height:42px;min-width:42px;min-height:42px;max-width:42px;max-height:42px;aspect-ratio:1;border-radius:50%;padding:0;display:grid;place-items:center;overflow:hidden;background:#0b5ed7;color:#fff;border:2px solid #dbeafe;font-size:13px;font-weight:800;line-height:1}
.dataplan-native-android .m-nav.dp-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.dataplan-native-android .m-nav.dp-nav .nav-btn{gap:5px;color:#1557b0;font-weight:400}.dataplan-native-android .m-nav.dp-nav .nav-btn.active{color:#064fc4;background:#eef5ff}.dataplan-native-android .dp-nav-icon{width:29px;height:29px;display:block;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.dataplan-native-android .nav-btn.active .dp-nav-icon{stroke:#005ce6}
.dataplan-native-android .dp-user-panel{display:flex;align-items:center;gap:16px;margin:8px 0 20px;padding:18px;border:1px solid #d8e3f3;border-radius:16px;background:linear-gradient(145deg,#f7faff,#eef5ff)}.dataplan-native-android .dp-user-panel h2{margin:0 0 4px;color:#061b50}.dataplan-native-android .dp-user-panel p{margin:0 0 8px;color:#53627c;overflow-wrap:anywhere}.dataplan-native-android .dp-user-avatar{flex:0 0 64px;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#075ed5;color:#fff;border:3px solid #fff;box-shadow:0 3px 12px rgba(7,94,213,.24);font-size:20px;font-weight:800}.dataplan-native-android .dp-user-menu{display:grid;gap:12px}.dataplan-native-android .dp-user-menu .dp-button{justify-content:flex-start;min-height:52px}.dataplan-native-android .dp-user-menu-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eaf2ff;color:#075ed5;font-size:18px}
.dataplan-native-android .dp-sync-card{display:grid;gap:12px;margin-top:14px;padding:16px;border:1px solid #d8e3f3;border-radius:16px;background:#fff}.dataplan-native-android .dp-sync-state{display:flex;align-items:center;gap:12px;padding:14px;border-radius:13px;background:#f1f5f9;color:#334155}.dataplan-native-android .dp-sync-state.success{background:#eaf8ef;color:#087b32}.dataplan-native-android .dp-sync-state.warning{background:#fff7dd;color:#856000}.dataplan-native-android .dp-sync-state.error{background:#fff0f0;color:#b42318}.dataplan-native-android .dp-sync-state.running{background:#eaf2ff;color:#075ed5}.dataplan-native-android .dp-sync-state-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.8);font-size:25px;font-weight:800}.dataplan-native-android .dp-sync-state small,.dataplan-native-android .dp-sync-state b{display:block}.dataplan-native-android .dp-sync-state small{font-size:9px;letter-spacing:.05em}.dataplan-native-android .dp-sync-state b{margin-top:3px;font-size:16px}.dataplan-native-android .dp-sync-details{display:grid;gap:0;margin:0}.dataplan-native-android .dp-sync-details>div{display:flex;justify-content:space-between;gap:12px;padding:11px 2px;border-bottom:1px solid #e5ebf4}.dataplan-native-android .dp-sync-details dt{color:#5d6b82}.dataplan-native-android .dp-sync-details dd{margin:0;text-align:right;font-weight:750;color:#102654}.dataplan-native-android .dp-sync-error,.dataplan-native-android .dp-sync-message{margin:0;padding:10px;border-radius:9px;line-height:1.35}.dataplan-native-android .dp-sync-error{background:#fff0f0;color:#a31b14}.dataplan-native-android .dp-sync-message{background:#edf5ff;color:#0754b8}.dataplan-native-android .dp-sync-config-link{min-height:42px;border:0;background:transparent;color:#075ed5;font-weight:750;text-decoration:underline}.dataplan-native-android .dp-sync-settings{gap:16px}.dataplan-native-android .dp-sync-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px}.dataplan-native-android .dp-sync-toggle b,.dataplan-native-android .dp-sync-toggle small{display:block}.dataplan-native-android .dp-sync-toggle small{margin-top:3px;color:#637087;line-height:1.3}.dataplan-native-android .dp-sync-toggle input{width:24px;height:24px;accent-color:#075ed5}.dataplan-native-android .dp-sync-field{display:grid;gap:6px;font-weight:750}.dataplan-native-android .dp-sync-field>small{color:#637087;font-weight:500;line-height:1.35}.dataplan-native-android .dp-sync-field select{min-height:46px;padding:0 11px;border:1px solid #bdcce0;border-radius:9px;background:#fff;color:#102654}.dataplan-native-android .dp-sync-environment{padding:11px;border-radius:9px;background:#f5f7fb}.dataplan-native-android .dp-sync-environment small,.dataplan-native-android .dp-sync-environment b{display:block}.dataplan-native-android .dp-sync-environment small{font-size:9px;color:#6b778c}.dataplan-native-android .dp-sync-environment b{margin-top:3px}
.dataplan-native-android .dp-native-about-title{margin:6px 0 10px}.dataplan-native-android .dp-native-about{padding:12px;border:1px solid #d8e3f3;border-radius:16px;background:#fff}.dataplan-native-android .dp-native-about-brand{display:flex;align-items:center;gap:10px}.dataplan-native-android .dp-native-about-brand img{width:52px;height:52px;border-radius:14px;object-fit:contain}.dataplan-native-android .dp-native-about-brand b,.dataplan-native-android .dp-native-about-brand small{display:block}.dataplan-native-android .dp-native-about-brand b{font-size:18px;color:#071d50}.dataplan-native-android .dp-native-about-brand small{margin-top:2px;color:#68758c}.dataplan-native-android .dp-native-about>p{margin:8px 0;color:#46546d;line-height:1.35}.dataplan-native-android .dp-native-about dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0}.dataplan-native-android .dp-native-about dl>div{min-width:0;padding:7px 6px;border:1px solid #dce5f1;border-radius:9px}.dataplan-native-android .dp-native-about dt{font-size:9px;color:#6b778c;font-weight:800}.dataplan-native-android .dp-native-about dd{margin:3px 0 0;font-weight:750;overflow-wrap:anywhere}
@media(max-width:600px){.dataplan-native-android .dp-final-plan{grid-template-columns:auto minmax(0,1fr);align-items:start}.dataplan-native-android .dp-final-plan>.dp-button{grid-column:1/-1;width:100%}.dataplan-native-android .dp-history-filters{grid-template-columns:1fr}.dataplan-native-android .dp-history-filters label,.dataplan-native-android .dp-history-filters label:nth-child(-n+2){grid-column:1}.dataplan-native-android .dp-user-panel{align-items:flex-start;padding:14px}.dataplan-native-android .dp-user-avatar{flex-basis:54px;width:54px;height:54px}.dataplan-native-android .dp-native-about{padding-inline:10px}}

/* El icono, texto o SVG nunca crea una zona muerta dentro de un botón táctil. */
.dataplan-native-android button:not(:disabled),
.dataplan-native-android [role="button"]:not([aria-disabled="true"]),
.dataplan-native-android label:has(input[type="file"]),
.dataplan-native-android input[type="file"]{cursor:pointer}
.dataplan-native-android button:disabled{cursor:not-allowed}
.dataplan-native-android button>*{pointer-events:none}
.dataplan-native-android [role="button"]:focus-visible{outline:3px solid #75a7eb;outline-offset:2px}

.dp-take-slot-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.dp-take-slot{min-height:54px;border:1px solid #8abaf0;border-radius:12px;background:#eef6ff;color:#0a55a8;padding:7px 9px;text-align:left}.dp-take-slot b,.dp-take-slot span{display:block}.dp-take-slot span{font-size:12px;margin-top:2px}.dp-take-slot.complete{border-color:#94d6ac;background:#eaf9ef;color:#13723b}.dp-take-slot.future{border-color:#d7dee8;background:#f2f4f7;color:#7b8798}.dp-take-slot.late{border-color:#e8b15e;background:#fff6df;color:#8b5b00}.dp-take-slot:disabled{opacity:1}

.dp-take-slots-head{display:flex;gap:14px;align-items:flex-start;margin:12px 0 18px;padding:16px;border:1px solid var(--dp-line,#d4dfec);border-radius:18px;background:#fff}.dp-take-slots-head .dp-industrial-icon{width:48px;height:48px;flex:0 0 48px}.dp-take-slots-head small{font-weight:800;color:#1766b1}.dp-take-slots-head h2{margin:3px 0 4px}.dp-take-slots-head p{margin:0;color:#53657a}.dp-take-slot-screen{display:grid;gap:10px}.dp-take-slot-row{width:100%;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid #cbd9e8;border-radius:14px;background:#fff;color:#0b2f61;text-align:left}.dp-take-slot-row span{display:grid;gap:4px}.dp-take-slot-row b{font-size:1.18rem}.dp-take-slot-row small{font-size:.9rem;color:#506176}.dp-take-slot-row strong{white-space:nowrap;color:#0968ca}.dp-take-slot-row.complete{border-color:#9dd8b5;background:#eefaf3}.dp-take-slot-row.late{border-color:#e8c275;background:#fff8e8}.dp-take-slot-row.future{background:#f2f5f8;color:#728094}.dp-take-slot-row.future strong,.dp-take-slot-row:disabled strong{color:#778597}.dp-take-slot-row:disabled{opacity:1;cursor:default}
.dp-capture-slot-context{display:flex;justify-content:space-between;gap:10px;margin-top:10px;padding:10px 12px;border-left:4px solid #1476dc;background:#edf5ff;color:#143a68}.dp-capture-slot-context span{white-space:nowrap}
