/* =========================================================
   CCARGO PUBLIC INNER V2
   ========================================================= */

body.cc-public-v2{
    margin:0;
    background:#f6f8fa;
    color:#202938;
    font-family:"Inter",system-ui,sans-serif;
}


/* SAME CONTENT WIDTH AS NEW HOMEPAGE */

.cc-public-v2 .container{
    width:min(1280px, calc(100% - 40px));
    max-width:none;
    margin-left:auto;
    margin-right:auto;
}

.cc-public-v2 .page-wrap{
    padding-top:22px;
    padding-bottom:34px;
}


/* HEADER */

.cc-public-v2 .home-header{
    position:relative;
    z-index:100;
}

.cc-public-v2 .home-nav a.is-active{
    color:#17202d;
    font-weight:800;
}

.cc-public-v2 .home-nav a.is-active::after{
    content:"";
    display:block;
    height:2px;
    margin-top:5px;
    border-radius:999px;
    background:#e99a00;
}

.cc-public-v2__messages{
    position:relative;
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    border:1px solid #dfe3e8;
    border-radius:9px;
    background:#fff;
    color:#46515f;
    text-decoration:none;
    font-size:15px;
}

.cc-public-v2__messages:hover{
    border-color:#cfd5dc;
    background:#f8fafc;
}

.cc-public-v2__messages b{
    position:absolute;
    right:-5px;
    top:-5px;
    min-width:17px;
    height:17px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 4px;
    border-radius:999px;
    background:#dc2626;
    color:#fff;
    font-size:9px;
    line-height:17px;
}

.cc-public-v2__staff{
    padding:7px 14px;
    color:#fff;
    font-size:11px;
    font-weight:800;
    text-align:center;
}


/* PAGE INTRO */

.cc-public-v2 .public-hero{
    min-height:unset;
    margin:0 0 16px;
    padding:22px 24px;
    border:1px solid #e1e5e9;
    border-radius:12px;
    background:#fff;
    box-shadow:none;
}

.cc-public-v2 .public-hero h1{
    margin:0 0 5px !important;
    font-family:"Montserrat","Inter",system-ui,sans-serif;
    color:#17202d;
    font-size:25px;
    line-height:1.15;
    font-weight:800;
    letter-spacing:-.6px;
}

.cc-public-v2 .page-kicker{
    margin-bottom:5px;
    color:#d98d00;
    font-size:9px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.cc-public-v2 .public-hero .muted{
    color:#75808d;
    font-size:11px;
}


/* OLD CONTENT, NEW SURFACE */

.cc-public-v2 .card{
    border-color:#e1e5e9;
    box-shadow:none;
}

.cc-public-v2 .public-left .card,
.cc-public-v2 .public-right .card{
    border-radius:10px;
}

.cc-public-v2 .mc-card{
    border-color:#e1e5e9;
    box-shadow:none;
}

.cc-public-v2 .mc-card:hover{
    border-color:#cfd6dd;
}


/* FOOTER */

.cc-public-v2 .home-footer{
    margin-top:22px;
}


/* MOBILE */

@media (max-width:900px){

    .cc-public-v2 .container{
        width:min(100% - 28px, 1280px);
    }
}

@media (max-width:650px){

    .cc-public-v2 .container{
        width:min(100% - 20px, 1280px);
    }

    .cc-public-v2 .page-wrap{
        padding-top:14px;
    }

    .cc-public-v2 .public-hero{
        padding:18px;
    }

    .cc-public-v2 .public-hero h1{
        font-size:21px;
    }
}

/* =========================================================
   LOADS WITHOUT OLD LEFT FILTER V1
   ========================================================= */

.cc-public-v2 .public-layout.public-layout--no-left{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 300px !important;
    gap:18px !important;
    align-items:start !important;
}

.cc-public-v2 .public-layout--no-left .public-center{
    min-width:0 !important;
    width:100% !important;
}

.cc-public-v2 .public-layout--no-left .public-right{
    min-width:0 !important;
}

@media (max-width:1050px){
    .cc-public-v2 .public-layout.public-layout--no-left{
        grid-template-columns:1fr !important;
    }
}


/* =========================================================
   LOADS FULL WIDTH V1
   ========================================================= */

.cc-public-v2 .public-layout.public-layout--full{
    display:block !important;
    width:100% !important;
}

.cc-public-v2 .public-layout--full .public-center{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
}


/* =========================================================
   CCARGO LOAD SEARCH PANEL V2
   ========================================================= */

.cc-search-panel{
    margin:0 0 18px;
    padding:20px 18px 16px;
    border:1px solid #dce3e9;
    border-radius:14px;
    background:#f8fafc;
}

.cc-search-panel__row{
    display:grid;
    grid-template-columns:
        minmax(240px,1.7fr)
        minmax(240px,1.7fr)
        minmax(170px,.9fr)
        minmax(210px,1.1fr);
    gap:16px;
    align-items:end;
}

.cc-search-panel__field{
    min-width:0;
}

.cc-search-panel__field > label,
.cc-search-advanced__label{
    display:block;
    margin:0 0 7px;
    color:#364454;
    font-size:12px;
    line-height:1.25;
    font-weight:700;
}

.cc-search-panel__input{
    display:block;
    width:100%;
    height:42px;
    min-width:0;
    padding:0 12px;
    border:1px solid #cfd8e1;
    border-radius:6px;
    outline:none;
    background:#fff;
    color:#202b37;
    font:inherit;
    font-size:13px;
    box-sizing:border-box;
}

.cc-search-panel__input::placeholder{
    color:#929ca7;
}

.cc-search-panel__input:focus{
    border-color:#9eabb8;
    box-shadow:0 0 0 2px rgba(33,75,105,.07);
}

.cc-search-panel__range{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
}


/* ACTIONS */

.cc-search-panel__actions{
    display:flex;
    align-items:center;
    gap:9px;
    margin-top:16px;
}

.cc-search-panel__submit,
.cc-search-panel__reset{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 16px;
    border-radius:5px;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
    box-sizing:border-box;
}

.cc-search-panel__submit{
    border:1px solid #214b69;
    background:#214b69;
    color:#fff;
    cursor:pointer;
}

.cc-search-panel__submit:hover{
    background:#193e58;
}

.cc-search-panel__reset{
    border:1px solid #cbd5df;
    background:#fff;
    color:#354453;
}

.cc-search-panel__reset:hover{
    background:#f3f6f8;
}


/* ADVANCED */

.cc-search-advanced{
    margin-top:10px;
}

.cc-search-advanced > summary{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:4px 0;
    color:#657383;
    font-size:11px;
    font-weight:700;
    cursor:pointer;
    list-style:none;
}

.cc-search-advanced > summary::-webkit-details-marker{
    display:none;
}

.cc-search-advanced > summary b{
    font-size:11px;
    transition:transform .15s ease;
}

.cc-search-advanced[open] > summary b{
    transform:rotate(180deg);
}

.cc-search-advanced__grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px 16px;
    margin-top:10px;
    padding:16px;
    border-top:1px solid #e0e6eb;
    background:#fff;
}

.cc-search-advanced__wide{
    grid-column:1 / -1;
}


/* TAGS */

.cc-search-tags{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}

.cc-search-tag{
    position:relative;
    margin:0;
    cursor:pointer;
}

.cc-search-tag input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.cc-search-tag span{
    display:inline-flex;
    align-items:center;
    min-height:29px;
    padding:0 10px;
    border:1px solid #d4dbe2;
    border-radius:5px;
    background:#fff;
    color:#4d5965;
    font-size:11px;
    line-height:1;
}

.cc-search-tag input:checked + span{
    border-color:#214b69;
    background:#edf4f8;
    color:#173e59;
    font-weight:700;
}


/* OPTIONS */

.cc-search-options{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
}

.cc-search-options label{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#465361;
    font-size:11px;
    cursor:pointer;
}

.cc-search-options input{
    width:15px;
    height:15px;
    margin:0;
}


/* AUTOCOMPLETE FROM EXISTING JS */

.cc-search-panel .city-suggest,
.cc-search-panel .city-autocomplete{
    font-size:12px;
}


/* RESPONSIVE */

@media (max-width:1100px){

    .cc-search-panel__row{
        grid-template-columns:1fr 1fr;
    }

    .cc-search-advanced__grid{
        grid-template-columns:1fr 1fr;
    }
}

