/* Commuter Pal interior pages — visual only. No backend or form behavior changes. */
body.cp-interior {
    background:#07111f;
    color:#edf4ff;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    line-height:1.6;
}
body.cp-interior.cp-login > .jumbotron + .container {
    margin-top: 10px !important;
}

.cp-interior .navbar.bg-dark {
    background:#0b1729 !important;
    border-bottom:1px solid rgba(255,255,255,.1);
    box-shadow:0 4px 18px rgba(0,0,0,.16);
}
.cp-interior > .container {
    max-width:900px;
    margin:1.4rem auto 3rem;
    padding:2rem clamp(1.2rem,4vw,3rem);
    background:#10223a;
    border:1px solid #243f5a;
    border-radius:20px;
    box-shadow:0 18px 55px rgba(0,0,0,.24);
}
.cp-interior > .container h1, .cp-interior > .container h2 {
    color:#fff;
    font-weight:800;
    letter-spacing:-.035em;
    line-height:1.13;
    margin-bottom:1.5rem;
}
.cp-interior > .container h1 {
    font-size:clamp(2rem,5vw,2.8rem);
}
.cp-interior > .container h2 {
    font-size:clamp(1.8rem,4vw,2.4rem);
}
.cp-interior > .container h3, .cp-interior > .container h4 {
    color:#f0f6ff;
}
.cp-interior > .container p, .cp-interior > .container li, .cp-interior > .container label, .cp-interior > .container .head {
    color:#d1deec;
}
.cp-interior > .container a:not(.btn) {
    color:#8ac2ff;
    text-underline-offset:3px;
}
.cp-interior > .container a:not(.btn):hover {
    color:#c3e0ff;
}
.cp-interior .form-control, .cp-interior .custom-select {
    width:100%;
    color:#162840;
    background:#fff;
    border:1px solid #a9bfd6;
    border-radius:10px;
    min-height:48px;
    padding:.6rem .85rem;
    box-shadow:none;
}
.cp-interior textarea.form-control {
    min-height:130px;
}
.cp-interior .form-control:focus, .cp-interior .custom-select:focus {
    border-color:#2688ff;
    box-shadow:0 0 0 3px rgba(38,136,255,.23);
}
.cp-interior .form-group {
    margin-bottom:1.25rem;
}
.cp-interior label {
    font-weight:500;
}
.cp-interior .btn-primary, .cp-interior a.btn-primary {
    display:inline-block;
    background:#1680ff;
    color:#fff;
    border:1px solid #1680ff;
    font-weight:750;
    border-radius:11px;
    padding:.73rem 1.45rem;
    box-shadow:0 7px 24px rgba(18,115,238,.22);
    text-decoration:none;
}
.cp-interior .btn-primary:hover, .cp-interior .btn-primary:focus {
    background:#096de0;
    border-color:#096de0;
    color:#fff;
}
.cp-interior .text-muted, .cp-interior .form-text {
    color:#aabdd2 !important;
}
.cp-interior .panel-group .panel {
    overflow:hidden;
    border:1px solid #284564;
    border-radius:12px;
    background:#122a46;
    margin:0 0 12px;
}
.cp-interior .accordion-section .panel-default > .panel-heading, .cp-interior .panel-heading {
    background:#173552;
    border:0;
    color:#fff;
    padding:0;
}
.cp-interior .panel-title a {
    display:block;
    padding:15px 18px;
    font-weight:700;
    text-decoration:none;
    color:#eef6ff !important;
}
.cp-interior .panel-title a:hover {
    background:#204567;
}
.cp-interior .panel-body, .cp-interior .panel-collapse {
    color:#d4e2f0;
    background:#10223a;
}
.cp-interior .panel-body {
    padding:18px;
}
.cp-interior .panel-body p, .cp-interior .panel-body li {
    color:#d4e2f0;
}
.cp-interior .accordion-section > .container {
    max-width:100%;
    padding:0;
}
.cp-interior .footer {
    color:#aebfd3;
    background:#07111f;
}
.cp-interior .footer a {
    color:#9dccff;
}
.cp-interior > .container ul {
    padding-left:1.5rem;
}
.cp-interior.cp-terms > .container {
    max-width:1000px;
}
.cp-interior.cp-terms > .container p, .cp-interior.cp-terms > .container li {
    line-height:1.8;
}
.cp-interior.cp-login > .container:first-of-type {
    max-width:680px;
}
/*
.cp-interior.cp-login > .container:nth-of-type(2), .cp-interior.cp-login > .container:nth-of-type(3) {
    max-width:680px;
    margin-top:-2.25rem;
    padding-top:.75rem;
    padding-bottom:.75rem;
    border-top:0;
    border-radius:15px 15px 15px 15px;
    box-shadow:none;
}
.cp-interior.cp-login > .container .col-md-8, .cp-interior.cp-prereg > .container .col-md-8, .cp-interior.cp-registration > .container .col-md-8 {
    flex:0 0 100%;
    max-width:100%;
}
.cp-interior.cp-prereg > .container, .cp-interior.cp-registration > .container {
    max-width:820px !important;
}
.cp-interior.cp-registration > .container #registerNonLite {
    margin-top:1rem;
}
*/
@media(max-width:600px) {

    .cp-interior > .container {
        width:calc(100% - 24px);
        margin:1.5rem auto 2.1rem;
        padding:1.4rem 1.1rem;
        border-radius:15px;
    }
    .cp-interior .form-group.row {
        margin-left:0;
        margin-right:0;
    }
    .cp-interior .g-recaptcha {
        max-width:100%;
        overflow:hidden;
    }
}