/* EfectivoLab UI 1.0. Shared rules for PHP views; email values in design-system.md. */
:root{--el-navy:#12304A;--el-green:#168451;--el-green-hover:#10643E;--el-mint:#E8F5EF;--el-white:#FFFFFF;--el-canvas:#F5F7F9;--el-text:#12304A;--el-muted:#506476;--el-border:#D7E1E7;--el-warning:#805015;--el-warning-bg:#FFF5E4;--el-danger:#A52632;--el-danger-bg:#FFF0F1;--el-info-bg:#EDF3FA;--el-font:Arial,Helvetica,sans-serif;--el-space-1:4px;--el-space-2:8px;--el-space-3:12px;--el-space-4:16px;--el-space-5:20px;--el-space-6:24px;--el-space-8:32px;--el-space-10:40px;--el-space-12:48px;--el-space-16:64px;--el-radius-sm:8px;--el-radius:16px;--el-radius-lg:24px;--el-control-height:48px;--el-content:1200px}
.el-app,.el-app *{box-sizing:border-box}.el-app{margin:0;color:var(--el-text);background:var(--el-canvas);font:400 16px/1.5 var(--el-font);-webkit-text-size-adjust:100%}.el-app h1,.el-app h2,.el-app h3,.el-app p{margin:0 0 16px}.el-app h1{font-size:clamp(32px,3.4vw,44px);line-height:1.15;letter-spacing:-.035em}.el-app h2{font-size:26px;line-height:1.25;letter-spacing:-.025em}.el-app h3{font-size:22px;line-height:1.3;letter-spacing:-.015em}.el-app a{color:var(--el-navy);text-underline-offset:4px}.el-app button,.el-app input,.el-app select,.el-app summary{font:inherit}.el-app :focus-visible{outline:3px solid var(--el-navy);outline-offset:4px}.el-app img{max-width:100%;height:auto}.el-app .el-muted,.el-app .muted{color:var(--el-muted)}.el-app .el-eyebrow,.el-app .eyebrow{font-size:16px;line-height:1.4;font-weight:700;letter-spacing:.055em;text-transform:uppercase;margin-bottom:12px}.el-app .el-kicker{color:var(--el-green-hover)}
.el-app .el-skip{position:absolute;top:-120px;left:20px;padding:12px 20px;z-index:50;background:white}.el-app .el-skip:focus{top:12px}.el-app .el-testbar{background:var(--el-navy);color:white;padding:8px 24px;text-align:center;font-size:16px}.el-app .el-header{background:white;border-bottom:1px solid var(--el-border)}.el-app .el-header-inner{max-width:var(--el-content);margin:auto;min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0}.el-app .el-logo{display:inline-flex;min-height:48px;align-items:center;flex:0 0 auto}.el-app .el-logo img{width:208px;height:auto;display:block}.el-app .el-nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.el-app .el-nav a,.el-app .el-nav .el-link{display:inline-flex;min-height:48px;align-items:center;font-weight:700;text-decoration:none}.el-app .el-nav a[aria-current="page"]{color:var(--el-green-hover);box-shadow:inset 0 -2px var(--el-green)}.el-app .el-nav form{margin:0}.el-app .el-link{color:var(--el-muted);background:none;border:0;padding:0 8px;cursor:pointer}.el-app .el-country{color:var(--el-muted);display:inline-flex;align-items:center;gap:8px}.el-app .el-country-dot{width:8px;height:8px;border-radius:50%;background:var(--el-green)}
.el-app .el-wrap{width:min(var(--el-content),calc(100% - 64px));margin:0 auto;padding:40px 0 64px}.el-app .el-breadcrumb{margin-bottom:28px}.el-app .el-breadcrumb a{display:inline-flex;align-items:center;min-height:48px}.el-app .el-pagehead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px}.el-app .el-pagehead p:last-child{margin:0}.el-app .el-pagehead h1{margin-bottom:12px}
.el-app .el-btn,.el-app .button,.el-app .secondary,.el-app .formcard button[type="submit"]{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 20px;border:1px solid transparent;border-radius:8px;background:var(--el-green);color:white;text-decoration:none;font-size:16px;font-weight:700;line-height:1.5;cursor:pointer;text-align:center;transition:background-color .15s ease}.el-app .el-btn:hover,.el-app .button:hover,.el-app .formcard button[type="submit"]:hover{background:var(--el-green-hover)}.el-app .el-btn--secondary,.el-app .secondary{background:white;color:var(--el-navy);border-color:#A4B4C0}.el-app .el-btn--secondary:hover,.el-app .secondary:hover{background:var(--el-info-bg)}.el-app .el-btn--danger{color:var(--el-danger);background:white;border-color:var(--el-danger)}.el-app .el-btn--danger:hover{background:var(--el-danger-bg)}.el-app .el-btn--block{width:100%}.el-app button:disabled{cursor:not-allowed;background:#E7ECF0;border:1px solid var(--el-border);color:#526372}
.el-app .el-grid{display:grid;grid-template-columns:minmax(0,1fr) 296px;align-items:start;gap:24px}.el-app .el-stack{display:grid;gap:24px;min-width:0}.el-app .el-card{background:white;border:1px solid var(--el-border);border-radius:16px;padding:24px;box-shadow:0 4px 20px #12304A0A;min-width:0}.el-app .el-card p:last-child{margin-bottom:0}.el-app .el-state{padding:28px;background:var(--el-mint);border:1px solid #B9DCCD;border-radius:16px}.el-app .el-state h2{margin-top:20px;max-width:650px}.el-app .el-state p{max-width:680px}.el-app .el-state--cancel_pending{background:var(--el-warning-bg);border-color:#E6CF9F}.el-app .el-state--canceling,.el-app .el-state--refunded{background:var(--el-info-bg);border-color:#CCDCEB}.el-app .el-state--expired{background:#EEF1F4;border-color:var(--el-border)}.el-app .el-state-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.el-app .el-badge{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:6px 12px;border-radius:8px;font-size:16px;font-weight:700;color:var(--el-green-hover);background:white;line-height:1.4}.el-app .el-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.el-app .el-state--cancel_pending .el-badge{color:var(--el-warning)}.el-app .el-state--expired .el-badge,.el-app .el-state--refunded .el-badge,.el-app .el-state--canceling .el-badge{color:var(--el-navy)}.el-app .el-date{border-top:1px solid #12304A29;margin-top:24px;padding-top:20px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;align-items:center}.el-app .el-date strong{font-size:18px;display:block;margin-top:4px;font-variant-numeric:tabular-nums}.el-app .el-date p{margin:0}
.el-app .el-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:8px 0 0}.el-app .el-section-head h2,.el-app .el-section-head p{margin:0}.el-app .el-section-head p{color:var(--el-muted)}.el-app .el-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.el-app .el-offer{display:flex;flex-direction:column;min-width:0;padding:24px 20px}.el-app .el-offer-logo{height:64px;display:flex;align-items:center;margin-bottom:20px}.el-app .el-offer-logo img{width:144px;height:48px;object-fit:contain;object-position:left center}.el-app .el-offer-logo img[data-provider="mykredit"]{width:128px}.el-app .el-provider-name{font-size:24px;font-weight:700}.el-app .el-offer h3{margin-bottom:8px}.el-app .el-offer-kind{color:var(--el-muted);margin-bottom:20px}.el-app .el-offer .el-btn{margin-top:auto;padding-inline:12px}.el-app .el-offer-note{margin:0 0 24px}.el-app .el-disclosure{color:var(--el-muted);border-left:3px solid #B7C9D5;padding-left:16px}.el-app .el-card--navy{background:var(--el-navy);color:white;border-color:var(--el-navy)}.el-app .el-card--navy p{color:#E0EAF0}.el-app .el-card--navy h2{font-size:24px}.el-app .el-card--navy .el-btn{background:white;color:var(--el-navy)}.el-app .el-list{padding:0;margin:0;list-style:none}.el-app .el-list li{border-top:1px solid var(--el-border);padding:16px 0}.el-app .el-list li:first-child{border-top:0;padding-top:0}.el-app .el-list li:last-child{padding-bottom:0}.el-app .el-list strong{display:block;margin-bottom:4px}.el-app .el-preferences summary{cursor:pointer;font-weight:700;min-height:48px;padding:12px 0}.el-app .el-preferences dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin:16px 0 24px}.el-app .el-preferences dt{color:var(--el-muted);margin-bottom:4px}.el-app .el-preferences dd{margin:0;font-weight:700;overflow-wrap:anywhere}
.el-app .el-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.el-app .el-price-cell{border:1px solid var(--el-border);border-radius:12px;padding:20px}.el-app .el-price-cell:first-child{background:var(--el-mint);border-color:#B9DCCD}.el-app .el-price{font-size:40px;line-height:1.15;letter-spacing:-.04em;font-weight:700;display:block;margin:12px 0}.el-app .el-price-grid p{margin:0}.el-app .el-billing-grid{grid-template-columns:minmax(0,1fr) 360px}.el-app .el-confirm{border:1px solid var(--el-border);border-radius:12px;padding:8px 20px;background:white}.el-app .el-confirm summary{min-height:48px;cursor:pointer;padding:12px 0;font-weight:700}.el-app .el-confirm[open] summary{margin-bottom:16px;border-bottom:1px solid var(--el-border)}.el-app .el-confirm form{padding-bottom:16px}.el-app .el-check,.el-app .check{display:flex;align-items:flex-start;gap:12px;cursor:pointer;line-height:1.5;margin:20px 0}.el-app .el-check input,.el-app .check input{width:20px;height:20px;margin:3px 0;flex:0 0 20px;accent-color:var(--el-green)}.el-app .el-error{border:1px solid #DCADB3;border-radius:12px;padding:20px;background:var(--el-danger-bg);color:var(--el-danger);margin-bottom:24px}
.el-app .el-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.el-app .el-table caption{text-align:left;margin-bottom:16px;color:var(--el-muted)}.el-app .el-table th{text-align:left;color:var(--el-muted);font-weight:400;border-bottom:1px solid var(--el-border);padding:0 16px 16px 0}.el-app .el-table td{padding:20px 16px 20px 0;border-bottom:1px solid var(--el-border);vertical-align:top}.el-app .el-table td:last-child,.el-app .el-table th:last-child{padding-right:0}.el-app .el-table tr:last-child td{border-bottom:0}.el-app .el-cell-label{display:none}.el-app .el-refund{display:block;color:var(--el-green-hover);margin-top:4px}.el-app .el-refund--pending,.el-app .el-refund--requested{color:var(--el-warning)}.el-app .el-refund--failed,.el-app .el-refund--canceled{color:var(--el-danger)}.el-app .el-notices{padding-left:20px;margin:0}.el-app .el-notices li+li{margin-top:16px}
.el-app .el-footer{background:white;border-top:1px solid var(--el-border)}.el-app .el-footer-inner{width:min(var(--el-content),calc(100% - 64px));margin:auto;padding:40px 0}.el-app .el-footer img{width:180px;margin-bottom:20px}.el-app .el-footer p{color:var(--el-muted);max-width:760px}.el-app .el-footer nav{display:flex;gap:8px 24px;flex-wrap:wrap;margin:20px 0}.el-app .el-footer nav a{display:inline-flex;align-items:center;min-height:48px}
.el-app .formcard{max-width:600px;margin:8px auto 24px;background:white;padding:40px;border:1px solid var(--el-border);border-radius:16px}.el-app .formcard.wide{max-width:880px}.el-app .formcard label:not(.check):not(.choice){display:block;font-weight:700;margin:20px 0}.el-app .formcard input[type="email"],.el-app .formcard input[type="password"]{display:block;width:100%;min-height:52px;border:1px solid #8B9DAB;border-radius:8px;padding:12px 14px;background:white;color:var(--el-navy);margin-top:8px}.el-app .formcard button[type="submit"]{width:100%;margin:8px 0 24px}.el-app .formcard fieldset{margin:32px 0;padding:0;border:0;min-width:0}.el-app .formcard legend{font-size:20px;font-weight:700;padding:0 0 16px}.el-app .choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.el-app .choice{display:flex;align-items:center;gap:12px;border:1px solid var(--el-border);border-radius:8px;padding:16px;cursor:pointer;min-height:56px}.el-app .choice:has(input:checked){background:var(--el-mint);border-color:var(--el-green);box-shadow:inset 0 0 0 1px var(--el-green)}.el-app .choice input{width:20px;height:20px;accent-color:var(--el-green);flex:0 0 20px;margin:0}.el-app .el-steps{display:flex;gap:12px;padding:0;list-style:none;color:var(--el-muted);flex-wrap:wrap;margin-bottom:32px}.el-app .el-steps li{padding:8px 12px;background:#EDF1F4;border-radius:8px}.el-app .el-steps li[aria-current="step"]{background:var(--el-mint);color:var(--el-green-hover);font-weight:700}
@media(max-width:1263px){.el-app .el-header-inner{padding-inline:32px}}
@media(max-width:1050px){.el-app .el-grid{grid-template-columns:minmax(0,1fr)}.el-app .el-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.el-app .el-billing-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.el-app .el-header-inner{padding:16px 20px 8px;flex-wrap:wrap;gap:8px}.el-app .el-logo img{width:172px}.el-app .el-nav{width:100%;gap:8px 20px;justify-content:flex-start;border-top:1px solid var(--el-border);padding-top:8px}.el-app .el-nav .el-country{order:-1;width:100%}.el-app .el-nav form{margin-left:auto}.el-app .el-nav .el-link{padding:0}.el-app .el-testbar{text-align:left;padding:8px 20px}.el-app .el-wrap{width:calc(100% - 40px);padding:28px 0 48px}.el-app .el-pagehead{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:24px}.el-app .el-pagehead .el-btn{width:100%}.el-app h1{font-size:32px}.el-app h2{font-size:24px}.el-app .el-state,.el-app .el-card{padding:20px}.el-app .el-offers,.el-app .el-billing-grid,.el-app .el-aside{grid-template-columns:1fr}.el-app .el-offer-logo{margin-bottom:16px}.el-app .el-offer .el-btn{margin-top:0}.el-app .el-section-head{align-items:flex-start;flex-direction:column;gap:8px}.el-app .el-price-grid{grid-template-columns:1fr}.el-app .el-price{font-size:36px}.el-app .el-preferences dl{grid-template-columns:1fr}.el-app .el-table thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}.el-app .el-table,.el-app .el-table tbody,.el-app .el-table tr,.el-app .el-table td{display:block;width:100%}.el-app .el-table tr{border-bottom:1px solid var(--el-border);padding:16px 0}.el-app .el-table tr:last-child{border-bottom:0}.el-app .el-table td{border:0;padding:6px 0}.el-app .el-cell-label{display:block;color:var(--el-muted);margin-bottom:2px}.el-app .el-footer-inner{width:calc(100% - 40px)}.el-app .formcard{padding:24px 20px;margin:0}.el-app .choices{grid-template-columns:1fr}.el-app .el-breadcrumb{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.el-app *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(forced-colors:active){.el-app .el-btn,.el-app .el-badge{border:1px solid ButtonText}}
.el-app .el-card form+p{margin-top:16px}.el-app .el-card--navy :focus-visible{outline-color:white}