@media (max-width:650px){

    .cc-search-panel{
        padding:14px;
    }

    .cc-search-panel__row,
    .cc-search-advanced__grid{
        grid-template-columns:1fr;
    }

    .cc-search-panel__actions{
        align-items:stretch;
    }

    .cc-search-panel__submit,
    .cc-search-panel__reset{
        flex:1 1 0;
    }
}



/* =========================================================
   FUEL PAGE V2
   ========================================================= */

.fuel-page{
    padding:26px 0 38px;
}


/* HEAD */

.fuel-page__head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:30px;

    margin-bottom:16px;
    padding:24px 26px;

    border:1px solid #e0e5e9;
    border-radius:14px;

    background:#fff;
}

.fuel-page__eyebrow{
    margin-bottom:5px;

    color:#d99100;

    font-size:10px;
    line-height:1;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.fuel-page__head h1{
    margin:0;

    color:#17202d;

    font-family:"Montserrat","Inter",system-ui,sans-serif;
    font-size:27px;
    line-height:1.15;
    font-weight:800;
    letter-spacing:-.6px;
}

.fuel-page__head p{
    margin:7px 0 0;

    color:#75808c;

    font-size:12px;
    line-height:1.45;
}


/* META */

.fuel-page__meta{
    display:flex;
    gap:24px;
    flex:0 0 auto;
}

.fuel-page__meta > div{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:3px;
}

.fuel-page__meta span{
    color:#8a949e;
    font-size:10px;
}

.fuel-page__meta strong{
    color:#394653;
    font-size:11px;
    font-weight:700;
}


/* SUMMARY */

.fuel-page__summary{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin-bottom:16px;
}

.fuel-summary-card{
    padding:18px 20px;

    border:1px solid #e0e5e9;
    border-radius:12px;

    background:#fff;
}

.fuel-summary-card span{
    display:block;
    margin-bottom:7px;

    color:#7b8691;

    font-size:11px;
}

.fuel-summary-card strong{
    color:#17202d;

    font-size:18px;
    line-height:1.2;
    font-weight:800;
}


/* TABLE CARD */

.fuel-page__table-card{
    overflow:hidden;

    border:1px solid #e0e5e9;
    border-radius:14px;

    background:#fff;
}

.fuel-page__table-scroll{
    overflow-x:auto;
}

.fuel-table{
    width:100%;
    min-width:620px;

    border-collapse:collapse;
    table-layout:fixed;
}

.fuel-table th,
.fuel-table td{
    padding:15px 18px;

    border-bottom:1px solid #edf0f2;

    text-align:center;
    vertical-align:middle;
}

.fuel-table th{
    background:#f8fafb;

    color:#697581;

    font-size:10px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.fuel-table tbody tr:last-child td{
    border-bottom:0;
}

.fuel-table tbody tr:hover{
    background:#fbfcfd;
}

.fuel-table th:first-child,
.fuel-table td:first-child{
    width:220px;
    text-align:left;
}


/* NETWORK */

.fuel-network{
    display:flex;
    align-items:center;
    gap:9px;
}

.fuel-network strong{
    color:#273340;

    font-size:13px;
    font-weight:800;
}


/* DOT */

.fuel-dot{
    display:inline-block;

    width:9px;
    height:9px;
    flex:0 0 9px;

    border-radius:50%;
}

.fuel-okko{
    background:#3f7f4f;
}

.fuel-wog{
    background:#8b5cf6;
}

.fuel-upg{
    background:#2f5fbf;
}

.fuel-socar{
    background:#c2410c;
}

.fuel-brsm{
    background:#374151;
}


/* PRICE */

.fuel-price{
    display:inline-flex;
    align-items:baseline;
    gap:3px;

    color:#293642;

    font-size:14px;
    font-weight:700;
}

.fuel-price small{
    color:#8a949e;

    font-size:10px;
    font-weight:600;
}

.fuel-min{
    color:#16834a;
    font-weight:900;
}

.fuel-max{
    color:#bd3f36;
    font-weight:900;
}

.fuel-no-price{
    color:#a1a9b1;
}


/* EMPTY */

.fuel-page__empty{
    padding:32px;

    color:#7d8791;

    text-align:center;
    font-size:12px;
}


/* MOBILE */

@media (max-width:800px){

    .fuel-page__head{
        flex-direction:column;
        gap:18px;
    }

    .fuel-page__meta{
        width:100%;
        justify-content:space-between;
    }

    .fuel-page__meta > div{
        align-items:flex-start;
    }
}

@media (max-width:600px){

    .fuel-page{
        padding-top:16px;
    }

    .fuel-page__head{
        padding:19px;
    }

    .fuel-page__head h1{
        font-size:22px;
    }

    .fuel-page__summary{
        grid-template-columns:1fr;
    }

    .fuel-summary-card strong{
        font-size:16px;
    }
}



/* =========================================================
   TRAFFIC BAN PAGE V2
   ========================================================= */

.trafficban-page{
    padding:26px 0 40px;
}


/* PAGE HEAD */

.trafficban-page__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;

    margin-bottom:16px;
    padding:22px 25px;

    border:1px solid #e0e5e9;
    border-radius:14px;

    background:#fff;
}

.trafficban-page__eyebrow{
    margin-bottom:5px;

    color:#d99100;

    font-size:10px;
    line-height:1;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.trafficban-page__head h1{
    margin:0;

    color:#17202d;

    font-family:"Montserrat","Inter",system-ui,sans-serif;
    font-size:27px;
    line-height:1.15;
    font-weight:800;
    letter-spacing:-.6px;
}

.trafficban-page__updated{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:3px;

    flex:0 0 auto;
}

.trafficban-page__updated span{
    color:#8a949e;

    font-size:10px;
}

.trafficban-page__updated strong{
    color:#394653;

    font-size:11px;
    font-weight:700;
}


/* SECTIONS */

.trafficban-sections{
    display:grid;
    gap:15px;
}

.trafficban-section{
    overflow:hidden;

    border:1px solid #e0e5e9;
    border-radius:14px;

    background:#fff;
}


/* DATE HEADER */

.trafficban-section__head{
    display:flex;
    align-items:center;
    gap:10px;

    padding:13px 16px;

    border-bottom:1px solid #e8ecef;

    background:#f8fafb;
}

.trafficban-section__date{
    color:#202c38;

    font-size:14px;
    line-height:1;
    font-weight:800;
}

.trafficban-section__day{
    padding:4px 8px;

    border:1px solid #dde3e8;
    border-radius:5px;

    background:#fff;
    color:#75808b;

    font-size:10px;
    line-height:1;
    font-weight:700;
}


/* COUNTRY GRID */

.trafficban-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:10px;

    padding:14px;
}


/* COUNTRY CARD */

.trafficban-item{
    min-width:0;

    padding:12px 13px;

    border:1px solid #e3e8ec;
    border-radius:9px;

    background:#fff;
}

.trafficban-item:hover{
    border-color:#ccd5dc;

    background:#fbfcfd;
}


/* COUNTRY HEAD */

.trafficban-item__country{
    display:flex;
    align-items:center;
    gap:8px;

    min-width:0;
}

.trafficban-flagbox{
    display:flex;
    align-items:center;
    justify-content:center;

    width:22px;
    height:15px;

    min-width:22px;
    min-height:15px;

    max-width:22px;
    max-height:15px;

    overflow:hidden;

    border:1px solid #d7dde2;
    border-radius:2px;

    background:#f5f6f7;

    flex:0 0 22px;
}

.trafficban-flag,
.trafficban-flagbox img,
.trafficban-item img.trafficban-flag{
    display:block !important;

    width:22px !important;
    height:15px !important;

    min-width:22px !important;
    min-height:15px !important;

    max-width:22px !important;
    max-height:15px !important;

    margin:0 !important;
    padding:0 !important;

    object-fit:cover !important;
    object-position:center !important;

    flex:0 0 22px !important;
}

.trafficban-country{
    min-width:0;

    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;

    color:#26323e;

    font-size:12px;
    line-height:1.2;
    font-weight:800;
}

.trafficban-code{
    margin-left:auto;

    color:#9aa3ab;

    font-size:9px;
    line-height:1;
    font-weight:700;
}


/* TIME */

.trafficban-time{
    display:flex;
    flex-wrap:wrap;
    gap:5px;

    margin-top:9px;
}

.trafficban-time span{
    display:inline-flex;
    align-items:center;

    min-height:25px;
    padding:0 8px;

    border:1px solid #ead9d6;
    border-radius:5px;

    background:#fff7f5;
    color:#a43b2e;

    font-size:11px;
    line-height:1;
    font-weight:800;
}


/* EMPTY / ERROR */

.trafficban-section__empty,
.trafficban-message{
    padding:24px;

    color:#75808b;

    font-size:12px;
}

.trafficban-message{
    margin-bottom:16px;

    border:1px solid #e0e5e9;
    border-radius:12px;

    background:#fff;
}

.trafficban-message--error{
    border-color:#efd7d3;

    background:#fff8f7;
    color:#9b4036;
}


/* SOURCE */

.trafficban-source{
    margin-top:11px;

    color:#9ba3ab;

    font-size:9px;
    text-align:right;
}


/* RESPONSIVE */

@media (max-width:1100px){

    .trafficban-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }
}

