/* TransTrade Registration */
.ttrg-page{background:#f8fbff}
.ttrg{--blue:#0870f8;--navy:#07142f;--muted:#68768e;--line:#dfe7f1;padding:54px 0 72px;background:radial-gradient(circle at 85% 8%,rgba(30,122,255,.065),transparent 30%),#f8fbff;color:var(--navy);font-family:Poppins,Arial,sans-serif}
.ttrg__container{width:calc(100% - 40px);max-width:1050px;margin:0 auto}
.ttrg__head{text-align:center;max-width:730px;margin:0 auto 27px}
.ttrg__kicker{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--blue);font-size:11px;font-weight:600}
.ttrg__head h1{margin:13px 0 10px;font-size:39px;line-height:1.1;letter-spacing:-1.4px;font-weight:600}.ttrg__head h1 strong{color:var(--blue);font-weight:600}.ttrg__head p{margin:0 auto;max-width:620px;color:#627089;font-size:10.5px;line-height:1.65}

.ttrg__chooser{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ttrg__role{min-height:132px;display:grid;grid-template-columns:58px 1fr 34px;align-items:center;gap:13px;padding:18px;border:1px solid #dbe5f0;border-radius:13px;background:#fff;text-align:left;cursor:pointer;transition:.2s ease;font-family:Poppins,Arial,sans-serif}
.ttrg__role:hover,.ttrg__role.is-active{border-color:#6faaff;box-shadow:0 7px 22px rgba(8,112,248,.08);transform:translateY(-1px)}
.ttrg__role-icon{width:55px;height:55px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eef5ff;color:var(--blue);font-size:21px}
.ttrg__role-copy small,.ttrg__role-copy strong,.ttrg__role-copy em{display:block}.ttrg__role-copy small{color:var(--blue);font-size:7.5px;font-weight:600}.ttrg__role-copy strong{margin-top:4px;font-size:14px}.ttrg__role-copy em{margin-top:5px;color:#6b7890;font-size:8.7px;line-height:1.5;font-style:normal}.ttrg__role-arrow{width:31px;height:31px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#4f6582}.ttrg__role.is-active .ttrg__role-arrow{background:#0870f8;color:#fff}

.ttrg__client-form,.ttrg__carrier-box{display:none;margin-top:17px;padding:24px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 8px 27px rgba(24,51,86,.045)}.ttrg__client-form.is-visible,.ttrg__carrier-box.is-visible{display:block}
.ttrg__form-head{display:flex;align-items:center;gap:12px;padding-bottom:17px;border-bottom:1px solid #e9eef4}.ttrg__form-head>span{width:43px;height:43px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#eef5ff;color:var(--blue);font-size:17px}.ttrg__form-head h2{margin:0;font-size:16px}.ttrg__form-head p{margin:4px 0 0;color:#778397;font-size:8.7px}
.ttrg__notice{display:flex;align-items:center;gap:9px;margin-top:15px;padding:11px 12px;border:1px solid #efc9c9;border-radius:8px;background:#fff5f5;color:#a03f3f;font-size:9px}
.ttrg__form{margin-top:18px}.ttrg__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ttrg__grid label>span{display:block;margin-bottom:6px;color:#2a3a53;font-size:8.5px;font-weight:600}.ttrg__grid input{width:100%;height:42px;box-sizing:border-box;padding:0 11px;border:1px solid #ccd9e8;border-radius:7px;outline:0;background:#fff;color:#263850;font:400 10px Poppins,Arial,sans-serif}.ttrg__grid input:focus{border-color:#68a6f8;box-shadow:0 0 0 2px rgba(8,112,248,.07)}
.ttrg__password{position:relative}.ttrg__password input{padding-right:43px}.ttrg__password button{position:absolute;right:0;top:0;width:42px;height:42px;border:0;background:transparent;color:#6d7c92;cursor:pointer}
.ttrg__terms{display:flex;align-items:flex-start;gap:8px;margin:16px 0;color:#627087;font-size:8.5px;line-height:1.5}.ttrg__terms input{margin-top:2px;accent-color:#0870f8}.ttrg__terms a{color:var(--blue);text-decoration:none}
.ttrg__submit{width:100%;height:47px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:7px;background:linear-gradient(135deg,#0768ec,#0b7cff);color:#fff;font:600 10.5px Poppins,Arial,sans-serif;cursor:pointer;box-shadow:0 8px 18px rgba(8,112,248,.15)}

.ttrg__carrier-inner{display:grid;grid-template-columns:68px 1fr;gap:16px}.ttrg__carrier-icon{width:62px;height:62px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eef5ff;color:var(--blue);font-size:24px}.ttrg__carrier-inner small{color:var(--blue);font-size:8px;font-weight:600}.ttrg__carrier-inner h2{margin:4px 0 7px;font-size:18px}.ttrg__carrier-inner p{max-width:700px;color:#65738a;font-size:9.5px;line-height:1.65}.ttrg__carrier-features{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.ttrg__carrier-features span{padding:7px 9px;border:1px solid #dfe7f0;border-radius:6px;background:#f9fbfe;color:#40516b;font-size:8.3px}.ttrg__carrier-features i{margin-right:5px;color:#30a348}
.ttrg__carrier-cta{min-height:43px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;background:#0870f8;color:#fff!important;text-decoration:none!important;font-size:9.5px;font-weight:600}
.ttrg__login{text-align:center;margin-top:17px;color:#748096;font-size:8.8px}.ttrg__login a{color:var(--blue);font-weight:600;text-decoration:none}

.ttrg__logged{width:calc(100% - 40px);max-width:800px;margin:0 auto;display:grid;grid-template-columns:65px 1fr;gap:15px;align-items:center;padding:30px;border:1px solid var(--line);border-radius:14px;background:#fff}.ttrg__logged>span{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eaf8ed;color:#31a349;font-size:24px}.ttrg__logged h1{margin:0;font-size:22px}.ttrg__logged p{font-size:9.5px;color:#6b7890}.ttrg__logged a{display:inline-flex;gap:8px;align-items:center;margin-top:8px;color:#0870f8;text-decoration:none;font-size:9px;font-weight:600}

@media(max-width:720px){.ttrg__chooser{grid-template-columns:1fr}.ttrg__grid{grid-template-columns:1fr}.ttrg__head h1{font-size:32px}}
@media(max-width:520px){.ttrg{padding:38px 0 55px}.ttrg__container{width:calc(100% - 28px)}.ttrg__role{grid-template-columns:50px 1fr;padding:15px;min-height:120px}.ttrg__role-icon{width:48px;height:48px}.ttrg__role-arrow{display:none}.ttrg__client-form,.ttrg__carrier-box{padding:18px}.ttrg__carrier-inner{grid-template-columns:1fr}.ttrg__carrier-features{display:grid;grid-template-columns:1fr 1fr}.ttrg__carrier-cta{width:100%;box-sizing:border-box}}


/* 1.0.1 — komunikat oczekiwania na zatwierdzenie */
.ttrg__notice--success{
    display:flex!important;
    align-items:flex-start!important;
    gap:10px!important;
    border-color:#b9d6ff!important;
    background:#eef6ff!important;
    color:#153c69!important;
}
.ttrg__notice--success>i{
    margin-top:2px;
    color:#0870f8;
}
.ttrg__notice--success div strong,
.ttrg__notice--success div span{
    display:block;
}
.ttrg__notice--success div strong{
    margin-bottom:3px;
}