.tkp-root{--bg:#25355f;}
.tkp-root{font-family:Arial,sans-serif;}
.tkp-shell{display:flex;min-height:80vh;background:#f4f6fb;border-radius:16px;overflow:hidden;border:1px solid #e6e8ef}
.tkp-side{width:280px;background:var(--bg);color:#fff;display:flex;flex-direction:column}
.tkp-side__top{padding:18px}
.tkp-side__logo{font-size:20px;font-weight:800;letter-spacing:.5px}
.tkp-side__logo span{opacity:.8;margin-left:6px}
.tkp-side__user{display:flex;gap:12px;align-items:center;margin-top:16px}
.tkp-side__avatar{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-weight:800}
.tkp-side__name{font-weight:700}
.tkp-side__mail{font-size:12px;opacity:.85}
.tkp-menu{display:flex;flex-direction:column;padding:10px}
.tkp-menu__item{border:0;background:transparent;color:#fff;text-align:left;padding:12px 12px;border-radius:12px;cursor:pointer;text-decoration:none;display:flex;gap:10px;align-items:center}
.tkp-menu__item:hover{background:rgba(255,255,255,.08)}
.tkp-menu__item.is-active{background:rgba(255,255,255,.14)}
.tkp-menu__logout{margin-top:auto;background:rgba(0,0,0,.15)}
.tkp-side__bottom{padding:16px}
.tkp-pill{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.12);font-size:12px}
.tkp-main{flex:1;display:flex;flex-direction:column}
.tkp-topbar{padding:16px 18px;background:#fff;border-bottom:1px solid #e6e8ef;display:flex;align-items:center;justify-content:space-between}
.tkp-topbar__title{font-weight:800}
.tkp-chip{font-size:12px;background:#f1f3f9;padding:6px 10px;border-radius:999px}
.tkp-content{padding:18px}
.tkp-view{display:none}
.tkp-view.is-active{display:block}
.tkp-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}
@media(max-width:980px){.tkp-shell{flex-direction:column}.tkp-side{width:100%}.tkp-grid{grid-template-columns:1fr}}
.tkp-card{background:#fff;border:1px solid #e6e8ef;border-radius:16px;padding:16px}
.tkp-card__head{margin-bottom:12px}
.tkp-card__title{font-weight:800}
.tkp-card__sub{color:#6b7280;font-size:13px;margin-top:4px}
.tkp-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:700px){.tkp-kpis{grid-template-columns:1fr}}
.tkp-kpi{background:#f7f8fc;border:1px solid #eef0f7;border-radius:14px;padding:12px}
.tkp-kpi__label{font-size:12px;color:#6b7280}
.tkp-kpi__value{font-weight:900;font-size:22px;margin-top:4px}
.tkp-divider{height:1px;background:#eef0f7;margin:14px 0}
.tkp-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden}
.tkp-table th,.tkp-table td{padding:10px 10px;border-bottom:1px solid #eef0f7;font-size:13px}
.tkp-table th{text-align:left;color:#6b7280;font-weight:700;background:#fafbff}
.tkp-muted{color:#6b7280;font-size:12px}
.tkp-steps{display:flex;flex-direction:column;gap:10px}
.tkp-step{display:flex;gap:10px;align-items:center;background:#f7f8fc;border:1px solid #eef0f7;border-radius:14px;padding:10px 12px}
.tkp-step span{width:24px;height:24px;border-radius:8px;background:#e9ecf7;display:flex;align-items:center;justify-content:center;font-weight:800}
.tkp-alert{background:#f7f8fc;border:1px solid #eef0f7;border-radius:14px;padding:12px;font-size:13px}

/* Auth */
.tkp-auth{min-height:70vh;display:grid;place-items:center;padding:30px}
.tkp-auth__brand{text-align:center;color:#111;margin-bottom:12px}
.tkp-auth__logo{font-size:32px;font-weight:900}
.tkp-auth__logo span{color:#ef6b2e}
.tkp-auth__tag{color:#6b7280;margin-top:6px}
.tkp-auth__card{width:min(520px,100%);background:#fff;border:1px solid #e6e8ef;border-radius:18px;padding:16px}
.tkp-tabs{display:flex;gap:8px;margin-bottom:12px}
.tkp-tab{flex:1;padding:10px;border-radius:12px;border:1px solid #e6e8ef;background:#fafbff;cursor:pointer;font-weight:700}
.tkp-tab.is-active{background:#111;color:#fff;border-color:#111}
.tkp-panel{display:none}
.tkp-panel.is-active{display:block}
.tkp-formwrap input{width:100%;padding:10px;border-radius:12px;border:1px solid #e6e8ef;margin-top:6px}
.tkp-formwrap label{font-weight:700;font-size:13px}
.tkp-formwrap .login-remember{display:flex;gap:8px;align-items:center;margin-top:10px}
.tkp-formwrap .login-submit{margin-top:12px}
.tkp-formwrap #tkp_wp_submit{width:100%;padding:11px;border-radius:12px;border:0;background:#111;color:#fff;font-weight:800;cursor:pointer}
.tkp-formhelp{margin-top:10px;font-size:13px;color:#6b7280}
.tkp-form{display:flex;flex-direction:column;gap:10px}
.tkp-field label{font-weight:700;font-size:13px}
.tkp-field input{width:100%;padding:10px;border-radius:12px;border:1px solid #e6e8ef}
.tkp-field--check label{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#374151}
.tkp-btn{padding:11px 12px;border-radius:12px;border:0;cursor:pointer;font-weight:800}
.tkp-btn--primary{background:#111;color:#fff}
.tkp-formhint{margin-top:10px;color:#6b7280;font-size:12px}

/* Calculator blocks (keep isolated) */
.tkp-scope--calc{all:initial;display:block}
.tkp-scope--calc *{all:unset;box-sizing:border-box;font-family:Arial,sans-serif}
.tkp-scope--calc .tekasfalt-card,.tkp-scope--calc .asfalt-card{all:unset;display:block;background:#fff;border:1px solid #e6e8ef;border-radius:16px;padding:16px}
.tkp-scope--calc .ta-title{font-weight:900;font-size:20px}
.tkp-scope--calc .ta-sub{color:#6b7280;font-size:13px;margin-top:6px}
.tkp-scope--calc .ta-badge{background:#f1f3f9;border:1px solid #e6e8ef;border-radius:999px;padding:6px 10px;font-size:12px}
.tkp-scope--calc .ta-dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:#22c55e;margin-right:6px}
.tkp-scope--calc .ta-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}
.tkp-scope--calc .ta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:760px){.tkp-scope--calc .ta-grid{grid-template-columns:1fr}}
.tkp-scope--calc .ta-grid-2{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
@media(max-width:980px){.tkp-scope--calc .ta-grid-2{grid-template-columns:1fr}}
.tkp-scope--calc .ta-label{font-weight:700;font-size:12px;color:#374151;margin-bottom:6px}
.tkp-scope--calc .ta-unit{font-size:11px;color:#6b7280;margin-left:6px}
.tkp-scope--calc .ta-input,.tkp-scope--calc .ta-select{width:100%;padding:11px;border:1px solid #e6e8ef;border-radius:12px;background:#fff}
.tkp-scope--calc .ta-select{cursor:pointer}
.tkp-scope--calc .ta-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}
.tkp-scope--calc .ta-btn{padding:10px 12px;border-radius:12px;border:1px solid #e6e8ef;background:#fafbff;cursor:pointer;font-weight:800}
.tkp-scope--calc .ta-btn-primary{background:#111;color:#fff;border-color:#111}
.tkp-scope--calc .ta-btn-soft{background:#f1f3f9}
.tkp-scope--calc .ta-switch{display:flex;gap:8px;align-items:center;margin-left:auto;font-size:12px;color:#374151}
.tkp-scope--calc .ta-switch input{width:16px;height:16px}
.tkp-scope--calc .ta-error{display:none;margin-top:12px;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:10px;color:#9a3412;font-size:13px}
.tkp-scope--calc .ta-results{display:none;margin-top:14px}
.tkp-scope--calc .ta-results-head{display:flex;justify-content:space-between;align-items:center;color:#6b7280;font-size:12px;margin-bottom:10px}
.tkp-scope--calc .ta-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media(max-width:980px){.tkp-scope--calc .ta-cards{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.tkp-scope--calc .ta-cards{grid-template-columns:1fr}}
.tkp-scope--calc .ta-card-item{background:#f7f8fc;border:1px solid #eef0f7;border-radius:14px;padding:12px}
.tkp-scope--calc .ta-card-item small{display:block;color:#6b7280;font-size:12px;margin-bottom:6px}
.tkp-scope--calc .ta-card-item strong{font-size:16px;font-weight:900}
.tkp-scope--calc .ta-foot{margin-top:12px;display:grid;grid-template-columns:1.1fr .9fr;gap:10px}
@media(max-width:980px){.tkp-scope--calc .ta-foot{grid-template-columns:1fr}}
.tkp-scope--calc .ta-note,.tkp-scope--calc .bitum-box{background:#fff;border:1px dashed #e6e8ef;border-radius:14px;padding:12px;font-size:12px;color:#374151}
.tkp-scope--calc .bitum-box .price{font-weight:900;margin-top:6px}
.tkp-scope--calc .ta-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);padding:16px;z-index:999999}
.tkp-scope--calc .ta-modal-card{background:#fff;border-radius:16px;padding:14px;max-width:620px;margin:6vh auto;border:1px solid #e6e8ef}
.tkp-scope--calc .ta-modal-head{display:flex;justify-content:space-between;align-items:center}
.tkp-scope--calc .ta-modal-title{font-weight:900;font-size:16px}
.tkp-scope--calc .ta-x{cursor:pointer;border:1px solid #e6e8ef;border-radius:10px;padding:4px 10px}
.tkp-scope--calc .ta-modal-desc{color:#6b7280;font-size:12px;margin:10px 0}
.tkp-scope--calc .ta-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:700px){.tkp-scope--calc .ta-modal-grid{grid-template-columns:1fr}}
.tkp-scope--calc .ta-consent{display:flex;gap:10px;align-items:flex-start;margin-top:10px;font-size:12px}
.tkp-scope--calc .ta-help{color:#6b7280;font-size:12px;margin-top:6px}
.tkp-scope--calc .ta-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}
.tkp-scope--calc .ta-mini{padding:9px 10px}

/* TOGO mini */
.tkp-scope--calc .asfalt-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}
.tkp-scope--calc .asfalt-title{font-weight:900;font-size:18px}
.tkp-scope--calc .asfalt-sub{color:#6b7280;font-size:13px;margin-top:5px}
.tkp-scope--calc .asfalt-badge{background:#f1f3f9;border:1px solid #e6e8ef;border-radius:999px;padding:6px 10px;font-size:12px}
.tkp-scope--calc .asfalt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:760px){.tkp-scope--calc .asfalt-grid{grid-template-columns:1fr}}
.tkp-scope--calc .field label{font-weight:700;font-size:12px;color:#374151;margin-bottom:6px;display:block}
.tkp-scope--calc .unit{font-size:11px;color:#6b7280;margin-left:6px}
.tkp-scope--calc .field input{width:100%;padding:11px;border:1px solid #e6e8ef;border-radius:12px;background:#fff}
.tkp-scope--calc .actions{display:flex;gap:10px;margin-top:12px}
.tkp-scope--calc .btn{padding:10px 12px;border-radius:12px;border:1px solid #e6e8ef;background:#fafbff;cursor:pointer;font-weight:800}
.tkp-scope--calc .btn-primary{background:#111;color:#fff;border-color:#111}
.tkp-scope--calc #warning{display:none;margin-top:12px;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:10px;color:#9a3412;font-size:13px}
.tkp-scope--calc .result{margin-top:12px;display:none}
.tkp-scope--calc .result table{width:100%;border-collapse:collapse}
.tkp-scope--calc .result th,.tkp-scope--calc .result td{padding:10px;border-bottom:1px solid #eef0f7;font-size:13px}
.tkp-scope--calc .summary{margin-top:10px;background:#f7f8fc;border:1px solid #eef0f7;border-radius:14px;padding:12px;display:none;justify-content:space-between;font-weight:900}
.tkp-scope--calc .product{margin-top:12px;display:none;gap:12px;align-items:flex-start}
.tkp-scope--calc .prod{width:120px;height:auto;border-radius:14px;border:1px solid #eef0f7}
.tkp-scope--calc .shop-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.tkp-scope--calc .shop-btn{display:flex;gap:8px;align-items:center;border:1px solid #e6e8ef;border-radius:12px;padding:8px 10px;text-decoration:none;color:#111;background:#fff}
.tkp-scope--calc .shop-logo{width:18px;height:18px;object-fit:contain}