@media (max-width:820px){

    .trafficban-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }
}

@media (max-width:600px){

    .trafficban-page{
        padding-top:16px;
    }

    .trafficban-page__head{
        align-items:flex-start;
        flex-direction:column;

        padding:19px;
    }

    .trafficban-page__head h1{
        font-size:22px;
    }

    .trafficban-page__updated{
        align-items:flex-start;
    }

    .trafficban-grid{
        grid-template-columns:1fr;

        padding:10px;
    }

    .trafficban-section__head{
        padding:12px;
    }
}


/* =========================================================
   CCARGO AUTH PAGES V2
   ========================================================= */

.cc-public-v2 .auth-page-v2{
    padding-top:34px;
    padding-bottom:44px;
}


/* SHELL */

.cc-public-v2 .auth-page-v2 .auth-shell{
    width:100%;
    margin:0 auto;
}

.cc-public-v2 .auth-page-v2--login .auth-shell,
.cc-public-v2 .auth-page-v2--forgot .auth-shell{
    max-width:520px;
}

.cc-public-v2 .auth-page-v2--register .auth-shell{
    max-width:900px;
}


/* CARD */

.cc-public-v2 .auth-page-v2 .auth-card{
    width:100%;
    padding:28px;

    border:1px solid #dfe5ea;
    border-radius:14px;

    background:#fff;
    box-shadow:none;

    box-sizing:border-box;
}


/* HEAD */

.cc-public-v2 .auth-page-v2 .auth-card-head{
    margin-bottom:22px;
}

.cc-public-v2 .auth-page-v2 .page-kicker{
    margin:0 0 6px;

    color:#e49500;

    font-size:10px;
    line-height:1;
    font-weight:800;

    letter-spacing:.12em;
    text-transform:uppercase;
}

.cc-public-v2 .auth-page-v2 .auth-title{
    margin:0;

    color:#16202c;

    font-family:"Montserrat","Inter",system-ui,sans-serif;
    font-size:25px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:-.4px;
}

.cc-public-v2 .auth-page-v2 .auth-subtitle{
    margin-top:7px;

    color:#76818d;

    font-size:12px;
    line-height:1.5;
}


/* FORM */

.cc-public-v2 .auth-page-v2 .auth-form{
    display:grid;
    gap:18px;
}

.cc-public-v2 .auth-page-v2 .auth-grid{
    display:grid;
    gap:15px 16px;
}

.cc-public-v2 .auth-page-v2 .auth-grid-2{
    grid-template-columns:
        repeat(2,minmax(0,1fr));
}


/* FORM GROUP */

.cc-public-v2 .auth-page-v2 .form-group{
    min-width:0;
    margin:0;
}

.cc-public-v2 .auth-page-v2 .form-group > label{
    display:block;

    margin:0 0 6px;

    color:#3e4b58;

    font-size:11px;
    line-height:1.3;
    font-weight:700;
}


/* INPUT */

.cc-public-v2 .auth-page-v2 .input{
    display:block;

    width:100%;
    height:42px;

    margin:0;
    padding:0 11px;

    border:1px solid #ccd5dd;
    border-radius:6px;

    outline:none;

    background:#fff;
    color:#202b36;

    font:inherit;
    font-size:12px;

    box-sizing:border-box;
}

.cc-public-v2 .auth-page-v2 textarea.input{
    height:auto;
    min-height:90px;
    padding-top:10px;
    padding-bottom:10px;
}

.cc-public-v2 .auth-page-v2 .input::placeholder{
    color:#9aa4ae;
}

.cc-public-v2 .auth-page-v2 .input:focus{
    border-color:#8b9aa7;

    box-shadow:
        0 0 0 2px
        rgba(32,74,105,.07);
}


/* ALERTS */

.cc-public-v2 .auth-page-v2 .auth-alert,
.cc-public-v2 .auth-page-v2 .alert{
    margin:0 0 18px;
    padding:10px 12px;

    border:1px solid #ead3cf;
    border-radius:7px;

    background:#fff7f5;
    color:#984239;

    font-size:11px;
    line-height:1.45;
}

.cc-public-v2 .auth-page-v2 .auth-alert--success,
.cc-public-v2 .auth-page-v2 .alert-success{
    border-color:#cfe5d7;

    background:#f4fbf6;
    color:#277044;
}

.cc-public-v2 .auth-page-v2 .auth-alert--error,
.cc-public-v2 .auth-page-v2 .alert-danger{
    border-color:#ead3cf;

    background:#fff7f5;
    color:#984239;
}


/* ACTIONS */

.cc-public-v2 .auth-page-v2 .auth-actions{
    display:flex;
    align-items:center;
    gap:9px;

    margin-top:3px;
}

.cc-public-v2 .auth-page-v2 .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:40px;
    padding:0 17px;

    border-radius:6px;

    font-size:11px;
    line-height:1;
    font-weight:800;

    text-decoration:none;

    box-sizing:border-box;
}

.cc-public-v2 .auth-page-v2 .btn-primary{
    border:1px solid #f0a000;

    background:#f5a800;
    color:#101820;
}

.cc-public-v2 .auth-page-v2 .btn-primary:hover{
    background:#e99f00;
}

.cc-public-v2 .auth-page-v2 .btn-secondary{
    border:1px solid #ccd5dd;

    background:#fff;
    color:#263440;
}

.cc-public-v2 .auth-page-v2 .btn-secondary:hover{
    background:#f5f7f9;
}


/* AUTH LINKS */

.cc-public-v2 .auth-page-v2 a:not(.btn){
    color:#1f648f;
    text-decoration:none;
}

.cc-public-v2 .auth-page-v2 a:not(.btn):hover{
    text-decoration:underline;
}


/* CHECKBOX */

.cc-public-v2 .auth-page-v2 .auth-check{
    margin:0;
}

.cc-public-v2 .auth-page-v2 .auth-check-label{
    display:flex;
    align-items:flex-start;
    gap:8px;

    margin:0;

    color:#53606c;

    font-size:11px;
    line-height:1.45;
}

.cc-public-v2
.auth-page-v2
.auth-check-label
input[type="checkbox"]{
    width:14px;
    height:14px;

    min-width:14px;

    margin:1px 0 0;

    flex:0 0 14px;
}


/* REGISTER CAPTCHA */

.cc-public-v2
.auth-page-v2
.auth-register-bottom{
    width:100%;

    margin-top:3px;
}

.cc-public-v2
.auth-page-v2
.auth-captcha-row{
    display:flex;
    align-items:center;
    gap:9px;

    margin-bottom:13px;
}

.cc-public-v2
.auth-page-v2
.auth-captcha-label{
    margin:0;

    color:#475460;

    font-size:11px;
    line-height:1.4;
    font-weight:700;
}

.cc-public-v2
.auth-page-v2
.auth-captcha-input{
    width:92px;
    min-width:92px;
    max-width:92px;

    flex:0 0 92px;
}

.cc-public-v2
.auth-page-v2
.auth-agree-row{
    margin:0;
}

.cc-public-v2
.auth-page-v2
.auth-check-text{
    min-width:0;
}


/* HONEYPOT */

.cc-public-v2 .auth-page-v2 .ccargo-hp-field{
    position:absolute;

    left:-10000px;
    top:auto;

    width:1px;
    height:1px;

    overflow:hidden;
}


/* FORGOT */

.cc-public-v2
.auth-page-v2--forgot
.auth-form{
    gap:17px;
}


/* MOBILE */

@media (max-width:720px){

    .cc-public-v2 .auth-page-v2{
        padding-top:18px;
        padding-bottom:28px;
    }

    .cc-public-v2 .auth-page-v2 .auth-card{
        padding:20px 17px;
        border-radius:11px;
    }

    .cc-public-v2 .auth-page-v2 .auth-title{
        font-size:22px;
    }

    .cc-public-v2 .auth-page-v2 .auth-grid-2{
        grid-template-columns:1fr;
    }

    .cc-public-v2
    .auth-page-v2
    .auth-captcha-row{
        align-items:flex-start;
        flex-wrap:wrap;
    }

    .cc-public-v2 .auth-page-v2 .auth-actions{
        flex-direction:column;
        align-items:stretch;
    }

    .cc-public-v2 .auth-page-v2 .btn{
        width:100%;
    }
}


/* =========================================================
   REGISTER FORM POLISH V1
   ========================================================= */

.cc-public-v2
.auth-page-v2--register{
    padding-top:28px;
    padding-bottom:42px;
}

.cc-public-v2
.auth-page-v2--register
.auth-shell{
    max-width:820px;
}

.cc-public-v2
.auth-page-v2--register
.auth-card{
    padding:30px 32px 28px;

    border:1px solid #dde4ea;
    border-radius:14px;

    background:#fff;
}


/* HEADER */

.cc-public-v2
.auth-page-v2--register
.auth-card-head{
    margin-bottom:24px;
    padding-bottom:18px;

    border-bottom:1px solid #edf0f2;
}

.cc-public-v2
.auth-page-v2--register
.auth-title{
    font-size:27px;
}

.cc-public-v2
.auth-page-v2--register
.auth-subtitle{
    max-width:580px;
}


/* FORM GRID */

.cc-public-v2
.auth-page-v2--register
.auth-grid-2{
    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr);

    column-gap:18px;
    row-gap:17px;
}

.cc-public-v2
.auth-page-v2--register
.form-group{
    min-width:0;
}

.cc-public-v2
.auth-page-v2--register
.form-group > label{
    margin-bottom:7px;

    color:#34414d;

    font-size:11px;
    font-weight:750;
}


/* FIELDS */

.cc-public-v2
.auth-page-v2--register
.input{
    height:44px;

    padding-left:12px;
    padding-right:12px;

    border-color:#cbd4dc;
    border-radius:7px;

    background:#fff;

    font-size:12px;
}

.cc-public-v2
.auth-page-v2--register
select.input{
    cursor:pointer;
}

.cc-public-v2
.auth-page-v2--register
.input:hover{
    border-color:#b9c5cf;
}

.cc-public-v2
.auth-page-v2--register
.input:focus{
    border-color:#748c9f;

    box-shadow:
        0 0 0 3px
        rgba(42,84,114,.07);
}


/* PASSWORDS
   Последние два поля сетки держим как одну логическую пару */

.cc-public-v2
.auth-page-v2--register
.auth-grid-2
.form-group:nth-last-child(2),
.cc-public-v2
.auth-page-v2--register
.auth-grid-2
.form-group:nth-last-child(1){
    margin-top:2px;
}


/* BOTTOM BLOCK */

.cc-public-v2
.auth-page-v2--register
.auth-register-bottom{
    margin-top:3px;
    padding:16px 17px;

    border:1px solid #e3e8ec;
    border-radius:9px;

    background:#f8fafb;
}


/* CAPTCHA */

.cc-public-v2
.auth-page-v2--register
.auth-captcha-row{
    display:flex;
    align-items:center;

    gap:10px;

    margin:0 0 14px;
    padding:0 0 14px;

    border-bottom:1px solid #e4e9ed;
}

.cc-public-v2
.auth-page-v2--register
.auth-captcha-label{
    color:#3d4955;

    font-size:11px;
    font-weight:700;
}

.cc-public-v2
.auth-page-v2--register
.auth-captcha-input{
    width:88px;
    min-width:88px;
    max-width:88px;

    height:38px;

    padding:0 10px;

    text-align:center;

    font-size:13px;
    font-weight:700;
}


/* AGREEMENT */

.cc-public-v2
.auth-page-v2--register
.auth-agree-row{
    margin:0;
}

.cc-public-v2
.auth-page-v2--register
.auth-check-label-agree{
    display:flex;
    align-items:flex-start;

    gap:9px;

    margin:0;
}

.cc-public-v2
.auth-page-v2--register
.auth-check-label-agree
input[type="checkbox"]{
    width:15px;
    height:15px;

    min-width:15px;

    margin-top:1px;

    flex:0 0 15px;
}

.cc-public-v2
.auth-page-v2--register
.auth-check-text{
    color:#596673;

    font-size:10.5px;
    line-height:1.55;
}

.cc-public-v2
.auth-page-v2--register
.auth-check-text a{
    font-weight:700;
}


/* ACTIONS */

.cc-public-v2
.auth-page-v2--register
.auth-actions{
    display:flex;
    justify-content:flex-end;
    align-items:center;

    gap:9px;

    margin-top:2px;
    padding-top:3px;
}

.cc-public-v2
.auth-page-v2--register
.auth-actions .btn{
    min-width:142px;
    min-height:42px;

    padding-left:18px;
    padding-right:18px;

    border-radius:7px;
}


/* ERROR */

.cc-public-v2
.auth-page-v2--register
.auth-alert{
    margin-bottom:20px;
}


/* MOBILE */

@media (max-width:720px){

    .cc-public-v2
    .auth-page-v2--register{
        padding-top:16px;
        padding-bottom:26px;
    }

    .cc-public-v2
    .auth-page-v2--register
    .auth-card{
        padding:20px 16px;
    }

    .cc-public-v2
    .auth-page-v2--register
    .auth-card-head{
        margin-bottom:19px;
        padding-bottom:15px;
    }

    .cc-public-v2
    .auth-page-v2--register
    .auth-title{
        font-size:22px;
    }

    .cc-public-v2
    .auth-page-v2--register
    .auth-grid-2{
        grid-template-columns:1fr;

        row-gap:14px;
    }

    .cc-public-v2
    .auth-page-v2--register
    .auth-register-bottom{
        padding:14px;
    }

    .cc-public-v2
    .auth-page-v2--register
    .auth-captcha-row{
        align-items:flex-start;
        flex-wrap:wrap;
    }

    .cc-public-v2
    .auth-page-v2--register
    .auth-actions{
        flex-direction:column;
        align-items:stretch;
    }

    .cc-public-v2
    .auth-page-v2--register
    .auth-actions .btn{
        width:100%;
    }
}


/* CCARGO LEGAL PAGES V2 */

.legal-page{
    padding:30px 0 44px;
}

.legal-page__container{
    max-width:980px;
}


/* DOCUMENT */

.legal-document{
    overflow:hidden;

    border:1px solid #dfe5ea;
    border-radius:14px;

    background:#fff;
}


/* HEAD */

.legal-document__head{
    padding:30px 38px 27px;

    border-bottom:1px solid #e8ecef;

    background:#f9fafb;
}

.legal-document__kicker{
    margin-bottom:7px;

    color:#df9300;

    font-size:10px;
    line-height:1;
    font-weight:800;

    letter-spacing:.13em;
    text-transform:uppercase;
}

.legal-document__head h1{
    max-width:780px;

    margin:0;

    color:#17212c;

    font-family:"Montserrat","Inter",system-ui,sans-serif;
    font-size:28px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:-.5px;
}

.legal-document__head p{
    max-width:720px;

    margin:10px 0 0;

    color:#717d88;

    font-size:13px;
    line-height:1.6;
}


/* BODY */

.legal-document__body{
    max-width:800px;

    margin:0 auto;
    padding:31px 38px 38px;
}

.legal-document__body h3{
    margin:30px 0 12px;
    padding-top:26px;

    border-top:1px solid #edf0f2;

    color:#202c38;

    font-family:"Montserrat","Inter",system-ui,sans-serif;
    font-size:16px;
    line-height:1.35;
    font-weight:800;
}

.legal-document__body h3:first-child{
    margin-top:0;
    padding-top:0;

    border-top:0;
}

.legal-document__body p{
    margin:0 0 13px;

    color:#4e5a66;

    font-size:12.5px;
    line-height:1.72;
}

.legal-document__body ul{
    margin:5px 0 15px;
    padding:0;

    list-style:none;
}

.legal-document__body li{
    position:relative;

    margin:0;
    padding:6px 0 6px 19px;

    color:#4e5a66;

    font-size:12.5px;
    line-height:1.65;
}

.legal-document__body li::before{
    content:"";

    position:absolute;
    top:14px;
    left:1px;

    width:5px;
    height:5px;

    border-radius:50%;

    background:#d9940a;
}


/* MOBILE */

@media (max-width:700px){

    .legal-page{
        padding:17px 0 28px;
    }

    .legal-document{
        border-radius:11px;
    }

    .legal-document__head{
        padding:22px 19px 20px;
    }

    .legal-document__head h1{
        font-size:22px;
    }

    .legal-document__head p{
        font-size:12px;
    }

    .legal-document__body{
        padding:24px 19px 28px;
    }

    .legal-document__body h3{
        margin-top:24px;
        padding-top:21px;

        font-size:15px;
    }

    .legal-document__body p,
    .legal-document__body li{
        font-size:12px;
    }
}



/* =========================================================
   CABINET PUBLIC V2
   ========================================================= */

.cc-public-v2 .cc-profile-page{
    width:100%;
    min-width:0;
}


/* PAGE TOOLBAR */

.cc-public-v2 .cc-profile-toolbar{
    margin-bottom:16px;
    padding:19px 21px;

    border:1px solid #dfe5ea;
    border-radius:13px;

    background:#fff;
    box-shadow:none;
}

.cc-public-v2 .cc-profile-toolbar h1{
    margin:0;

    color:#17202d;

    font-family:"Montserrat","Inter",system-ui,sans-serif;
    font-size:24px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:-.4px;
}

.cc-public-v2 .cc-profile-toolbar .muted{
    margin-top:5px;

    color:#78838e;

    font-size:11px;
    line-height:1.45;
}


/* CABINET LAYOUT */

.cc-public-v2 .cc-profile-shell{
    gap:18px;
    align-items:flex-start;
}

.cc-public-v2 .cc-profile-main{
    min-width:0;
}


/* CONTENT */

.cc-public-v2 .cc-list-page{
    min-width:0;
}

.cc-public-v2 .cc-list-filter{
    border-color:#dfe5ea;
    border-radius:11px;

    background:#fff;

    box-shadow:none;
}

.cc-public-v2 .cc-list-card{
    border-color:#dfe5ea;
    border-radius:11px;

    box-shadow:none;
}

.cc-public-v2 .cc-list-card:hover{
    border-color:#cdd6de;
}


/* WORK */

.cc-public-v2 .cc-work-cabinet{
    border-color:#dfe5ea;
    border-radius:12px;

    background:#fff;

    box-shadow:none;
}

.cc-public-v2 .cc-work-card{
    box-shadow:none;
}


/* BUTTONS INSIDE CABINET */

.cc-public-v2 .cc-profile-page .btn{
    border-radius:6px;
}


/* FLASH */

.cc-public-v2 .cc-profile-page > .alert{
    border-radius:9px;
}


/* MOBILE */

@media (max-width:800px){

    .cc-public-v2 .cc-profile-toolbar{
        padding:17px;
    }

    .cc-public-v2 .cc-profile-toolbar h1{
        font-size:21px;
    }

    .cc-public-v2 .cc-profile-shell{
        gap:13px;
    }
}


/* CCARGO ACCOUNT AREA V2 */

.cc-public-v2 .cc-profile-wrap{
    padding-top:24px;
    padding-bottom:38px;
}

.cc-public-v2 .cc-profile-page{
    width:100%;
    min-width:0;
}


/* TOOLBAR */

.cc-public-v2 .cc-profile-toolbar{
    margin-bottom:16px;
    padding:19px 21px;

    border:1px solid #dfe5ea;
    border-radius:12px;

    background:#fff;
    box-shadow:none;
}

.cc-public-v2 .cc-profile-toolbar h1{
    margin:0;

    color:#17212c;

    font-family:"Montserrat","Inter",system-ui,sans-serif;
    font-size:23px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:-.35px;
}

.cc-public-v2 .cc-profile-toolbar .muted{
    margin-top:5px;

    color:#78838e;

    font-size:11px;
    line-height:1.45;
}


/* SIDEBAR + MAIN */

.cc-public-v2 .cc-profile-shell{
    align-items:flex-start;
    gap:18px;
}

.cc-public-v2 .cc-profile-main{
    min-width:0;
}


/* COMMON CARDS */

.cc-public-v2 .cc-profile-main .card{
    border-color:#dfe5ea;
    border-radius:11px;
    box-shadow:none;
}


/* FORMS */

.cc-public-v2 .cc-profile-main .input{
    border-color:#ccd5dd;
    border-radius:6px;
}

.cc-public-v2 .cc-profile-main .input:focus{
    border-color:#8295a5;

    box-shadow:
        0 0 0 2px
        rgba(36,77,107,.07);
}


/* BUTTONS */

.cc-public-v2 .cc-profile-page .btn{
    border-radius:6px;
    box-shadow:none;
}


/* MESSAGES */

.cc-public-v2 .cc-profile-messages-table,
.cc-public-v2 .msg-table{
    background:#fff;
}

.cc-public-v2 .msg-actions{
    gap:6px;
}


/* TICKETS */

.cc-public-v2 .cc-tickets-row{
    border-color:#dfe5ea;
    box-shadow:none;
}

.cc-public-v2 .cc-tickets-row:hover{
    border-color:#ccd6de;
}


/* MOBILE */

@media (max-width:800px){

    .cc-public-v2 .cc-profile-wrap{
        padding-top:16px;
        padding-bottom:28px;
    }

    .cc-public-v2 .cc-profile-toolbar{
        padding:16px;
    }

    .cc-public-v2 .cc-profile-toolbar h1{
        font-size:20px;
    }

    .cc-public-v2 .cc-profile-shell{
        gap:12px;
    }
}


/* CCARGO BILLING START V2 */

.billing-start-page{
    padding:28px 0 42px;
}

.billing-start-page__container{
    max-width:1120px;
}


/* HEADER */

.billing-start-head{
    display:flex;
    align-items:center;
    justify-content:flex-end;

    gap:0;

    margin-bottom:16px;
    padding:22px 24px;

    border:1px solid #dfe5ea;
    border-radius:13px;

    background:#fff;
}

.billing-start-head__kicker{
    margin-bottom:5px;

    color:#dd9400;

    font-size:10px;
    line-height:1;
    font-weight:800;

    letter-spacing:.12em;
    text-transform:uppercase;
}

.billing-start-head h1{
    margin:0;

    color:#17212d;

    font-family:"Montserrat","Inter",system-ui,sans-serif;
    font-size:25px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:-.4px;
}

.billing-start-head p{
    margin:7px 0 0;

    color:#75818d;

    font-size:12px;
    line-height:1.45;
}

.billing-start-head__back{
    flex:0 0 auto;
}


/* LAYOUT */

.billing-start-layout{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        300px;

    gap:16px;

    align-items:start;
}

.billing-start-main,
.billing-start-side{
    display:grid;
    gap:16px;

    min-width:0;
}


/* CARD */

.billing-start-card{
    padding:21px;

    border:1px solid #dfe5ea;
    border-radius:12px;

    background:#fff;
}

.billing-start-card h2,
.billing-start-card h3{
    margin:0;

    color:#1b2733;

    font-family:"Montserrat","Inter",system-ui,sans-serif;

    font-weight:800;
}

.billing-start-card h2{
    font-size:17px;
}

.billing-start-card h3{
    font-size:14px;
}


/* CARD HEADER */

.billing-start-card__head{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:18px;

    margin-bottom:15px;
    padding-bottom:15px;

    border-bottom:1px solid #edf0f2;
}

.billing-start-card__eyebrow{
    margin-bottom:4px;

    color:#89939d;

    font-size:9px;
    line-height:1;
    font-weight:800;

    letter-spacing:.1em;
}

.billing-start-plan{
    padding:6px 10px;

    border:1px solid #d8e0e6;
    border-radius:6px;

    background:#f7f9fa;
    color:#33414e;

    font-size:11px;
    line-height:1;
    font-weight:800;
}


/* ROWS */

.billing-start-rows{
    display:grid;
}

.billing-start-row{
    display:grid;

    grid-template-columns:
        minmax(140px,.8fr)
        minmax(0,1.2fr);

    gap:18px;

    padding:10px 0;

    border-bottom:1px solid #edf0f2;
}

.billing-start-row:last-child{
    border-bottom:0;
}

.billing-start-row > span{
    color:#7a8590;

    font-size:11px;
    line-height:1.4;
}

.billing-start-row > strong{
    min-width:0;

    color:#283541;

    font-size:11px;
    line-height:1.4;
    font-weight:800;

    text-align:right;

    overflow-wrap:anywhere;
}

.billing-start-mono{
    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        monospace;

    font-size:10px !important;
}


/* PRICE */

.billing-start-price{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;

    gap:20px;

    margin-top:16px;
    padding:16px 17px;

    border:1px solid #d8e1e7;
    border-radius:9px;

    background:#f6f9fb;
}

.billing-start-price > span{
    color:#667481;

    font-size:11px;
    font-weight:700;
}

.billing-start-price > strong{
    color:#16232f;

    font-size:28px;
    line-height:1;
    font-weight:900;
}

.billing-start-price small{
    color:#72808c;

    font-size:11px;
    font-weight:800;
}


/* PAYMENT */

.billing-start-payment__content{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:24px;
}

.billing-start-payment p,
.billing-start-error p{
    margin:7px 0 0;

    color:#687580;

    font-size:11px;
    line-height:1.5;
}

.billing-start-actions{
    display:flex;
    gap:8px;

    flex:0 0 auto;
}


/* SIDE */

.billing-start-side__plan{
    margin:13px 0 8px;

    color:#17222e;

    font-size:25px;
    line-height:1;
    font-weight:900;
}

.billing-start-rows--compact .billing-start-row{
    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap:12px;
}


/* ERROR */

.billing-start-error{
    border-color:#ead3cf;

    background:#fff8f7;
}

.billing-start-error h2{
    color:#913e35;
}

.billing-start-error .btn{
    margin-top:14px;
}


/* BUTTONS */

.billing-start-page .btn{
    border-radius:6px;
    box-shadow:none;
}


/* TABLET */

@media (max-width:900px){

    .billing-start-layout{
        grid-template-columns:1fr;
    }

    .billing-start-side{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }
}


/* MOBILE */

@media (max-width:650px){

    .billing-start-page{
        padding-top:16px;
        padding-bottom:28px;
    }

    .billing-start-head{
        align-items:flex-start;
        flex-direction:column;

        padding:18px;
    }

    .billing-start-head h1{
        font-size:21px;
    }

    .billing-start-head__back{
        width:100%;
    }

    .billing-start-card{
        padding:17px;
    }

    .billing-start-card__head{
        align-items:flex-start;
        flex-direction:column;
    }

    .billing-start-row{
        grid-template-columns:1fr;

        gap:4px;
    }

    .billing-start-row > strong{
        text-align:left;
    }

    .billing-start-price{
        align-items:flex-start;
        flex-direction:column;

        gap:8px;
    }

    .billing-start-payment__content{
        align-items:stretch;
        flex-direction:column;
    }

    .billing-start-actions{
        flex-direction:column;
    }

    .billing-start-actions .btn{
        width:100%;
    }

    .billing-start-side{
        grid-template-columns:1fr;
    }
}



/* BILLING START HEADER CENTER */

.billing-start-head{
    position:relative;
    justify-content:center;
    text-align:center;
}

.billing-start-head > div:first-child{
    width:100%;
    max-width:720px;
    margin:0 auto;
}

.billing-start-head__back{
    position:absolute;
    top:50%;
    right:24px;
    transform:translateY(-50%);
}

@media (max-width:650px){

    .billing-start-head{
        align-items:center;
        text-align:center;
    }

    .billing-start-head__back{
        position:static;
        transform:none;
        margin-top:8px;
    }
}


/* CCARGO TICKET CREATE V2 */

.ticket-create-page{
    padding:28px 0 42px;
}

.ticket-create-page__container{
    max-width:860px;
}


/* HEAD */

.ticket-create-head{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:22px;

    margin-bottom:16px;
    padding:21px 23px;

    border:1px solid #dfe5ea;
    border-radius:13px;

    background:#fff;
}

.ticket-create-head__kicker{
    margin-bottom:5px;

    color:#dc9300;

    font-size:9px;
    line-height:1;
    font-weight:800;

    letter-spacing:.12em;
    text-transform:uppercase;
}

.ticket-create-head h1{
    margin:0;

    color:#17212d;

    font-family:"Montserrat","Inter",system-ui,sans-serif;
    font-size:24px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:-.4px;
}

.ticket-create-head p{
    max-width:610px;

    margin:7px 0 0;

    color:#75818d;

    font-size:11px;
    line-height:1.5;
}


/* CARD */

.ticket-create-card{
    padding:25px;

    border:1px solid #dfe5ea;
    border-radius:12px;

    background:#fff;
}


/* FORM */

.ticket-create-form{
    display:grid;
    gap:19px;
}

.ticket-create-field{
    display:grid;
    gap:7px;
}

.ticket-create-label-row{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:15px;
}

.ticket-create-label{
    color:#36434f;

    font-size:11px;
    line-height:1.3;
    font-weight:800;
}

.ticket-create-label-row > span{
    color:#929ca5;

    font-size:9px;
    line-height:1.2;
}


/* INPUTS */

.ticket-create-form .input{
    width:100%;
    min-height:42px;

    padding:9px 11px;

    border:1px solid #ccd5dd;
    border-radius:6px;

    background:#fff;
    color:#26333f;

    font-size:12px;

    outline:none;
    box-shadow:none;
}

.ticket-create-form .input:focus{
    border-color:#8295a5;

    box-shadow:
        0 0 0 2px
        rgba(36,77,107,.07);
}

.ticket-create-textarea{
    display:block;

    min-height:190px !important;
    resize:vertical;

    line-height:1.55;
}


/* ERRORS */

.ticket-create-errors{
    margin-bottom:20px;

    border-radius:8px;
}

.ticket-create-errors > div + div{
    margin-top:4px;
}


/* ACTIONS */

.ticket-create-actions{
    display:flex;
    justify-content:flex-end;

    gap:8px;

    padding-top:18px;

    border-top:1px solid #edf0f2;
}

.ticket-create-actions .btn{
    min-width:130px;
    border-radius:6px;
}


/* MOBILE */

@media (max-width:650px){

    .ticket-create-page{
        padding-top:16px;
        padding-bottom:28px;
    }

    .ticket-create-head{
        align-items:flex-start;
        flex-direction:column;

        padding:18px;
    }

    .ticket-create-head h1{
        font-size:21px;
    }

    .ticket-create-head > .btn{
        width:100%;
    }

    .ticket-create-card{
        padding:18px;
    }

    .ticket-create-actions{
        flex-direction:column-reverse;
    }

    .ticket-create-actions .btn{
        width:100%;
    }
}



/* =========================================================
   LOAD DETAIL PUBLIC V2
   ========================================================= */

.cc-public-v2 .cc-detail-page{
    width:100%;
    min-width:0;

    padding-top:24px;
    padding-bottom:40px;
}

.cc-public-v2 .cc-detail-toolbar{
    margin-bottom:14px;
}

.cc-public-v2 .cc-detail-toolbar .btn{
    border-radius:6px;
}

.cc-public-v2 .cc-detail-shell{
    border-color:#dfe5ea;
    border-radius:12px;

    box-shadow:none;
}

.cc-public-v2 .cc-detail-panel{
    border-color:#dfe5ea;
    border-radius:10px;

    box-shadow:none;
}

.cc-public-v2 .cc-detail-section{
    border-color:#e5eaee;
}

.cc-public-v2 .cc-work-box{
    box-shadow:none;
}

.cc-public-v2 .cc-detail-page .btn{
    border-radius:6px;
    box-shadow:none;
}

@media (max-width:700px){

    .cc-public-v2 .cc-detail-page{
        padding-top:15px;
        padding-bottom:28px;
    }

    .cc-public-v2 .cc-detail-shell{
        border-radius:10px;
    }
}


/* CCARGO SITE NOTICE ADMIN V2 */

.cc-public-v2 .site-notice-admin-page{
    padding:26px 0 44px;
}

.cc-public-v2 .site-notice-admin-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;

    margin:18px 0 16px;
    padding:22px 24px;

    border:1px solid #dfe5ea;
    border-radius:13px;

    background:#fff;
}

.cc-public-v2 .site-notice-admin-kicker{
    margin-bottom:5px;

    color:#d28a00;

    font-size:9px;
    line-height:1;
    font-weight:800;

    letter-spacing:.12em;
    text-transform:uppercase;
}

.cc-public-v2 .site-notice-admin-head h1{
    margin:0;

    color:#17212d;

    font-family:"Montserrat","Inter",system-ui,sans-serif;
    font-size:24px;
    line-height:1.2;
    font-weight:800;
}

.cc-public-v2 .site-notice-admin-head p{
    margin:7px 0 0;

    color:#78838d;

    font-size:11px;
    line-height:1.5;
}

.cc-public-v2 .site-notice-admin-alert{
    margin-bottom:14px;
}

.cc-public-v2 .site-notice-admin-layout{
    display:grid;
    grid-template-columns:
        minmax(0,1.55fr)
        minmax(280px,.75fr);

    gap:16px;
    align-items:start;
}

.cc-public-v2 .site-notice-editor-card,
.cc-public-v2 .site-notice-preview-card{
    border:1px solid #dfe5ea;
    border-radius:12px;

    background:#fff;
}

.cc-public-v2 .site-notice-editor-card{
    padding:22px;
}

.cc-public-v2 .site-notice-editor-top{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;

    gap:24px;

    padding-bottom:19px;
    margin-bottom:20px;

    border-bottom:1px solid #edf0f2;
}


/* SWITCH */

.cc-public-v2 .site-notice-switch{
    display:inline-flex;
    align-items:center;

    gap:10px;

    cursor:pointer;
}

.cc-public-v2 .site-notice-switch input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.cc-public-v2 .site-notice-switch__control{
    position:relative;

    display:block;

    width:38px;
    height:21px;

    border-radius:999px;

    background:#c9d1d7;

    transition:background .15s ease;
}

.cc-public-v2 .site-notice-switch__control::after{
    content:"";

    position:absolute;
    top:3px;
    left:3px;

    width:15px;
    height:15px;

    border-radius:50%;

    background:#fff;

    box-shadow:0 1px 3px rgba(0,0,0,.18);

    transition:transform .15s ease;
}

.cc-public-v2
.site-notice-switch input:checked
+ .site-notice-switch__control{
    background:#244d6b;
}

.cc-public-v2
.site-notice-switch input:checked
+ .site-notice-switch__control::after{
    transform:translateX(17px);
}

.cc-public-v2 .site-notice-switch__label{
    color:#34414d;

    font-size:11px;
    font-weight:800;
}


/* TYPE */

.cc-public-v2 .site-notice-level-field{
    display:grid;
    gap:6px;

    width:190px;
}

.cc-public-v2 .site-notice-level-field label{
    color:#687580;

    font-size:10px;
    font-weight:700;
}

.cc-public-v2 .site-notice-level-field select{
    width:100%;
    min-height:38px;

    padding:7px 9px;

    border:1px solid #ccd5dd;
    border-radius:6px;

    background:#fff;

    color:#34414d;
    font-size:11px;
}


/* EDITOR */

.cc-public-v2 .site-notice-editor-section{
    display:grid;
    gap:8px;
}

.cc-public-v2 .site-notice-editor-label-row{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;
}

.cc-public-v2 .site-notice-editor-label-row label{
    color:#34414d;

    font-size:11px;
    font-weight:800;
}

.cc-public-v2 .site-notice-counter{
    color:#8a949d;

    font-size:9px;
    font-weight:700;
}

.cc-public-v2 .site-notice-counter.is-warn{
    color:#a96d09;
}

.cc-public-v2 .site-notice-counter.is-limit{
    color:#ad3d34;
}


/* TOOLBAR */

.cc-public-v2 .site-notice-toolbar{
    display:flex;
    align-items:center;

    gap:4px;

    min-height:37px;
    padding:4px 5px;

    border:1px solid #ccd5dd;
    border-bottom:0;

    border-radius:7px 7px 0 0;

    background:#f7f9fa;
}

.cc-public-v2 .site-notice-toolbar__button{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:29px;
    height:27px;

    padding:0 7px;

    border:1px solid transparent;
    border-radius:5px;

    background:transparent;
    color:#42505c;

    font-size:11px;

    cursor:pointer;
}

.cc-public-v2 .site-notice-toolbar__button:hover{
    border-color:#d6dde2;
    background:#fff;
}

.cc-public-v2
.site-notice-toolbar__button--text{
    min-width:auto;

    font-size:9px;
    font-weight:700;
}

.cc-public-v2 .site-notice-toolbar__separator{
    width:1px;
    height:18px;

    margin:0 3px;

    background:#dbe1e5;
}


/* TEXTAREA */

.cc-public-v2 .site-notice-editor-section textarea{
    display:block;

    box-sizing:border-box;

    width:100%;
    min-height:180px;

    padding:12px 13px;

    border:1px solid #ccd5dd;
    border-radius:0 0 7px 7px;

    outline:none;

    resize:vertical;

    color:#293742;

    font-family:"Inter",system-ui,sans-serif;
    font-size:12px;
    line-height:1.55;
}

.cc-public-v2
.site-notice-editor-section textarea:focus{
    border-color:#879aa9;

    box-shadow:
        0 0 0 2px
        rgba(36,77,107,.06);
}

.cc-public-v2 .site-notice-editor-hint{
    color:#8b959e;

    font-size:9px;
    line-height:1.4;
}


/* FOOTER */

.cc-public-v2 .site-notice-editor-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:15px;

    margin-top:20px;
    padding-top:18px;

    border-top:1px solid #edf0f2;
}

.cc-public-v2 .site-notice-editor-updated{
    color:#929ba3;

    font-size:9px;
}


/* PREVIEW */

.cc-public-v2 .site-notice-preview-card{
    position:sticky;
    top:18px;

    padding:20px;
}

.cc-public-v2
.site-notice-preview-card__head{
    margin-bottom:16px;
}

.cc-public-v2
.site-notice-preview-card__kicker{
    margin-bottom:4px;

    color:#8a959e;

    font-size:8px;
    font-weight:800;

    letter-spacing:.1em;
    text-transform:uppercase;
}

.cc-public-v2
.site-notice-preview-card__head strong{
    color:#26343f;

    font-size:12px;
}

.cc-public-v2 .site-notice-preview-stage{
    padding:12px;

    border:1px solid #edf0f2;
    border-radius:8px;

    background:#f9fafb;
}

.cc-public-v2 .site-live-notice{
    box-sizing:border-box;

    width:100%;
    padding:12px 13px;

    border:1px solid transparent;
    border-radius:8px;

    font-size:11px;
    line-height:1.5;

    overflow-wrap:anywhere;
}

.cc-public-v2 .site-live-notice.is-default{
    border-color:#dde5ea;
    background:#f5f8fa;
    color:#364753;
}

.cc-public-v2 .site-live-notice.is-important{
    border-color:#e8cc8d;
    background:#fff8e8;
    color:#885c11;
}

.cc-public-v2 .site-live-notice.is-warning{
    border-color:#e3bbb4;
    background:#fff3f1;
    color:#99473d;
}

.cc-public-v2 .site-live-notice.is-disabled{
    border-color:#e3e7ea;
    background:#f6f7f8;
    color:#98a1a8;

    font-style:italic;
}

.cc-public-v2 .site-live-notice__text a{
    color:inherit;

    font-weight:700;

    text-decoration:underline;
    text-underline-offset:2px;
}

.cc-public-v2 .site-notice-format-help{
    display:flex;
    align-items:center;

    gap:7px;

    margin-top:13px;

    color:#8a949d;
}

.cc-public-v2 .site-notice-format-help > span{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:22px;
    height:20px;

    border:1px solid #e0e5e9;
    border-radius:4px;

    background:#fafbfb;

    color:#52616d;

    font-size:9px;
}

.cc-public-v2 .site-notice-format-help small{
    margin-left:3px;

    font-size:8.5px;
}


/* MOBILE */

@media(max-width:850px){

    .cc-public-v2 .site-notice-admin-layout{
        grid-template-columns:1fr;
    }

    .cc-public-v2 .site-notice-preview-card{
        position:static;
    }
}

@media(max-width:650px){

    .cc-public-v2 .site-notice-admin-page{
        padding-top:16px;
    }

    .cc-public-v2 .site-notice-admin-head{
        align-items:flex-start;
        flex-direction:column;

        padding:18px;
    }

    .cc-public-v2 .site-notice-admin-head h1{
        font-size:21px;
    }

    .cc-public-v2 .site-notice-admin-head > .btn{
        width:100%;
    }

    .cc-public-v2 .site-notice-editor-top{
        align-items:flex-start;
        flex-direction:column;
    }

    .cc-public-v2 .site-notice-level-field{
        width:100%;
    }

    .cc-public-v2 .site-notice-editor-card{
        padding:17px;
    }

    .cc-public-v2 .site-notice-editor-footer{
        align-items:stretch;
        flex-direction:column;
    }

    .cc-public-v2
    .site-notice-editor-footer .btn{
        width:100%;
    }
}



/* =========================================================
   SITE NOTICE ADMIN FORM POLISH
   ========================================================= */

.cc-public-v2 .site-notice-admin-layout{
    display:grid;
    grid-template-columns:
        minmax(0,1.55fr)
        minmax(300px,.75fr);
    gap:16px;
    align-items:start;
}

.cc-public-v2 .site-notice-editor-card,
.cc-public-v2 .site-notice-preview-card{
    border:1px solid #dde4e9;
    border-radius:12px;
    background:#fff;
}

.cc-public-v2 .site-notice-editor-card{
    overflow:hidden;
}

.cc-public-v2 .site-notice-editor-status{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;

    padding:20px 22px;

    border-bottom:1px solid #edf0f2;
    background:#fafbfc;
}

.cc-public-v2 .site-notice-editor-main{
    padding:22px;
}

.cc-public-v2 .site-notice-editor-label-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;

    margin-bottom:8px;
}

.cc-public-v2 .site-notice-editor-label-row label{
    color:#303e49;
    font-size:11px;
    font-weight:800;
}

.cc-public-v2 .site-notice-editor-main textarea{
    display:block;
    width:100%;
    min-height:190px;

    box-sizing:border-box;

    padding:13px 14px;

    border:1px solid #cbd5dc;
    border-top:0;
    border-radius:0 0 7px 7px;

    resize:vertical;
    outline:none;

    background:#fff;
    color:#283640;

    font-family:"Inter",system-ui,sans-serif;
    font-size:12px;
    line-height:1.6;
}

.cc-public-v2 .site-notice-editor-main textarea:focus{
    border-color:#879aa9;
    box-shadow:
        0 0 0 2px rgba(36,77,107,.06);
}

.cc-public-v2 .site-notice-toolbar{
    display:flex;
    align-items:center;
    gap:4px;

    min-height:38px;
    padding:4px 5px;

    border:1px solid #cbd5dc;
    border-radius:7px 7px 0 0;

    background:#f6f8f9;
}

.cc-public-v2 .site-notice-toolbar__button{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    height:28px;
    min-width:30px;

    padding:0 8px;

    border:1px solid transparent;
    border-radius:5px;

    background:transparent;
    color:#3d4c58;

    font-size:11px;
    cursor:pointer;
}

.cc-public-v2 .site-notice-toolbar__button:hover{
    border-color:#d7dee3;
    background:#fff;
}

.cc-public-v2 .site-notice-toolbar__button--text{
    min-width:auto;
    font-size:9px;
    font-weight:700;
}

.cc-public-v2 .site-notice-toolbar__separator{
    width:1px;
    height:18px;
    margin:0 3px;
    background:#d9e0e4;
}

.cc-public-v2 .site-notice-editor-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;

    margin-top:8px;
}

.cc-public-v2 .site-notice-editor-hint,
.cc-public-v2 .site-notice-editor-updated{
    color:#8a959e;
    font-size:9px;
    line-height:1.4;
}

.cc-public-v2 .site-notice-editor-footer{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;

    padding:16px 22px;

    border-top:1px solid #edf0f2;
    background:#fafbfc;
}


/* PREVIEW */

.cc-public-v2 .site-notice-preview-card{
    position:sticky;
    top:16px;

    padding:20px;
}

.cc-public-v2 .site-notice-preview-card__head{
    margin-bottom:15px;
}

.cc-public-v2 .site-notice-preview-card__kicker{
    margin-bottom:4px;

    color:#8b959d;

    font-size:8px;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.cc-public-v2 .site-notice-preview-card__head strong{
    color:#283640;
    font-size:12px;
}

.cc-public-v2 .site-notice-preview-stage{
    padding:12px;

    border:1px solid #e9edef;
    border-radius:8px;

    background:#f8fafb;
}

.cc-public-v2 .site-notice-preview-info{
    display:flex;
    flex-wrap:wrap;
    gap:6px;

    margin-top:13px;
}

.cc-public-v2 .site-notice-preview-info > div{
    display:inline-flex;
    align-items:center;
    gap:5px;

    padding:4px 7px;

    border:1px solid #e1e6e9;
    border-radius:5px;

    color:#687580;
    background:#fafbfb;

    font-size:8.5px;
}

.cc-public-v2 .site-notice-preview-note{
    margin:10px 0 0;

    color:#929ba3;

    font-size:8.5px;
    line-height:1.5;
}


/* PRIORITY PREVIEW */

.cc-public-v2 .site-live-notice{
    width:100%;
    box-sizing:border-box;

    padding:12px 13px;

    border:1px solid transparent;
    border-radius:8px;

    font-size:11px;
    line-height:1.55;

    overflow-wrap:anywhere;
}

.cc-public-v2 .site-live-notice.is-default{
    border-color:#dce4e9;
    background:#f5f8fa;
    color:#364753;
}

.cc-public-v2 .site-live-notice.is-important{
    border-color:#e8cb8b;
    background:#fff8e8;
    color:#885b10;
}

.cc-public-v2 .site-live-notice.is-warning{
    border-color:#e2b7af;
    background:#fff2ef;
    color:#98483d;
}

.cc-public-v2 .site-live-notice.is-disabled{
    border-color:#e1e6e9;
    background:#f5f7f8;
    color:#99a2aa;
    font-style:italic;
}

.cc-public-v2 .site-live-notice__text a{
    color:inherit;
    font-weight:700;
    text-decoration:underline;
    text-underline-offset:2px;
}


/* MOBILE */

@media(max-width:850px){

    .cc-public-v2 .site-notice-admin-layout{
        grid-template-columns:1fr;
    }

    .cc-public-v2 .site-notice-preview-card{
        position:static;
    }
}

@media(max-width:650px){

    .cc-public-v2 .site-notice-editor-status{
        align-items:flex-start;
        flex-direction:column;
    }

    .cc-public-v2 .site-notice-level-field{
        width:100%;
    }

    .cc-public-v2 .site-notice-editor-main{
        padding:17px;
    }

    .cc-public-v2 .site-notice-editor-bottom{
        align-items:flex-start;
        flex-direction:column;
    }

    .cc-public-v2 .site-notice-editor-footer{
        flex-direction:column-reverse;
    }

    .cc-public-v2 .site-notice-editor-footer .btn{
        width:100%;
    }
}

/* =========================================================
   MARKET CARDS COMPACT V1
   Loads + transport feed
   ========================================================= */

.cc-public-v2 .mc-card{
    padding:10px 14px;
}

.cc-public-v2 .mc-card__top{
    gap:12px;
}

.cc-public-v2 .mc-card__head{
    margin-bottom:3px;
}

.cc-public-v2 .mc-card__route{
    line-height:1.22;
}

.cc-public-v2 .mc-card__line{
    margin-top:5px;
    line-height:1.3;
    gap:4px 7px;
}

.cc-public-v2 .mc-card__side{
    gap:6px;
}

.cc-public-v2 .mc-card__badges{
    gap:4px;
}

.cc-public-v2 .mc-badge{
    min-height:20px;
    padding:3px 7px;
}

.cc-public-v2 .mc-card__actions{
    gap:6px;
    margin-top:0;
}

.cc-public-v2 .mc-card__actions .btn{
    min-height:32px;
    padding-top:5px;
    padding-bottom:5px;
}

/* компактнее наши новые иконки */
.cc-public-v2 .mc-meta-icon{
    gap:5px;
}

.cc-public-v2 .mc-meta-icon__box{
    width:18px;
    height:18px;
    padding:2px;
}

.cc-public-v2 .mc-meta-icon__box svg{
    width:16px;
    height:16px;
}

@media (max-width:992px){
    .cc-public-v2 .mc-card{
        padding:9px 11px;
    }

    .cc-public-v2 .mc-card__top{
        gap:8px;
    }

    .cc-public-v2 .mc-card__side{
        padding-top:4px;
    }
}

/* MARKET CARDS COMPACT V1 END */