/*
 * CCargo detail pages
 * Общий визуальный слой карточек груза, транспорта, заявок, компаний и архива.
 * Подключается после /css/style.css и не заменяет базовые стили сайта.
 */

.cc-detail-page{
  --cc-detail-border:#e5e7eb;
  --cc-detail-soft:#f8fafc;
  --cc-detail-text:#111827;
  --cc-detail-muted:#64748b;
  --cc-detail-accent:#2563eb;
  --cc-detail-success:#047857;
  --cc-detail-success-bg:#ecfdf5;
  width:100%;
  max-width:none;
  margin:0;
}

.cc-detail-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}

.cc-detail-toolbar__meta{
  color:var(--cc-detail-muted);
  font-size:13px;
  text-align:right;
}

.cc-detail-shell{
  overflow:hidden;
  padding:0;
  border:1px solid var(--cc-detail-border);
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 35px rgba(15, 23, 42, .07);
}

.cc-detail-hero{
  padding:24px 26px 20px;
  border-bottom:1px solid var(--cc-detail-border);
  background:linear-gradient(180deg, #fff 0%, #fbfdff 100%);
}

.cc-detail-hero__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}

.cc-detail-hero__identity{
  min-width:0;
}

.cc-detail-id{
  color:var(--cc-detail-muted);
  font-size:13px;
  font-weight:700;
  letter-spacing:.02em;
}

.cc-detail-route{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin:8px 0 0;
  color:var(--cc-detail-text);
  font-size:clamp(25px, 4vw, 38px);
  font-weight:900;
  line-height:1.15;
}

.cc-detail-route__point{
  min-width:0;
}

.cc-detail-route__arrow{
  color:#94a3b8;
  font-size:.85em;
  font-weight:700;
}

.cc-detail-badges{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}

.cc-detail-badge{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:5px 10px;
  border:1px solid #bfdbfe;
  border-radius:999px;
  background:#eff6ff;
  color:#1d4ed8;
  font-size:13px;
  font-weight:800;
  line-height:1.2;
  white-space:nowrap;
}

.cc-detail-badge--verified{
  border-color:#a7f3d0;
  background:var(--cc-detail-success-bg);
  color:var(--cc-detail-success);
}

.cc-detail-badge--archived{
  border-color:#cbd5e1;
  background:#f1f5f9;
  color:#475569;
}

.cc-detail-summary{
  display:grid;
  gap:10px;
  margin-top:22px;
}

.cc-detail-summary--6{
  grid-template-columns:repeat(6, minmax(0, 1fr));
}

.cc-detail-summary--5{
  grid-template-columns:repeat(5, minmax(0, 1fr));
}

.cc-detail-summary--4{
  grid-template-columns:repeat(4, minmax(0, 1fr));
}

.cc-detail-summary__item{
  min-width:0;
  padding:13px 14px;
  border:1px solid #edf1f5;
  border-radius:12px;
  background:var(--cc-detail-soft);
}

.cc-detail-summary__label{
  margin-bottom:4px;
  color:var(--cc-detail-muted);
  font-size:12px;
  font-weight:700;
  line-height:1.2;
}

.cc-detail-summary__value{
  overflow:hidden;
  color:var(--cc-detail-text);
  font-size:15px;
  font-weight:850;
  line-height:1.35;
  text-overflow:ellipsis;
}

.cc-detail-layout{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 340px;
  gap:0;
}

.cc-detail-main{
  min-width:0;
  padding:24px 26px 30px;
}

.cc-detail-sidebar{
  min-width:0;
  padding:24px;
  border-left:1px solid var(--cc-detail-border);
  background:#fbfcfe;
}

.cc-detail-sidebar__sticky{
  position:sticky;
  top:18px;
}

.cc-detail-section + .cc-detail-section{
  margin-top:28px;
  padding-top:26px;
  border-top:1px solid #eef2f7;
}

.cc-detail-section__title{
  margin:0 0 14px;
  color:var(--cc-detail-text);
  font-size:17px;
  font-weight:900;
}

.cc-detail-content-title{
  margin:0 0 8px;
  color:var(--cc-detail-text);
  font-size:22px;
  font-weight:900;
  line-height:1.3;
}

.cc-detail-content-meta,
.cc-detail-empty-note{
  color:var(--cc-detail-muted);
  font-size:14px;
  line-height:1.6;
}

.cc-detail-route-list{
  position:relative;
  display:grid;
  gap:22px;
  margin-top:2px;
}

.cc-detail-route-list::before{
  content:"";
  position:absolute;
  top:18px;
  bottom:18px;
  left:7px;
  width:2px;
  background:#dbe4ef;
}

.cc-detail-route-stop{
  position:relative;
  display:grid;
  grid-template-columns:16px minmax(0, 1fr);
  gap:12px;
}

.cc-detail-route-stop__dot{
  position:relative;
  z-index:1;
  width:16px;
  height:16px;
  margin-top:3px;
  border:4px solid #fff;
  border-radius:50%;
  background:var(--cc-detail-accent);
  box-shadow:0 0 0 2px #93c5fd;
}

.cc-detail-route-stop__label{
  color:var(--cc-detail-muted);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.cc-detail-route-stop__city{
  margin-top:3px;
  color:var(--cc-detail-text);
  font-size:17px;
  font-weight:850;
  line-height:1.35;
}

.cc-detail-route-stop__meta{
  margin-top:4px;
  color:var(--cc-detail-muted);
  font-size:13px;
}

.cc-detail-comments{
  color:#334155;
  font-size:15px;
  line-height:1.7;
  overflow-wrap:anywhere;
}

.cc-detail-panel{
  padding:18px;
  border:1px solid var(--cc-detail-border);
  border-radius:14px;
  background:#fff;
}

.cc-detail-panel + .cc-detail-panel{
  margin-top:14px;
}

.cc-detail-panel__title{
  margin:0 0 12px;
  color:var(--cc-detail-text);
  font-size:14px;
  font-weight:900;
}

.cc-detail-primary-value{
  color:var(--cc-detail-text);
  font-size:31px;
  font-weight:950;
  line-height:1.1;
}

.cc-detail-primary-note{
  margin-top:7px;
  color:var(--cc-detail-muted);
  font-size:13px;
  font-weight:700;
  line-height:1.45;
}

.cc-detail-company-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}

.cc-detail-company-logo{
  flex:0 0 auto;
  width:52px;
  height:52px;
  border:1px solid var(--cc-detail-border);
  border-radius:12px;
  background:#fff;
  object-fit:cover;
}

.cc-detail-company-name{
  min-width:0;
  color:var(--cc-detail-text);
  font-size:16px;
  font-weight:900;
  line-height:1.3;
  overflow-wrap:anywhere;
}

.cc-detail-company-code{
  margin-top:3px;
  color:var(--cc-detail-muted);
  font-size:12px;
}

.cc-detail-info-list{
  display:grid;
  gap:12px;
}

.cc-detail-info-row{
  display:grid;
  gap:3px;
}

.cc-detail-info-row__label{
  color:var(--cc-detail-muted);
  font-size:12px;
  font-weight:700;
}

.cc-detail-info-row__value{
  color:var(--cc-detail-text);
  font-size:14px;
  font-weight:750;
  line-height:1.45;
  overflow-wrap:anywhere;
}

.cc-detail-lock{
  color:#475569;
  font-size:14px;
  line-height:1.55;
}

.cc-detail-lock__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  margin-bottom:10px;
  border-radius:10px;
  background:#f1f5f9;
  font-size:16px;
}

.cc-detail-lock__actions{
  display:grid;
  gap:9px;
  margin-top:14px;
}

.cc-detail-lock__actions .btn{
  justify-content:center;
  width:100%;
}


.cc-detail-page--archive .cc-detail-shell{
  box-shadow:0 8px 24px rgba(15, 23, 42, .05);
}

.cc-detail-page--archive .cc-detail-hero{
  background:#f8fafc;
}

@media (max-width:960px){
  .cc-detail-summary--6,
  .cc-detail-summary--5{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .cc-detail-summary--4{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .cc-detail-layout{
    grid-template-columns:1fr;
  }

  .cc-detail-sidebar{
    border-top:1px solid var(--cc-detail-border);
    border-left:0;
  }

  .cc-detail-sidebar__sticky{
    position:static;
  }
}

@media (max-width:640px){
  .cc-detail-toolbar{
    align-items:flex-start;
  }

  .cc-detail-toolbar__meta{
    max-width:55%;
    font-size:12px;
  }

  .cc-detail-hero,
  .cc-detail-main,
  .cc-detail-sidebar{
    padding:18px;
  }

  .cc-detail-hero__top{
    display:block;
  }

  .cc-detail-badges{
    justify-content:flex-start;
    margin-top:14px;
  }

  .cc-detail-route{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);
    gap:8px;
    font-size:23px;
  }

  .cc-detail-route__point:last-child{
    text-align:right;
  }

  .cc-detail-summary--6,
  .cc-detail-summary--5,
  .cc-detail-summary--4{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .cc-detail-summary--5 .cc-detail-summary__item:last-child{
    grid-column:1 / -1;
  }
}

/* --------------------------------------------------------------------------
 * Unified cabinet, list and archive cards
 * ----------------------------------------------------------------------- */

.cc-list-page{
  --cc-list-border:#e5e7eb;
  --cc-list-soft:#f8fafc;
  --cc-list-text:#111827;
  --cc-list-muted:#64748b;
  --cc-list-accent:#2563eb;
  --cc-list-warning:#b45309;
  width:100%;
  max-width:none;
  margin:0;
}

.cc-list-header,
.cc-list-filter,
.cc-list-alert,
.cc-list-pagination{
  margin-bottom:14px;
  border:1px solid var(--cc-list-border);
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 24px rgba(15,23,42,.045);
}

.cc-list-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:20px 22px;
}

.cc-list-header__title{
  margin:0;
  color:var(--cc-list-text);
  font-size:clamp(24px,3vw,32px);
  font-weight:900;
  line-height:1.2;
}

.cc-list-header__hint{
  margin-top:6px;
  color:var(--cc-list-muted);
  font-size:14px;
  line-height:1.5;
}

.cc-list-header__actions,
.cc-list-actions{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
}

.cc-list-filter{
  padding:16px 18px;
}

.cc-list-filter__form{
  display:flex;
  align-items:flex-end;
  gap:12px;
  flex-wrap:wrap;
}

.cc-list-filter__field{
  min-width:210px;
}

.cc-list-filter__field--wide{
  min-width:260px;
}

.cc-list-filter__label{
  display:block;
  margin-bottom:6px;
  color:var(--cc-list-muted);
  font-size:13px;
  font-weight:700;
}

.cc-list-filter .input{
  width:100%;
}

.cc-list-alert{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  border-color:#fde68a;
  background:#fffbeb;
}

.cc-list-alert__title{
  margin-bottom:4px;
  color:#92400e;
  font-weight:900;
}

.cc-list-alert__text{
  color:#78350f;
  line-height:1.45;
}

.cc-list-empty{
  padding:32px 22px;
  border:1px dashed #cbd5e1;
  border-radius:16px;
  background:#fff;
  color:var(--cc-list-muted);
  text-align:center;
  line-height:1.6;
}

.cc-list-grid{
  display:grid;
  gap:14px;
}

.cc-list-card{
  overflow:hidden;
  border:1px solid var(--cc-list-border);
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 24px rgba(15,23,42,.05);
}

.cc-list-card--fresh{
  border-color:#bfdbfe;
  box-shadow:0 10px 28px rgba(37,99,235,.09);
}

.cc-list-card--archive{
  background:#fbfcfe;
  box-shadow:0 6px 20px rgba(15,23,42,.035);
}

.cc-list-card__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:18px 20px 15px;
  border-bottom:1px solid #eef2f7;
}

.cc-list-card__identity{
  min-width:0;
}

.cc-list-card__id{
  color:var(--cc-list-muted);
  font-size:12px;
  font-weight:850;
  letter-spacing:.035em;
}

.cc-list-card__route{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:6px;
  color:var(--cc-list-text);
  font-size:20px;
  font-weight:900;
  line-height:1.3;
}

.cc-list-card__arrow{
  color:#94a3b8;
  font-weight:700;
}

.cc-list-card__badges{
  display:flex;
  justify-content:flex-end;
  gap:7px;
  flex-wrap:wrap;
}

.cc-list-badge{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:4px 9px;
  border:1px solid #bfdbfe;
  border-radius:999px;
  background:#eff6ff;
  color:#1d4ed8;
  font-size:12px;
  font-weight:850;
  line-height:1.2;
  white-space:nowrap;
}

.cc-list-badge--status{
  border-color:#dbe4ef;
  background:#f8fafc;
  color:#475569;
}

.cc-list-badge--archive{
  border-color:#cbd5e1;
  background:#e2e8f0;
  color:#334155;
}

.cc-list-badge--warning{
  border-color:#fed7aa;
  background:#fff7ed;
  color:#c2410c;
}

.cc-list-card__summary{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  padding:15px 20px;
  background:var(--cc-list-soft);
}

.cc-list-card__summary--4{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.cc-list-stat{
  min-width:0;
}

.cc-list-stat__label{
  margin-bottom:4px;
  color:var(--cc-list-muted);
  font-size:11px;
  font-weight:750;
  line-height:1.2;
}

.cc-list-stat__value{
  overflow:hidden;
  color:var(--cc-list-text);
  font-size:14px;
  font-weight:850;
  line-height:1.35;
  text-overflow:ellipsis;
}

.cc-list-card__body{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:22px;
  align-items:start;
  padding:17px 20px;
}

.cc-list-card__title{
  color:var(--cc-list-text);
  font-size:17px;
  font-weight:900;
  line-height:1.35;
}

.cc-list-card__subline{
  margin-top:5px;
  color:var(--cc-list-muted);
  font-size:13px;
  line-height:1.5;
}

.cc-list-card__rate{
  min-width:150px;
  text-align:right;
}

.cc-list-card__rate-value{
  color:var(--cc-list-text);
  font-size:21px;
  font-weight:950;
  line-height:1.15;
}

.cc-list-card__rate-note{
  margin-top:4px;
  color:var(--cc-list-muted);
  font-size:12px;
  font-weight:700;
}

.cc-list-card__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:13px 20px 17px;
  border-top:1px solid #eef2f7;
}

.cc-list-card__meta{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  color:var(--cc-list-muted);
  font-size:12px;
  line-height:1.4;
}

.cc-list-actions form{
  margin:0;
}

.cc-list-readonly{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 10px;
  border-radius:10px;
  background:#f1f5f9;
  color:#64748b;
  font-size:12px;
  font-weight:750;
}

.cc-list-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:14px;
  padding:14px 16px;
}

.cc-list-pagination__disabled{
  opacity:.5;
  pointer-events:none;
}

@media (max-width:900px){
  .cc-list-card__summary{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .cc-list-card__summary--4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:700px){
  .cc-list-header,
  .cc-list-alert,
  .cc-list-card__head,
  .cc-list-card__footer{
    align-items:flex-start;
    flex-direction:column;
  }

  .cc-list-header__actions,
  .cc-list-actions{
    width:100%;
  }

  .cc-list-header__actions .btn,
  .cc-list-actions .btn,
  .cc-list-actions form,
  .cc-list-actions form .btn{
    width:100%;
  }

  .cc-list-card__badges{
    justify-content:flex-start;
  }

  .cc-list-card__body{
    grid-template-columns:1fr;
  }

  .cc-list-card__rate{
    text-align:left;
  }

  .cc-list-card__summary,
  .cc-list-card__summary--4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .cc-list-filter__field,
  .cc-list-filter__field--wide{
    width:100%;
    min-width:0;
  }
}

@media (max-width:460px){
  .cc-list-card__summary,
  .cc-list-card__summary--4{
    grid-template-columns:1fr;
  }

  .cc-list-card__route{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    gap:7px;
    font-size:18px;
  }

  .cc-list-card__route > :last-child{
    text-align:right;
  }
}

/* --------------------------------------------------------------------------
 * Unified company profile
 * Directory-style interface
 * ----------------------------------------------------------------------- */

.cc-profile-page{
  --cc-profile-border:#d6dce2;
  --cc-profile-soft:#f5f7f8;
  --cc-profile-text:#20262d;
  --cc-profile-muted:#66717c;
  --cc-profile-accent:#245f93;
  width:100%;
  max-width:none;
  margin:0;
}

.cc-profile-wrap{
  width:100%;
  max-width:none;
  margin:0;
}


/* HEADER */

.cc-profile-toolbar{
  margin:0 0 10px;
  padding:0 0 9px;
  border-bottom:1px solid var(--cc-profile-border);
}

.cc-profile-toolbar .page-kicker{
  display:none;
}

.cc-profile-toolbar h1{
  margin:0 0 2px;
  font-size:23px;
  font-weight:700;
  line-height:1.2;
}


/* MAIN LAYOUT */

.cc-profile-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:12px;
  align-items:start;
  width:100%;
  min-width:0;
}

.cc-profile-main{
  display:grid;
  gap:10px;
  min-width:0;
}


/* LEFT MENU */


/* HORIZONTAL CABINET NAV */

.cc-profile-nav-shell{
  width:100%;
  min-width:0;
}

.cc-profile-nav{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px;

  width:100%;
  min-width:0;
  box-sizing:border-box;

  padding:5px;

  border:1px solid var(--cc-profile-border);
  border-radius:10px;

  background:#fff;

  box-shadow:
    0 1px 2px rgba(15,23,42,.025);
}

.cc-profile-nav-item{
  position:relative;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;

  flex:0 0 auto;

  min-height:34px;

  padding:7px 11px;

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

  background:transparent;
  color:#475569;

  font-size:12px;
  font-weight:650;
  line-height:1.2;

  text-decoration:none;
  white-space:nowrap;

  transition:
    color .15s ease,
    background .15s ease,
    border-color .15s ease;
}

.cc-profile-nav-item:hover{
  border-color:#e2e8f0;
  background:#f6f8fa;
  color:#245f93;
  text-decoration:none;
}

.cc-profile-nav-item.is-active{
  border-color:#b9d1e3;
  background:#eaf2f8;
  color:#174f7c;

  box-shadow:none;
}

.cc-profile-nav-item.is-active::after{
  content:"";

  position:absolute;

  left:10px;
  right:10px;
  bottom:-6px;

  height:2px;

  border-radius:2px;

  background:var(--cc-profile-accent);
}

.cc-profile-nav-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  flex:0 0 auto;

  min-width:19px;
  height:19px;

  padding:0 5px;

  border-radius:999px;

  background:#c62828;
  color:#fff;

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


/* На небольшом экране не строим вертикальную башню.
   Оставляем одну настоящую горизонтальную строку. */

@media (max-width:760px){

  .cc-profile-nav-shell{
    overflow:hidden;
  }

  .cc-profile-nav{
    flex-wrap:nowrap;

    overflow-x:auto;
    overflow-y:hidden;

    padding:5px;

    scroll-behavior:smooth;
    scrollbar-width:thin;

    -webkit-overflow-scrolling:touch;
  }

  .cc-profile-nav-item{
    flex:0 0 auto;
  }
}

/* HORIZONTAL CABINET NAV END */


/* CONTENT BLOCK */

.cc-profile-card{
  min-width:0;
  padding:14px 16px;
  border:1px solid var(--cc-profile-border);
  border-radius:2px;
  background:#fff;
  box-shadow:none;
}

.cc-profile-company-card{
  padding:14px 16px;
}


/* COMPANY HEADER */

.cc-profile-record-head{
  display:flex;
  align-items:flex-start;
  gap:13px;
  min-width:0;
}

.cc-profile-record-head-main{
  flex:1 1 auto;
  min-width:0;
}

.cc-profile-logo-box,
.cc-profile-logo-empty{
  width:62px;
  height:62px;
  flex:0 0 62px;
  border-radius:2px;
}

.cc-profile-logo-box{
  overflow:hidden;
  border:1px solid var(--cc-profile-border);
  background:#fff;
}

.cc-profile-logo-box img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.cc-profile-logo-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:5px;
  border:1px dashed #bfc7cf;
  background:#f7f8f9;
  color:#68727d;
  font-size:10px;
  font-weight:600;
  text-align:center;
}

.cc-profile-company-title{
  margin:0 0 4px;
  color:var(--cc-profile-text);
  font-size:22px;
  font-weight:700;
  line-height:1.2;
}

.cc-profile-record-meta{
  display:flex;
  flex-wrap:wrap;
  gap:4px 20px;
  color:#56616c;
  font-size:13px;
}

.cc-profile-badges{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:8px;
}

.cc-profile-badge{
  display:inline-flex;
  align-items:center;
  padding:3px 6px;
  border:1px solid transparent;
  border-radius:3px;
  font-size:11px;
  font-weight:700;
  line-height:1.15;
}

.cc-profile-badge.is-blue{
  border-color:#b9d8f3;
  background:#edf6fd;
  color:#1d5e93;
}

.cc-profile-badge.is-green{
  border-color:#a9dfc5;
  background:#effaf4;
  color:#14704a;
}

.cc-profile-badge.is-red{
  border-color:#efbcbc;
  background:#fdf1f1;
  color:#a52626;
}

.cc-profile-badge.is-muted{
  border-color:#ccd3da;
  background:#f5f7f8;
  color:#56616c;
}


/* COMPANY DIRECTORY GRID */

.cc-profile-directory{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:13px;
  border-top:1px solid var(--cc-profile-border);
  border-left:1px solid var(--cc-profile-border);
}

.cc-profile-directory-row{
  min-width:0;
  padding:8px 10px;
  border-right:1px solid var(--cc-profile-border);
  border-bottom:1px solid var(--cc-profile-border);
  background:#fff;
}

.cc-profile-directory-label{
  margin-bottom:3px;
  color:var(--cc-profile-muted);
  font-size:11px;
  font-weight:600;
}

.cc-profile-directory-value{
  color:var(--cc-profile-text);
  font-size:14px;
  font-weight:600;
  line-height:1.35;
  overflow-wrap:anywhere;
}

.cc-profile-directory-row:nth-child(5){
  grid-column:span 2;
}

.cc-profile-directory-row:nth-child(6){
  grid-column:1 / -1;
}


/* MODULE TITLES */

.cc-profile-module-title{
  margin:0 0 10px;
  padding-bottom:7px;
  border-bottom:1px solid var(--cc-profile-border);
  color:var(--cc-profile-text);
  font-size:17px;
  font-weight:700;
  line-height:1.25;
}


/* STATISTICS / WORK */

.cc-profile-stats-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid var(--cc-profile-border);
  border-left:1px solid var(--cc-profile-border);
}

.cc-profile-stat{
  display:grid;
  grid-template-columns:minmax(120px,1fr) auto;
  align-items:center;
  gap:10px;
  min-width:0;
  min-height:44px;
  padding:8px 10px;
  border-right:1px solid var(--cc-profile-border);
  border-bottom:1px solid var(--cc-profile-border);
  border-radius:0;
  background:#fff;
}

.cc-profile-stat-label{
  color:var(--cc-profile-muted);
  font-size:12px;
  font-weight:600;
}

.cc-profile-stat-value{
  color:var(--cc-profile-text);
  font-size:19px;
  font-weight:700;
  line-height:1;
}


/* SYSTEM INFO */

.cc-profile-info-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--cc-profile-border);
  border-left:1px solid var(--cc-profile-border);
}

.cc-profile-info-item{
  min-width:0;
  padding:8px 10px;
  border-right:1px solid var(--cc-profile-border);
  border-bottom:1px solid var(--cc-profile-border);
  border-radius:0;
  background:#fff;
}

.cc-profile-info-label{
  display:block;
  margin-bottom:3px;
  color:var(--cc-profile-muted);
  font-size:11px;
  font-weight:600;
}

.cc-profile-info-value{
  color:var(--cc-profile-text);
  font-size:14px;
  font-weight:600;
  overflow-wrap:anywhere;
}


/* DOCUMENTS */

.cc-profile-doc-layout{
  display:grid;
  grid-template-columns:minmax(270px,.78fr) minmax(0,1.35fr);
  gap:12px;
  align-items:start;
}

.cc-profile-doc-card{
  min-width:0;
  padding:12px;
  border:1px solid var(--cc-profile-border);
  background:#fff;
}

.cc-profile-doc-card--summary{
  padding-top:4px;
  padding-bottom:4px;
}

.cc-profile-row{
  display:grid;
  grid-template-columns:minmax(105px,.8fr) minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:8px 0;
  border-bottom:1px solid #e6ebef;
  font-size:13px;
}

.cc-profile-row:last-of-type{
  border-bottom:0;
}

.cc-profile-row__label{
  color:var(--cc-profile-muted);
  font-size:12px;
  font-weight:600;
}

.cc-profile-doc-form{
  display:grid;
}

.cc-profile-doc-field{
  display:grid;
  gap:7px;
  padding:12px 0;
  border-bottom:1px solid var(--cc-profile-border);
}

.cc-profile-doc-field:first-child{
  padding-top:0;
}

.cc-profile-doc-field:last-of-type{
  border-bottom:0;
}

.cc-kyc-doc-heading{
  color:var(--cc-profile-text);
  font-size:13px;
  font-weight:700;
}

.cc-profile-doc-field .input{
  width:100%;
  box-sizing:border-box;
}

.cc-kyc-current-file{
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:wrap;
  color:var(--cc-profile-muted);
  font-size:12px;
}

.cc-kyc-current-file a{
  font-weight:600;
}

.cc-kyc-file-picker{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  width:max-content;
  max-width:100%;
  cursor:pointer;
}

.cc-kyc-file-input{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

.cc-kyc-file-name{
  max-width:300px;
  color:var(--cc-profile-muted);
  font-size:11px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cc-kyc-readonly-title{
  min-height:30px;
  padding:6px 8px;
  border:1px solid #e1e6ea;
  background:var(--cc-profile-soft);
  color:var(--cc-profile-text);
  font-size:13px;
}

.cc-kyc-comment{
  margin:9px 0;
  padding:8px 9px;
  border-left:3px solid var(--cc-profile-accent);
  background:var(--cc-profile-soft);
  font-size:12px;
  line-height:1.45;
}

.cc-kyc-comment__label{
  margin-bottom:3px;
  color:var(--cc-profile-muted);
  font-weight:600;
}

.cc-kyc-doc-actions{
  display:flex;
  justify-content:flex-end;
  padding-top:12px;
}

.cc-kyc-locked-note{
  margin-top:10px;
  padding:8px 9px;
  border:1px solid var(--cc-profile-border);
  background:var(--cc-profile-soft);
  color:var(--cc-profile-muted);
  font-size:12px;
}

.cc-profile-form{
  display:grid;
  gap:12px;
  width:min(100%,960px);
}

.cc-profile-edit-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid var(--cc-profile-border);
  border-left:1px solid var(--cc-profile-border);
}

.cc-profile-edit-field{
  display:block;
  min-width:0;
  margin:0;
  padding:10px 12px 12px;
  border-right:1px solid var(--cc-profile-border);
  border-bottom:1px solid var(--cc-profile-border);
  background:#fff;
}

.cc-profile-edit-field--wide{
  grid-column:1 / -1;
}

.cc-profile-edit-label{
  display:block;
  margin:0 0 5px;
  color:var(--cc-profile-muted);
  font-size:11px;
  font-weight:600;
  line-height:1.2;
}

.cc-profile-edit-field .input{
  width:100%;
  min-height:34px;
  padding:7px 9px;
  border:1px solid #cbd2d9;
  border-radius:3px;
  background:#fff;
  font-size:14px;
}

.cc-profile-edit-field textarea.input{
  min-height:72px;
  resize:vertical;
}

.cc-profile-edit-field .input:focus{
  border-color:var(--cc-profile-accent);
  box-shadow:none;
}

.cc-profile-edit-field .input[readonly]{
  background:#f4f6f7;
  color:#66717c;
}

.cc-profile-edit-actions{
  display:flex;
  align-items:center;
  gap:8px;
  padding-top:2px;
}


/* PHONE / LOGO */

.cc-profile-phone-line,
.cc-profile-phone-actions,
.cc-profile-upload-row{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}

.cc-profile-phone-actions{
  margin-top:7px;
}

.cc-profile-upload-row{
  margin:0;
}

.cc-profile-upload-row .input[type="file"]{
  max-width:360px;
}


/* CCARGO PROFILE STRICT BUTTONS START */

.cc-profile-page .btn{
  min-height:30px;
  padding:5px 10px;
  border-width:1px;
  border-style:solid;
  border-radius:2px;
  box-shadow:none;
  transform:none;
  font-size:12px;
  font-weight:650;
  line-height:1.2;
  letter-spacing:0;
  transition:
    background-color .1s ease,
    border-color .1s ease,
    color .1s ease;
}

.cc-profile-page .btn:hover,
.cc-profile-page .btn:focus{
  transform:none;
  box-shadow:none;
}

.cc-profile-page .btn-primary{
  border-color:#294f6d;
  background:#294f6d;
  color:#fff;
}

.cc-profile-page .btn-primary:hover,
.cc-profile-page .btn-primary:focus{
  border-color:#1e3f59;
  background:#1e3f59;
  color:#fff;
}

.cc-profile-page .btn-secondary{
  border-color:#b8c0c8;
  background:#fff;
  color:#34404b;
}

.cc-profile-page .btn-secondary:hover,
.cc-profile-page .btn-secondary:focus{
  border-color:#87939e;
  background:#f3f5f6;
  color:#202a33;
}

.cc-profile-page .btn:disabled,
.cc-profile-page .btn[disabled]{
  border-color:#d5d9dd;
  background:#eef0f2;
  color:#8a939b;
  cursor:not-allowed;
  opacity:1;
}

.cc-profile-page .msg-actions .btn{
  min-height:27px;
  padding:4px 8px;
  font-size:11px;
}

/* CCARGO PROFILE STRICT BUTTONS END */

/* RESPONSIVE */

@media (max-width:1100px){

  .cc-profile-directory,
  .cc-profile-info-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .cc-profile-directory-row:nth-child(5){
    grid-column:span 1;
  }

  .cc-profile-directory-row:nth-child(6){
    grid-column:1 / -1;
  }

  .cc-profile-doc-layout{
    grid-template-columns:1fr;
  }
}

@media (max-width:820px){

.cc-profile-stats-grid,
  .cc-profile-info-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:560px){

  .cc-profile-edit-grid{
    grid-template-columns:1fr;
  }

  .cc-profile-edit-field--wide{
    grid-column:auto;
  }

  .cc-profile-edit-actions{
    flex-wrap:wrap;
  }


.cc-profile-directory{
    grid-template-columns:1fr;
  }

  .cc-profile-directory-row:nth-child(5),
  .cc-profile-directory-row:nth-child(6){
    grid-column:auto;
  }

  .cc-profile-record-head{
    flex-direction:column;
  }

  .cc-profile-row{
    grid-template-columns:1fr;
    gap:2px;
  }

  .cc-profile-stat{
    grid-template-columns:1fr auto;
  }

}

/* CCARGO PROFILE MESSAGES START */

.cc-profile-messages-panel{
  min-width:0;
  padding:0;
}

.cc-profile-messages-filter{
  display:grid;
  grid-template-columns:
    minmax(220px,1.4fr)
    minmax(140px,.7fr)
    minmax(140px,.7fr)
    auto;
  gap:8px;
  align-items:end;
  padding:0 0 12px;
  border-bottom:1px solid var(--cc-profile-border);
}

.cc-profile-messages-filter-field{
  display:block;
  min-width:0;
  margin:0;
}

.cc-profile-messages-filter-field > span{
  display:block;
  margin:0 0 4px;
  color:var(--cc-profile-muted);
  font-size:11px;
  font-weight:600;
}

.cc-profile-messages-filter .input{
  min-height:34px;
  padding:6px 8px;
  border-radius:3px;
}

.cc-profile-messages-filter-actions{
  display:flex;
  gap:6px;
  align-items:center;
}

.cc-profile-messages-summary{
  padding:9px 0;
  border-bottom:1px solid var(--cc-profile-border);
  color:#45515c;
  font-size:13px;
}

.cc-profile-messages-empty{
  padding:18px 0;
  color:var(--cc-profile-muted);
}

.msg-table-wrap{
  width:100%;
  overflow-x:auto;
}

.msg-table{
  width:100%;
  min-width:780px;
  border-collapse:collapse;
  table-layout:auto;
  background:#fff;
}

.msg-table th,
.msg-table td{
  padding:8px 9px;
  border-bottom:1px solid var(--cc-profile-border);
  text-align:left;
  vertical-align:middle;
}

.msg-table th{
  background:#f5f6f7;
  color:#66717c;
  font-size:11px;
  font-weight:700;
}

.msg-table tbody tr:hover{
  background:#f8fafb;
}

.msg-table tbody tr.is-unread{
  background:#f7fbff;
}

.msg-sender,
.msg-subject{
  color:#20262d;
  font-size:13px;
  font-weight:600;
}

.msg-subject{
  text-decoration:none;
}

.msg-subject:hover{
  color:#245f93;
  text-decoration:underline;
}

.msg-subject-unread{
  font-weight:700;
}

.msg-important{
  color:#c62828;
}

.msg-meta{
  margin-top:2px;
  color:#7a858f;
  font-size:11px;
}

.msg-date{
  white-space:nowrap;
  color:#45515c;
  font-size:12px;
}

.msg-badge{
  display:inline-flex;
  align-items:center;
  padding:3px 6px;
  border-radius:3px;
  font-size:10px;
  font-weight:700;
  line-height:1.1;
  white-space:nowrap;
}

.msg-badge-green{
  background:#e7f8ed;
  color:#177044;
}

.msg-badge-yellow{
  background:#fff4cf;
  color:#805600;
}

.msg-badge-gray{
  background:#eef1f3;
  color:#52606b;
}

.msg-badge-blue{
  background:#e8f2fb;
  color:#245f93;
}

.msg-badge-red{
  background:#fdeaea;
  color:#a52626;
}

.msg-badge-line{
  margin-top:4px;
}

.msg-actions{
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:nowrap;
}

.msg-actions form{
  margin:0;
}

.msg-actions .btn{
  min-height:29px;
  padding:5px 8px;
  font-size:12px;
  white-space:nowrap;
}

.cc-profile-messages-pagination{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:10px;
  color:var(--cc-profile-muted);
  font-size:12px;
}

@media(max-width:900px){

  .cc-profile-messages-filter{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .cc-profile-messages-filter-actions{
    align-self:end;
  }
}

@media(max-width:560px){

  .cc-profile-messages-filter{
    grid-template-columns:1fr;
  }

  .cc-profile-messages-filter-actions{
    flex-wrap:wrap;
  }
}

/* CCARGO PROFILE MESSAGES END */

/* CCARGO TRANSPORT CABINET DIRECTORY START */

.cc-cabinet-transport-toolbar{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
}

.cc-cabinet-transport-toolbar__actions{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}


/* STATUS TABS */

.cc-cabinet-transport-content .cc-transport-tabs{
  display:flex;
  align-items:stretch;
  gap:0;
  margin:0 0 10px;
  border-bottom:1px solid var(--cc-profile-border);
}

.cc-cabinet-transport-content .cc-transport-tab{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:35px;
  padding:7px 11px;
  margin-bottom:-1px;
  border:0;
  border-bottom:2px solid transparent;
  border-radius:0;
  background:transparent;
  color:#53606b;
  font-size:12px;
  font-weight:600;
  text-decoration:none;
}

.cc-cabinet-transport-content .cc-transport-tab:hover{
  background:#f5f7f8;
  color:#245f93;
}

.cc-cabinet-transport-content .cc-transport-tab.is-active{
  border-bottom-color:#245f93;
  background:#f7fafc;
  color:#174f7c;
}

.cc-cabinet-transport-content .cc-transport-tab b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:19px;
  height:19px;
  padding:0 5px;
  border:1px solid #ccd3da;
  border-radius:2px;
  background:#fff;
  color:#53606b;
  font-size:10px;
  font-weight:700;
}

.cc-cabinet-transport-content
.cc-transport-tab.is-active b{
  border-color:#8eb4d1;
  background:#eaf2f8;
  color:#174f7c;
}


/* TARIFF NOTICE */

.cc-cabinet-transport-content .cc-list-alert{
  margin:0 0 10px;
  padding:9px 10px;
  border:1px solid #e2c687;
  border-radius:2px;
  box-shadow:none;
}


/* LIST */

.cc-cabinet-transport-content .cc-list-grid{
  display:flex;
  flex-direction:column;
  gap:0;
  border-top:1px solid var(--cc-profile-border);
}


/* ONE TRANSPORT = ONE DIRECTORY ROW */

.cc-cabinet-transport-content .cc-list-card{
  display:grid;
  grid-template-columns:
    minmax(230px,1.15fr)
    minmax(310px,1.45fr)
    minmax(300px,1.45fr)
    minmax(330px,auto);

  width:100%;
  max-width:none;
  min-height:72px;

  margin:0;
  padding:0;

  border:0;
  border-bottom:1px solid var(--cc-profile-border);
  border-radius:0;

  background:#fff;
  box-shadow:none;

  overflow:visible;
  opacity:1;
  filter:none;
}

.cc-cabinet-transport-content .cc-list-card:hover{
  background:#fafbfc;
}


/* ROUTE */

.cc-cabinet-transport-content .cc-list-card__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;

  min-width:0;
  padding:8px 10px;

  border:0;
  border-right:1px solid var(--cc-profile-border);
  background:transparent;
}

.cc-cabinet-transport-content .cc-list-card__identity{
  min-width:0;
}

.cc-cabinet-transport-content .cc-list-card__id{
  margin:0 0 3px;

  color:#77828c;
  font-size:10px;
  font-weight:600;
  line-height:1.2;
}

.cc-cabinet-transport-content .cc-list-card__route{
  display:flex;
  align-items:center;
  gap:5px;

  min-width:0;
  margin:0;

  color:#20262d;
  font-size:13px;
  font-weight:700;
  line-height:1.25;
}

.cc-cabinet-transport-content
.cc-list-card__route span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cc-cabinet-transport-content
.cc-list-card__arrow{
  flex:0 0 auto;
  overflow:visible;
}

.cc-cabinet-transport-content
.cc-list-card__badges{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:3px;
  flex:0 0 auto;
}


/* CHARACTERISTICS */

.cc-cabinet-transport-content
.cc-list-card__summary,
.cc-cabinet-transport-content
.cc-list-card__summary--3,
.cc-cabinet-transport-content
.cc-list-card__summary--4{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:center;
  gap:0;

  min-width:0;
  padding:0;

  border:0;
  border-right:1px solid var(--cc-profile-border);
  background:transparent;
}

.cc-cabinet-transport-content .cc-list-stat{
  min-width:0;
  height:100%;
  padding:8px 9px;

  border:0;
  border-right:1px solid #e7eaed;
  background:transparent;
}

.cc-cabinet-transport-content
.cc-list-stat:last-child{
  border-right:0;
}

.cc-cabinet-transport-content
.cc-list-stat__label{
  margin:0 0 3px;

  color:#77828c;
  font-size:10px;
  font-weight:600;
  line-height:1.15;
}

.cc-cabinet-transport-content
.cc-list-stat__value{
  color:#303a43;
  font-size:12px;
  font-weight:650;
  line-height:1.25;
}


/* COMPOSITION + RATE */

.cc-cabinet-transport-content
.cc-list-card__body{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;

  min-width:0;
  padding:8px 10px;

  border:0;
  border-right:1px solid var(--cc-profile-border);
  background:transparent;
}

.cc-cabinet-transport-content
.cc-list-card__body > div:first-child{
  min-width:0;
}

.cc-cabinet-transport-content
.cc-cabinet-transport-composition{
  margin:0 0 3px;

  color:#20262d;
  font-size:13px;
  font-weight:700;
  line-height:1.25;
}

.cc-cabinet-transport-content
.cc-list-card__subline{
  margin:2px 0 0;

  color:#77828c;
  font-size:10px;
  line-height:1.25;

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

.cc-cabinet-transport-content
.cc-list-card__rate{
  flex:0 0 auto;
  margin:0;
  text-align:right;
}

.cc-cabinet-transport-content
.cc-list-card__rate-value{
  color:#20262d;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}

.cc-cabinet-transport-content
.cc-list-card__rate-note{
  margin-top:2px;
  color:#89939c;
  font-size:9px;
}


/* ACTIONS */

.cc-cabinet-transport-content
.cc-list-card__footer{
  display:flex;
  align-items:center;
  justify-content:flex-end;

  min-width:0;
  padding:7px 8px;

  border:0;
  background:#fafbfc;
}

.cc-cabinet-transport-content
.cc-list-card__meta{
  display:none;
}

.cc-cabinet-transport-content
.cc-list-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:4px;
}

.cc-cabinet-transport-content
.cc-list-actions form{
  margin:0;
}

.cc-cabinet-transport-content
.cc-list-actions .btn{
  min-height:27px;
  padding:4px 7px;

  border-radius:2px;

  font-size:10px;
  font-weight:600;
  line-height:1.15;

  white-space:nowrap;
  box-shadow:none;
  transform:none;
}


/* BADGES */

.cc-cabinet-transport-content
.cc-list-badge{
  padding:3px 5px;
  border-radius:2px;
  font-size:9px;
  font-weight:650;
}


/* ACTIVE WORK MUST STAY NORMAL */

.cc-cabinet-transport-content
.cc-list-card--work-active,
.cc-cabinet-transport-content
.cc-list-card--work-active:hover{
  opacity:1;
  filter:none;
}


/* TABLET */

@media(max-width:1250px){

  .cc-cabinet-transport-content .cc-list-card{
    grid-template-columns:
      minmax(220px,1fr)
      minmax(320px,1.4fr);
  }

  .cc-cabinet-transport-content
  .cc-list-card__head,
  .cc-cabinet-transport-content
  .cc-list-card__summary{
    border-bottom:1px solid var(--cc-profile-border);
  }

  .cc-cabinet-transport-content
  .cc-list-card__summary{
    border-right:0;
  }
}


/* PHONE */

@media(max-width:720px){

  .cc-cabinet-transport-toolbar{
    align-items:flex-start;
    flex-direction:column;
  }

  .cc-cabinet-transport-content .cc-list-card{
    display:block;
  }

  .cc-cabinet-transport-content
  .cc-list-card__head,
  .cc-cabinet-transport-content
  .cc-list-card__summary,
  .cc-cabinet-transport-content
  .cc-list-card__body,
  .cc-cabinet-transport-content
  .cc-list-card__footer{
    border-right:0;
    border-bottom:1px solid var(--cc-profile-border);
  }

  .cc-cabinet-transport-content
  .cc-list-card__footer{
    border-bottom:0;
    justify-content:flex-start;
  }

  .cc-cabinet-transport-content
  .cc-list-actions{
    justify-content:flex-start;
  }

  .cc-cabinet-transport-content
  .cc-transport-tabs{
    overflow-x:auto;
  }

  .cc-cabinet-transport-content
  .cc-transport-tab{
    flex:0 0 auto;
  }
}

/* CCARGO TRANSPORT CABINET DIRECTORY END */

/* CCARGO TRANSPORT STRICT START */


/* =========================================================
   ОБЩИЙ КАРКАС
   ========================================================= */

.cc-detail-page--transport{
  --cc-transport-line:#d6dce2;
  --cc-transport-line-soft:#e5e8eb;
  --cc-transport-soft:#f5f7f8;
  --cc-transport-text:#20262d;
  --cc-transport-muted:#6d7882;
  --cc-transport-accent:#245f93;
}

.cc-detail-page--transport .cc-detail-toolbar{
  margin-bottom:10px;
}

.cc-detail-page--transport .cc-detail-toolbar__meta{
  color:var(--cc-transport-muted);
  font-size:11px;
}

.cc-detail-page--transport .cc-detail-shell{
  overflow:hidden;
  border:1px solid var(--cc-transport-line);
  border-radius:2px;
  background:#fff;
  box-shadow:none;
}


/* =========================================================
   ШАПКА
   ========================================================= */

.cc-detail-page--transport .cc-detail-hero{
  padding:13px 15px 0;
  border-bottom:1px solid var(--cc-transport-line);
  background:#fff;
}

.cc-detail-page--transport .cc-detail-hero__top{
  margin-bottom:11px;
}

.cc-detail-page--transport .cc-detail-id{
  margin-bottom:3px;
  color:var(--cc-transport-muted);
  font-size:10px;
  font-weight:600;
  letter-spacing:0;
}

.cc-detail-page--transport .cc-detail-route{
  margin:0;
  color:var(--cc-transport-text);
  font-size:23px;
  font-weight:700;
  line-height:1.2;
}

.cc-detail-page--transport .cc-detail-route__arrow{
  color:#87919a;
}


/* =========================================================
   СТАТУСЫ
   ========================================================= */

.cc-detail-page--transport .cc-detail-badges{
  gap:5px;
}

.cc-detail-page--transport .cc-detail-badge{
  padding:3px 6px;
  border-radius:2px;
  box-shadow:none;
  font-size:10px;
  font-weight:650;
}

.cc-detail-page--transport .cc-detail-badge--rating{
  text-decoration:none;
}


/* =========================================================
   ВЕРХНИЕ ХАРАКТЕРИСТИКИ
   ========================================================= */

.cc-detail-page--transport .cc-detail-summary{
  display:grid;
  gap:0;
  margin:0 -15px;
  border-top:1px solid var(--cc-transport-line);
  background:#fff;
}

.cc-detail-page--transport .cc-detail-summary--4{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.cc-detail-page--transport .cc-detail-summary__item{
  min-width:0;
  padding:8px 10px;
  border:0;
  border-right:1px solid var(--cc-transport-line);
  border-radius:0;
  background:#fff;
  box-shadow:none;
}

.cc-detail-page--transport
.cc-detail-summary__item:last-child{
  border-right:0;
}

.cc-detail-page--transport .cc-detail-summary__label{
  margin-bottom:3px;
  color:var(--cc-transport-muted);
  font-size:10px;
  font-weight:600;
}

.cc-detail-page--transport .cc-detail-summary__value{
  color:var(--cc-transport-text);
  font-size:13px;
  font-weight:700;
  line-height:1.25;
}


/* =========================================================
   ОСНОВНАЯ СЕТКА
   ========================================================= */

.cc-detail-page--transport .cc-detail-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 295px;
  gap:0;
}

.cc-detail-page--transport.cc-detail-page--owner
.cc-detail-layout{
  grid-template-columns:minmax(0,1fr) 225px;
}

.cc-detail-page--transport .cc-detail-main{
  min-width:0;
}


/* =========================================================
   СЕКЦИИ
   ========================================================= */

.cc-detail-page--transport .cc-detail-section{
  margin:0;
  padding:13px 15px;
  border:0;
  border-bottom:1px solid var(--cc-transport-line-soft);
  border-radius:0;
  background:#fff;
  box-shadow:none;
}

.cc-detail-page--transport
.cc-detail-section:last-child{
  border-bottom:0;
}

.cc-detail-page--transport .cc-detail-section__title{
  margin:0 0 9px;
  padding-bottom:6px;
  border-bottom:1px solid var(--cc-transport-line-soft);
  color:var(--cc-transport-text);
  font-size:15px;
  font-weight:700;
  line-height:1.25;
}


/* =========================================================
   МАРШРУТ
   ========================================================= */

.cc-detail-page--transport .cc-detail-route-list{
  display:grid;
  gap:0;
}

.cc-detail-page--transport .cc-detail-route-stop{
  padding:8px 0;
  border-bottom:1px solid var(--cc-transport-line-soft);
}

.cc-detail-page--transport
.cc-detail-route-stop:last-child{
  border-bottom:0;
}

.cc-detail-page--transport
.cc-detail-route-stop__label{
  color:var(--cc-transport-muted);
  font-size:10px;
  font-weight:600;
}

.cc-detail-page--transport
.cc-detail-route-stop__dot{
  box-shadow:none;
}


/* =========================================================
   ПРАВАЯ КОЛОНКА
   ========================================================= */

.cc-detail-page--transport .cc-detail-sidebar{
  min-width:0;
  border-left:1px solid var(--cc-transport-line);
  background:#f8f9fa;
}

.cc-detail-page--transport
.cc-detail-sidebar__sticky{
  padding:10px;
}

.cc-detail-page--transport .cc-detail-panel{
  margin:0 0 9px;
  padding:10px;
  border:1px solid var(--cc-transport-line);
  border-radius:2px;
  background:#fff;
  box-shadow:none;
}

.cc-detail-page--transport
.cc-detail-panel:last-child{
  margin-bottom:0;
}

.cc-detail-page--transport
.cc-detail-panel__title{
  margin:0 0 7px;
  padding-bottom:6px;
  border-bottom:1px solid var(--cc-transport-line-soft);
  color:#44515c;
  font-size:11px;
  font-weight:700;
}


/* =========================================================
   СТАВКА
   ========================================================= */

.cc-detail-page--transport .cc-detail-primary-value{
  color:var(--cc-transport-text);
  font-size:21px;
  font-weight:700;
  line-height:1.15;
}

.cc-detail-page--transport .cc-detail-primary-note{
  margin-top:5px;
  color:var(--cc-transport-muted);
  font-size:10px;
  line-height:1.35;
}


/* =========================================================
   КОМПАНИЯ ДЛЯ ЧУЖОЙ ПУБЛИКАЦИИ
   ========================================================= */

.cc-detail-page--transport .cc-detail-company-head{
  gap:9px;
  margin-bottom:9px;
}

.cc-detail-page--transport .cc-detail-company-logo{
  width:44px;
  height:44px;
  border:1px solid var(--cc-transport-line);
  border-radius:2px;
}

.cc-detail-page--transport .cc-detail-company-name{
  color:var(--cc-transport-text);
  font-size:13px;
  font-weight:700;
}

.cc-detail-page--transport .cc-detail-company-code,
.cc-detail-page--transport .cc-detail-company-rating{
  color:var(--cc-transport-muted);
  font-size:10px;
}

.cc-detail-page--transport .cc-detail-info-list{
  border-top:1px solid var(--cc-transport-line);
  border-left:1px solid var(--cc-transport-line);
}

.cc-detail-page--transport .cc-detail-info-row{
  padding:7px 8px;
  border:0;
  border-right:1px solid var(--cc-transport-line);
  border-bottom:1px solid var(--cc-transport-line);
  border-radius:0;
  background:#fff;
}

.cc-detail-page--transport
.cc-detail-info-row__label{
  margin-bottom:2px;
  color:var(--cc-transport-muted);
  font-size:10px;
  font-weight:600;
}

.cc-detail-page--transport
.cc-detail-info-row__value{
  color:var(--cc-transport-text);
  font-size:12px;
  font-weight:600;
  line-height:1.3;
}


/* =========================================================
   LOCK
   ========================================================= */

.cc-detail-page--transport .cc-detail-lock{
  border-radius:2px;
  box-shadow:none;
}

.cc-detail-page--transport
.cc-detail-lock__actions{
  gap:5px;
}


/* =========================================================
   СТРОГИЕ КНОПКИ
   ========================================================= */

.cc-detail-page--transport .btn{
  min-height:29px;
  padding:5px 8px;
  border-radius:2px;
  box-shadow:none;
  transform:none;
  font-size:11px;
  font-weight:600;
  line-height:1.15;
  letter-spacing:0;
}

.cc-detail-page--transport .btn:hover,
.cc-detail-page--transport .btn:focus{
  box-shadow:none;
  transform:none;
}

.cc-detail-page--transport .btn-primary{
  border-color:#294f6d;
  background:#294f6d;
  color:#fff;
}

.cc-detail-page--transport .btn-primary:hover{
  border-color:#1e3f59;
  background:#1e3f59;
}

.cc-detail-page--transport .btn-secondary{
  border-color:#b8c0c8;
  background:#fff;
  color:#34404b;
}

.cc-detail-page--transport .btn-secondary:hover{
  border-color:#87939e;
  background:#f3f5f6;
}


/* =========================================================
   OWNER
   ========================================================= */

.cc-detail-page--transport.cc-detail-page--owner
.cc-detail-sidebar__sticky{
  position:sticky;
  top:12px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:1000px){

  .cc-detail-page--transport .cc-detail-layout,
  .cc-detail-page--transport.cc-detail-page--owner
  .cc-detail-layout{
    grid-template-columns:1fr;
  }

  .cc-detail-page--transport .cc-detail-sidebar{
    border-top:1px solid var(--cc-transport-line);
    border-left:0;
  }

  .cc-detail-page--transport .cc-detail-summary--4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .cc-detail-page--transport
  .cc-detail-summary__item:nth-child(2){
    border-right:0;
  }

  .cc-detail-page--transport
  .cc-detail-summary__item:nth-child(-n+2){
    border-bottom:1px solid var(--cc-transport-line);
  }
}

@media(max-width:560px){

  .cc-detail-page--transport .cc-detail-route{
    font-size:19px;
  }

  .cc-detail-page--transport .cc-detail-summary--4{
    grid-template-columns:1fr;
  }

  .cc-detail-page--transport
  .cc-detail-summary__item{
    border-right:0;
    border-bottom:1px solid var(--cc-transport-line);
  }

  .cc-detail-page--transport
  .cc-detail-summary__item:last-child{
    border-bottom:0;
  }
}

/* CCARGO TRANSPORT STRICT END */

/* CCARGO BILLING STRICT START */


/* SUMMARY */

.cc-billing-main{
  min-width:0;
}

.cc-billing-alert{
  margin-bottom:10px;
}

.cc-billing-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid var(--cc-profile-border);
  border-left:1px solid var(--cc-profile-border);
  background:#fff;
}

.cc-billing-stat{
  min-width:0;
  padding:9px 10px;
  border-right:1px solid var(--cc-profile-border);
  border-bottom:1px solid var(--cc-profile-border);
  background:#fff;
}

.cc-billing-stat__label{
  margin-bottom:3px;
  color:var(--cc-profile-muted);
  font-size:10px;
  font-weight:600;
  line-height:1.2;
}

.cc-billing-stat__value{
  color:var(--cc-profile-text);
  font-size:16px;
  font-weight:700;
  line-height:1.2;
  word-break:break-word;
}


/* MAIN */

.cc-billing-layout{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:14px;
  align-items:start;
}


/* PLAN NAV */

.cc-billing-plans{
  display:flex;
  flex-direction:column;
  border-top:1px solid var(--cc-profile-border);
}

.cc-billing-plan-link{
  position:relative;
  display:block;
  min-height:58px;
  padding:8px 9px;
  border-bottom:1px solid var(--cc-profile-border);
  background:transparent;
  color:#34404b;
  text-decoration:none;
}

.cc-billing-plan-link:hover{
  background:#f1f4f6;
  color:#20262d;
  text-decoration:none;
}

.cc-billing-plan-link.is-active{
  background:#eaf2f8;
  color:#174f7c;
  box-shadow:
    inset 3px 0 0 var(--cc-profile-accent);
}

.cc-billing-plan-link.is-current::after{
  content:"";
  position:absolute;
  top:10px;
  right:8px;
  width:7px;
  height:7px;
  border-radius:1px;
  background:#22966a;
}

.cc-billing-plan-link.is-expired::after{
  content:"";
  position:absolute;
  top:10px;
  right:8px;
  width:7px;
  height:7px;
  border-radius:1px;
  background:#b7791f;
}

.cc-billing-plan-link__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding-right:12px;
}

.cc-billing-plan-link__head strong{
  font-size:13px;
  font-weight:700;
}

.cc-billing-plan-link__head span{
  color:#7b8690;
  font-size:9px;
  font-weight:700;
}

.cc-billing-plan-link__text{
  margin-top:4px;
  color:#69757f;
  font-size:10px;
  line-height:1.3;
}


/* DETAIL */

.cc-billing-detail{
  min-width:0;
  border:1px solid var(--cc-profile-border);
  border-radius:2px;
  background:#fff;
}

.cc-billing-detail__title{
  margin:0;
  padding:9px 11px;
  border-bottom:1px solid var(--cc-profile-border);
  color:var(--cc-profile-text);
  font-size:15px;
  font-weight:700;
  line-height:1.2;
}


/* SELECTED PLAN */

.cc-billing-selected-plan{
  position:relative;
  padding:11px;
  border:0;
  background:#fff;
}

.cc-billing-selected-plan.is-current{
  box-shadow:
    inset 3px 0 0 #22966a;
}

.cc-billing-selected-plan.is-expired{
  box-shadow:
    inset 3px 0 0 #b7791f;
}

.cc-billing-selected-plan.is-selected{
  box-shadow:
    inset 3px 0 0 var(--cc-profile-accent);
}

.cc-billing-plan-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.cc-billing-plan-title{
  color:var(--cc-profile-text);
  font-size:16px;
  font-weight:700;
  line-height:1.2;
}

.cc-billing-plan-price{
  flex:0 0 auto;
  color:var(--cc-profile-text);
  font-size:16px;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
}

.cc-billing-plan-desc{
  margin-top:4px;
  color:#5f6b75;
  font-size:12px;
  line-height:1.35;
}


/* STATUS */

.cc-billing-status-row{
  margin-top:8px;
}

.cc-billing-status{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:3px 6px;
  border:1px solid transparent;
  border-radius:2px;
  font-size:10px;
  font-weight:650;
  line-height:1.1;
}

.cc-billing-status.is-green{
  border-color:#9dd9bf;
  background:#edf8f3;
  color:#137451;
}

.cc-billing-status.is-blue{
  border-color:#adcbe3;
  background:#eef5fa;
  color:#245f93;
}

.cc-billing-status.is-yellow{
  border-color:#e1c993;
  background:#fbf5e8;
  color:#855b13;
}

.cc-billing-status.is-muted{
  border-color:#cbd2d8;
  background:#f5f7f8;
  color:#5f6a74;
}


/* META */

.cc-billing-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:10px;
  border-top:1px solid var(--cc-profile-border);
  border-left:1px solid var(--cc-profile-border);
}

.cc-billing-meta__item{
  min-width:0;
  padding:8px 9px;
  border-right:1px solid var(--cc-profile-border);
  border-bottom:1px solid var(--cc-profile-border);
  background:#fff;
}

.cc-billing-meta__label{
  margin-bottom:3px;
  color:var(--cc-profile-muted);
  font-size:9px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.03em;
}

.cc-billing-meta__value{
  color:var(--cc-profile-text);
  font-size:12px;
  font-weight:700;
  line-height:1.25;
}


/* NOTE + ACTIONS */

.cc-billing-note{
  margin-top:9px;
  color:#5f6b75;
  font-size:11px;
  line-height:1.35;
}

.cc-billing-plan-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
  margin-top:10px;
}


/* STRICT BUTTONS */

.cc-billing-page .btn{
  min-height:29px;
  padding:5px 8px;
  border-radius:2px;
  box-shadow:none;
  transform:none;
  font-size:11px;
  font-weight:600;
  line-height:1.15;
}

.cc-billing-page .btn:hover,
.cc-billing-page .btn:focus{
  box-shadow:none;
  transform:none;
}

.cc-billing-page .btn-primary{
  border-color:#294f6d;
  background:#294f6d;
  color:#fff;
}

.cc-billing-page .btn-primary:hover{
  border-color:#1e3f59;
  background:#1e3f59;
}

.cc-billing-page .btn-secondary{
  border-color:#b8c0c8;
  background:#fff;
  color:#34404b;
}

.cc-billing-page .btn-secondary:hover{
  border-color:#87939e;
  background:#f3f5f6;
}


/* EMPTY */

.cc-billing-empty{
  padding:14px 11px;
  color:var(--cc-profile-muted);
  font-size:12px;
}


/* RESPONSIVE */

@media(max-width:1000px){

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

  .cc-billing-layout{
    grid-template-columns:180px minmax(0,1fr);
  }
}

@media(max-width:760px){

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

  .cc-billing-plans{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    border-left:1px solid var(--cc-profile-border);
  }

  .cc-billing-plan-link{
    border-right:1px solid var(--cc-profile-border);
  }

  .cc-billing-meta{
    grid-template-columns:1fr;
  }
}

@media(max-width:560px){

  .cc-billing-summary{
    grid-template-columns:1fr;
  }

  .cc-billing-plans{
    grid-template-columns:1fr;
  }

  .cc-billing-plan-head{
    flex-direction:column;
    gap:5px;
  }
}

/* CCARGO BILLING STRICT END */

/* CCARGO TICKETS STRICT START */


.cc-tickets-toolbar{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
}

.cc-tickets-toolbar__actions{
  display:flex;
  gap:5px;
  align-items:center;
  flex-wrap:wrap;
}

.cc-tickets-admin-shell{
  width:100%;
}

.cc-tickets-main{
  min-width:0;
}


/* COUNTERS */

.cc-tickets-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid var(--cc-profile-border);
  border-left:1px solid var(--cc-profile-border);
  background:#fff;
}

.cc-tickets-stat{
  min-width:0;
  padding:9px 10px;
  border-right:1px solid var(--cc-profile-border);
  border-bottom:1px solid var(--cc-profile-border);
}

.cc-tickets-stat__label{
  margin-bottom:3px;
  color:var(--cc-profile-muted);
  font-size:10px;
  font-weight:600;
  line-height:1.2;
}

.cc-tickets-stat__value{
  color:var(--cc-profile-text);
  font-size:16px;
  font-weight:700;
  line-height:1.2;
}


/* ALERTS */

.cc-tickets-alert{
  margin-bottom:10px;
  padding:8px 10px;
  border:1px solid;
  border-radius:2px;
  font-size:12px;
}

.cc-tickets-alert--ok{
  border-color:#afd7c2;
  background:#f2f9f5;
  color:#176640;
}

.cc-tickets-alert--error{
  border-color:#e1b3b3;
  background:#fbf3f3;
  color:#9b2929;
}


/* FILTER */

.cc-tickets-filter{
  display:flex;
  align-items:flex-end;
  gap:8px;
  flex-wrap:wrap;
  padding:9px 0 10px;
  border-bottom:1px solid var(--cc-profile-border);
}

.cc-tickets-filter__field{
  display:block;
  min-width:180px;
  margin:0;
}

.cc-tickets-filter__field > span{
  display:block;
  margin-bottom:3px;
  color:var(--cc-profile-muted);
  font-size:10px;
  font-weight:600;
}

.cc-tickets-filter .input{
  width:auto;
  min-width:200px;
  min-height:32px;
  padding:5px 7px;
  border-radius:2px;
}

.cc-tickets-filter__actions{
  display:flex;
  align-items:center;
  gap:5px;
}


/* EMPTY */

.cc-tickets-empty{
  padding:13px 8px;
  border-bottom:1px solid var(--cc-profile-border);
  color:var(--cc-profile-muted);
  font-size:12px;
}


/* LIST */

.cc-tickets-list{
  border-top:1px solid var(--cc-profile-border);
}

.cc-tickets-row{
  display:grid;
  grid-template-columns:
    minmax(210px,1.2fr)
    minmax(160px,.8fr)
    minmax(320px,1.6fr)
    auto;

  min-width:0;

  border-bottom:1px solid var(--cc-profile-border);
  background:#fff;
}

.cc-tickets-row:hover{
  background:#fafbfc;
}

.cc-tickets-row.is-unread{
  background:#f6faff;
  box-shadow:inset 3px 0 0 var(--cc-profile-accent);
}


/* IDENTITY */

.cc-tickets-row__identity{
  min-width:0;
  padding:8px 9px;
  border-right:1px solid var(--cc-profile-border);
}

.cc-tickets-row__code{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:3px;
  color:#78838d;
  font-size:10px;
  font-weight:600;
}

.cc-tickets-row__subject{
  overflow:hidden;
  color:var(--cc-profile-text);
  font-size:13px;
  font-weight:700;
  line-height:1.25;
  text-overflow:ellipsis;
}

.cc-tickets-unread-mark{
  width:6px;
  height:6px;
  flex:0 0 auto;
  border-radius:1px;
  background:var(--cc-profile-accent);
}


/* TYPE + STATUS */

.cc-tickets-row__status{
  display:flex;
  align-items:center;
  gap:4px;
  flex-wrap:wrap;
  padding:8px 9px;
  border-right:1px solid var(--cc-profile-border);
}

.cc-tickets-type,
.cc-tickets-status{
  display:inline-flex;
  align-items:center;
  min-height:21px;
  padding:3px 5px !important;
  border:1px solid #ccd3d9;
  border-radius:2px !important;
  background:#f6f7f8;
  color:#4d5963;
  font-size:9px !important;
  font-weight:650;
  line-height:1.1;
}


/* DATA */

.cc-tickets-row__data{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  min-width:0;
  border-right:1px solid var(--cc-profile-border);
}

.cc-tickets-data-item{
  min-width:0;
  padding:8px 9px;
  border-right:1px solid #e7eaed;
}

.cc-tickets-data-item:last-child{
  border-right:0;
}

.cc-tickets-data-item__label{
  margin-bottom:3px;
  color:var(--cc-profile-muted);
  font-size:9px;
  font-weight:600;
}

.cc-tickets-data-item__value{
  overflow:hidden;
  color:#34404b;
  font-size:11px;
  font-weight:600;
  line-height:1.25;
  text-overflow:ellipsis;
}

.cc-tickets-data-meta{
  color:#77828c;
  font-weight:400;
}


/* ACTIONS */

.cc-tickets-row__actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
  flex-wrap:wrap;
  padding:7px 8px;
  background:#fafbfc;
}

.cc-tickets-row__actions form{
  margin:0;
}

.cc-tickets-unread-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:17px;
  height:17px;
  margin-left:4px;
  padding:0 4px;
  border-radius:2px;
  background:#245f93;
  color:#fff;
  font-size:9px;
  font-weight:700;
}


/* STRICT BUTTONS */

.cc-tickets-page .btn{
  min-height:29px;
  padding:5px 8px;
  border-radius:2px;
  box-shadow:none;
  transform:none;
  font-size:11px;
  font-weight:600;
  line-height:1.15;
}

.cc-tickets-page .btn:hover,
.cc-tickets-page .btn:focus{
  box-shadow:none;
  transform:none;
}

.cc-tickets-page .btn-primary{
  border-color:#294f6d;
  background:#294f6d;
  color:#fff;
}

.cc-tickets-page .btn-primary:hover{
  border-color:#1e3f59;
  background:#1e3f59;
}

.cc-tickets-page .btn-secondary{
  border-color:#b8c0c8;
  background:#fff;
  color:#34404b;
}

.cc-tickets-page .btn-secondary:hover{
  border-color:#87939e;
  background:#f3f5f6;
}


/* RESPONSIVE */

@media(max-width:1100px){

  .cc-tickets-row{
    grid-template-columns:
      minmax(220px,1fr)
      minmax(160px,.7fr)
      minmax(260px,1.2fr);
  }

  .cc-tickets-row__actions{
    grid-column:1 / -1;
    justify-content:flex-start;
    border-top:1px solid var(--cc-profile-border);
  }

  .cc-tickets-row__data{
    border-right:0;
  }
}

@media(max-width:760px){

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

  .cc-tickets-row{
    display:block;
  }

  .cc-tickets-row__identity,
  .cc-tickets-row__status,
  .cc-tickets-row__data{
    border-right:0;
    border-bottom:1px solid var(--cc-profile-border);
  }

  .cc-tickets-toolbar{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media(max-width:520px){

  .cc-tickets-summary{
    grid-template-columns:1fr;
  }

  .cc-tickets-row__data{
    grid-template-columns:1fr;
  }

  .cc-tickets-data-item{
    border-right:0;
    border-bottom:1px solid #e7eaed;
  }

  .cc-tickets-data-item:last-child{
    border-bottom:0;
  }

  .cc-tickets-filter{
    display:grid;
  }

  .cc-tickets-filter__field,
  .cc-tickets-filter .input{
    width:100%;
    min-width:0;
  }
}

/* CCARGO TICKETS STRICT END */

/* CCARGO SHIPPER CABINET STRICT START */


/* =========================================================
   HEADER
   ========================================================= */

.cc-cabinet-load-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.cc-cabinet-load-toolbar__actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  flex-wrap:wrap;
}


/* =========================================================
   MAIN
   ========================================================= */

.cc-cabinet-load-content{
  width:100%;
  min-width:0;
}

.cc-cabinet-load-content > .alert{
  margin-bottom:10px !important;
}


/* =========================================================
   TARIFF WARNING
   ========================================================= */

.cc-cabinet-load-content .cc-list-alert{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;

  margin:0 0 12px;
  padding:9px 11px;

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

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

.cc-cabinet-load-content .cc-list-alert__title{
  font-size:11px;
  font-weight:700;
}

.cc-cabinet-load-content .cc-list-alert__text{
  margin-top:2px;
  font-size:10px;
}


/* =========================================================
   FILTER BAR
   ========================================================= */

.cc-load-filterbar{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;

  min-width:0;

  margin:0 0 10px;
  padding:0 0 9px;

  border-bottom:1px solid var(--cc-profile-border);
}

.cc-load-filter-tabs{
  display:flex;
  align-items:center;
  gap:4px;

  min-width:0;
}

.cc-load-filter-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-height:32px;

  padding:6px 12px;

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

  background:transparent;
  color:#5d6873;

  font-size:11px;
  font-weight:650;
  line-height:1.2;

  text-decoration:none;
  white-space:nowrap;
}

.cc-load-filter-tab:hover{
  border-color:#dce3e9;
  background:#f6f8fa;
  color:#245f93;
  text-decoration:none;
}

.cc-load-filter-tab.is-active{
  border-color:#b9d1e3;
  background:#eaf2f8;
  color:#174f7c;
}

.cc-load-sort-form{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;

  min-width:0;
}

.cc-load-sort-label{
  flex:0 0 auto;

  color:#7b8792;

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

.cc-cabinet-load-content
.cc-load-sort-select{
  width:245px;
  min-height:32px;

  padding:5px 28px 5px 8px;

  border-radius:6px;

  font-size:11px;
}


/* =========================================================
   EMPTY
   ========================================================= */

.cc-cabinet-load-content .cc-list-empty{
  margin:0;
  padding:18px 10px;

  border:1px dashed #d6dde4;
  border-radius:8px;

  background:#fafbfc;

  color:var(--cc-profile-muted);

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


/* =========================================================
   LIST
   ========================================================= */

.cc-cabinet-load-content .cc-list-grid{
  display:flex;
  flex-direction:column;

  gap:0;

  width:100%;
  min-width:0;

  border-top:1px solid var(--cc-profile-border);
}


/* =========================================================
   ONE LOAD ROW
   ========================================================= */

.cc-cabinet-load-content .cc-list-card{
  display:grid;

  grid-template-columns:
    minmax(225px,1.05fr)
    minmax(360px,1.55fr)
    minmax(290px,1.2fr)
    minmax(245px,.95fr);

  align-items:stretch;

  width:100%;
  max-width:100%;
  min-width:0;
  min-height:78px;

  margin:0;
  padding:0;

  border:0;
  border-bottom:1px solid var(--cc-profile-border);
  border-radius:0;

  background:#fff;
  box-shadow:none;

  overflow:hidden;
  opacity:1;
  filter:none;
}

.cc-cabinet-load-content .cc-list-card:hover{
  background:#fbfcfd;
  box-shadow:none;
}

.cc-cabinet-load-content
.cc-list-card--work-active,
.cc-cabinet-load-content
.cc-list-card--work-active:hover{
  opacity:1;
  filter:none;
}


/* =========================================================
   ROUTE
   ========================================================= */

.cc-cabinet-load-content
.cc-list-card__head{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;

  gap:5px;

  min-width:0;

  padding:9px 11px;

  border:0;
  border-right:1px solid var(--cc-profile-border);

  background:transparent;
}

.cc-cabinet-load-content
.cc-list-card__identity{
  width:100%;
  min-width:0;
}

.cc-cabinet-load-content
.cc-list-card__id{
  margin:0 0 4px;

  color:#84909b;

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

.cc-cabinet-load-content
.cc-list-card__route{
  display:flex;
  align-items:center;

  gap:5px;

  min-width:0;
  width:100%;

  margin:0;

  color:#20262d;

  font-size:12px;
  font-weight:700;
  line-height:1.3;

  white-space:nowrap;
  overflow:hidden;
}

.cc-cabinet-load-content
.cc-list-card__route span{
  min-width:0;

  overflow:hidden;
  text-overflow:ellipsis;
}

.cc-cabinet-load-content
.cc-list-card__arrow{
  flex:0 0 auto;
  overflow:visible;
}


/* =========================================================
   BADGES
   ========================================================= */

.cc-cabinet-load-content
.cc-list-card__badges{
  display:flex;
  align-items:center;
  justify-content:flex-start;

  flex-wrap:wrap;

  gap:4px;

  margin:0;
}

.cc-cabinet-load-content
.cc-list-badge{
  padding:3px 6px;

  border-radius:4px;

  font-size:9px;
  font-weight:650;
  line-height:1.1;

  white-space:nowrap;
}


/* =========================================================
   FIVE COMPACT METRICS
   ========================================================= */

.cc-cabinet-load-content
.cc-load-metrics{
  display:grid;

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

  align-items:stretch;

  min-width:0;

  padding:0;

  border:0;
  border-right:1px solid var(--cc-profile-border);

  background:#fafbfc;
}

.cc-cabinet-load-content
.cc-load-metric{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  gap:5px;

  min-width:0;

  padding:8px 5px;

  border:0;
  border-right:1px solid #e7eaed;

  text-align:center;
}

.cc-cabinet-load-content
.cc-load-metric:last-child{
  border-right:0;
}

.cc-load-metric__icon{
  display:flex;
  align-items:center;
  justify-content:center;

  width:20px;
  height:20px;

  color:#6f7d8c;
}

.cc-load-metric__icon svg{
  display:block;

  width:18px;
  height:18px;
}

.cc-load-metric__value{
  display:block;

  min-width:0;
  max-width:100%;

  overflow:hidden;

  color:#25313c;

  font-size:10.5px;
  font-weight:700;
  line-height:1.2;

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


/* =========================================================
   CARGO + PRICE
   ========================================================= */

.cc-cabinet-load-content
.cc-list-card__body{
  display:grid;

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

  align-items:center;

  gap:10px;

  min-width:0;

  padding:9px 11px;

  border:0;
  border-right:1px solid var(--cc-profile-border);

  background:transparent;
}

.cc-cabinet-load-content
.cc-list-card__body > div:first-child{
  min-width:0;
}

.cc-cabinet-load-content
.cc-list-card__title{
  margin:0 0 3px;

  overflow:hidden;

  color:#18222c;

  font-size:12px;
  font-weight:700;
  line-height:1.25;

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

.cc-cabinet-load-content
.cc-list-card__subline{
  margin:2px 0 0;

  overflow:hidden;

  color:#7b8792;

  font-size:9px;
  line-height:1.3;

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

.cc-cabinet-load-content
.cc-list-card__rate{
  flex:0 0 auto;

  margin:0;

  text-align:right;
}

.cc-cabinet-load-content
.cc-list-card__rate-value{
  color:#18222c;

  font-size:13px;
  font-weight:750;
  line-height:1.2;

  white-space:nowrap;
}

.cc-cabinet-load-content
.cc-list-card__rate-note{
  margin-top:3px;

  color:#8a939b;

  font-size:8.5px;
  line-height:1.2;

  white-space:nowrap;
}


/* =========================================================
   ACTIONS 2 x 2
   ========================================================= */

.cc-cabinet-load-content
.cc-list-card__footer{
  display:flex;
  align-items:center;
  justify-content:center;

  min-width:0;

  padding:7px 8px;

  border:0;

  background:#fafbfc;
}

.cc-cabinet-load-content
.cc-list-card__meta{
  display:none;
}

.cc-cabinet-load-content
.cc-list-actions{
  display:grid;

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

  align-items:stretch;

  gap:5px;

  width:100%;
  max-width:250px;

  margin:0 auto;
}

.cc-cabinet-load-content
.cc-list-actions > *{
  min-width:0;
}

.cc-cabinet-load-content
.cc-list-actions form{
  display:block;

  min-width:0;
  margin:0;
}

.cc-cabinet-load-content
.cc-list-actions .btn{
  display:flex;
  align-items:center;
  justify-content:center;

  width:100%;
  min-width:0;
  min-height:29px;

  padding:4px 6px;

  border-radius:5px;

  box-shadow:none;
  transform:none;

  font-size:9.5px;
  font-weight:600;
  line-height:1.15;

  text-align:center;
  white-space:normal;
}


/* =========================================================
   ARCHIVE
   ========================================================= */

.cc-cabinet-load-content
.cc-list-readonly{
  color:#77828c;
  font-size:10px;
}


/* =========================================================
   PAGINATION
   ========================================================= */

.cc-cabinet-load-content
.cc-list-pagination{
  display:flex;
  align-items:center;
  justify-content:center;

  gap:7px;

  margin-top:12px;
}

.cc-cabinet-load-content
.cc-list-pagination .btn{
  min-height:28px;

  padding:4px 8px;

  border-radius:5px;

  box-shadow:none;

  font-size:10px;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.cc-cabinet-load-page .btn{
  min-height:30px;

  padding:5px 9px;

  border-radius:6px;

  box-shadow:none;
  transform:none;

  font-size:11px;
  font-weight:600;
  line-height:1.15;
}

.cc-cabinet-load-page .btn:hover,
.cc-cabinet-load-page .btn:focus{
  box-shadow:none;
  transform:none;
}

.cc-cabinet-load-page .btn-primary{
  border-color:#294f6d;
  background:#294f6d;
  color:#fff;
}

.cc-cabinet-load-page .btn-primary:hover{
  border-color:#1e3f59;
  background:#1e3f59;
}

.cc-cabinet-load-page .btn-secondary{
  border-color:#c4ccd4;
  background:#fff;
  color:#34404b;
}

.cc-cabinet-load-page .btn-secondary:hover{
  border-color:#8d99a5;
  background:#f4f6f8;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1180px){

  .cc-cabinet-load-content
  .cc-list-card{
    grid-template-columns:
      minmax(240px,.9fr)
      minmax(0,1.35fr);
  }

  .cc-cabinet-load-content
  .cc-list-card__head,
  .cc-cabinet-load-content
  .cc-load-metrics{
    border-bottom:1px solid var(--cc-profile-border);
  }

  .cc-cabinet-load-content
  .cc-load-metrics{
    border-right:0;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:720px){

  .cc-cabinet-load-toolbar{
    align-items:flex-start;
    flex-direction:column;
  }

  .cc-load-filterbar{
    align-items:stretch;
    flex-direction:column;

    gap:8px;
  }

  .cc-load-filter-tabs{
    width:100%;

    overflow-x:auto;
    overflow-y:hidden;

    padding-bottom:2px;

    -webkit-overflow-scrolling:touch;
  }

  .cc-load-filter-tab{
    flex:0 0 auto;
  }

  .cc-load-sort-form{
    justify-content:flex-start;
  }

  .cc-load-sort-label{
    display:none;
  }

  .cc-cabinet-load-content
  .cc-load-sort-select{
    width:100%;
  }


  .cc-cabinet-load-content
  .cc-list-card{
    display:block;
  }

  .cc-cabinet-load-content
  .cc-list-card__head,
  .cc-cabinet-load-content
  .cc-load-metrics,
  .cc-cabinet-load-content
  .cc-list-card__body,
  .cc-cabinet-load-content
  .cc-list-card__footer{
    border-right:0;
    border-bottom:1px solid var(--cc-profile-border);
  }

  .cc-cabinet-load-content
  .cc-load-metrics{
    grid-template-columns:
      repeat(5,minmax(68px,1fr));

    overflow-x:auto;

    -webkit-overflow-scrolling:touch;
  }

  .cc-cabinet-load-content
  .cc-list-card__footer{
    border-bottom:0;
  }

  .cc-cabinet-load-content
  .cc-list-actions{
    max-width:none;
  }
}


/* CCARGO SHIPPER CABINET STRICT END */

/* CCARGO LOAD DETAIL STRICT START */


/* =========================================================
   PAGE
   ========================================================= */

.cc-detail-page--load{
  width:100%;
  max-width:none;
  margin:0;

  --cc-load-line:#d6dce2;
  --cc-load-line-soft:#e5e8eb;
  --cc-load-soft:#f6f7f8;
  --cc-load-text:#20262d;
  --cc-load-muted:#6f7a84;
  --cc-load-accent:#245f93;
}


/* =========================================================
   TOOLBAR
   ========================================================= */

.cc-detail-page--load .cc-detail-toolbar{
  margin-bottom:9px;
}

.cc-detail-page--load
.cc-detail-toolbar__meta{
  color:var(--cc-load-muted);
  font-size:10px;
}


/* =========================================================
   MAIN SHELL
   ========================================================= */

.cc-detail-page--load .cc-detail-shell{
  overflow:hidden;

  border:1px solid var(--cc-load-line);
  border-radius:2px;

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


/* =========================================================
   HERO
   ========================================================= */

.cc-detail-page--load .cc-detail-hero{
  padding:12px 14px 0;

  border-bottom:1px solid var(--cc-load-line);

  background:#fff;
}

.cc-detail-page--load
.cc-detail-hero__top{
  margin-bottom:10px;
}

.cc-detail-page--load .cc-detail-id{
  margin-bottom:3px;

  color:#78838d;

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

.cc-detail-page--load .cc-detail-route{
  margin:0;

  color:var(--cc-load-text);

  font-size:22px;
  font-weight:700;
  line-height:1.2;
}

.cc-detail-page--load
.cc-detail-route__arrow{
  color:#89939c;
}


/* =========================================================
   BADGES
   ========================================================= */

.cc-detail-page--load .cc-detail-badges{
  gap:4px;
}

.cc-detail-page--load .cc-detail-badge{
  padding:3px 5px;

  border-radius:2px;

  box-shadow:none;

  font-size:9px;
  font-weight:650;
  line-height:1.1;
}

.cc-detail-page--load
a.cc-detail-badge{
  text-decoration:none;
}

.cc-detail-page--load
a.cc-detail-badge:hover{
  text-decoration:underline;
}


/* =========================================================
   SIX SUMMARY CELLS
   ========================================================= */

.cc-detail-page--load .cc-detail-summary{
  display:grid;

  gap:0;

  margin:0 -14px;

  border-top:1px solid var(--cc-load-line);

  background:#fff;
}

.cc-detail-page--load
.cc-detail-summary--6{
  grid-template-columns:
    repeat(6,minmax(0,1fr));
}

.cc-detail-page--load
.cc-detail-summary__item{
  min-width:0;

  padding:7px 8px;

  border:0;
  border-right:1px solid var(--cc-load-line);
  border-radius:0;

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

.cc-detail-page--load
.cc-detail-summary__item:last-child{
  border-right:0;
}

.cc-detail-page--load
.cc-detail-summary__label{
  margin-bottom:2px;

  color:#7b8690;

  font-size:9px;
  font-weight:600;
  line-height:1.15;
}

.cc-detail-page--load
.cc-detail-summary__value{
  color:var(--cc-load-text);

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


/* =========================================================
   MAIN LAYOUT
   ========================================================= */

.cc-detail-page--load .cc-detail-layout{
  display:grid;

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

  gap:0;
}

.cc-detail-page--load .cc-detail-main{
  min-width:0;
}


/* =========================================================
   CONTENT SECTIONS
   ========================================================= */

.cc-detail-page--load .cc-detail-section{
  margin:0;

  padding:12px 14px;

  border:0;
  border-bottom:1px solid var(--cc-load-line-soft);
  border-radius:0;

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

.cc-detail-page--load
.cc-detail-section:last-child{
  border-bottom:0;
}

.cc-detail-page--load
.cc-detail-section__title{
  margin:0 0 8px;

  padding:0 0 6px;

  border-bottom:1px solid var(--cc-load-line-soft);

  color:var(--cc-load-text);

  font-size:14px;
  font-weight:700;
  line-height:1.2;
}

.cc-detail-page--load
.cc-detail-content-title{
  color:var(--cc-load-text);

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

.cc-detail-page--load
.cc-detail-content-meta{
  margin-top:3px;

  color:var(--cc-load-muted);

  font-size:10px;
}


/* =========================================================
   ROUTE
   ========================================================= */

.cc-detail-page--load .cc-detail-route-list{
  margin:0;
}

.cc-detail-page--load
.cc-detail-route-stop{
  padding-bottom:10px;
}

.cc-detail-page--load
.cc-detail-route-stop__dot{
  width:8px;
  height:8px;

  border-width:2px;

  box-shadow:none;
}

.cc-detail-page--load
.cc-detail-route-stop__label{
  margin-bottom:2px;

  color:#77828c;

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

.cc-detail-page--load
.cc-detail-route-stop__city{
  color:var(--cc-load-text);

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

.cc-detail-page--load
.cc-detail-route-stop__meta{
  margin-top:2px;

  color:#7b8690;

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

.cc-detail-page--load
.cc-detail-route-stop__leg{
  margin-top:2px;

  font-size:9px;
  opacity:1;
}


/* =========================================================
   COUNTERPARTY / CARRIER
   ========================================================= */

:is(.cc-detail-page--load,.cc-detail-page--transport .cc-company-card-sync) .cc-carrier-inline{
  margin-top:12px;

  padding-top:10px;

  border-top:1px solid var(--cc-load-line);
}

:is(.cc-detail-page--load,.cc-detail-page--transport .cc-company-card-sync)
.cc-carrier-inline__title{
  margin:0 0 8px;

  color:var(--cc-load-text);

  font-size:13px;
  font-weight:700;
  line-height:1.2;
}

:is(.cc-detail-page--load,.cc-detail-page--transport .cc-company-card-sync)
.cc-carrier-inline__head{
  display:flex;
  align-items:center;

  gap:8px;

  margin-bottom:8px;
}

:is(.cc-detail-page--load,.cc-detail-page--transport .cc-company-card-sync)
.cc-carrier-inline__logo{
  width:38px;
  height:38px;

  object-fit:contain;

  border:1px solid var(--cc-load-line);
  border-radius:2px;

  background:#fff;
}

:is(.cc-detail-page--load,.cc-detail-page--transport .cc-company-card-sync)
.cc-carrier-inline__company{
  color:var(--cc-load-text);

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

:is(.cc-detail-page--load,.cc-detail-page--transport .cc-company-card-sync)
.cc-carrier-inline__code,
:is(.cc-detail-page--load,.cc-detail-page--transport .cc-company-card-sync)
.cc-carrier-inline__rating{
  margin-top:2px;

  color:#77828c;

  font-size:9px;
}

:is(.cc-detail-page--load,.cc-detail-page--transport .cc-company-card-sync)
.cc-carrier-inline__rating a{
  color:inherit;
  text-decoration:none;
}

:is(.cc-detail-page--load,.cc-detail-page--transport .cc-company-card-sync)
.cc-carrier-inline__rating a:hover{
  text-decoration:underline;
}


/* carrier registry */

:is(.cc-detail-page--load,.cc-detail-page--transport .cc-company-card-sync)
.cc-carrier-inline__list{
  display:grid;

  gap:0;

  border-top:1px solid var(--cc-load-line);
  border-left:1px solid var(--cc-load-line);

  border-radius:0;

  overflow:visible;
}

:is(.cc-detail-page--load,.cc-detail-page--transport .cc-company-card-sync)
.cc-carrier-inline__row{
  display:grid;

  grid-template-columns:
    minmax(145px,.65fr)
    minmax(0,1.35fr);

  gap:8px;

  padding:6px 8px;

  border-right:1px solid var(--cc-load-line);
  border-bottom:1px solid var(--cc-load-line);

  background:#fff;
}

:is(.cc-detail-page--load,.cc-detail-page--transport .cc-company-card-sync)
.cc-carrier-inline__label{
  color:#77828c;

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

:is(.cc-detail-page--load,.cc-detail-page--transport .cc-company-card-sync)
.cc-carrier-inline__value{
  color:#34404b;

  font-size:10px;
  font-weight:600;
  line-height:1.3;

  overflow-wrap:anywhere;
}

:is(.cc-detail-page--load,.cc-detail-page--transport .cc-company-card-sync)
.cc-carrier-inline__lock{
  padding:8px 9px;

  border:1px solid var(--cc-load-line);
  border-radius:2px;

  background:#f7f8f9;

  color:#5e6973;

  font-size:10px;
}


/* =========================================================
   RIGHT SIDEBAR
   ========================================================= */

.cc-detail-page--load .cc-detail-sidebar{
  min-width:0;

  border-left:1px solid var(--cc-load-line);

  background:#f8f9fa;
}

.cc-detail-page--load
.cc-detail-sidebar__sticky{
  padding:9px;
}

.cc-detail-page--load .cc-detail-panel{
  margin:0 0 8px;

  padding:9px;

  border:1px solid var(--cc-load-line);
  border-radius:2px;

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

.cc-detail-page--load
.cc-detail-panel:last-child{
  margin-bottom:0;
}

.cc-detail-page--load
.cc-detail-panel__title{
  margin:0 0 6px;

  padding-bottom:5px;

  border-bottom:1px solid var(--cc-load-line-soft);

  color:#45515b;

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


/* PRICE */

.cc-detail-page--load
.cc-detail-primary-value{
  color:var(--cc-load-text);

  font-size:20px;
  font-weight:700;
  line-height:1.15;
}

.cc-detail-page--load
.cc-detail-primary-note{
  margin-top:4px;

  color:#78838d;

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


/* COMPANY INFO IN SIDEBAR */

.cc-detail-page--load
.cc-detail-company-head{
  gap:7px;

  margin-bottom:7px;
}

.cc-detail-page--load
.cc-detail-company-logo{
  width:38px;
  height:38px;

  border:1px solid var(--cc-load-line);
  border-radius:2px;
}

.cc-detail-page--load
.cc-detail-company-name{
  font-size:11px;
  font-weight:700;
}

.cc-detail-page--load
.cc-detail-company-code,
.cc-detail-page--load
.cc-detail-company-rating{
  font-size:9px;
}

.cc-detail-page--load
.cc-detail-info-list{
  border-top:1px solid var(--cc-load-line);
  border-left:1px solid var(--cc-load-line);
}

.cc-detail-page--load
.cc-detail-info-row{
  padding:6px 7px;

  border:0;
  border-right:1px solid var(--cc-load-line);
  border-bottom:1px solid var(--cc-load-line);

  border-radius:0;

  background:#fff;
}

.cc-detail-page--load
.cc-detail-info-row__label{
  margin-bottom:2px;

  color:#77828c;

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

.cc-detail-page--load
.cc-detail-info-row__value{
  color:#34404b;

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


/* =========================================================
   WORK / DEAL BOXES
   ========================================================= */

.cc-detail-page--load
.cc-work-box{
  margin-top:9px;

  padding:8px 9px;

  border:1px solid var(--cc-load-line);
  border-radius:2px;

  background:#f7f8f9;
}

.cc-detail-page--load
.cc-work-box--warning{
  border-color:#dec285;
  background:#fbf7ed;
}

.cc-detail-page--load
.cc-work-box--success{
  border-color:#a9d1ba;
  background:#f1f8f4;
}

.cc-detail-page--load
.cc-work-box--danger{
  border-color:#deb2b2;
  background:#fbf2f2;
}

.cc-detail-page--load
.cc-work-title{
  margin:0 0 4px;

  color:var(--cc-load-text);

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

.cc-detail-page--load
.cc-work-text{
  color:#5f6b75;

  font-size:10px;
  line-height:1.35;
}

.cc-detail-page--load
.cc-work-meta{
  display:grid;

  gap:3px;

  margin-top:6px;

  color:#5f6b75;

  font-size:10px;
}


/* =========================================================
   WORK FORM
   ========================================================= */

.cc-detail-page--load
.cc-work-form{
  display:grid;

  gap:8px;

  margin-top:9px;
}

.cc-detail-page--load
.cc-work-field{
  display:grid;

  gap:3px;

  min-width:0;
}

.cc-detail-page--load
.cc-work-label{
  display:flex;
  align-items:center;

  gap:3px;

  color:#59656f;

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

.cc-detail-page--load
.cc-work-required{
  color:#a52626;
  font-weight:700;
}

.cc-detail-page--load
.cc-work-section-title{
  margin-top:2px;

  padding-top:7px;

  border-top:1px solid var(--cc-load-line-soft);

  color:#45515b;

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

.cc-detail-page--load
.cc-work-select,
.cc-detail-page--load
.cc-work-input{
  box-sizing:border-box;

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

  padding:5px 7px;

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

  background:#fff;

  color:#26313a;

  font:inherit;
  font-size:10px;

  outline:none;

  transition:
    border-color .1s ease;
}

.cc-detail-page--load
.cc-work-select:focus,
.cc-detail-page--load
.cc-work-input:focus{
  border-color:#748491;
  box-shadow:none;
}

.cc-detail-page--load
.cc-work-select{
  cursor:pointer;
}

.cc-detail-page--load
.cc-work-contact-grid{
  display:grid;

  grid-template-columns:1fr;

  gap:7px;
}

.cc-detail-page--load
.cc-work-field--wide{
  grid-column:auto;
}

.cc-detail-page--load
.cc-work-hint{
  padding:6px 7px;

  border:1px solid var(--cc-load-line-soft);
  border-radius:2px;

  background:#f7f8f9;

  color:#69757f;

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

.cc-detail-page--load
.cc-work-submit{
  width:100%;
  min-height:30px;

  justify-content:center;

  font-weight:650;
}


/* =========================================================
   WORK ACTIONS / COUNTDOWN
   ========================================================= */

.cc-detail-page--load
.cc-work-actions{
  display:flex;

  gap:4px;
  flex-wrap:wrap;

  margin-top:7px;
}

.cc-detail-page--load
.cc-work-actions form{
  margin:0;
}

.cc-detail-page--load
.cc-work-countdown{
  margin-top:6px;

  color:#805600;

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


/* =========================================================
   ALERTS
   ========================================================= */

.cc-detail-page--load
.cc-work-alert{
  margin:0 0 8px;

  padding:7px 9px;

  border:1px solid var(--cc-load-line);
  border-radius:2px;

  background:#f7f8f9;

  color:#53606b;

  font-size:10px;
  line-height:1.3;
}

.cc-detail-page--load
.cc-work-alert--ok{
  border-color:#a9d1ba;
  background:#f1f8f4;
  color:#176640;
}

.cc-detail-page--load
.cc-work-alert--error{
  border-color:#deb2b2;
  background:#fbf2f2;
  color:#962626;
}


/* =========================================================
   RESERVED LOAD
   ========================================================= */

.cc-detail-page--load
.cc-load-work-reserved .cc-detail-main{
  opacity:.78;

  filter:saturate(.85);

  transition:
    opacity .15s ease,
    filter .15s ease;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.cc-detail-page--load .btn{
  min-height:28px;

  padding:4px 7px;

  border-radius:2px;

  box-shadow:none;
  transform:none;

  font-size:10px;
  font-weight:600;
  line-height:1.15;
}

.cc-detail-page--load .btn:hover,
.cc-detail-page--load .btn:focus{
  box-shadow:none;
  transform:none;
}

.cc-detail-page--load .btn-primary{
  border-color:#294f6d;
  background:#294f6d;
  color:#fff;
}

.cc-detail-page--load
.btn-primary:hover{
  border-color:#1e3f59;
  background:#1e3f59;
}

.cc-detail-page--load
.btn-secondary{
  border-color:#b8c0c8;
  background:#fff;
  color:#34404b;
}

.cc-detail-page--load
.btn-secondary:hover{
  border-color:#87939e;
  background:#f3f5f6;
}


/* =========================================================
   LOCKED INFO
   ========================================================= */

.cc-detail-page--load
.cc-detail-lock{
  padding:8px;

  border-radius:2px;

  box-shadow:none;

  font-size:10px;
}

.cc-detail-page--load
.cc-detail-lock__actions{
  gap:4px;

  margin-top:6px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:1100px){

  .cc-detail-page--load
  .cc-detail-summary--6{
    grid-template-columns:
      repeat(3,minmax(0,1fr));
  }

  .cc-detail-page--load
  .cc-detail-summary__item:nth-child(3n){
    border-right:0;
  }

  .cc-detail-page--load
  .cc-detail-summary__item:nth-child(-n+3){
    border-bottom:1px solid var(--cc-load-line);
  }
}


@media(max-width:900px){

  .cc-detail-page--load
  .cc-detail-layout{
    grid-template-columns:1fr;
  }

  .cc-detail-page--load
  .cc-detail-sidebar{
    border-top:1px solid var(--cc-load-line);
    border-left:0;
  }

  .cc-detail-page--load
  .cc-detail-sidebar__sticky{
    position:static;
  }
}


@media(max-width:600px){

  .cc-detail-page--load
  .cc-detail-route{
    font-size:18px;
  }

  .cc-detail-page--load
  .cc-detail-summary--6{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .cc-detail-page--load
  .cc-detail-summary__item:nth-child(3n){
    border-right:1px solid var(--cc-load-line);
  }

  .cc-detail-page--load
  .cc-detail-summary__item:nth-child(2n){
    border-right:0;
  }

  .cc-detail-page--load
  .cc-detail-summary__item{
    border-bottom:1px solid var(--cc-load-line);
  }

  .cc-detail-page--load
  .cc-detail-summary__item:nth-last-child(-n+2){
    border-bottom:0;
  }

  .cc-detail-page--load
  .cc-carrier-inline__row{
    grid-template-columns:1fr;

    gap:2px;
  }
}

/* CCARGO LOAD DETAIL STRICT END */

/* CCARGO GARAGE DIRECTORY STRICT START */


/* =========================================================
   PAGE WIDTH
   ========================================================= */

.cc-garage-wrap{
    width:100% !important;
    max-width:none !important;

    margin:0 !important;

    padding-left:clamp(18px,3vw,46px) !important;
    padding-right:clamp(18px,3vw,46px) !important;
}

.cc-garage-page{
    width:100%;
    max-width:none;

    --garage-line:#d6dce2;
    --garage-soft:#f5f7f8;
    --garage-text:#20262d;
    --garage-muted:#697681;
}


/* =========================================================
   HEADER
   ========================================================= */

.cc-garage-page .cc-garage-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;

    gap:18px;

    margin-bottom:12px;
    padding-bottom:10px;

    border-bottom:1px solid var(--garage-line);
}

.cc-garage-page .cc-garage-head h1{
    margin:0 0 3px;

    font-size:25px;
    font-weight:700;
    line-height:1.15;
}

.cc-garage-page .cc-garage-head__hint{
    color:var(--garage-muted);

    font-size:12px;
}

.cc-garage-page .cc-garage-head__actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;

    gap:7px;
}


/* =========================================================
   PROFILE LAYOUT
   ========================================================= */

.cc-garage-page .cc-profile-shell{
    grid-template-columns:minmax(0,1fr);

    gap:18px;
}

.cc-garage-page .cc-profile-main,
.cc-garage-content{
    min-width:0;
}


/* =========================================================
   TWO GARAGE GROUPS
   ========================================================= */

.cc-garage-page .cc-garage-columns{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
    width:100% !important;
    align-items:stretch !important;
}

.cc-garage-page .cc-garage-panel{
    min-width:0;

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

    border:1px solid var(--garage-line) !important;
    border-radius:2px !important;

    background:#fff !important;
    box-shadow:none !important;

    overflow:hidden;
}


/* section header */

.cc-garage-page .cc-garage-panel__head{
    display:flex;
    align-items:center;
    justify-content:space-between;

    min-height:39px;

    padding:8px 10px;

    border:0 !important;
    border-bottom:1px solid var(--garage-line) !important;

    background:var(--garage-soft) !important;
}

.cc-garage-page .cc-garage-panel__title{
    color:var(--garage-text);

    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.2;
}

.cc-garage-page .cc-garage-panel__count{
    display:inline-flex;
    align-items:center;
    justify-content:center;

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

    padding:0 6px;

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

    background:#fff;
    color:#54616c;

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


/* =========================================================
   LIST
   ========================================================= */

.cc-garage-page .cc-garage-list{
    display:flex !important;
    flex-direction:column !important;

    gap:0 !important;
}


/* =========================================================
   ASSET ROW
   photo | central info | actions
   ========================================================= */

.cc-garage-page .cc-garage-row{
    display:grid !important;

    grid-template-columns:
        110px
        minmax(190px,240px)
        minmax(260px,1fr)
        auto !important;

    grid-template-rows:auto !important;

    column-gap:0 !important;
    row-gap:0 !important;

    align-items:stretch !important;

    width:100% !important;
    min-height:94px !important;

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

    border:0 !important;
    border-bottom:1px solid var(--garage-line) !important;
    border-radius:0 !important;

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

.cc-garage-page
.cc-garage-row:last-child{
    border-bottom:0 !important;
}

.cc-garage-page
.cc-garage-row:hover{
    background:#fafbfc !important;
}


/* =========================================================
   PHOTO
   ========================================================= */

.cc-garage-page
.cc-garage-row__visual{
    grid-column:1 !important;
    grid-row:1 !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;

    gap:5px !important;

    margin:0 !important;
    padding:7px !important;

    border-right:1px solid var(--garage-line);
}

.cc-garage-page
.cc-garage-row__image{
    display:block;

    width:92px !important;
    height:62px !important;

    object-fit:contain !important;

    border:0 !important;
    border-radius:0 !important;

    background:#fff;
}

.cc-garage-page
.cc-garage-photo-form{
    width:92px !important;

    margin:0 !important;
}

.cc-garage-page
.cc-garage-photo-button{
    display:flex;
    align-items:center;
    justify-content:center;

    width:92px !important;
    min-height:24px !important;

    padding:3px 5px !important;

    border:1px solid #bcc5cd !important;
    border-radius:2px !important;

    background:#fff !important;
    color:#46535e !important;

    font-size:9px !important;
    font-weight:600 !important;
    line-height:1.1 !important;

    cursor:pointer;
}

.cc-garage-page
.cc-garage-photo-button:hover{
    border-color:#7f8c97 !important;
}


/* actual file input stays hidden */

.cc-garage-page
.cc-garage-photo-button input{
    position:absolute !important;

    width:1px !important;
    height:1px !important;

    margin:-1px !important;
    padding:0 !important;

    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;

    white-space:nowrap !important;

    border:0 !important;
}


/* =========================================================
   NAME + PLATE
   ========================================================= */

.cc-garage-page
.cc-garage-row__main{
    grid-column:2 !important;
    grid-row:1 !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;

    min-width:0;

    margin:0 !important;
    padding:8px 10px !important;

    border:0 !important;
    border-right:1px solid var(--garage-line) !important;
}

.cc-garage-page
.cc-garage-row__name{
    margin:0 0 5px !important;

    color:var(--garage-text);

    font-size:15px !important;
    font-weight:700 !important;
    line-height:1.15 !important;
}

.cc-garage-page
.cc-garage-row__plate-line{
    display:flex !important;
    align-items:center !important;

    gap:7px !important;

    margin:0 !important;
}


/* NUMBER PLATE */

.cc-garage-page .cc-plate{
    display:inline-flex;
    height:37px;
    min-width:148px;
    max-width:100%;
    border:2px solid #111827;
    border-radius:4px;
    overflow:hidden;
    background:#fff;
    color:#111;
    box-shadow:0 1px 2px rgba(15,23,42,.15);
}

.cc-garage-page .cc-plate__band{
    width:27px;
    flex:0 0 27px;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    box-sizing:border-box;
    padding-bottom:4px;
    background:#164194;
    color:#fff;
    font-size:8px;
    font-weight:900;
}

.cc-garage-page .cc-plate__number{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 10px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:18px;
    line-height:1;
    font-weight:900;
    letter-spacing:1px;
    white-space:nowrap;
}

.cc-garage-page .cc-plate[data-country="UA"] .cc-plate__band{
    background:
        linear-gradient(
            to bottom,
            #0057b8 0%,
            #0057b8 50%,
            #ffd700 50%,
            #ffd700 100%
        );
    text-shadow:0 1px 2px rgba(0,0,0,.7);
}

.cc-garage-page .cc-plate[data-country="CH"] .cc-plate__band{
    background:#dc2626;
}


/* =========================================================
   DETAILS UNDER NAME
   ========================================================= */

.cc-garage-page
.cc-garage-row__details{
    grid-column:3 !important;
    grid-row:1 !important;

    display:flex !important;
    align-items:center !important;
    align-content:center !important;
    flex-wrap:wrap !important;

    min-width:0;

    gap:5px 9px !important;

    margin:0 !important;
    padding:8px 11px !important;

    border:0 !important;
    border-right:1px solid var(--garage-line) !important;
}


/* type / body / year */

.cc-garage-page
.cc-garage-row__details
> div:not(.cc-garage-lower-row){
    display:inline-flex !important;
    align-items:center !important;

    gap:4px !important;

    width:auto !important;
    min-width:0 !important;

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

.cc-garage-page
.cc-garage-row__details
> div:not(.cc-garage-lower-row)
> span{
    color:#8a949d;

    font-size:9px !important;
    font-weight:500 !important;
}

.cc-garage-page
.cc-garage-row__details
> div:not(.cc-garage-lower-row)
> b{
    color:#34404b;

    font-size:11px !important;
    font-weight:650 !important;
    line-height:1.2 !important;
}


/* lower technical row */

.cc-garage-page
.cc-garage-lower-row{
    display:flex !important;

    flex:0 0 100% !important;

    align-items:center !important;
    flex-wrap:wrap !important;

    gap:4px !important;

    min-width:0;

    margin:3px 0 0 !important;
    padding:0 !important;
}

.cc-garage-page
.cc-garage-cargo-specs,
.cc-garage-page
.cc-garage-specs{
    display:flex !important;

    align-items:center !important;
    flex-wrap:wrap !important;

    gap:4px !important;

    width:auto !important;

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

    border:0 !important;
}

.cc-garage-page
.cc-garage-cargo-value,
.cc-garage-page
.cc-garage-spec{
    display:inline-flex !important;
    align-items:center !important;

    min-height:20px !important;

    padding:2px 5px !important;

    border:1px solid #d6dde3 !important;
    border-radius:2px !important;

    background:#f7f8f9 !important;
    color:#56636e !important;

    font-size:9px !important;
    font-weight:600 !important;
    line-height:1 !important;

    white-space:nowrap !important;
}


/* =========================================================
   STATUS + ACTIONS
   ========================================================= */

.cc-garage-page
.cc-garage-row__side{
    grid-column:4 !important;
    grid-row:1 !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex-wrap:nowrap !important;

    width:auto !important;
    max-width:none !important;

    gap:8px !important;

    margin:0 !important;
    padding:8px 10px !important;

    border:0 !important;

    background:#fafbfc !important;

    white-space:nowrap;
}

.cc-garage-page
.cc-garage-row__status{
    display:flex !important;
    align-items:center !important;

    gap:6px !important;

    color:#34404b;

    font-size:11px !important;
    font-weight:650 !important;

    white-space:nowrap;
}

.cc-garage-page .cc-status-dot{
    width:8px;
    height:8px;
}


/* MARKET */

.cc-garage-page
.cc-garage-row__market{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex-wrap:nowrap !important;

    gap:6px !important;

    width:auto !important;
    max-width:none !important;

    margin:0 !important;

    font-size:10px !important;
    line-height:1.2 !important;

    text-align:right !important;
}

.cc-garage-page
.cc-garage-row__market form{
    margin:0;
}

.cc-garage-page
.cc-garage-market-badge{
    max-width:130px;

    padding:3px 5px;

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

    background:#f0f7f3;
    color:#176640;

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

.cc-garage-page
.cc-garage-market-note{
    max-width:130px;

    color:#6b7680;

    font-size:9px;
    line-height:1.3;

    text-align:left;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.cc-garage-page .btn{
    min-height:29px !important;

    padding:5px 8px !important;

    border-radius:2px !important;

    box-shadow:none !important;
    transform:none !important;

    font-size:10px !important;
    font-weight:600 !important;
    line-height:1.1 !important;

    white-space:nowrap;
}

.cc-garage-page .btn-primary{
    border-color:#294f6d !important;

    background:#294f6d !important;
    color:#fff !important;
}

.cc-garage-page .btn-secondary{
    border-color:#b8c0c8 !important;

    background:#fff !important;
    color:#34404b !important;
}


/* DELETE */

.cc-garage-page
.cc-garage-delete-form{
    margin:0 !important;
}

.cc-garage-page
.cc-garage-delete-btn{
    appearance:none;

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

    border:0 !important;

    background:transparent !important;
    color:#b42323 !important;

    font:inherit;
    font-size:10px !important;
    font-weight:600 !important;

    cursor:pointer;
}

.cc-garage-page
.cc-garage-delete-btn:hover{
    text-decoration:underline;
}


/* =========================================================
   MESSAGES
   ========================================================= */

.cc-garage-page
.cc-garage-created{
    margin:0 0 10px;

    padding:7px 9px;

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

    background:#f1f8f4;
    color:#176640;

    font-size:11px;
}


/* EMPTY */

.cc-garage-page
.cc-garage-empty{
    min-height:90px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:16px;

    border:0 !important;

    background:#fff;

    color:#6c7882;

    font-size:11px;

    text-align:center;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */






.cc-garage-page .cc-garage-row__side form,
.cc-garage-page .cc-garage-row__market form,
.cc-garage-page .cc-garage-delete-form{
    display:inline-flex !important;
    align-items:center !important;
    width:auto !important;
    margin:0 !important;
}

.cc-garage-page .cc-garage-row__side .btn,
.cc-garage-page .cc-garage-row__market .btn{
    width:auto !important;
    flex:0 0 auto !important;
}


/* Wide row adaptation */

@media(max-width:1180px){

    .cc-garage-page .cc-garage-row{
        grid-template-columns:
            105px
            minmax(180px,220px)
            minmax(230px,1fr) !important;

        grid-template-rows:auto auto !important;
    }

    .cc-garage-page .cc-garage-row__side{
        grid-column:1 / -1 !important;
        grid-row:2 !important;

        justify-content:flex-end !important;

        border-top:1px solid var(--garage-line) !important;
    }
}
@media(max-width:760px){

    .cc-garage-wrap{
        padding-left:12px !important;
        padding-right:12px !important;
    }

    .cc-garage-page .cc-garage-head{
        flex-direction:column;
        align-items:flex-start;
    }

    .cc-garage-page .cc-garage-row{
        grid-template-columns:
            90px
            minmax(0,1fr) !important;

        grid-template-rows:
            auto
            auto
            auto !important;
    }

    .cc-garage-page
    .cc-garage-row__visual{
        grid-column:1 !important;
        grid-row:1 / span 2 !important;

        padding:7px 5px !important;
    }

    .cc-garage-page
    .cc-garage-row__image{
        width:78px !important;
        height:54px !important;
    }

    .cc-garage-page
    .cc-garage-photo-form,
    .cc-garage-page
    .cc-garage-photo-button{
        width:78px !important;
    }

    .cc-garage-page
    .cc-garage-row__main{
        grid-column:2 !important;
        grid-row:1 !important;
    }

    .cc-garage-page
    .cc-garage-row__details{
        grid-column:2 !important;
        grid-row:2 !important;
    }

    .cc-garage-page
    .cc-garage-row__side{
        grid-column:1 / -1 !important;
        grid-row:3 !important;

        flex-direction:row !important;
        align-items:center !important;
        justify-content:flex-start !important;
        flex-wrap:wrap !important;

        border-top:1px solid var(--garage-line);
        border-left:0;
    }

    .cc-garage-page
    .cc-garage-row__market{
        flex-direction:row !important;
        align-items:center !important;

        width:auto !important;
    }
}

/* CCARGO GARAGE DIRECTORY STRICT END */

/* CCARGO TRANSPORT ACTIVE LOAD START */

.cc-detail-page--transport
.cc-transport-active-load{
    margin:0 0 10px;
    padding:10px;

    border:1px solid #b8cad9;
    border-left:3px solid #315875;
    border-radius:2px;

    background:#f8fafb;
}

.cc-transport-active-load__head{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:10px;

    margin-bottom:7px;
}

.cc-transport-active-load__head
.cc-detail-section__title{
    margin:0;
}

.cc-transport-active-load__status{
    display:inline-flex;
    align-items:center;

    min-height:21px;

    padding:2px 6px;

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

    background:#eef4f8;
    color:#315875;

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

    white-space:nowrap;
}

.cc-transport-active-load__status.is-delivered{
    border-color:#a9d1ba;

    background:#f1f8f4;
    color:#176640;
}

.cc-transport-active-load__route{
    display:flex;
    align-items:center;

    gap:7px;

    margin-bottom:8px;

    color:#20262d;

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

.cc-transport-active-load__arrow{
    flex:0 0 auto;

    color:#7a858e;
}

.cc-transport-active-load__data{
    display:grid;

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

    border-top:1px solid #dbe1e6;
    border-left:1px solid #dbe1e6;

    background:#fff;
}

.cc-transport-active-load__data > div{
    min-width:0;

    padding:6px 7px;

    border-right:1px solid #dbe1e6;
    border-bottom:1px solid #dbe1e6;
}

.cc-transport-active-load__data span{
    display:block;

    margin-bottom:2px;

    color:#7b868f;

    font-size:8px;
}

.cc-transport-active-load__data b{
    display:block;

    color:#34404b;

    font-size:10px;
    font-weight:650;

    overflow-wrap:anywhere;
}

.cc-transport-active-load__actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;

    gap:5px;
    flex-wrap:wrap;

    margin-top:7px;
}

.cc-transport-active-load__actions form{
    margin:0;
}


@media(max-width:760px){

    .cc-transport-active-load__head{
        align-items:flex-start;
        flex-direction:column;
    }

    .cc-transport-active-load__data{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .cc-transport-active-load__actions{
        justify-content:flex-start;
    }
}

/* CCARGO TRANSPORT ACTIVE LOAD END */

/* CCARGO WORK REVIEW ACTIVE START */

.cc-work-counter.is-review{
    border:1px solid #b8cad9;
    border-radius:2px;

    background:#eef4f8;
    color:#315875;
}

.cc-work-card.is-completed{
    border-color:#b8cad9;
}

.cc-work-card.is-completed
.cc-work-card__head{
    background:#f3f7fa;
}

.cc-work-card.is-completed
.cc-work-status{
    border:1px solid #b8cad9;
    border-radius:2px;

    background:#eef4f8;
    color:#315875;
}

.cc-work-card.is-completed
.cc-work-review-btn{
    margin-left:auto;
}

/* CCARGO WORK REVIEW ACTIVE END */

/* CCARGO TRANSPORT ARCHIVE REGISTRY START */


/* PAGE */

.cc-archive-wrap{
    width:100% !important;
    max-width:none !important;

    padding-left:14px !important;
    padding-right:14px !important;
}

.cc-archive-page{
    width:100%;
    max-width:none;

    margin:0;
}


/* TOOLBAR */

.cc-archive-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;

    margin:0 0 10px;
    padding:10px 12px;

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

    background:#fff;
}

.cc-archive-toolbar h1{
    margin:0;

    color:#202a33;

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

.cc-archive-toolbar .muted{
    margin-top:2px;

    font-size:10px;
}

.cc-archive-toolbar__actions{
    display:flex;
    align-items:center;

    gap:5px;

    flex-wrap:wrap;
}


/* SHELL */

.cc-archive-shell{
    display:grid;

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

    gap:10px;

    align-items:start;
}


/* SIDEBAR */

.cc-archive-sidebar{
    border:1px solid #d8e0e7;
    border-radius:2px;

    background:#fff;

    overflow:hidden;
}

.cc-archive-nav{
    display:flex;
    flex-direction:column;

    padding:5px;
}

.cc-archive-nav-item{
    display:flex;
    align-items:center;

    min-height:30px;

    padding:5px 8px;

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

    color:#45515b;

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

    text-decoration:none;
}

.cc-archive-nav-item:hover{
    background:#f5f7f8;
}

.cc-archive-nav-item.is-active{
    border-color:#c5d2dc;

    background:#edf3f7;
    color:#284f6b;
}

.cc-archive-nav-divider{
    height:1px;

    margin:5px 3px;

    background:#e5eaee;
}


/* MAIN */

.cc-archive-main{
    min-width:0;
}

.cc-archive-summary{
    display:flex;
    align-items:center;

    gap:5px;

    min-height:32px;

    margin-bottom:6px;
    padding:5px 8px;

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

    background:#fff;

    color:#78838c;

    font-size:9px;
}

.cc-archive-summary b{
    color:#34404a;

    font-size:10px;
}


/* LIST */

.cc-archive-list{
    display:flex;
    flex-direction:column;

    gap:5px;
}


/* ONE ARCHIVED OFFER */

.cc-archive-row{
    display:grid;

    grid-template-columns:
        minmax(210px,1.2fr)
        minmax(330px,1.7fr)
        minmax(115px,.55fr)
        minmax(210px,auto);

    min-height:66px;

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

    background:#fff;

    overflow:hidden;
}

.cc-archive-row > div{
    min-width:0;

    padding:7px 9px;

    border-right:1px solid #e6ebef;
}

.cc-archive-row > div:last-child{
    border-right:0;
}


/* IDENTITY */

.cc-archive-row__identity{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.cc-archive-row__code{
    margin-bottom:2px;

    color:#66727c;

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

.cc-archive-row__route{
    display:flex;
    align-items:center;

    gap:5px;

    min-width:0;

    color:#202a33;

    font-size:12px;
    font-weight:700;

    white-space:nowrap;
}

.cc-archive-row__route > span{
    min-width:0;
}

.cc-archive-row__tags{
    display:flex;
    align-items:center;

    gap:4px;

    margin-top:4px;

    flex-wrap:wrap;
}

.cc-archive-row__tags span{
    padding:1px 4px;

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

    background:#f7f8f9;
    color:#65717a;

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


/* SPECS */

.cc-archive-row__specs{
    display:grid;

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

    align-items:center;
}

.cc-archive-row__specs > div{
    min-width:0;
}

.cc-archive-row__specs span{
    display:block;

    margin-bottom:2px;

    color:#8a949c;

    font-size:7px;
    line-height:1.15;
}

.cc-archive-row__specs b{
    display:block;

    color:#3e4a54;

    font-size:9px;
    font-weight:650;

    overflow-wrap:anywhere;
}


/* DEAL */

.cc-archive-row__deal{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;

    gap:3px;
}

.cc-archive-status{
    display:inline-flex;
    align-items:center;

    min-height:18px;

    padding:1px 5px;

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

    background:#f3f4f5;
    color:#68727a;

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

.cc-archive-deal-code{
    color:#315875;

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

.cc-archive-load-code{
    color:#78838c;

    font-size:7px;
}


/* ACTIONS */

.cc-archive-row__actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;

    gap:5px;

    flex-wrap:wrap;
}

.cc-archive-row__actions .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:auto;
    min-width:0;
    min-height:26px;

    padding:4px 8px;

    border-radius:2px;

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

    white-space:nowrap;
}

.cc-archive-review-done{
    display:inline-flex;
    align-items:center;

    min-height:21px;

    padding:2px 5px;

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

    background:#f1f8f4;
    color:#176640;

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

    white-space:nowrap;
}

.cc-archive-readonly{
    color:#8a949c;

    font-size:8px;
}


/* EMPTY */

.cc-archive-empty{
    padding:18px 10px;

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

    background:#fff;

    color:#7a858d;

    font-size:10px;

    text-align:center;
}


/* PAGINATION */

.cc-archive-pagination{
    display:flex;
    align-items:center;
    justify-content:center;

    gap:8px;

    margin-top:8px;
    padding:6px;

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

    background:#fff;

    color:#737e87;

    font-size:9px;
}


/* RESPONSIVE */

@media(max-width:1180px){

    .cc-archive-row{
        grid-template-columns:
            minmax(200px,1fr)
            minmax(270px,1.5fr)
            minmax(105px,.55fr);
    }

    .cc-archive-row__actions{
        grid-column:1 / -1;

        padding-top:5px;
        padding-bottom:5px;

        border-top:1px solid #e6ebef;
        border-right:0 !important;
    }
}


@media(max-width:820px){

    .cc-archive-shell{
        grid-template-columns:1fr;
    }

    .cc-archive-nav{
        flex-direction:row;
        flex-wrap:wrap;
    }

    .cc-archive-nav-divider{
        display:none;
    }

    .cc-archive-row{
        grid-template-columns:1fr;
    }

    .cc-archive-row > div{
        border-right:0;
        border-bottom:1px solid #e6ebef;
    }

    .cc-archive-row > div:last-child{
        border-bottom:0;
    }

    .cc-archive-row__specs{
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:7px;
    }

    .cc-archive-row__actions{
        grid-column:auto;

        justify-content:flex-start;
    }
}


@media(max-width:600px){

    .cc-archive-toolbar{
        align-items:flex-start;
        flex-direction:column;
    }

    .cc-archive-row__specs{
        grid-template-columns:1fr 1fr;
    }
}


/* CCARGO TRANSPORT ARCHIVE REGISTRY END */

/* CCARGO ARCHIVES ACTION SYNC START */


/* ---------------------------------------------------------
 * TRANSPORT ARCHIVE
 * The two toolbar buttons missed in previous pass.
 * --------------------------------------------------------- */

.cc-archive-toolbar__actions .btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;
    min-width:0 !important;
    min-height:29px !important;

    padding:4px 9px !important;

    border-radius:2px !important;

    font-size:10px !important;
    font-weight:650 !important;
    line-height:1 !important;

    white-space:nowrap !important;
}


/* ---------------------------------------------------------
 * SHIPPER LOAD ARCHIVE
 * Same compact registry language as transport archive.
 * --------------------------------------------------------- */

.cc-cabinet-load-content
.cc-list-card--archive{
    min-height:62px !important;

    border-radius:2px !important;

    box-shadow:none !important;
}


.cc-cabinet-load-content
.cc-list-card--archive
.cc-list-card__head,

.cc-cabinet-load-content
.cc-list-card--archive
.cc-list-card__summary,

.cc-cabinet-load-content
.cc-list-card--archive
.cc-list-card__body,

.cc-cabinet-load-content
.cc-list-card--archive
.cc-list-card__footer{
    padding-top:6px !important;
    padding-bottom:6px !important;
}


.cc-cabinet-load-content
.cc-list-card--archive
.cc-list-badge{
    border-radius:2px !important;

    font-size:8px !important;
}


.cc-cabinet-load-content
.cc-load-archive-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;

    gap:4px !important;

    flex-wrap:wrap !important;
}


.cc-cabinet-load-content
.cc-load-archive-actions
.btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;
    min-width:0 !important;
    min-height:26px !important;

    padding:4px 8px !important;

    border-radius:2px !important;

    font-size:9px !important;
    font-weight:650 !important;
    line-height:1 !important;

    white-space:nowrap !important;
}


/* Deal code */

.cc-load-archive-deal{
    display:inline-flex;
    align-items:center;

    min-height:22px;

    padding:2px 4px;

    color:#315875;

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

    text-decoration:none;

    white-space:nowrap;
}

.cc-load-archive-deal:hover{
    text-decoration:underline;
}


/* Review already submitted */

.cc-load-archive-review-done{
    display:inline-flex;
    align-items:center;

    min-height:24px;

    padding:3px 6px;

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

    background:#f1f8f4;
    color:#176640;

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

    white-space:nowrap;
}


/* CCARGO ARCHIVES ACTION SYNC END */

/* CCARGO MESSAGE VIEW START */


/* ---------------------------------------------------------
 * TOOLBAR
 * --------------------------------------------------------- */

.cc-message-view-toolbar{
    margin-bottom:10px;
}

.cc-message-view-toolbar__copy{
    min-width:0;
}

.cc-message-view-toolbar h1{
    margin:0;

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

.cc-message-view-toolbar .muted{
    margin-top:2px;

    font-size:10px;
}

.cc-message-view-toolbar__actions{
    display:flex;
    align-items:center;

    gap:5px;
}

.cc-message-view-toolbar__actions .btn{
    min-height:29px;

    padding:4px 9px;

    border-radius:2px;

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


/* ---------------------------------------------------------
 * PANEL
 * --------------------------------------------------------- */

.cc-message-view-panel{
    overflow:hidden;

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

    background:#fff;
}


/* ---------------------------------------------------------
 * MESSAGE HEAD
 * --------------------------------------------------------- */

.cc-message-view-head{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;

    min-height:56px;

    padding:9px 11px;

    border-bottom:1px solid #dfe5ea;

    background:#f8fafb;
}

.cc-message-view-head__copy{
    min-width:0;
}

.cc-message-view-subject{
    color:#202a33;

    font-size:15px;
    font-weight:750;
    line-height:1.3;

    overflow-wrap:anywhere;
}

.cc-message-important{
    margin-right:4px;

    color:#a63d3d;
}

.cc-message-view-code{
    margin-top:3px;

    color:#83909a;

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


/* ---------------------------------------------------------
 * STATUS
 * --------------------------------------------------------- */

.cc-message-view-statuses{
    display:flex;
    align-items:center;
    justify-content:flex-end;

    gap:4px;

    flex-wrap:wrap;
}


/*
 * Deliberately not giant rounded pills.
 * We already have enough pills on the internet.
 */

.msg-view-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:20px;

    padding:2px 5px;

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

    background:#f4f6f7;
    color:#56616a;

    font-size:8px;
    font-weight:700;
    line-height:1;

    white-space:nowrap;
}

.msg-view-badge-green{
    border-color:#afd0bd;

    background:#f1f8f4;
    color:#176640;
}

.msg-view-badge-yellow{
    border-color:#dbc992;

    background:#fbf7e9;
    color:#7a5b18;
}

.msg-view-badge-gray{
    border-color:#d0d5d9;

    background:#f3f4f5;
    color:#626d75;
}

.msg-view-badge-red{
    border-color:#d9b5b5;

    background:#faf1f1;
    color:#8e3d3d;
}

.msg-view-badge-blue{
    border-color:#b8cad9;

    background:#eef4f8;
    color:#315875;
}


/* ---------------------------------------------------------
 * META REGISTRY
 * --------------------------------------------------------- */

.cc-message-view-meta{
    display:grid;

    grid-template-columns:
        minmax(180px,1.4fr)
        minmax(105px,.65fr)
        minmax(125px,.75fr)
        minmax(125px,.75fr);

    border-left:0;

    background:#fff;
}

.cc-message-view-meta__item{
    min-width:0;

    padding:7px 9px;

    border-right:1px solid #e4e9ed;
    border-bottom:1px solid #e4e9ed;
}

.cc-message-view-meta__item:last-child{
    border-right:0;
}

.cc-message-view-meta__label{
    display:block;

    margin-bottom:2px;

    color:#89949c;

    font-size:7px;
    font-weight:650;
    line-height:1.1;
}

.cc-message-view-meta__item b{
    display:block;

    color:#3d4953;

    font-size:9px;
    font-weight:650;
    line-height:1.25;

    overflow-wrap:anywhere;
}


/* ---------------------------------------------------------
 * BODY
 * --------------------------------------------------------- */

.cc-message-view-body-section{
    padding:10px 11px 12px;
}

.cc-message-view-section-title{
    margin-bottom:7px;

    color:#68747d;

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

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

.cc-message-view-body{
    min-height:70px;

    color:#202a33;

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

    white-space:pre-wrap;
    overflow-wrap:anywhere;
}


/* ---------------------------------------------------------
 * ACTIONS
 * --------------------------------------------------------- */

.cc-message-view-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;

    gap:5px;

    padding:7px 9px;

    border-top:1px solid #dfe5ea;

    background:#f8fafb;
}

.cc-message-view-actions form{
    display:inline-flex;

    margin:0;
}

.cc-message-view-actions .btn{
    min-height:27px;

    padding:4px 8px;

    border-radius:2px;

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


/* ---------------------------------------------------------
 * ALERT
 * --------------------------------------------------------- */

.cc-message-view-alert{
    margin:0 0 8px;
}


/* ---------------------------------------------------------
 * RESPONSIVE
 * --------------------------------------------------------- */

@media(max-width:900px){

    .cc-message-view-meta{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .cc-message-view-meta__item:nth-child(2){
        border-right:0;
    }
}


@media(max-width:620px){

    .cc-message-view-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .cc-message-view-statuses{
        justify-content:flex-start;
    }

    .cc-message-view-meta{
        grid-template-columns:1fr;
    }

    .cc-message-view-meta__item{
        border-right:0;
    }

    .cc-message-view-actions{
        justify-content:flex-start;

        flex-wrap:wrap;
    }
}


/* CCARGO MESSAGE VIEW END */

/* CCARGO_ROUTE_ECONOMY_COMPACT_V2 */

.cc-route-economy-compact {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(127, 127, 127, .22);
}

.cc-route-economy-compact__title {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
}

.cc-route-economy-compact__item + .cc-route-economy-compact__item {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(127, 127, 127, .18);
}

.cc-route-economy-compact__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 5px;
}

.cc-route-economy-compact__transport {
    flex: 0 0 auto;
    font-weight: 700;
    text-decoration: none;
}

.cc-route-economy-compact__route {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
    font-size: 12px;
    opacity: .72;
}

.cc-route-economy-compact__grid {
    display: block;
}

.cc-route-economy-compact__stat {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    min-width: 0;
    padding: 6px 0;
    border-bottom: 1px solid rgba(127, 127, 127, .13);
}

.cc-route-economy-compact__stat:last-child {
    border-bottom: 0;
}

.cc-route-economy-compact__stat span {
    min-width: 0;
    font-size: 12px;
    line-height: 1.3;
    opacity: .72;
}

.cc-route-economy-compact__stat b {
    flex: 0 0 auto;
    font-size: 13px;
    line-height: 1.3;
    text-align: right;
    white-space: nowrap;
}

.cc-route-economy-compact__stat--rate {
    padding-top: 8px;
}

.cc-route-economy-compact__stat--rate b {
    font-size: 14px;
    font-weight: 700;
}

.cc-route-economy-compact__note {
    margin-top: 7px;
    font-size: 11px;
    line-height: 1.35;
    opacity: .58;
}

/* CCARGO_ROUTE_ECONOMY_COMPACT_V2 END */

/* CCARGO_BACKHAUL_CSS_V1 */

.cc-detail-page--load .cc-backhaul__heading{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:5px;
}

.cc-detail-page--load .cc-backhaul__title{
  margin:0;
}

.cc-detail-page--load .cc-backhaul__subtitle{
  margin:0 0 14px;
  color:#64748b;
  font-size:13px;
  line-height:1.45;
}


/* Same visual pattern as cargo matching in cabinet */

.cc-detail-page--load .cc-backhaul__form{
  display:grid;
  grid-template-columns:
    minmax(210px,1fr)
    minmax(210px,1fr)
    minmax(200px,.8fr);
  gap:14px;

  padding:16px;

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

  background:#f8fafc;
}

.cc-detail-page--load .cc-backhaul__cities{
  display:contents;
}

.cc-detail-page--load .cc-backhaul__field,
.cc-detail-page--load .cc-backhaul__radius{
  position:relative;
  min-width:0;
}

.cc-detail-page--load .cc-backhaul__label{
  display:flex;
  align-items:center;
  gap:6px;

  min-height:22px;
  margin-bottom:6px;

  color:#334155;
  font-size:13px;
  font-weight:800;
}

.cc-detail-page--load .cc-backhaul__city-wrap{
  position:relative;
}

.cc-detail-page--load .cc-backhaul__city-wrap .input{
  width:100%;
}


/* Info buttons */

.cc-detail-page--load .cc-match-info{
  position:relative;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  flex:0 0 18px;
  width:18px;
  height:18px;

  padding:0;
  border:0;

  background:transparent;
  color:#64748b;

  cursor:help;
}

.cc-detail-page--load .cc-match-info svg{
  display:block;
  width:17px;
  height:17px;
}

.cc-detail-page--load .cc-match-info__bubble{
  position:absolute;
  z-index:130;

  left:50%;
  bottom:calc(100% + 8px);

  width:300px;
  max-width:80vw;

  padding:10px 11px;

  border-radius:10px;

  background:#0f172a;
  color:#fff;

  font-size:12px;
  font-weight:500;
  line-height:1.45;
  text-align:left;

  box-shadow:0 12px 28px rgba(15,23,42,.22);

  opacity:0;
  visibility:hidden;
  pointer-events:none;

  transform:translate(-50%,4px);

  transition:
    opacity .15s ease,
    transform .15s ease;
}

.cc-detail-page--load
.cc-match-info:hover
.cc-match-info__bubble,
.cc-detail-page--load
.cc-match-info:focus
.cc-match-info__bubble,
.cc-detail-page--load
.cc-match-info:focus-visible
.cc-match-info__bubble{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0);
}


/* City autocomplete */

.cc-detail-page--load .cc-backhaul__suggest{
  position:absolute;
  z-index:90;

  top:calc(100% + 5px);
  left:0;
  right:0;

  max-height:260px;
  overflow:auto;

  border:1px solid #cbd5e1;
  border-radius:10px;

  background:#fff;

  box-shadow:0 14px 30px rgba(15,23,42,.14);
}

.cc-detail-page--load .cc-backhaul__suggest-item{
  display:block;
  width:100%;

  padding:9px 11px;

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

  background:#fff;
  color:#0f172a;

  text-align:left;
  cursor:pointer;
}

.cc-detail-page--load
.cc-backhaul__suggest-item:last-child{
  border-bottom:0;
}

.cc-detail-page--load
.cc-backhaul__suggest-item:hover{
  background:#f1f5f9;
}


/* Radius */

.cc-detail-page--load .cc-backhaul__radius-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.cc-detail-page--load .cc-backhaul__range{
  width:100%;
  margin:0;
}

.cc-detail-page--load
#cc-backhaul-radius-value{
  min-width:62px;

  text-align:right;

  color:#0f172a;
  font-size:14px;
  font-weight:900;
}

.cc-detail-page--load .cc-backhaul__scale{
  display:flex;
  justify-content:space-between;

  margin-top:2px;

  color:#94a3b8;
  font-size:10px;
}


/* Actions */

.cc-detail-page--load .cc-backhaul__actions{
  grid-column:1 / -1;

  display:flex;
  flex-wrap:wrap;
  gap:8px;
}


/* Results */

.cc-detail-page--load .cc-backhaul-results{
  margin-top:20px;
}

.cc-detail-page--load
.cc-backhaul-results__head{
  display:flex;
  align-items:center;
  gap:8px;

  margin-bottom:12px;
}

.cc-detail-page--load
.cc-backhaul-results__head h3{
  margin:0;
  font-size:17px;
}

.cc-detail-page--load
.cc-backhaul-results__count{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-width:25px;
  min-height:25px;

  padding:2px 7px;

  border:1px solid #cbd5e1;
  border-radius:999px;

  background:#f8fafc;

  font-size:12px;
  font-weight:900;
}

.cc-detail-page--load .cc-backhaul__message{
  padding:14px 16px;

  border:1px solid #dbe4ef;
  border-radius:10px;

  background:#f8fafc;

  color:#475569;
  font-size:13px;
  line-height:1.45;
}


/* Existing result cards */

.cc-detail-page--load .cc-backhaul-list{
  display:grid;
  gap:8px;
}

.cc-detail-page--load .cc-backhaul-card{
  padding:12px 14px;

  border:1px solid #dbe4ef;
  border-radius:10px;

  background:#fff;
}

.cc-detail-page--load .cc-backhaul-card__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;

  margin-bottom:9px;
}

.cc-detail-page--load .cc-backhaul-card__code{
  font-weight:800;
  text-decoration:none;
}

.cc-detail-page--load .cc-backhaul-card__route{
  font-size:13px;
  font-weight:800;
}

.cc-detail-page--load .cc-backhaul-card__rows{
  display:grid;
  grid-template-columns:1fr 1fr;

  column-gap:24px;
}

.cc-detail-page--load
.cc-backhaul-card__rows > div{
  display:flex;
  justify-content:space-between;
  gap:12px;

  padding:6px 0;

  border-bottom:1px solid #eef2f7;

  font-size:12px;
}

.cc-detail-page--load
.cc-backhaul-card__rows span{
  color:#64748b;
}

.cc-detail-page--load
.cc-backhaul-card__rows b{
  text-align:right;
  white-space:nowrap;
}

.cc-detail-page--load
.cc-backhaul-card__actions{
  display:flex;
  justify-content:flex-end;

  margin-top:10px;
}


@media(max-width:900px){

  .cc-detail-page--load .cc-backhaul__form{
    grid-template-columns:1fr 1fr;
  }

  .cc-detail-page--load .cc-backhaul__radius{
    grid-column:1 / -1;
  }
}


@media(max-width:620px){

  .cc-detail-page--load .cc-backhaul__form{
    grid-template-columns:1fr;
  }

  .cc-detail-page--load .cc-backhaul__radius,
  .cc-detail-page--load .cc-backhaul__actions{
    grid-column:auto;
  }

  .cc-detail-page--load .cc-match-info__bubble{
    width:240px;
  }

  .cc-detail-page--load
  .cc-backhaul-card__rows{
    grid-template-columns:1fr;
  }

  .cc-detail-page--load
  .cc-backhaul-card__head{
    display:block;
  }

  .cc-detail-page--load
  .cc-backhaul-card__route{
    margin-top:5px;
  }
}

/* CCARGO_BACKHAUL_CSS_V1 END */


/* =========================================================
 * CCARGO_SHARED_CABINET_MATCH_CSS_V1
 * Shared carrier / shipper cabinet styles.
 * Moved verbatim from cabinet.php.
 * ========================================================= */

.cc-work-cabinet{
  margin:0 0 22px;
  padding:18px;
  border:1px solid #dbe4ef;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 28px rgba(15,23,42,.05);
}
.cc-work-cabinet__head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:14px;
}
.cc-work-cabinet__kicker{
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  color:#64748b;
}
.cc-work-cabinet__title{
  margin:3px 0 4px;
  font-size:22px;
}
.cc-work-cabinet__hint{
  color:#64748b;
}
.cc-work-cabinet__counters{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}
.cc-work-counter,
.cc-work-status{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:4px 9px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.cc-work-counter.is-pending,
.cc-work-status.is-pending{
  background:#fff7db;
  color:#8a5700;
}
.cc-work-counter.is-confirmed,
.cc-work-status.is-confirmed{
  background:#dcfce7;
  color:#166534;
}

.cc-work-counter.is-delivered,
.cc-work-status.is-delivered{
  background:#dbeafe;
  color:#1d4ed8;
}
.cc-work-status.is-completed{
  background:#dcfce7;
  color:#166534;
}
.cc-work-card.is-delivered{
  border-color:#93c5fd;
}
.cc-work-status.is-rejected{
  background:#fee2e2;
  color:#991b1b;
}
.cc-work-status.is-cancelled,
.cc-work-status.is-expired{
  background:#e2e8f0;
  color:#475569;
}
.cc-work-cabinet__empty{
  padding:16px;
  border:1px dashed #cbd5e1;
  border-radius:14px;
  color:#64748b;
  background:#f8fafc;
}
.cc-work-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(290px,1fr));
  gap:14px;
}
.cc-work-card{
  overflow:hidden;
  border:1px solid #dbe4ef;
  border-radius:15px;
  background:#fff;
}
.cc-work-card.is-pending{
  border-color:#f2cf81;
}
.cc-work-card.is-confirmed{
  border-color:#9bd5af;
}
.cc-work-card__head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:14px;
  border-bottom:1px solid #e8eef5;
  background:#f8fafc;
}
.cc-work-card__id{
  color:#64748b;
  font-size:12px;
  font-weight:800;
}
.cc-work-card__route{
  margin-top:4px;
  font-size:17px;
  font-weight:900;
}
.cc-work-card__body{
  padding:14px;
}
.cc-work-card__cargo{
  margin-bottom:11px;
  font-weight:800;
}
.cc-work-card__details{
  display:grid;
  gap:7px;
  font-size:14px;
}
.cc-work-card__details div{
  display:flex;
  justify-content:space-between;
  gap:14px;
}
.cc-work-card__details span{
  color:#64748b;
}
.cc-work-card__details b{
  text-align:right;
}
.cc-work-card__countdown{
  margin-top:12px;
  padding:9px 10px;
  border-radius:10px;
  background:#fff7db;
  color:#8a5700;
  font-weight:900;
  text-align:center;
}
.cc-work-card__footer{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:12px 14px;
  border-top:1px solid #e8eef5;
}
.cc-work-card__footer form{
  margin:0;
}
.cc-work-history{
  margin-top:15px;
  border-top:1px solid #e8eef5;
  padding-top:12px;
}
.cc-work-history summary{
  cursor:pointer;
  font-weight:800;
}
.cc-work-history summary span{
  margin-left:6px;
  color:#64748b;
}
.cc-work-history__list{
  display:grid;
  gap:7px;
  margin-top:10px;
}
.cc-work-history__item{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  padding:9px 10px;
  border:1px solid #e2e8f0;
  border-radius:10px;
  color:inherit;
}
.cc-work-history__main{
  min-width:0;
  flex:1;
  color:inherit;
  text-decoration:none;
  font-weight:700;
}
.cc-work-history__main:hover{
  text-decoration:underline;
}
.cc-work-history__side{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.cc-work-review-done{
  font-size:13px;
  line-height:1.25;
  font-weight:800;
  color:#166534;
  white-space:nowrap;
}
.cc-work-review-btn{
  white-space:nowrap;
}
.cc-list-badge--work-pending{
  background:#fff7db;
  color:#8a5700;
}
.cc-list-badge--work-confirmed{
  background:#dcfce7;
  color:#166534;
}
.cc-list-card--work-active{
  opacity:.62;
  filter:saturate(.68);
  transition:opacity .2s ease, filter .2s ease;
}
.cc-list-card--work-active:hover{
  opacity:.76;
  filter:saturate(.82);
}
.cc-list-card--work-active .cc-list-badge--work-confirmed{
  opacity:1;
  filter:none;
}
@media (max-width:720px){
  .cc-work-cabinet__head,
  .cc-work-card__head,
  .cc-work-history__item{
    flex-direction:column;
  }
  .cc-work-cabinet__counters{
    justify-content:flex-start;
  }
  .cc-work-card__details div{
    display:block;
  }
  .cc-work-card__details b{
    display:block;
    margin-top:2px;
    text-align:left;
  }
}


/* CCARGO CARRIER CARGO MATCH V1 */

.cc-cargo-match{
  margin-top:28px;
  padding-top:24px;
  border-top:1px solid #dbe4ef;
}

.cc-cargo-match__head{
  margin-bottom:14px;
}

.cc-cargo-match__title-row{
  display:flex;
  align-items:center;
  gap:7px;
}

.cc-cargo-match__title{
  margin:0;
  font-size:20px;
  line-height:1.25;
}

.cc-cargo-match__subtitle{
  margin-top:5px;
  color:#64748b;
  font-size:13px;
  line-height:1.45;
}

.cc-cargo-match__form{
  display:grid;
  grid-template-columns:
    minmax(210px,1fr)
    minmax(210px,1fr)
    minmax(200px,.8fr);
  gap:14px;
  padding:16px;
  border:1px solid #dbe4ef;
  border-radius:14px;
  background:#f8fafc;
}

.cc-cargo-match__field{
  position:relative;
  min-width:0;
}

.cc-cargo-match__label{
  display:flex;
  align-items:center;
  gap:6px;
  min-height:22px;
  margin-bottom:6px;
  color:#334155;
  font-size:13px;
  font-weight:800;
}

.cc-cargo-match__city-wrap{
  position:relative;
}

.cc-cargo-match .city-suggest-list{
  position:absolute;
  top:calc(100% + 5px);
  left:0;
  right:0;
  z-index:90;
  display:none;
  max-height:260px;
  overflow:auto;
  border:1px solid #cbd5e1;
  border-radius:10px;
  background:#fff;
  box-shadow:0 14px 30px rgba(15,23,42,.14);
}

.cc-cargo-match .city-suggest-item{
  padding:9px 11px;
  cursor:pointer;
  border-bottom:1px solid #eef2f7;
}

.cc-cargo-match .city-suggest-item:last-child{
  border-bottom:0;
}

.cc-cargo-match .city-suggest-item:hover{
  background:#f1f5f9;
}

.cc-cargo-match .city-suggest-title{
  font-size:13px;
  font-weight:800;
  color:#0f172a;
}

.cc-cargo-match .city-suggest-subtitle{
  margin-top:2px;
  font-size:11px;
  color:#64748b;
}

.cc-cargo-match .city-suggest-empty{
  padding:10px 11px;
  color:#64748b;
  font-size:13px;
}

.cc-cargo-match__range-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  align-items:center;
  min-height:40px;
}

.cc-cargo-match__range{
  width:100%;
  margin:0;
}

.cc-cargo-match__radius-value{
  min-width:58px;
  text-align:right;
  font-size:14px;
  font-weight:900;
  color:#0f172a;
}

.cc-cargo-match__range-scale{
  display:flex;
  justify-content:space-between;
  margin-top:2px;
  color:#94a3b8;
  font-size:10px;
}

.cc-cargo-match__actions{
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.cc-match-info{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 18px;
  width:18px;
  height:18px;
  padding:0;
  border:0;
  background:transparent;
  color:#64748b;
  cursor:help;
}

.cc-match-info svg{
  display:block;
  width:17px;
  height:17px;
}

.cc-match-info__bubble{
  position:absolute;
  z-index:130;
  left:50%;
  bottom:calc(100% + 8px);
  width:300px;
  max-width:80vw;
  padding:10px 11px;
  border-radius:10px;
  background:#0f172a;
  color:#fff;
  font-size:12px;
  font-weight:500;
  line-height:1.45;
  text-align:left;
  box-shadow:0 12px 28px rgba(15,23,42,.22);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-50%,4px);
  transition:
    opacity .15s ease,
    transform .15s ease;
}

.cc-match-info:hover .cc-match-info__bubble,
.cc-match-info:focus .cc-match-info__bubble,
.cc-match-info:focus-visible .cc-match-info__bubble{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0);
}

.cc-cargo-match-results{
  margin-top:20px;
}

.cc-cargo-match-results__head{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
}

.cc-cargo-match-results__head h3{
  margin:0;
  font-size:17px;
}

.cc-cargo-match-results__count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:25px;
  min-height:25px;
  padding:2px 7px;
  border:1px solid #cbd5e1;
  border-radius:999px;
  background:#f8fafc;
  font-size:12px;
  font-weight:900;
}

.cc-cargo-match-list{
  display:grid;
  gap:10px;
}

.cc-cargo-match-load{
  margin:0;
}

.cc-cabinet-match-cargo-name{
  margin-bottom:5px;
  font-size:15px;
  font-weight:800;
  color:#0f172a;
}

.cc-cabinet-match-for{
  margin-top:10px;
  font-size:12px;
  color:#64748b;
}

.cc-cargo-match-card__transports{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:6px;
}

.cc-cargo-match-transport{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:3px 8px;
  border-radius:999px;
  background:#eef6ff;
  color:#174c78;
  font-size:11px;
  font-weight:800;
  text-decoration:none;
}

.cc-cargo-match-transport:hover{
  text-decoration:underline;
}

.cc-cargo-match__error{
  padding:12px;
  border:1px solid #fecaca;
  border-radius:10px;
  background:#fef2f2;
  color:#991b1b;
}

/* CCARGO MATCH ROW COMPACT V3 END */


/* =========================================================
   CCARGO_SHIPPER_PENDING_HEADER_V2
   Pending status gets its own cell.
   Route always occupies a separate full row.
   ========================================================= */

.cc-list-card__head.cc-list-card__head--pending-work{
    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        auto !important;

    grid-template-rows:
        auto
        auto !important;

    grid-template-areas:
        "identity-status badges"
        "route route" !important;

    align-items:center !important;

    gap:4px 8px !important;
}


.cc-list-card__head--pending-work
.cc-list-card__identity{
    display:contents !important;
}


.cc-list-card__head--pending-work
.cc-list-card__id{
    grid-area:identity-status !important;

    min-width:0 !important;

    margin:0 !important;
}


.cc-list-card__head--pending-work
.cc-list-card__route{
    grid-area:route !important;

    display:flex !important;

    width:100% !important;
    min-width:0 !important;

    margin:0 !important;

    overflow:hidden !important;
}


.cc-list-card__head--pending-work
.cc-list-card__route span{
    min-width:0 !important;
}


.cc-list-card__head--pending-work
.cc-list-card__badges{
    grid-area:badges !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;

    min-width:0 !important;

    margin:0 !important;
}


.cc-list-card__head--pending-work
.cc-list-badge--work-pending{
    display:block !important;

    max-width:180px !important;

    padding:3px 6px !important;

    white-space:normal !important;
    overflow-wrap:break-word !important;

    text-align:center !important;

    line-height:1.15 !important;
}


/* CCARGO_SHIPPER_PENDING_HEADER_V2 END */


/* CCARGO_PENDING_BADGE_CENTER_V1 */

.cc-list-card__head--pending-work
.cc-list-badge--work-pending{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    text-align:center !important;
}


/* CCARGO_PENDING_BADGE_CENTER_V1 END */


/* =========================================================
   CCARGO_PROFILE_NOTICE_V1
   ========================================================= */

.cc-profile-notice{
    display:flex;
    align-items:flex-start;
    gap:10px;

    margin:0 0 14px;
    padding:11px 13px;

    border:1px solid #e7c96a;
    border-radius:8px;
    background:#fff9e8;

    color:#5d4a13;
    font-size:13px;
    line-height:1.4;
}

.cc-profile-notice__icon{
    display:flex;
    flex:0 0 22px;
    align-items:center;
    justify-content:center;

    width:22px;
    height:22px;

    border:1px solid currentColor;
    border-radius:50%;

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

.cc-profile-notice__text{
    min-width:0;
    padding-top:1px;
}

/* CCARGO_PROFILE_NOTICE_V1 END */





/* =========================================================
   CCARGO_DEALS_REGISTRY_V2
   ========================================================= */

.cc-deals-registry{
    display:grid;
    gap:14px;
}

.cc-deals-registry-toolbar{
    align-items:center;
}

.cc-deals-registry-export{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:7px;
}


/* FILTERS */

.cc-deals-filter{
    display:grid;

    grid-template-columns:
        minmax(180px,1.25fr)
        minmax(135px,.65fr)
        minmax(135px,.65fr)
        minmax(145px,.7fr)
        minmax(180px,1fr)
        auto;

    align-items:end;

    gap:10px;

    padding:13px;

    border:1px solid #dfe6ee;
    border-radius:11px;

    background:#fff;
}

.cc-deals-filter__field{
    display:grid;
    gap:5px;

    min-width:0;
}

.cc-deals-filter__field > span{
    font-size:10px;
    font-weight:750;
    color:#475569;
}

.cc-deals-filter__field input,
.cc-deals-filter__field select{
    width:100%;
    min-width:0;
    height:36px;

    padding:0 9px;

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

    background:#fff;
    color:#172033;

    font:inherit;
    font-size:11px;
}

.cc-deals-filter__actions{
    display:flex;
    align-items:center;
    gap:6px;
}


/* TABLE */

.cc-deals-table-card{
    padding:12px;

    border:1px solid #dfe6ee;
    border-radius:11px;

    background:#fff;
}

.cc-deals-table-meta{
    margin:0 0 9px;

    color:#64748b;
    font-size:10px;
}

.cc-deals-table-wrap{
    width:100%;
    overflow-x:auto;
}

.cc-deals-table{
    width:100%;
    min-width:980px;

    border-collapse:collapse;

    font-size:10px;
}

.cc-deals-table th{
    padding:8px 9px;

    background:#f3f6f9;

    border-bottom:1px solid #dfe6ee;

    color:#475569;

    text-align:left;
    white-space:nowrap;

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

.cc-deals-table td{
    padding:9px;

    border-bottom:1px solid #e8edf3;

    color:#172033;

    vertical-align:top;
}

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

.cc-deals-table tbody tr:hover{
    background:#fafcff;
}

.cc-deals-table__deal{
    color:#0f172a;

    font-weight:900;
    text-decoration:none;
}

.cc-deals-table__deal:hover{
    text-decoration:underline;
}

.cc-deals-table .muted{
    margin-top:2px;
    font-size:9px;
}


/* STATUS */

.cc-deals-table__status{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:23px;

    padding:3px 8px;

    border-radius:999px;

    background:#eef2f7;
    color:#475569;

    font-size:9px;
    font-weight:850;

    white-space:nowrap;
}

.cc-deals-table__status.is-confirmed{
    background:#e8f5ff;
    color:#075985;
}

.cc-deals-table__status.is-delivered{
    background:#fff7db;
    color:#8a5700;
}

.cc-deals-table__status.is-completed{
    background:#dcfce7;
    color:#166534;
}

.cc-deals-table__status.is-cancelled{
    background:#fee2e2;
    color:#991b1b;
}


/* PAGINATION */

.cc-deals-pagination{
    display:flex;
    align-items:center;
    justify-content:center;

    gap:7px;

    padding-top:12px;
}


/* RESPONSIVE */

@media (max-width:1180px){

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

}

@media (max-width:720px){

    .cc-deals-registry-toolbar{
        align-items:flex-start;
    }

    .cc-deals-registry-export{
        justify-content:flex-start;
    }

    .cc-deals-filter{
        grid-template-columns:1fr;
    }

    .cc-deals-filter__actions{
        flex-wrap:wrap;
    }

}

/* CCARGO_DEALS_REGISTRY_V2 END */

/* =========================================================
   CCARGO_DEAL_DETAIL_TABLE_V1
   Public deal detail in registry/admin visual language.
   ========================================================= */

.cc-deal-page .cc-profile-main,
.cc-deal-main{
    min-width:0;
}


/* MAIN SHEET */

.cc-deal-sheet{
    overflow:hidden;

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

    background:#fff;
}


/* HEAD */

.cc-deal-sheet__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;

    gap:12px;

    padding:11px 12px;

    border-bottom:1px solid #dfe6ee;
}

.cc-deal-sheet__eyebrow{
    color:#667085;

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

.cc-deal-sheet__code{
    margin-top:2px;

    color:#101828;

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

.cc-deal-sheet__head-right{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;

    gap:8px;
}

.cc-deal-sheet__export{
    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:5px;
}

.cc-deal-sheet__export .btn{
    min-height:29px;

    padding:4px 8px;

    font-size:9px;
}


/* STATUS */

.cc-deal-sheet__status{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:25px;

    padding:4px 9px;

    border-radius:999px;

    background:#eef2ff;
    color:#172033;

    font-size:10px;
    font-weight:850;

    white-space:nowrap;
}

.cc-deal-sheet__status.is-delivered{
    background:#fff7db;
    color:#805500;
}

.cc-deal-sheet__status.is-completed{
    background:#eaf8ee;
    color:#166534;
}

.cc-deal-sheet__status.is-cancelled{
    background:#f1f3f5;
    color:#667085;
}


/* TWO COLUMN DETAIL GRID */

.cc-deal-sheet__grid{
    display:grid;

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

.cc-deal-sheet__cell{
    min-width:0;
    min-height:62px;

    padding:8px 10px;

    border-bottom:1px solid #e1e7ee;
}

.cc-deal-sheet__cell:nth-child(odd){
    border-right:1px solid #e1e7ee;
}

.cc-deal-sheet__cell span{
    display:block;

    margin-bottom:4px;

    color:#667085;

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

.cc-deal-sheet__cell strong{
    display:block;

    color:#101828;

    font-size:11px;
    font-weight:850;
    line-height:1.35;

    overflow-wrap:anywhere;
}


/* NOTICE */

.cc-deal-sheet__notice{
    display:grid;

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

    align-items:center;

    gap:9px;

    margin:10px;

    padding:9px 11px;

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

    background:#eff6ff;
    color:#1e3a5f;

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

.cc-deal-sheet__notice-icon{
    display:flex;
    align-items:center;
    justify-content:center;

    width:23px;
    height:23px;

    border:1px solid currentColor;
    border-radius:50%;

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

.cc-deal-sheet__notice strong{
    display:block;

    margin-bottom:1px;

    font-size:10px;
}


/* ACTIONS */

.cc-deal-sheet__actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:6px;

    padding:10px;

    border-top:1px solid #e1e7ee;
}

.cc-deal-sheet__actions form{
    margin:0;
}

.cc-deal-sheet__actions .btn{
    min-height:30px;

    padding:4px 9px;

    font-size:9px;
}

.cc-deal-sheet__action-note,
.cc-deal-sheet__review{
    color:#475569;

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


/* HISTORY */

.cc-deal-history{
    overflow:hidden;

    margin-top:10px;

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

    background:#fff;
}

.cc-deal-history__head{
    padding:8px 10px;

    border-bottom:1px solid #dfe6ee;

    background:#f3f6f9;

    color:#344054;

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

.cc-deal-history__list{
    display:grid;
}

.cc-deal-history__row{
    display:grid;

    grid-template-columns:
        minmax(150px,.45fr)
        minmax(0,1.55fr);

    gap:12px;

    padding:8px 10px;

    border-bottom:1px solid #e6ebf1;

    color:#344054;

    font-size:10px;
}

.cc-deal-history__row:last-child{
    border-bottom:0;
}

.cc-deal-history__row strong{
    color:#101828;

    font-size:10px;
}

.cc-deal-history__row .muted{
    margin-top:2px;

    font-size:9px;
}

.cc-deal-history__empty{
    padding:10px;

    color:#667085;

    font-size:10px;
}


/* RESPONSIVE */

@media (max-width:680px){

    .cc-deal-sheet__head{
        align-items:flex-start;
    }

    .cc-deal-sheet__head-right{
        justify-content:flex-start;
    }

    .cc-deal-sheet__grid{
        grid-template-columns:1fr;
    }

    .cc-deal-sheet__cell:nth-child(odd){
        border-right:0;
    }

    .cc-deal-history__row{
        grid-template-columns:1fr;

        gap:3px;
    }

}

/* CCARGO_DEAL_DETAIL_TABLE_V1 END */


/* CCARGO CARRIER ONBOARDING V1 */

.cc-onboarding{
    margin:0 0 18px;
    padding:16px;

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

    background:#fff;
}

.cc-onboarding__head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;

    margin-bottom:15px;
}

.cc-onboarding__kicker{
    margin-bottom:3px;

    color:#8a94a3;
    font-size:10px;
    font-weight:800;
    letter-spacing:.12em;
}

.cc-onboarding__title{
    margin:0;

    color:#182230;
    font-size:18px;
    line-height:1.25;
}

.cc-onboarding__subtitle{
    margin-top:5px;

    color:#667085;
    font-size:12px;
    line-height:1.45;
}

.cc-onboarding__deadline{
    display:flex;
    align-items:flex-start;
    gap:8px;

    max-width:390px;

    padding:8px 10px;

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

    background:#fff9e8;
    color:#655014;

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

.cc-onboarding__deadline-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    flex:0 0 19px;
    width:19px;
    height:19px;

    border:1px solid currentColor;
    border-radius:50%;

    font-weight:800;
    line-height:1;
}

.cc-onboarding__steps{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:8px;
}

.cc-onboarding-step{
    min-width:0;
    min-height:92px;

    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:10px;

    padding:10px;

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

    background:#fafbfc;
    color:#344054;

    text-decoration:none;

    transition:
        border-color .15s ease,
        background .15s ease,
        transform .15s ease;
}

.cc-onboarding-step:hover{
    border-color:#cbd3dc;
    background:#fff;
    transform:translateY(-1px);
}

.cc-onboarding-step__top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:6px;
}

.cc-onboarding-step__number{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    flex:0 0 27px;
    width:27px;
    height:27px;

    border:1px solid #cfd6de;
    border-radius:50%;

    background:#fff;
    color:#667085;

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

.cc-onboarding-step__status{
    min-width:0;

    color:#98a2b3;

    font-size:9px;
    font-weight:700;
    line-height:1.2;
    text-align:right;
}

.cc-onboarding-step__title{
    display:block;

    color:#344054;

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


/* completed */

.cc-onboarding-step.is-done{
    border-color:#cce2d4;
    background:#f6fbf7;
}

.cc-onboarding-step.is-done
.cc-onboarding-step__number{
    border-color:#82b891;
    background:#e9f6ed;
    color:#27733d;
}

.cc-onboarding-step.is-done
.cc-onboarding-step__status{
    color:#438257;
}


/* next blocking step */

.cc-onboarding-step.is-current{
    border-color:#e4bd48;
    background:#fff9e7;
}

.cc-onboarding-step.is-current
.cc-onboarding-step__number{
    border-color:#d3a72c;
    background:#fff3c8;
    color:#745800;
}

.cc-onboarding-step.is-current
.cc-onboarding-step__status{
    color:#8a6800;
}


/* verification is visible but does not block yet */

.cc-onboarding-step.is-advisory{
    border-color:#d8d4ba;
    background:#fffdf5;
}

.cc-onboarding-step.is-advisory
.cc-onboarding-step__number{
    border-color:#c0a955;
    background:#fff8dc;
    color:#705b0d;
}


@media (max-width:1250px){

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


@media (max-width:760px){

    .cc-onboarding__head{
        flex-direction:column;
    }

    .cc-onboarding__deadline{
        max-width:none;
        width:100%;
        box-sizing:border-box;
    }

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


@media (max-width:520px){

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

    .cc-onboarding-step{
        min-height:72px;
    }
}

/* CCARGO CARRIER ONBOARDING V1 END */

/* CCARGO SHIPPER ONBOARDING GRID */
.cc-onboarding__steps--shipper{
    grid-template-columns:repeat(5,minmax(0,1fr));
}

@media (max-width:1250px){
    .cc-onboarding__steps--shipper{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media (max-width:760px){
    .cc-onboarding__steps--shipper{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:520px){
    .cc-onboarding__steps--shipper{
        grid-template-columns:1fr;
    }
}


/* CCARGO CABINET TRANSPORT METRICS V2 */

.cc-cabinet-transport-content
.cc-cabinet-transport-metrics{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;

    margin:0;

    border-top:1px solid #e4e7ec;
    border-bottom:1px solid #e4e7ec;

    background:#fafbfc;
}

.cc-cabinet-transport-content
.cc-cabinet-transport-metric{
    min-width:0;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    gap:4px;

    min-height:62px;
    padding:7px 6px;

    border-right:1px solid #e4e7ec;

    text-align:center;
}

.cc-cabinet-transport-content
.cc-cabinet-transport-metric:last-child{
    border-right:0;
}

.cc-cabinet-transport-metric__icon{
    display:flex;
    align-items:center;
    justify-content:center;

    width:21px;
    height:21px;

    color:#667085;
}

.cc-cabinet-transport-metric__icon svg{
    display:block;
    width:20px;
    height:20px;
}

.cc-cabinet-transport-metric__value{
    display:block;

    min-width:0;
    max-width:100%;

    color:#1d2939;

    font-size:12px;
    font-weight:750;
    line-height:1.2;

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

.cc-cabinet-transport-content
.cc-cabinet-transport-card__body{
    display:block;
    min-width:0;
}

.cc-cabinet-transport-content
.cc-cabinet-transport-composition{
    max-width:100%;
    overflow-wrap:anywhere;
}

@media(max-width:700px){

    .cc-cabinet-transport-content
    .cc-cabinet-transport-metrics{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .cc-cabinet-transport-content
    .cc-cabinet-transport-metric:nth-child(2){
        border-right:0;
    }

    .cc-cabinet-transport-content
    .cc-cabinet-transport-metric:nth-child(-n+2){
        border-bottom:1px solid #e4e7ec;
    }
}

/* CCARGO CABINET TRANSPORT METRICS V2 END */

/* CCARGO CABINET TRANSPORT ACTIONS 2 ROWS V1 */

/* Последняя колонка больше не раздувает всю строку */
.cc-cabinet-transport-content .cc-list-card{
    grid-template-columns:
        minmax(230px,1.15fr)
        minmax(310px,1.45fr)
        minmax(300px,1.45fr)
        minmax(235px,255px);

    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
}


/* footer является последней колонкой строки */
.cc-cabinet-transport-content .cc-list-card__footer{
    min-width:0;
    width:100%;
    box-sizing:border-box;
}


/* 3 + 2 кнопки */
.cc-cabinet-transport-content .cc-list-actions{
    display:grid;
    grid-template-columns:repeat(3,max-content);
    justify-content:end;
    align-content:center;
    gap:5px;

    width:100%;
    min-width:0;
}


/* формы не должны ломать grid */
.cc-cabinet-transport-content .cc-list-actions form{
    margin:0;
    min-width:0;
}


/* чуть компактнее только здесь */
.cc-cabinet-transport-content .cc-list-actions .btn{
    min-width:0;
    padding-left:8px;
    padding-right:8px;
    white-space:nowrap;
}


/* последний ряд из двух кнопок прижимается вправо */
.cc-cabinet-transport-content
.cc-list-actions > :nth-child(4){
    grid-column:2;
}

.cc-cabinet-transport-content
.cc-list-actions > :nth-child(5){
    grid-column:3;
}


/* CCARGO CABINET TRANSPORT ACTIONS 2 ROWS V1 END */

/* CCARGO SEMANTIC METRIC ICON COLORS V1 */

/* общий аккуратный контейнер иконки */
.cc-load-metric__icon,
.cc-cabinet-transport-metric__icon{
    border-radius:6px;
}


/* ---------------------------------------------------------
   LOAD
   1 дата
   2 тип транспорта
   3 вес
   4 объем
   5 расстояние
   --------------------------------------------------------- */

.cc-load-metric:nth-child(1)
.cc-load-metric__icon{
    color:#2563eb;
    background:#eff6ff;
}

.cc-load-metric:nth-child(2)
.cc-load-metric__icon{
    color:#4f46e5;
    background:#eef2ff;
}

.cc-load-metric:nth-child(3)
.cc-load-metric__icon{
    color:#d97706;
    background:#fff7ed;
}

.cc-load-metric:nth-child(4)
.cc-load-metric__icon{
    color:#7c3aed;
    background:#f5f3ff;
}

.cc-load-metric:nth-child(5)
.cc-load-metric__icon{
    color:#15803d;
    background:#f0fdf4;
}


/* ---------------------------------------------------------
   TRANSPORT
   1 доступность
   2 тип
   3 грузоподъемность
   4 ставка
   --------------------------------------------------------- */

.cc-cabinet-transport-metric:nth-child(1)
.cc-cabinet-transport-metric__icon{
    color:#2563eb;
    background:#eff6ff;
}

.cc-cabinet-transport-metric:nth-child(2)
.cc-cabinet-transport-metric__icon{
    color:#4f46e5;
    background:#eef2ff;
}

.cc-cabinet-transport-metric:nth-child(3)
.cc-cabinet-transport-metric__icon{
    color:#d97706;
    background:#fff7ed;
}

.cc-cabinet-transport-metric:nth-child(4)
.cc-cabinet-transport-metric__icon{
    color:#059669;
    background:#ecfdf5;
}


/* немного воздуха вокруг SVG */
.cc-load-metric__icon,
.cc-cabinet-transport-metric__icon{
    padding:3px;
    box-sizing:content-box;
}

/* CCARGO SEMANTIC METRIC ICON COLORS V1 END */


/* CCARGO SHIPPER MATCH TRANSPORT V4 */


/* ---------------------------------------------------------
   RESULT HEADER
   --------------------------------------------------------- */

.cc-cabinet-load-content
.cc-cargo-match-results{
    margin-top:22px;
}

.cc-cabinet-load-content
.cc-cargo-match-results__head{
    display:flex;
    align-items:center;
    gap:8px;

    margin:0 0 9px;
}

.cc-cabinet-load-content
.cc-cargo-match-results__head h3{
    margin:0;

    color:#1d2939;

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

.cc-cabinet-load-content
.cc-cargo-match-results__count{
    display:inline-flex;
    align-items:center;
    justify-content:center;

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

    padding:0 6px;

    border:1px solid #d0d5dd;
    border-radius:999px;

    background:#f8fafc;
    color:#475467;

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


/* ---------------------------------------------------------
   LIST
   --------------------------------------------------------- */

.cc-cabinet-load-content
.cc-cargo-match-list{
    display:flex;
    flex-direction:column;

    gap:0;

    width:100%;
    min-width:0;

    border-top:1px solid var(--cc-profile-border);
}


/* ---------------------------------------------------------
   ONE MATCHED TRANSPORT
   --------------------------------------------------------- */

.cc-cabinet-load-content
.cc-cargo-match-load{
    display:grid;

    grid-template-columns:
        minmax(220px,1.05fr)
        minmax(430px,1.8fr)
        minmax(260px,1.15fr)
        minmax(105px,.45fr);

    align-items:stretch;

    width:100%;
    max-width:100%;
    min-width:0;

    margin:0;

    border:0;
    border-bottom:1px solid var(--cc-profile-border);
    border-radius:0;

    background:#fff;

    box-shadow:none;

    overflow:hidden;
}

.cc-cabinet-load-content
.cc-cargo-match-load:hover{
    background:#fbfcfd;
}


/* ---------------------------------------------------------
   ROUTE
   --------------------------------------------------------- */

.cc-cabinet-load-content
.cc-cargo-match-load
> .cc-list-card__head{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;

    gap:4px;

    min-width:0;

    margin:0;
    padding:8px 10px;

    border:0;
    border-right:1px solid var(--cc-profile-border);

    background:transparent;
}

.cc-cabinet-load-content
.cc-cargo-match-load
.cc-list-card__id{
    margin:0 0 3px;

    color:#84909b;

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

.cc-cabinet-load-content
.cc-cargo-match-load
.cc-list-card__route{
    display:flex;
    align-items:center;

    gap:5px;

    width:100%;
    min-width:0;

    margin:0;

    color:#20262d;

    font-size:12px;
    font-weight:700;

    white-space:nowrap;
    overflow:hidden;
}

.cc-cabinet-load-content
.cc-cargo-match-load
.cc-list-card__route span{
    min-width:0;

    overflow:hidden;
    text-overflow:ellipsis;
}


/* ---------------------------------------------------------
   FIVE COLORED METRICS
   --------------------------------------------------------- */

.cc-cabinet-load-content
.cc-match-metrics{
    display:grid;

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

    min-width:0;

    border-right:1px solid var(--cc-profile-border);

    background:#fafbfc;
}

.cc-cabinet-load-content
.cc-match-metric{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    gap:4px;

    min-width:0;

    padding:7px 4px;

    border-right:1px solid #e7eaed;

    text-align:center;
}

.cc-cabinet-load-content
.cc-match-metric:last-child{
    border-right:0;
}


/* ICON */

.cc-match-metric__icon{
    display:flex;
    align-items:center;
    justify-content:center;

    width:25px;
    height:25px;

    border-radius:6px;
}

.cc-match-metric__icon svg{
    display:block;

    width:18px;
    height:18px;
}


/* VALUE */

.cc-match-metric__value{
    display:block;

    width:100%;
    min-width:0;

    overflow:hidden;

    color:#25313c;

    font-size:10.5px;
    font-weight:700;
    line-height:1.15;

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


/* DATE - BLUE */

.cc-match-metric.is-date
.cc-match-metric__icon{
    color:#2563eb;
    background:#eff6ff;
}


/* TYPE - INDIGO */

.cc-match-metric.is-type
.cc-match-metric__icon{
    color:#4f46e5;
    background:#eef2ff;
}


/* CAPACITY - ORANGE */

.cc-match-metric.is-capacity
.cc-match-metric__icon{
    color:#d97706;
    background:#fff7ed;
}


/* VOLUME - PURPLE */

.cc-match-metric.is-volume
.cc-match-metric__icon{
    color:#7c3aed;
    background:#f5f3ff;
}


/* RATE - GREEN */

.cc-match-metric.is-rate
.cc-match-metric__icon{
    color:#059669;
    background:#ecfdf5;
}


/* ---------------------------------------------------------
   COMPANY / MATCHED LOADS
   --------------------------------------------------------- */

.cc-cabinet-load-content
.cc-cargo-match-load
> .cc-list-card__body{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:10px;

    min-width:0;

    margin:0;
    padding:8px 10px;

    border:0;
    border-right:1px solid var(--cc-profile-border);

    background:transparent;
}

.cc-cabinet-load-content
.cc-cargo-match-load
.cc-cabinet-match-cargo-name{
    margin:0 0 3px;

    overflow:hidden;

    color:#1d2939;

    font-size:12px;
    font-weight:700;

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

.cc-cabinet-load-content
.cc-cargo-match-load
.cc-list-card__subline{
    margin:2px 0 0;

    overflow:hidden;

    color:#7b8792;

    font-size:9px;
    line-height:1.25;

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

.cc-cabinet-load-content
.cc-cabinet-match-side{
    flex:0 0 auto;

    min-width:0;

    font-size:9px;
}


/* ---------------------------------------------------------
   DETAILS BUTTON
   --------------------------------------------------------- */

.cc-cabinet-load-content
.cc-cargo-match-load
> .cc-cabinet-match-footer{
    display:flex;
    align-items:center;
    justify-content:center;

    min-width:0;
    width:auto;

    margin:0;
    padding:6px;

    border:0;

    background:#fafbfc;
}

.cc-cabinet-load-content
.cc-cabinet-match-footer .btn{
    min-width:0;

    padding-left:8px;
    padding-right:8px;

    white-space:nowrap;
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media(max-width:1180px){

    .cc-cabinet-load-content
    .cc-cargo-match-load{
        grid-template-columns:
            minmax(230px,.9fr)
            minmax(0,1.5fr);
    }

    .cc-cabinet-load-content
    .cc-cargo-match-load
    > .cc-list-card__head,
    .cc-cabinet-load-content
    .cc-match-metrics{
        border-bottom:
            1px solid var(--cc-profile-border);
    }

    .cc-cabinet-load-content
    .cc-match-metrics{
        border-right:0;
    }
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:720px){

    .cc-cabinet-load-content
    .cc-cargo-match-load{
        display:block;
    }

    .cc-cabinet-load-content
    .cc-cargo-match-load
    > .cc-list-card__head,
    .cc-cabinet-load-content
    .cc-match-metrics,
    .cc-cabinet-load-content
    .cc-cargo-match-load
    > .cc-list-card__body{
        border-right:0;
        border-bottom:
            1px solid var(--cc-profile-border);
    }

    .cc-cabinet-load-content
    .cc-match-metrics{
        grid-template-columns:
            repeat(5,minmax(68px,1fr));

        overflow-x:auto;

        -webkit-overflow-scrolling:touch;
    }

    .cc-cabinet-load-content
    .cc-cargo-match-load
    > .cc-cabinet-match-footer{
        justify-content:flex-start;
    }
}


/* CCARGO SHIPPER MATCH TRANSPORT V4 END */


/* CCARGO CARRIER MATCHED LOADS V4 */


/* =========================================================
   LIST
   ========================================================= */

.cc-cabinet-transport-content
.cc-cargo-match-list{
    display:flex;
    flex-direction:column;

    gap:0;

    width:100%;
    min-width:0;

    border-top:
        1px solid var(--cc-profile-border);
}


/* =========================================================
   ONE MATCHED LOAD
   ========================================================= */

.cc-cabinet-transport-content
.cc-cargo-match-load--carrier-load{
    display:grid;

    grid-template-columns:
        minmax(220px,1.05fr)
        minmax(430px,1.8fr)
        minmax(285px,1.2fr)
        minmax(105px,.45fr);

    align-items:stretch;

    width:100%;
    max-width:100%;
    min-width:0;
    min-height:76px;

    margin:0;
    padding:0;

    border:0;
    border-bottom:
        1px solid var(--cc-profile-border);
    border-radius:0;

    background:#fff;

    box-shadow:none;

    overflow:hidden;
}

.cc-cabinet-transport-content
.cc-cargo-match-load--carrier-load:hover{
    background:#fbfcfd;
}


/* =========================================================
   ROUTE
   ========================================================= */

.cc-cabinet-transport-content
.cc-cargo-match-load--carrier-load
> .cc-list-card__head{
    display:flex;
    flex-direction:column;

    align-items:flex-start;
    justify-content:center;

    gap:4px;

    min-width:0;

    margin:0;
    padding:8px 10px;

    border:0;
    border-right:
        1px solid var(--cc-profile-border);

    background:transparent;
}

.cc-cabinet-transport-content
.cc-cargo-match-load--carrier-load
.cc-list-card__identity{
    width:100%;
    min-width:0;
}

.cc-cabinet-transport-content
.cc-cargo-match-load--carrier-load
.cc-list-card__id{
    margin:0 0 3px;

    color:#84909b;

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

.cc-cabinet-transport-content
.cc-cargo-match-load--carrier-load
.cc-list-card__route{
    display:flex;
    align-items:center;

    gap:5px;

    width:100%;
    min-width:0;

    margin:0;

    color:#20262d;

    font-size:12px;
    font-weight:700;
    line-height:1.25;

    overflow:hidden;
    white-space:nowrap;
}

.cc-cabinet-transport-content
.cc-cargo-match-load--carrier-load
.cc-list-card__route span{
    min-width:0;

    overflow:hidden;
    text-overflow:ellipsis;
}


/* Категория груза остаётся badge */

.cc-cabinet-transport-content
.cc-cargo-match-load--carrier-load
.cc-list-card__badges{
    display:flex;
    align-items:center;

    gap:4px;

    margin-top:3px;
}


/* =========================================================
   FIVE COLORED METRICS
   ========================================================= */

.cc-cabinet-transport-content
.cc-match-load-metrics{
    display:grid;

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

    align-items:stretch;

    min-width:0;

    border-right:
        1px solid var(--cc-profile-border);

    background:#fafbfc;
}


.cc-cabinet-transport-content
.cc-match-load-metric{
    display:flex;
    flex-direction:column;

    align-items:center;
    justify-content:center;

    gap:4px;

    min-width:0;

    padding:7px 4px;

    border-right:1px solid #e7eaed;

    text-align:center;
}

.cc-cabinet-transport-content
.cc-match-load-metric:last-child{
    border-right:0;
}


/* ICON */

.cc-match-load-metric__icon{
    display:flex;

    align-items:center;
    justify-content:center;

    width:25px;
    height:25px;

    border-radius:6px;
}

.cc-match-load-metric__icon svg{
    display:block;

    width:18px;
    height:18px;
}


/* VALUE */

.cc-match-load-metric__value{
    display:block;

    width:100%;
    min-width:0;

    overflow:hidden;

    color:#25313c;

    font-size:10.5px;
    font-weight:700;
    line-height:1.15;

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


/* DATE - BLUE */

.cc-match-load-metric.is-date
.cc-match-load-metric__icon{
    color:#2563eb;
    background:#eff6ff;
}


/* TRUCK - INDIGO */

.cc-match-load-metric.is-type
.cc-match-load-metric__icon{
    color:#4f46e5;
    background:#eef2ff;
}


/* WEIGHT - ORANGE */

.cc-match-load-metric.is-weight
.cc-match-load-metric__icon{
    color:#d97706;
    background:#fff7ed;
}


/* VOLUME - PURPLE */

.cc-match-load-metric.is-volume
.cc-match-load-metric__icon{
    color:#7c3aed;
    background:#f5f3ff;
}


/* PRICE - GREEN */

.cc-match-load-metric.is-price
.cc-match-load-metric__icon{
    color:#059669;
    background:#ecfdf5;
}


/* =========================================================
   CARGO / MATCHING TRANSPORT
   ========================================================= */

.cc-cabinet-transport-content
.cc-cargo-match-load--carrier-load
> .cc-list-card__body{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:10px;

    min-width:0;

    margin:0;
    padding:8px 10px;

    border:0;
    border-right:
        1px solid var(--cc-profile-border);

    background:transparent;
}

.cc-cabinet-transport-content
.cc-cargo-match-load--carrier-load
.cc-cabinet-match-cargo-name{
    margin:0 0 3px;

    color:#1d2939;

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

.cc-cabinet-transport-content
.cc-cargo-match-load--carrier-load
.cc-list-card__subline{
    margin:2px 0 0;

    overflow:hidden;

    color:#7b8792;

    font-size:9px;
    line-height:1.25;

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

.cc-cabinet-transport-content
.cc-cargo-match-load--carrier-load
.cc-cabinet-match-for{
    display:flex;
    align-items:center;

    flex-wrap:wrap;

    gap:3px 5px;

    margin:4px 0 0;

    color:#7b8792;

    font-size:9px;
}

.cc-cabinet-transport-content
.cc-cargo-match-load--carrier-load
.cc-cargo-match-card__transports{
    display:flex;
    align-items:center;

    flex-wrap:wrap;

    gap:4px;

    margin:0;
}

.cc-cabinet-transport-content
.cc-cargo-match-load--carrier-load
.cc-cargo-match-transport{
    min-height:21px;

    padding:2px 6px;

    border-radius:5px;

    font-size:9px;
}


/* расстояние от точек поиска оставляем вторичной информацией */

.cc-cabinet-transport-content
.cc-cargo-match-load--carrier-load
.cc-cabinet-match-side{
    flex:0 0 auto;

    min-width:0;

    color:#7b8792;

    font-size:9px;
}


/* =========================================================
   DETAILS
   ========================================================= */

.cc-cabinet-transport-content
.cc-cargo-match-load--carrier-load
> .cc-cabinet-match-footer{
    display:flex;

    align-items:center;
    justify-content:center;

    min-width:0;
    width:auto;

    margin:0;
    padding:6px;

    border:0;

    background:#fafbfc;
}

.cc-cabinet-transport-content
.cc-cargo-match-load--carrier-load
.cc-cabinet-match-footer .btn{
    min-width:0;

    padding-left:8px;
    padding-right:8px;

    white-space:nowrap;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1180px){

    .cc-cabinet-transport-content
    .cc-cargo-match-load--carrier-load{
        grid-template-columns:
            minmax(230px,.9fr)
            minmax(0,1.5fr);
    }

    .cc-cabinet-transport-content
    .cc-cargo-match-load--carrier-load
    > .cc-list-card__head,
    .cc-cabinet-transport-content
    .cc-match-load-metrics{
        border-bottom:
            1px solid var(--cc-profile-border);
    }

    .cc-cabinet-transport-content
    .cc-match-load-metrics{
        border-right:0;
    }

    .cc-cabinet-transport-content
    .cc-cargo-match-load--carrier-load
    > .cc-list-card__body{
        grid-column:1 / -1;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:720px){

    .cc-cabinet-transport-content
    .cc-cargo-match-load--carrier-load{
        display:block;
    }

    .cc-cabinet-transport-content
    .cc-cargo-match-load--carrier-load
    > .cc-list-card__head,
    .cc-cabinet-transport-content
    .cc-match-load-metrics,
    .cc-cabinet-transport-content
    .cc-cargo-match-load--carrier-load
    > .cc-list-card__body{
        border-right:0;

        border-bottom:
            1px solid var(--cc-profile-border);
    }

    .cc-cabinet-transport-content
    .cc-match-load-metrics{
        grid-template-columns:
            repeat(5,minmax(68px,1fr));

        overflow-x:auto;

        -webkit-overflow-scrolling:touch;
    }

    .cc-cabinet-transport-content
    .cc-cargo-match-load--carrier-load
    > .cc-cabinet-match-footer{
        justify-content:flex-start;
    }
}


/* CCARGO CARRIER MATCHED LOADS V4 END */


/* =========================================================
   CCARGO LOAD ROUTE MAP V1
   ========================================================= */

.cc-detail-route-grid{
    display:grid;

    grid-template-columns:
        minmax(270px,.80fr)
        minmax(360px,1.20fr);

    align-items:stretch;

    gap:16px;

    width:100%;
    min-width:0;
}


.cc-detail-route-grid
.cc-detail-route-list{
    min-width:0;
}


.cc-detail-route-map{
    position:relative;

    min-width:0;
    min-height:240px;

    overflow:hidden;

    border:1px solid #dce3ea;
    border-radius:10px;

    background:#f1f5f9;
}


.cc-detail-route-map__canvas{
    position:absolute;

    inset:0;

    width:100%;
    height:100%;

    min-height:240px;
}


/* loading */

.cc-detail-route-map__state{
    position:absolute;
    z-index:500;

    inset:0;

    display:flex;
    align-items:center;
    justify-content:center;

    gap:5px;

    background:#f8fafc;

    transition:
        opacity .18s ease,
        visibility .18s ease;
}


.cc-detail-route-map__state span{
    width:7px;
    height:7px;

    border-radius:999px;

    background:#94a3b8;

    animation:
        cc-route-map-pulse
        1s infinite ease-in-out;
}


.cc-detail-route-map__state span:nth-child(2){
    animation-delay:.12s;
}


.cc-detail-route-map__state span:nth-child(3){
    animation-delay:.24s;
}


.cc-detail-route-map.is-ready
.cc-detail-route-map__state{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}


.cc-detail-route-map.is-error
.cc-detail-route-map__state{
    opacity:1;
    visibility:visible;
}


.cc-detail-route-map.is-error
.cc-detail-route-map__state span{
    display:none;
}


.cc-detail-route-map.is-error
.cc-detail-route-map__state::after{
    content:"—";

    color:#94a3b8;

    font-size:28px;
    font-weight:500;
}


@keyframes cc-route-map-pulse{

    0%,
    80%,
    100%{
        opacity:.35;
        transform:scale(.8);
    }

    40%{
        opacity:1;
        transform:scale(1);
    }
}


/* Leaflet inside CCargo */

.cc-detail-route-map
.leaflet-container{
    width:100%;
    height:100%;

    background:#e8edf2;

    font-family:
        Inter,
        system-ui,
        sans-serif;
}


.cc-detail-route-map
.leaflet-control-zoom{
    border:0;

    box-shadow:
        0 2px 8px rgba(15,23,42,.15);
}


.cc-detail-route-map
.leaflet-control-zoom a{
    color:#334155;
}


.cc-detail-route-map
.leaflet-control-attribution{
    font-size:9px;
}


/* tablet/mobile */

@media(max-width:850px){

    .cc-detail-route-grid{
        grid-template-columns:1fr;
    }

    .cc-detail-route-map{
        min-height:290px;
    }

    .cc-detail-route-map__canvas{
        min-height:290px;
    }
}


/* CCARGO LOAD ROUTE MAP V1 END */

/* CCARGO ROUTE MAP ERROR TEXT V1 */

.cc-route-map-error{
    padding:12px;
    color:#64748b;
    font-size:12px;
    font-weight:600;
    text-align:center;
}

/* CCARGO ROUTE MAP ERROR TEXT V1 END */

/* CCARGO MATCH TRANSPORT ACTIONS ALIGN V1 */

.cc-cabinet-load-content
.cc-cargo-match-load
> .cc-cabinet-match-footer{
    display:flex;
    align-items:center;
    justify-content:center;

    gap:7px;

    width:100%;
    min-width:0;
    max-width:none;

    margin:0;
    padding:7px 8px;

    align-self:stretch;
    justify-self:stretch;

    background:#fafbfc;
}


/* ссылки и формы стоят на одной линии */

.cc-cabinet-load-content
.cc-cargo-match-load
.cc-cabinet-match-footer form{
    display:flex;
    align-items:center;

    margin:0;
}


/* обе кнопки одной высоты */

.cc-cabinet-load-content
.cc-cargo-match-load
.cc-cabinet-match-footer .btn,
.cc-cabinet-load-content
.cc-cargo-match-load
.cc-cabinet-match-more{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:32px;
    height:32px;

    margin:0;
    padding:5px 10px;

    box-sizing:border-box;

    line-height:1;
    white-space:nowrap;
}


/* если proposal-кнопка стоит соседним элементом */

.cc-cabinet-load-content
.cc-cargo-match-load
a.btn,
.cc-cabinet-load-content
.cc-cargo-match-load
button.btn{
    align-self:center;
}


/* CCARGO MATCH TRANSPORT ACTIONS ALIGN V1 END */


/* =========================================================
   CCARGO TRANSPORT ROUTE AVAILABILITY V2
   ========================================================= */

.cc-detail-page--transport
.cc-transport-route-card{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        34px
        minmax(0,1fr)
        minmax(205px,.72fr);

    align-items:stretch;

    width:100%;
    min-width:0;

    overflow:hidden;

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

    background:#fff;
}


/* ITEM */

.cc-detail-page--transport
.cc-transport-route-item{
    display:flex;
    align-items:center;

    gap:10px;

    min-width:0;

    padding:12px 14px;

    border-right:1px solid #e5e9ed;
}


.cc-detail-page--transport
.cc-transport-route-item__content{
    min-width:0;
}


.cc-detail-page--transport
.cc-transport-route-item__label{
    margin:0 0 4px;

    overflow:hidden;

    color:#7b8792;

    font-size:9px;
    font-weight:650;
    line-height:1.15;

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

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


.cc-detail-page--transport
.cc-transport-route-item__value{
    min-width:0;

    overflow:hidden;

    color:#1d2939;

    font-size:14px;
    font-weight:750;
    line-height:1.25;

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


/* ICON BASE */

.cc-detail-page--transport
.cc-transport-route-icon{
    display:flex;
    align-items:center;
    justify-content:center;

    flex:0 0 32px;

    width:32px;
    height:32px;

    border-radius:8px;
}


/* LOCATION = GREEN */

.cc-detail-page--transport
.cc-transport-route-item.is-location
.cc-transport-route-icon{
    color:#15803d;
    background:#f0fdf4;
}


/* DIRECTION = INDIGO */

.cc-detail-page--transport
.cc-transport-route-item.is-direction
.cc-transport-route-icon{
    color:#4f46e5;
    background:#eef2ff;
}


/* AVAILABLE = BLUE */

.cc-detail-page--transport
.cc-transport-route-item.is-available
.cc-transport-route-icon{
    color:#2563eb;
    background:#eff6ff;
}


/* ARROW */

.cc-detail-page--transport
.cc-transport-route-arrow{
    display:flex;
    align-items:center;
    justify-content:center;

    color:#94a3b8;

    border-right:1px solid #e5e9ed;

    background:#fafbfc;
}


/* AVAILABLE COLUMN */

.cc-detail-page--transport
.cc-transport-route-available{
    border-right:0;

    background:#fafbfc;
}


.cc-detail-page--transport
.cc-transport-route-available
.cc-transport-route-item__value{
    font-size:12px;
}


/* TABLET */

@media(max-width:900px){

    .cc-detail-page--transport
    .cc-transport-route-card{
        grid-template-columns:
            minmax(0,1fr)
            34px
            minmax(0,1fr);
    }

    .cc-detail-page--transport
    .cc-transport-route-available{
        grid-column:1 / -1;

        border-top:1px solid #e5e9ed;
    }
}


/* MOBILE */

@media(max-width:620px){

    .cc-detail-page--transport
    .cc-transport-route-card{
        display:block;
    }

    .cc-detail-page--transport
    .cc-transport-route-arrow{
        display:none;
    }

    .cc-detail-page--transport
    .cc-transport-route-item{
        border-right:0;
        border-bottom:1px solid #e5e9ed;
    }

    .cc-detail-page--transport
    .cc-transport-route-item:last-child{
        border-bottom:0;
    }
}


/* CCARGO TRANSPORT ROUTE AVAILABILITY V2 END */

/* CCARGO GARAGE ACTIONS V2 START */

.cc-garage-page
.cc-garage-row__side{
    flex-direction:column !important;
    align-items:flex-end !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;

    gap:6px !important;

    min-width:145px !important;

    white-space:normal !important;
}

.cc-garage-page
.cc-garage-row__status{
    width:100% !important;

    justify-content:flex-end !important;

    white-space:nowrap !important;
}

.cc-garage-page
.cc-garage-row__market{
    flex-direction:column !important;
    align-items:flex-end !important;
    justify-content:center !important;

    gap:5px !important;

    width:100% !important;

    white-space:normal !important;
}

.cc-garage-page
.cc-garage-market-badge{
    max-width:100% !important;

    text-align:right !important;

    white-space:normal !important;
}

.cc-garage-page
.cc-garage-row__market form,
.cc-garage-page
.cc-garage-delete-form{
    flex:0 0 auto !important;
}

.cc-garage-page
.cc-garage-row__market .btn{
    white-space:nowrap !important;
}


/* tablet */
@media(max-width:1180px){

    .cc-garage-page
    .cc-garage-row__side{
        flex-direction:row !important;
        align-items:center !important;
        justify-content:flex-end !important;
        flex-wrap:wrap !important;

        min-width:0 !important;
    }

    .cc-garage-page
    .cc-garage-row__status{
        width:auto !important;
    }

    .cc-garage-page
    .cc-garage-row__market{
        flex-direction:row !important;
        align-items:center !important;

        width:auto !important;
    }
}


/* mobile */
@media(max-width:760px){

    .cc-garage-page
    .cc-garage-row__side{
        justify-content:flex-start !important;
    }

    .cc-garage-page
    .cc-garage-row__status{
        justify-content:flex-start !important;
    }
}

/* CCARGO GARAGE ACTIONS V2 END */


/* =========================================================
   CCARGO LOAD ROUTE RATE ECONOMY V3
   ========================================================= */


/* ---------------------------------------------------------
   ROUTE
   Left route sign compact, map gets the remaining width.
   --------------------------------------------------------- */

.cc-detail-page--load
.cc-detail-route-grid{
    grid-template-columns:
        minmax(180px,215px)
        minmax(0,1fr) !important;

    gap:22px !important;

    width:100% !important;
    max-width:none !important;
}


.cc-detail-page--load
.cc-detail-route-grid
.cc-detail-route-list{
    width:100% !important;
    min-width:0 !important;

    align-content:center;
}


.cc-detail-page--load
.cc-detail-route-map{
    width:100% !important;
    max-width:none !important;
}


/* route points */

.cc-detail-page--load
.cc-detail-route-stop{
    padding-bottom:18px !important;
}


.cc-detail-page--load
.cc-detail-route-stop:last-child{
    padding-bottom:0 !important;
}


.cc-detail-page--load
.cc-detail-route-stop__dot{
    width:12px !important;
    height:12px !important;

    border:3px solid #fff !important;
    border-radius:999px !important;

    box-shadow:
        0 0 0 2px #cbd5e1 !important;
}


/* loading */

.cc-detail-page--load
.cc-detail-route-stop:first-child
.cc-detail-route-stop__dot{
    background:#16a34a !important;

    box-shadow:
        0 0 0 2px #bbf7d0 !important;
}


/* unloading */

.cc-detail-page--load
.cc-detail-route-stop:last-child
.cc-detail-route-stop__dot{
    background:#dc2626 !important;

    box-shadow:
        0 0 0 2px #fecaca !important;
}


.cc-detail-page--load
.cc-detail-route-stop__label{
    margin-bottom:3px !important;

    font-size:9px !important;
    font-weight:700 !important;

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


.cc-detail-page--load
.cc-detail-route-stop__city{
    font-size:13px !important;
    font-weight:750 !important;
    line-height:1.25 !important;
}


.cc-detail-page--load
.cc-detail-route-stop__meta,
.cc-detail-page--load
.cc-detail-route-stop__leg{
    margin-top:4px !important;

    line-height:1.35 !important;
}


/* ---------------------------------------------------------
   RATE + ECONOMY
   --------------------------------------------------------- */

.cc-detail-page--load
.cc-detail-section--rate-economy{
    width:100%;
    max-width:none;

    box-sizing:border-box;
}


.cc-detail-page--load
.cc-detail-section--rate-economy
.cc-detail-primary-value{
    margin:0 0 5px;

    color:var(--cc-load-text);

    font-size:24px;
    font-weight:800;
    line-height:1.15;
}


.cc-detail-page--load
.cc-detail-section--rate-economy
.cc-detail-primary-note{
    margin-top:3px;

    color:#667085;

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


/* economy no longer behaves like narrow sidebar content */

.cc-detail-page--load
.cc-route-economy-compact--main{
    margin-top:18px;
    padding-top:16px;

    border-top:1px solid #e2e8f0;
}


.cc-detail-page--load
.cc-route-economy-compact--main
.cc-route-economy-compact__title{
    margin-bottom:12px;

    color:var(--cc-load-text);

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


.cc-detail-page--load
.cc-route-economy-compact--main
.cc-route-economy-compact__item{
    padding:12px 14px;

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

    background:#f8fafc;
}


.cc-detail-page--load
.cc-route-economy-compact--main
.cc-route-economy-compact__item
+
.cc-route-economy-compact__item{
    margin-top:10px;
}


.cc-detail-page--load
.cc-route-economy-compact--main
.cc-route-economy-compact__grid{
    display:grid;

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

    gap:8px;

    margin-top:9px;
}


.cc-detail-page--load
.cc-route-economy-compact--main
.cc-route-economy-compact__stat{
    display:flex;

    flex-direction:column;
    align-items:flex-start;
    justify-content:center;

    gap:4px;

    min-width:0;

    padding:9px 10px;

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

    background:#fff;
}


.cc-detail-page--load
.cc-route-economy-compact--main
.cc-route-economy-compact__stat span{
    font-size:10px;
}


.cc-detail-page--load
.cc-route-economy-compact--main
.cc-route-economy-compact__stat b{
    font-size:13px;

    text-align:left;
}


.cc-detail-page--load
.cc-route-economy-compact--main
.cc-route-economy-compact__stat--rate b{
    font-size:14px;
}

/* CCARGO ROUTE EFFICIENCY SCORE UI V1 */

.cc-detail-page--load
.cc-route-economy-compact--main
.cc-route-economy-compact__stat--score b{
    font-size:15px;
    font-weight:800;
}

@media(max-width:1100px){

    .cc-detail-page--load
    .cc-route-economy-compact--main
    .cc-route-economy-compact__grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }
}

/* CCARGO ROUTE EFFICIENCY SCORE UI V1 END */


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media(max-width:850px){

    .cc-detail-page--load
    .cc-detail-route-grid{
        grid-template-columns:1fr !important;

        gap:14px !important;
    }


    .cc-detail-page--load
    .cc-route-economy-compact--main
    .cc-route-economy-compact__grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }
}


@media(max-width:520px){

    .cc-detail-page--load
    .cc-route-economy-compact--main
    .cc-route-economy-compact__grid{
        grid-template-columns:1fr;
    }
}


/* CCARGO LOAD ROUTE RATE ECONOMY V3 END */

/* CCARGO LOAD MAIN FULL WIDTH V4 */

.cc-detail-page--load
.cc-detail-layout{
    grid-template-columns:minmax(0,1fr) !important;
    width:100% !important;
}

.cc-detail-page--load
.cc-detail-main{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    box-sizing:border-box;
}

.cc-detail-page--load
.cc-detail-section--work-main{
    width:100%;
    box-sizing:border-box;
}

.cc-detail-page--load
.cc-detail-section--work-main
.cc-work-box,
.cc-detail-page--load
.cc-detail-section--work-main
.cc-work-form{
    width:100%;
    max-width:none;
    box-sizing:border-box;
}

.cc-detail-page--load
.cc-detail-section--work-main
.cc-work-contact-grid{
    grid-template-columns:
        repeat(2,minmax(0,1fr));
}

.cc-detail-page--load
.cc-detail-section--work-main
.cc-work-field--wide{
    grid-column:1 / -1;
}

@media(max-width:640px){

    .cc-detail-page--load
    .cc-detail-section--work-main
    .cc-work-contact-grid{
        grid-template-columns:1fr;
    }

    .cc-detail-page--load
    .cc-detail-section--work-main
    .cc-work-field--wide{
        grid-column:auto;
    }
}

/* CCARGO LOAD MAIN FULL WIDTH V4 END */


/* =========================================================
   CCARGO BACKHAUL PAGINATION V1
   ========================================================= */

.cc-detail-page--load
.cc-backhaul-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;

    gap:8px;

    margin-top:14px;
    padding-top:12px;

    border-top:1px solid #e5e9ed;
}


.cc-detail-page--load
.cc-backhaul-pagination .btn{
    min-height:30px;

    padding:5px 10px;

    box-shadow:none;

    font-size:10px;

    white-space:nowrap;
}


.cc-detail-page--load
.cc-backhaul-pagination__status{
    min-width:120px;

    color:#64748b;

    font-size:10px;
    font-weight:650;
    line-height:1.3;

    text-align:center;
}


.cc-detail-page--load
.cc-backhaul-pagination__disabled{
    opacity:.45;

    cursor:default;
    pointer-events:none;
}


@media(max-width:520px){

    .cc-detail-page--load
    .cc-backhaul-pagination{
        justify-content:space-between;
    }


    .cc-detail-page--load
    .cc-backhaul-pagination__status{
        order:-1;

        flex:0 0 100%;

        width:100%;
    }
}


/* CCARGO BACKHAUL PAGINATION V1 END */


/* =========================================================
   CCARGO LOAD BOTTOM GRID V1

   1. RATE       4/12
   2. ECONOMY    8/12
   3. BACKHAUL   7/12
   4. WORK       5/12
   ========================================================= */


.cc-detail-page--load
.cc-load-bottom-grid{
    display:grid;

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

    gap:16px;

    width:100%;
    min-width:0;

    margin-top:28px;

    align-items:start;
}


/* Remove old full-width section spacing inside grid */

.cc-detail-page--load
.cc-load-bottom-grid
> .cc-detail-section{
    min-width:0;

    margin:0 !important;
    padding:16px 18px !important;

    border:1px solid #e1e7ed !important;
    border-radius:10px !important;

    background:#fff;
}


/* 1. RATE */

.cc-detail-page--load
.cc-detail-section--rate-card{
    grid-column:span 4;
}


/* 2. ECONOMY */

.cc-detail-page--load
.cc-detail-section--economy-card{
    grid-column:span 8;
}


/* Economy already has its own card container.
   It no longer needs another large top separation. */

.cc-detail-page--load
.cc-detail-section--economy-card
.cc-route-economy-compact--main{
    margin-top:0;
    padding-top:0;

    border-top:0;
}


.cc-detail-page--load
.cc-detail-section--economy-card
.cc-route-economy-compact__grid{
    grid-template-columns:
        repeat(4,minmax(0,1fr));
}


/* 3. BACKHAUL */

.cc-detail-page--load
.cc-load-bottom-grid
> .cc-backhaul{
    grid-column:span 7;
}


/* Search form in 7/12 width:
   cities on first line, radius below */

.cc-detail-page--load
.cc-load-bottom-grid
.cc-backhaul__form{
    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;
}


.cc-detail-page--load
.cc-load-bottom-grid
.cc-backhaul__radius{
    grid-column:1 / -1;
}


/* Backhaul card stats don't need six microscopic columns */

.cc-detail-page--load
.cc-load-bottom-grid
.cc-backhaul-card__rows{
    grid-template-columns:
        repeat(3,minmax(0,1fr)) !important;
}


/* 4. WORK */

.cc-detail-page--load
.cc-detail-section--work-main{
    grid-column:span 5;
}


/* 5/12 is enough for the form,
   but not for two cramped contact fields */

.cc-detail-page--load
.cc-load-bottom-grid
.cc-detail-section--work-main
.cc-work-contact-grid{
    grid-template-columns:1fr !important;
}


.cc-detail-page--load
.cc-load-bottom-grid
.cc-detail-section--work-main
.cc-work-field--wide{
    grid-column:auto !important;
}


.cc-detail-page--load
.cc-load-bottom-grid
.cc-detail-section--work-main
.cc-work-submit{
    width:100%;
}


/* ---------------------------------------------------------
   MEDIUM
   --------------------------------------------------------- */

@media(max-width:1100px){

    .cc-detail-page--load
    .cc-detail-section--rate-card{
        grid-column:span 5;
    }

    .cc-detail-page--load
    .cc-detail-section--economy-card{
        grid-column:span 7;
    }

    .cc-detail-page--load
    .cc-load-bottom-grid
    > .cc-backhaul,
    .cc-detail-page--load
    .cc-detail-section--work-main{
        grid-column:span 6;
    }

    .cc-detail-page--load
    .cc-detail-section--economy-card
    .cc-route-economy-compact__grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .cc-detail-page--load
    .cc-load-bottom-grid
    .cc-backhaul-card__rows{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }
}


/* ---------------------------------------------------------
   TABLET / MOBILE
   --------------------------------------------------------- */

@media(max-width:780px){

    .cc-detail-page--load
    .cc-load-bottom-grid{
        grid-template-columns:1fr;
        gap:12px;
    }

    .cc-detail-page--load
    .cc-detail-section--rate-card,
    .cc-detail-page--load
    .cc-detail-section--economy-card,
    .cc-detail-page--load
    .cc-load-bottom-grid
    > .cc-backhaul,
    .cc-detail-page--load
    .cc-detail-section--work-main{
        grid-column:1;
    }

    .cc-detail-page--load
    .cc-load-bottom-grid
    .cc-backhaul__form{
        grid-template-columns:1fr !important;
    }

    .cc-detail-page--load
    .cc-load-bottom-grid
    .cc-backhaul__radius{
        grid-column:auto;
    }
}


/* CCARGO LOAD BOTTOM GRID V1 END */

/* =========================================================
   CCARGO LOAD ROUTE MAP HEIGHT V2
   ========================================================= */

.cc-detail-page--load
.cc-detail-route-map{
    min-height:320px !important;
}

.cc-detail-page--load
.cc-detail-route-map__canvas{
    min-height:320px !important;
}

@media(max-width:850px){

    .cc-detail-page--load
    .cc-detail-route-map,
    .cc-detail-page--load
    .cc-detail-route-map__canvas{
        min-height:390px !important;
    }
}

/* CCARGO LOAD ROUTE MAP HEIGHT V2 END */

/* =========================================================
   CCARGO LOAD DASHBOARD GRID V2
   ========================================================= */

/*
 * Верх:
 * 56% Вантажовідправник
 * 44% Ставка + Економіка
 */

.cc-detail-page--load
.cc-load-top-grid{
    display:grid;
    grid-template-columns:
        minmax(0,1.12fr)
        minmax(340px,.88fr);
    gap:16px;
    width:100%;
    min-width:0;
    margin-top:16px;
    align-items:stretch;
}


/* Вантажовідправник */

/*
 * Карточку только размещаем в левой колонке.
 * Внутренний cc-carrier-inline сохраняет свои родные стили.
 */

.cc-detail-page--load
.cc-detail-section--counterparty-card{
    width:100%;
    min-width:0;
    height:100%;

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

    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;

    box-sizing:border-box;
}


/* Правая колонка */

.cc-detail-page--load
.cc-load-finance-stack{
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:auto 1fr;
    gap:16px;
    width:100%;
    min-width:0;
}

.cc-detail-page--load
.cc-load-finance-stack--full{
    grid-column:1 / -1;
}

.cc-detail-page--load
.cc-load-finance-stack
> .cc-detail-section{
    width:100%;
    min-width:0;
    margin:0 !important;
    box-sizing:border-box;
}

.cc-detail-page--load
.cc-load-finance-stack
.cc-detail-section--rate-card,
.cc-detail-page--load
.cc-load-finance-stack
.cc-detail-section--economy-card{
    grid-column:auto !important;
}


/* Ставка */

.cc-detail-page--load
.cc-load-finance-stack
.cc-detail-section--rate-card{
    padding:14px 18px !important;
}


/* Экономика */

.cc-detail-page--load
.cc-load-finance-stack
.cc-detail-section--economy-card{
    height:100%;
    padding:14px 18px !important;
}

.cc-detail-page--load
.cc-load-finance-stack
.cc-route-economy-compact--main{
    margin-top:0 !important;
    padding-top:0 !important;
    border-top:0 !important;
}

.cc-detail-page--load
.cc-load-finance-stack
.cc-route-economy-compact__grid{
    display:grid !important;
    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;
    column-gap:16px;
}


/* Нижняя пара */

.cc-detail-page--load
.cc-load-bottom-grid{
    margin-top:16px;
}

.cc-detail-page--load
.cc-load-bottom-grid
> .cc-backhaul{
    grid-column:span 7 !important;
}

.cc-detail-page--load
.cc-load-bottom-grid
> .cc-detail-section--work-main{
    grid-column:span 5 !important;
}


/* Адаптив */

@media(max-width:820px){

    .cc-detail-page--load
    .cc-load-top-grid{
        grid-template-columns:1fr;
    }

    .cc-detail-page--load
    .cc-load-finance-stack,
    .cc-detail-page--load
    .cc-load-finance-stack--full{
        grid-column:1;
    }

    .cc-detail-page--load
    .cc-load-bottom-grid
    > .cc-backhaul,
    .cc-detail-page--load
    .cc-load-bottom-grid
    > .cc-detail-section--work-main{
        grid-column:1 / -1 !important;
    }
}

@media(max-width:560px){

    .cc-detail-page--load
    .cc-detail-section--counterparty-card
    .cc-carrier-inline__list{
        grid-template-columns:1fr;
    }

    .cc-detail-page--load
    .cc-load-finance-stack
    .cc-route-economy-compact__grid{
        grid-template-columns:1fr !important;
    }
}

/* CCARGO LOAD DASHBOARD GRID V2 END */


/* =========================================================
   CCARGO BACKHAUL AUTOCOMPLETE VISIBILITY V2
   ========================================================= */

/*
 * Autocomplete must be allowed to leave the grid cell.
 */

.cc-detail-page--load
.cc-backhaul,
.cc-detail-page--load
.cc-backhaul__form,
.cc-detail-page--load
.cc-backhaul__field,
.cc-detail-page--load
.cc-backhaul__city-wrap{
    overflow:visible !important;
}


/*
 * Raise the active city field above neighbouring
 * grid elements.
 */

.cc-detail-page--load
.cc-backhaul__field:focus-within{
    position:relative;
    z-index:500;
}


.cc-detail-page--load
.cc-backhaul__suggest{
    z-index:1000 !important;
}


/* CCARGO BACKHAUL AUTOCOMPLETE VISIBILITY V2 END */

/* =========================================================
   CCARGO BACKHAUL FULL WIDTH V1
   ========================================================= */

/* Backhaul занимает всю строку */

.cc-detail-page--load
.cc-load-bottom-grid
> .cc-backhaul{
    grid-column:1 / -1 !important;
    width:100%;
    min-width:0;
}


/* Work идёт следующей отдельной строкой */

.cc-detail-page--load
.cc-load-bottom-grid
> .cc-detail-section--work-main{
    grid-column:1 / -1 !important;
    width:100%;
    min-width:0;
}


/* В полном Backhaul возвращаем удобные пропорции формы */

.cc-detail-page--load
.cc-load-bottom-grid
.cc-backhaul__form{
    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;
}


/* Карточка результата использует ширину, а не толчётся */

.cc-detail-page--load
.cc-load-bottom-grid
.cc-backhaul-card__rows{
    grid-template-columns:
        repeat(6,minmax(0,1fr)) !important;
}


@media(max-width:1050px){

    .cc-detail-page--load
    .cc-load-bottom-grid
    .cc-backhaul-card__rows{
        grid-template-columns:
            repeat(3,minmax(0,1fr)) !important;
    }
}


@media(max-width:650px){

    .cc-detail-page--load
    .cc-load-bottom-grid
    .cc-backhaul__form{
        grid-template-columns:1fr !important;
    }

    .cc-detail-page--load
    .cc-load-bottom-grid
    .cc-backhaul-card__rows{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }
}

/* CCARGO BACKHAUL FULL WIDTH V1 END */


/* =========================================================
   CCARGO BACKHAUL LOAD CARD V2
   Same visual language as ordinary CCargo load cards
   ========================================================= */


/* Whole Backhaul section = full width */

.cc-detail-page--load
.cc-load-bottom-grid
> .cc-backhaul{
    grid-column:1 / -1 !important;

    width:100%;
    min-width:0;
}


/* Work module goes below it */

.cc-detail-page--load
.cc-load-bottom-grid
> .cc-detail-section--work-main{
    grid-column:1 / -1 !important;

    width:100%;
    min-width:0;
}


/* Result list */

.cc-detail-page--load
.cc-backhaul-list{
    display:grid;

    gap:10px;

    width:100%;
}


/* CARD */

.cc-detail-page--load
.cc-backhaul-load-card{
    width:100%;
    min-width:0;

    padding:0 !important;

    overflow:hidden;

    border:1px solid #d9e1e8;
    border-radius:10px;

    background:#fff;

    box-sizing:border-box;

    transition:
        border-color .15s ease,
        box-shadow .15s ease;
}


.cc-detail-page--load
.cc-backhaul-load-card:hover{
    border-color:#c4ced8;

    box-shadow:
        0 5px 16px rgba(15,23,42,.055);
}


/* ---------------------------------------------------------
   HEADER
   --------------------------------------------------------- */

.cc-detail-page--load
.cc-backhaul-load-card__head{
    display:flex;

    align-items:center;
    justify-content:space-between;

    min-width:0;

    padding:9px 12px;

    border-bottom:1px solid #edf1f4;

    background:#fbfcfd;
}


.cc-detail-page--load
.cc-backhaul-load-card__identity{
    min-width:0;
}


.cc-detail-page--load
.cc-backhaul-load-card__id{
    display:block;

    margin-bottom:3px;

    color:#84909b;

    font-size:9px;
    font-weight:700;
    line-height:1.2;

    text-decoration:none;
}


.cc-detail-page--load
.cc-backhaul-load-card__route{
    display:flex;

    align-items:center;

    gap:6px;

    min-width:0;

    color:#20262d;

    font-size:13px;
    font-weight:750;
    line-height:1.25;
}


.cc-detail-page--load
.cc-backhaul-load-card__route
> span:not(.cc-backhaul-load-card__route-arrow){
    min-width:0;

    overflow:hidden;

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


.cc-detail-page--load
.cc-backhaul-load-card__route-arrow{
    flex:0 0 auto;

    color:#98a2b3;
}


/* ---------------------------------------------------------
   5 COLORED METRICS
   --------------------------------------------------------- */

.cc-detail-page--load
.cc-backhaul-load-card__metrics{
    display:grid;

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

    min-width:0;

    border-bottom:1px solid #edf1f4;

    background:#fff;
}


.cc-detail-page--load
.cc-backhaul-metric{
    display:flex;

    align-items:center;

    gap:7px;

    min-width:0;

    padding:8px 10px;

    border-right:1px solid #edf1f4;
}


.cc-detail-page--load
.cc-backhaul-metric:last-child{
    border-right:0;
}


.cc-detail-page--load
.cc-backhaul-metric__icon{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    flex:0 0 24px;

    width:24px;
    height:24px;

    border-radius:7px;
}


.cc-detail-page--load
.cc-backhaul-metric__icon svg{
    display:block;

    width:15px;
    height:15px;
}


.cc-detail-page--load
.cc-backhaul-metric__value{
    display:block;

    min-width:0;

    overflow:hidden;

    color:#25313c;

    font-size:10.5px;
    font-weight:700;
    line-height:1.15;

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


/* Same colors as CCargo metrics */

.cc-detail-page--load
.cc-backhaul-metric.is-date
.cc-backhaul-metric__icon{
    color:#2563eb;
    background:#eff6ff;
}


.cc-detail-page--load
.cc-backhaul-metric.is-type
.cc-backhaul-metric__icon{
    color:#4f46e5;
    background:#eef2ff;
}


.cc-detail-page--load
.cc-backhaul-metric.is-weight
.cc-backhaul-metric__icon{
    color:#d97706;
    background:#fff7ed;
}


.cc-detail-page--load
.cc-backhaul-metric.is-volume
.cc-backhaul-metric__icon{
    color:#7c3aed;
    background:#f5f3ff;
}


.cc-detail-page--load
.cc-backhaul-metric.is-distance
.cc-backhaul-metric__icon{
    color:#15803d;
    background:#f0fdf4;
}


/* ---------------------------------------------------------
   BODY
   --------------------------------------------------------- */

.cc-detail-page--load
.cc-backhaul-load-card__body{
    display:grid;

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

    align-items:center;

    gap:12px;

    min-width:0;

    padding:9px 12px;
}


.cc-detail-page--load
.cc-backhaul-load-card__cargo{
    min-width:0;
}


.cc-detail-page--load
.cc-backhaul-load-card__cargo-name{
    overflow:hidden;

    color:#20262d;

    font-size:13px;
    font-weight:750;
    line-height:1.25;

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


.cc-detail-page--load
.cc-backhaul-load-card__subline{
    margin-top:2px;

    overflow:hidden;

    color:#7b8792;

    font-size:9.5px;
    line-height:1.25;

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


.cc-detail-page--load
.cc-backhaul-load-card__details{
    display:flex;

    align-items:center;
    flex-wrap:wrap;

    gap:4px 14px;

    margin-top:5px;

    color:#64748b;

    font-size:10px;
    line-height:1.25;
}


.cc-detail-page--load
.cc-backhaul-load-card__details b{
    color:#334155;

    font-weight:800;
}


/* PRICE */

.cc-detail-page--load
.cc-backhaul-load-card__price{
    display:flex;

    flex-direction:column;

    align-items:flex-end;

    gap:2px;

    min-width:150px;

    text-align:right;
}


.cc-detail-page--load
.cc-backhaul-load-card__price-value{
    color:#111827;

    font-size:15px;
    font-weight:850;
    line-height:1.2;

    white-space:nowrap;
}


.cc-detail-page--load
.cc-backhaul-load-card__rate{
    color:#64748b;

    font-size:9.5px;
    line-height:1.25;

    white-space:nowrap;
}


.cc-detail-page--load
.cc-backhaul-load-card__rate b{
    color:#334155;

    font-weight:800;
}


/* ---------------------------------------------------------
   FOOTER
   --------------------------------------------------------- */

.cc-detail-page--load
.cc-backhaul-load-card__footer{
    display:flex;

    justify-content:flex-end;

    padding:6px 10px;

    border-top:1px solid #edf1f4;

    background:#fafbfc;
}


.cc-detail-page--load
.cc-backhaul-load-card__footer .btn{
    min-height:29px;

    padding:4px 9px;

    font-size:10px;

    box-shadow:none;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media(max-width:900px){

    .cc-detail-page--load
    .cc-backhaul-load-card__metrics{
        grid-template-columns:
            repeat(5,minmax(110px,1fr));

        overflow-x:auto;
    }
}


@media(max-width:620px){

    .cc-detail-page--load
    .cc-backhaul-load-card__body{
        grid-template-columns:1fr;
    }


    .cc-detail-page--load
    .cc-backhaul-load-card__price{
        align-items:flex-start;

        min-width:0;

        text-align:left;
    }


    .cc-detail-page--load
    .cc-backhaul-load-card__footer{
        justify-content:stretch;
    }


    .cc-detail-page--load
    .cc-backhaul-load-card__footer .btn{
        width:100%;
    }
}


/* CCARGO BACKHAUL LOAD CARD V2 END */


/* =========================================================
   CCARGO BACKHAUL FEED CARD V3
   Card layout follows public loads feed
   ========================================================= */


/* BACKHAUL = FULL ROW */

.cc-detail-page--load
.cc-load-bottom-grid
> .cc-backhaul{
    grid-column:1 / -1 !important;

    width:100% !important;
    min-width:0;
}


/* WORK MODULE = NEXT ROW */

.cc-detail-page--load
.cc-load-bottom-grid
> .cc-detail-section--work-main{
    grid-column:1 / -1 !important;

    width:100% !important;
    min-width:0;
}


/* SEARCH FORM */

.cc-detail-page--load
.cc-load-bottom-grid
.cc-backhaul__form{
    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;
}


/* RESULTS */

.cc-detail-page--load
.cc-backhaul-list{
    display:grid;

    gap:12px;

    width:100%;
}


/* =========================================================
   CARD
   ========================================================= */

.cc-detail-page--load
.cc-bh-feed-card{
    width:100%;
    min-width:0;

    padding:0 !important;

    overflow:hidden;

    border:1px solid #dce3ea !important;
    border-radius:14px !important;

    background:#fff;

    box-shadow:none;

    box-sizing:border-box;

    transition:
        border-color .15s ease,
        background-color .15s ease,
        box-shadow .15s ease;
}


.cc-detail-page--load
.cc-bh-feed-card:hover{
    border-color:#cbd6df !important;

    background:#f8fffb;

    box-shadow:
        0 5px 16px rgba(15,23,42,.045);
}


/* =========================================================
   TWO COLUMNS
   ========================================================= */

.cc-detail-page--load
.cc-bh-feed-card__main{
    display:grid;

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

    width:100%;
    min-width:0;
}


.cc-detail-page--load
.cc-bh-feed-card__content{
    min-width:0;

    padding:12px 16px 13px;
}


/* =========================================================
   ID
   ========================================================= */

.cc-detail-page--load
.cc-bh-feed-card__id-row{
    display:flex;

    align-items:center;

    min-height:22px;
}


.cc-detail-page--load
.cc-bh-feed-card__id{
    display:inline-flex;

    align-items:center;

    min-height:22px;

    padding:3px 9px;

    border:1px solid #dbe3ea;
    border-radius:999px;

    background:#f8fafc;

    color:#64748b;

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

    text-decoration:none;
}


/* =========================================================
   ROUTE
   ========================================================= */

.cc-detail-page--load
.cc-bh-feed-card__route{
    display:flex;

    align-items:center;
    flex-wrap:wrap;

    gap:7px;

    min-width:0;

    margin-top:5px;

    color:#111827;

    font-size:15px;
    font-weight:850;
    line-height:1.25;
}


.cc-detail-page--load
.cc-bh-feed-card__arrow{
    color:#7b8794;

    font-weight:600;
}


/* =========================================================
   META LINE
   ========================================================= */

.cc-detail-page--load
.cc-bh-feed-card__meta{
    display:flex;

    align-items:center;
    flex-wrap:wrap;

    gap:5px;

    min-width:0;

    margin-top:7px;

    color:#334155;

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


.cc-detail-page--load
.cc-bh-feed-meta{
    display:inline-flex;

    align-items:center;

    gap:4px;

    min-width:0;
}


.cc-detail-page--load
.cc-bh-feed-card__dot,
.cc-detail-page--load
.cc-bh-feed-card__inner-dot{
    color:#a7b0ba;

    font-size:9px;
}


.cc-detail-page--load
.cc-bh-feed-card__inner-dot{
    margin:0 2px;
}


/* =========================================================
   ICONS
   ========================================================= */

.cc-detail-page--load
.cc-bh-feed-meta__icon{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    flex:0 0 20px;

    width:20px;
    height:20px;

    border-radius:6px;
}


.cc-detail-page--load
.cc-bh-feed-meta__icon svg{
    display:block;

    width:13px;
    height:13px;
}


.cc-detail-page--load
.cc-bh-feed-meta__icon--date{
    color:#2563eb;
    background:#eff6ff;
}


.cc-detail-page--load
.cc-bh-feed-meta__icon--weight{
    color:#d97706;
    background:#fff7ed;
}


.cc-detail-page--load
.cc-bh-feed-meta__icon--volume{
    color:#7c3aed;
    background:#f5f3ff;
}


.cc-detail-page--load
.cc-bh-feed-meta__icon--truck{
    color:#4f46e5;
    background:#eef2ff;
}


.cc-detail-page--load
.cc-bh-feed-meta__icon--distance{
    color:#15803d;
    background:#f0fdf4;
}


.cc-detail-page--load
.cc-bh-feed-meta--feed{
    color:#64748b;
}


/* =========================================================
   RIGHT SIDE
   ========================================================= */

.cc-detail-page--load
.cc-bh-feed-card__side{
    position:relative;

    display:flex;

    flex-direction:column;

    align-items:flex-end;
    justify-content:center;

    min-width:0;

    padding:12px 15px;

    border-left:1px solid #edf1f4;

    background:#fff;

    text-align:right;
}


/* STATUS */

.cc-detail-page--load
.cc-bh-feed-card__status{
    position:absolute;

    top:9px;
    right:11px;

    display:inline-flex;

    align-items:center;

    min-height:21px;

    padding:3px 8px;

    border-radius:999px;

    background:#dcfce7;

    color:#15803d;

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


/* PRICE */

.cc-detail-page--load
.cc-bh-feed-card__price{
    margin-top:14px;

    color:#111827;

    font-size:17px;
    font-weight:900;
    line-height:1.15;

    white-space:nowrap;
}


.cc-detail-page--load
.cc-bh-feed-card__rate{
    margin-top:2px;

    color:#64748b;

    font-size:10px;
    line-height:1.2;

    white-space:nowrap;
}


/* BUTTON */

.cc-detail-page--load
.cc-bh-feed-card__button{
    min-width:120px;
    min-height:31px;

    margin-top:12px;

    padding:5px 10px;

    box-shadow:none;

    font-size:11px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:760px){

    .cc-detail-page--load
    .cc-bh-feed-card__main{
        grid-template-columns:1fr;
    }


    .cc-detail-page--load
    .cc-bh-feed-card__side{
        align-items:flex-start;

        border-top:1px solid #edf1f4;
        border-left:0;

        text-align:left;
    }


    .cc-detail-page--load
    .cc-bh-feed-card__status{
        position:static;

        margin-bottom:6px;
    }


    .cc-detail-page--load
    .cc-bh-feed-card__price{
        margin-top:0;
    }
}


@media(max-width:620px){

    .cc-detail-page--load
    .cc-load-bottom-grid
    .cc-backhaul__form{
        grid-template-columns:1fr !important;
    }


    .cc-detail-page--load
    .cc-bh-feed-card__content{
        padding:11px 12px;
    }


    .cc-detail-page--load
    .cc-bh-feed-card__route{
        font-size:14px;
    }
}


/* CCARGO BACKHAUL FEED CARD V3 END */


/* =========================================================
   CCARGO BACKHAUL WORK SAME ROW V1

   ROW 1:
   search  7/12
   work    5/12

   ROW 2:
   suitable loads 12/12
   ========================================================= */


/*
 * Main lower dashboard remains a 12-column grid.
 */

.cc-detail-page--load
.cc-load-bottom-grid{
    display:grid !important;

    grid-template-columns:
        repeat(12,minmax(0,1fr)) !important;

    gap:16px !important;

    width:100%;

    align-items:start;
}


/*
 * The semantic backhaul section itself does not create
 * another nested grid box.
 *
 * Its search card and results participate directly
 * in the parent dashboard grid.
 */

.cc-detail-page--load
.cc-load-bottom-grid
> .cc-backhaul{
    display:contents !important;
}


/* =========================================================
   ROW 1 LEFT
   Потрібен вантаж у зворотному напрямку?
   ========================================================= */

.cc-detail-page--load
.cc-backhaul-search-card{
    grid-column:1 / 8;
    grid-row:1;

    min-width:0;

    margin:0;

    padding:16px 18px;

    border:1px solid #e1e7ed;
    border-radius:10px;

    background:#fff;

    box-sizing:border-box;
}


/*
 * Form uses available width efficiently.
 */

.cc-detail-page--load
.cc-backhaul-search-card
.cc-backhaul__form{
    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;
}


/*
 * Radius and action row occupy complete search-card width.
 */

.cc-detail-page--load
.cc-backhaul-search-card
.cc-backhaul__radius,
.cc-detail-page--load
.cc-backhaul-search-card
.cc-backhaul__actions{
    grid-column:1 / -1;
}


/* =========================================================
   ROW 1 RIGHT
   Взяти вантаж у роботу
   ========================================================= */

.cc-detail-page--load
.cc-load-bottom-grid
> .cc-detail-section--work-main{
    grid-column:8 / -1 !important;
    grid-row:1 !important;

    width:100% !important;
    min-width:0;

    margin:0 !important;

    align-self:start;

    box-sizing:border-box;
}


/*
 * If Backhaul is not available for this viewer,
 * Work becomes the only card and takes the whole row.
 */

.cc-detail-page--load
.cc-load-bottom-grid
> .cc-detail-section--work-main:first-child{
    grid-column:1 / -1 !important;
}


/* =========================================================
   ROW 2
   Підходящі вантажі
   ========================================================= */

.cc-detail-page--load
.cc-backhaul-results{
    grid-column:1 / -1;
    grid-row:2;

    width:100%;
    min-width:0;

    margin:0 !important;
    padding-top:2px;

    box-sizing:border-box;
}


.cc-detail-page--load
.cc-backhaul-results__head{
    margin-bottom:12px;
}


/*
 * Feed-style cards use the entire second row.
 */

.cc-detail-page--load
.cc-backhaul-list{
    width:100%;

    grid-template-columns:1fr !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:900px){

    .cc-detail-page--load
    .cc-backhaul-search-card{
        grid-column:1 / -1;
        grid-row:1;
    }


    .cc-detail-page--load
    .cc-load-bottom-grid
    > .cc-detail-section--work-main{
        grid-column:1 / -1 !important;
        grid-row:2 !important;
    }


    .cc-detail-page--load
    .cc-backhaul-results{
        grid-column:1 / -1;
        grid-row:3;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:620px){

    .cc-detail-page--load
    .cc-backhaul-search-card
    .cc-backhaul__form{
        grid-template-columns:1fr !important;
    }


    .cc-detail-page--load
    .cc-backhaul-search-card
    .cc-backhaul__radius,
    .cc-detail-page--load
    .cc-backhaul-search-card
    .cc-backhaul__actions{
        grid-column:1;
    }
}


/* CCARGO BACKHAUL WORK SAME ROW V1 END */


/* =========================================================
   CCARGO LOAD EQUAL COLUMNS V1

   Route             = 100%

   Counterparty      = 50%
   Rate + Economy    = 50%

   Backhaul search   = 50%
   Work module       = 50%

   Suitable loads    = 100%
   ========================================================= */


/* =========================================================
   TOP PAIR — 50 / 50
   ========================================================= */

.cc-detail-page--load
.cc-load-top-grid{
    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;

    gap:16px !important;
}


/* left */

.cc-detail-page--load
.cc-detail-section--counterparty-card{
    width:100% !important;
    min-width:0;
}


/* right */

.cc-detail-page--load
.cc-load-finance-stack{
    width:100% !important;
    min-width:0;
}


/*
 * If counterparty is not shown,
 * finance uses the complete row.
 */

.cc-detail-page--load
.cc-load-finance-stack--full{
    grid-column:1 / -1 !important;
}


/* =========================================================
   LOWER TOP PAIR — 50 / 50
   ========================================================= */

.cc-detail-page--load
.cc-load-bottom-grid{
    grid-template-columns:
        repeat(12,minmax(0,1fr)) !important;

    gap:16px !important;
}


/* Потрібен вантаж у зворотному напрямку? */

.cc-detail-page--load
.cc-backhaul-search-card{
    grid-column:1 / 7 !important;
    grid-row:1 !important;

    width:100% !important;
    min-width:0;
}


/* Взяти вантаж у роботу */

.cc-detail-page--load
.cc-load-bottom-grid
> .cc-detail-section--work-main{
    grid-column:7 / -1 !important;
    grid-row:1 !important;

    width:100% !important;
    min-width:0;
}


/* =========================================================
   SUITABLE LOADS — 100%
   ========================================================= */

.cc-detail-page--load
.cc-backhaul-results{
    grid-column:1 / -1 !important;
    grid-row:2 !important;

    width:100% !important;
    min-width:0;
}


.cc-detail-page--load
.cc-backhaul-list{
    width:100% !important;

    grid-template-columns:1fr !important;
}


/* =========================================================
   ROUTE — 100%
   ========================================================= */

.cc-detail-page--load
.cc-detail-route-grid{
    width:100% !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:820px){

    .cc-detail-page--load
    .cc-load-top-grid{
        grid-template-columns:1fr !important;
    }


    .cc-detail-page--load
    .cc-backhaul-search-card{
        grid-column:1 / -1 !important;
        grid-row:1 !important;
    }


    .cc-detail-page--load
    .cc-load-bottom-grid
    > .cc-detail-section--work-main{
        grid-column:1 / -1 !important;
        grid-row:2 !important;
    }


    .cc-detail-page--load
    .cc-backhaul-results{
        grid-column:1 / -1 !important;
        grid-row:3 !important;
    }
}


/* CCARGO LOAD EQUAL COLUMNS V1 END */


/* =========================================================
   CCARGO DETAIL TYPOGRAPHY V2
   ========================================================= */


/* ---------------------------------------------------------
   GENERAL DETAIL UI
   --------------------------------------------------------- */

.cc-detail-page{
    font-family:var(
        --cc-font-ui,
        "Inter",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif
    );

    font-size:14px;
    line-height:1.45;

    letter-spacing:-.004em;
}


/* ---------------------------------------------------------
   MAIN ROUTE / HERO
   --------------------------------------------------------- */

.cc-detail-page
.cc-detail-route{
    font-family:var(
        --cc-font-display,
        "Manrope",
        "Inter",
        sans-serif
    );

    font-weight:800;

    letter-spacing:-.035em;

    line-height:1.15;
}


.cc-detail-page
.cc-detail-id{
    font-family:var(--cc-font-ui);

    font-weight:650;

    letter-spacing:.01em;
}


/* ---------------------------------------------------------
   SECTION HEADINGS
   --------------------------------------------------------- */

.cc-detail-page
.cc-detail-section__title,
.cc-detail-page
.cc-detail-panel__title,
.cc-detail-page
.cc-route-economy-compact__title,
.cc-detail-page
.cc-backhaul__title,
.cc-detail-page
.cc-backhaul-results__head h3,
.cc-detail-page
.cc-work-title,
.cc-detail-page
.cc-carrier-inline__title{
    font-family:var(
        --cc-font-display,
        "Manrope",
        "Inter",
        sans-serif
    );

    font-weight:700;

    letter-spacing:-.025em;

    line-height:1.22;
}


/* ---------------------------------------------------------
   PRIMARY VALUES / PRICES
   --------------------------------------------------------- */

.cc-detail-page
.cc-detail-primary-value,
.cc-detail-page
.cc-bh-feed-card__price,
.cc-detail-page
.cc-backhaul-load-card__price-value{
    font-family:var(
        --cc-font-display,
        "Manrope",
        "Inter",
        sans-serif
    );

    font-weight:800;

    letter-spacing:-.025em;

    font-variant-numeric:
        tabular-nums lining-nums;
}


/* ---------------------------------------------------------
   SUMMARY
   --------------------------------------------------------- */

.cc-detail-page
.cc-detail-summary__label{
    font-family:var(--cc-font-ui);

    font-weight:500;

    letter-spacing:0;
}


.cc-detail-page
.cc-detail-summary__value{
    font-family:var(--cc-font-display);

    font-weight:700;

    letter-spacing:-.015em;

    font-variant-numeric:
        tabular-nums lining-nums;
}


/* ---------------------------------------------------------
   COMPANY / COUNTERPARTY
   --------------------------------------------------------- */

.cc-detail-page
.cc-carrier-inline__company{
    font-family:var(--cc-font-display);

    font-weight:700;

    letter-spacing:-.02em;
}


.cc-detail-page
.cc-carrier-inline__label{
    font-family:var(--cc-font-ui);

    font-weight:500;
}


.cc-detail-page
.cc-carrier-inline__value{
    font-family:var(--cc-font-ui);

    font-weight:600;

    line-height:1.4;
}


/* ---------------------------------------------------------
   ECONOMY
   --------------------------------------------------------- */

.cc-detail-page
.cc-route-economy-compact__transport{
    font-family:var(--cc-font-display);

    font-weight:700;
}


.cc-detail-page
.cc-route-economy-compact__stat{
    font-family:var(--cc-font-ui);

    line-height:1.35;
}


.cc-detail-page
.cc-route-economy-compact__stat b{
    font-weight:700;

    font-variant-numeric:
        tabular-nums lining-nums;
}


/* ---------------------------------------------------------
   LOAD CARDS
   --------------------------------------------------------- */

.cc-detail-page
.cc-bh-feed-card__route,
.cc-detail-page
.cc-backhaul-load-card__route{
    font-family:var(--cc-font-display);

    font-weight:700;

    letter-spacing:-.025em;
}


.cc-detail-page
.cc-bh-feed-card__meta,
.cc-detail-page
.cc-backhaul-load-card__details{
    font-family:var(--cc-font-ui);

    font-weight:400;

    letter-spacing:0;
}


.cc-detail-page
.cc-bh-feed-card__meta b,
.cc-detail-page
.cc-backhaul-load-card__details b{
    font-weight:650;
}


/* ---------------------------------------------------------
   WORK MODULE
   --------------------------------------------------------- */

.cc-detail-page
.cc-work-text,
.cc-detail-page
.cc-work-hint{
    font-family:var(--cc-font-ui);

    font-weight:400;

    line-height:1.5;
}


.cc-detail-page
.cc-work-label{
    font-weight:600;
}


/* ---------------------------------------------------------
   FORMS
   --------------------------------------------------------- */

.cc-detail-page
.input,
.cc-detail-page
.cc-work-input,
.cc-detail-page
.cc-work-select{
    font-family:var(--cc-font-ui);

    font-size:14px;
    font-weight:400;

    line-height:1.4;
}


/* ---------------------------------------------------------
   META / BADGES
   --------------------------------------------------------- */

.cc-detail-page
.cc-detail-badge{
    font-family:var(--cc-font-ui);

    font-weight:600;

    letter-spacing:0;
}


.cc-detail-page
.cc-detail-toolbar__meta,
.cc-detail-page
.cc-detail-primary-note,
.cc-detail-page
.cc-route-economy-compact__note,
.cc-detail-page
.cc-backhaul__subtitle{
    font-family:var(--cc-font-ui);

    font-weight:400;

    line-height:1.45;
}


/* ---------------------------------------------------------
   IDs / CODES
   --------------------------------------------------------- */

.cc-detail-page
.cc-bh-feed-card__id,
.cc-detail-page
.cc-backhaul-load-card__id,
.cc-detail-page
.cc-carrier-inline__code{
    font-family:var(--cc-font-ui);

    font-weight:600;

    letter-spacing:.015em;

    font-variant-numeric:
        tabular-nums lining-nums;
}


/* CCARGO DETAIL TYPOGRAPHY V2 END */

/* =========================================================
   CCARGO DETAIL ID RATING HELP V1
   ========================================================= */


/* ---------------------------------------------------------
   TITLE + HELP
   --------------------------------------------------------- */

.cc-detail-title-with-help{
    display:flex;

    align-items:center;

    gap:7px;

    min-width:0;
}


.cc-detail-title-with-help
.cc-carrier-inline__title,
.cc-detail-title-with-help
.cc-detail-panel__title,
.cc-detail-title-with-help
.cc-detail-section__title{
    margin-bottom:0 !important;
}


/* ---------------------------------------------------------
   HELP ICON
   --------------------------------------------------------- */

.cc-ui-help{
    position:relative;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    flex:0 0 20px;

    width:20px;
    height:20px;

    border:1px solid #cbd5e1;
    border-radius:50%;

    background:#f8fafc;

    color:#64748b;

    font-family:Inter,Arial,sans-serif;
    font-size:12px;
    font-weight:800;
    line-height:1;

    cursor:help;

    outline:none;

    user-select:none;
}


.cc-ui-help:hover,
.cc-ui-help:focus{
    border-color:#94a3b8;

    background:#eef2f6;

    color:#334155;
}


.cc-ui-help::after{
    content:attr(data-tip);

    position:absolute;

    z-index:5000;

    left:50%;
    bottom:calc(100% + 9px);

    width:max-content;
    max-width:310px;

    padding:9px 11px;

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

    background:#17202a;

    color:#fff;

    box-shadow:
        0 7px 22px rgba(15,23,42,.18);

    font-family:Inter,Arial,sans-serif;
    font-size:12px;
    font-weight:500;
    line-height:1.4;

    white-space:normal;

    opacity:0;

    visibility:hidden;

    pointer-events:none;

    transform:
        translate(-50%,4px);

    transition:
        opacity .12s ease,
        transform .12s ease,
        visibility .12s ease;
}


.cc-ui-help::before{
    content:"";

    position:absolute;

    z-index:5001;

    left:50%;
    bottom:calc(100% + 4px);

    width:8px;
    height:8px;

    background:#17202a;

    opacity:0;
    visibility:hidden;

    transform:
        translateX(-50%)
        rotate(45deg);

    transition:
        opacity .12s ease,
        visibility .12s ease;
}


.cc-ui-help:hover::after,
.cc-ui-help:focus::after,
.cc-ui-help:hover::before,
.cc-ui-help:focus::before{
    opacity:1;
    visibility:visible;
}


.cc-ui-help:hover::after,
.cc-ui-help:focus::after{
    transform:
        translate(-50%,0);
}


/* =========================================================
   LOAD — ВАНТАЖОВІДПРАВНИК
   ========================================================= */


/* COMPANY NAME */

:is(.cc-detail-page--load,.cc-detail-page--transport .cc-company-card-sync)
.cc-carrier-inline__company{
    font-size:17px !important;

    font-weight:750 !important;

    line-height:1.3;
}


/* ID */

:is(.cc-detail-page--load,.cc-detail-page--transport .cc-company-card-sync)
.cc-carrier-inline__code{
    display:inline-flex !important;

    align-items:center;

    gap:5px;

    min-height:28px;

    margin-top:6px;

    padding:5px 9px !important;

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

    background:#f1f5f9;

    color:#334155 !important;

    font-size:13px !important;
    font-weight:800 !important;
    line-height:1 !important;

    letter-spacing:.025em;

    font-variant-numeric:
        tabular-nums lining-nums;

    cursor:help;
}


:is(.cc-detail-page--load,.cc-detail-page--transport .cc-company-card-sync)
.cc-carrier-inline__code::before{
    content:"ID";

    color:#64748b;

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

    letter-spacing:.06em;
}


/* RATING */

:is(.cc-detail-page--load,.cc-detail-page--transport .cc-company-card-sync)
.cc-carrier-inline__rating{
    display:inline-flex;

    margin-top:6px;
}


:is(.cc-detail-page--load,.cc-detail-page--transport .cc-company-card-sync)
.cc-carrier-inline__rating a{
    display:inline-flex;

    align-items:center;

    gap:5px;

    min-height:28px;

    padding:5px 9px;

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

    background:#fff7ed;

    color:#b45309 !important;

    font-size:13.5px !important;
    font-weight:800 !important;
    line-height:1 !important;

    text-decoration:none !important;
}


:is(.cc-detail-page--load,.cc-detail-page--transport .cc-company-card-sync)
.cc-carrier-inline__rating a::before{
    content:"★";

    color:#f59e0b;

    font-size:14px;
}


/* More readable company rows */

:is(.cc-detail-page--load,.cc-detail-page--transport .cc-company-card-sync)
.cc-carrier-inline__label{
    font-size:13px !important;

    line-height:1.35;

    color:#64748b;
}


:is(.cc-detail-page--load,.cc-detail-page--transport .cc-company-card-sync)
.cc-carrier-inline__value{
    font-size:14px !important;

    line-height:1.4;

    font-weight:650 !important;
}


/* =========================================================
   TRANSPORT — OWNER
   ========================================================= */

.cc-detail-page--transport
.cc-detail-company-name{
    font-size:17px !important;

    font-weight:750 !important;

    line-height:1.3;
}


/* ID */

.cc-detail-page--transport
.cc-detail-company-code{
    display:inline-flex !important;

    align-items:center;

    gap:5px;

    min-height:28px;

    margin-top:6px;

    padding:5px 9px !important;

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

    background:#f1f5f9;

    color:#334155 !important;

    font-size:13px !important;
    font-weight:800 !important;
    line-height:1 !important;

    letter-spacing:.025em;

    font-variant-numeric:
        tabular-nums lining-nums;

    cursor:help;
}


.cc-detail-page--transport
.cc-detail-company-code::before{
    content:"ID";

    color:#64748b;

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

    letter-spacing:.06em;
}


/* RATING */

.cc-detail-page--transport
.cc-detail-company-rating{
    display:inline-flex;

    margin-top:6px;
}


.cc-detail-page--transport
.cc-detail-company-rating a{
    display:inline-flex;

    align-items:center;

    gap:5px;

    min-height:28px;

    padding:5px 9px;

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

    background:#fff7ed;

    color:#b45309 !important;

    font-size:13.5px !important;
    font-weight:800 !important;
    line-height:1 !important;

    text-decoration:none !important;
}


.cc-detail-page--transport
.cc-detail-company-rating a::before{
    content:"★";

    color:#f59e0b;

    font-size:14px;
}


/* ---------------------------------------------------------
   Anything with a useful native title should visually
   signal that an explanation is available.
   --------------------------------------------------------- */

:is(.cc-detail-page--load,.cc-detail-page--transport .cc-company-card-sync)
.cc-carrier-inline__label[title],
.cc-detail-page--transport
.cc-detail-info-row__label[title]{
    text-decoration:
        underline dotted #94a3b8;

    text-underline-offset:3px;

    cursor:help;
}


/* ---------------------------------------------------------
   MOBILE TOOLTIP POSITION
   --------------------------------------------------------- */

@media(max-width:620px){

    .cc-ui-help::after{
        left:auto;
        right:-8px;

        max-width:min(
            280px,
            calc(100vw - 36px)
        );

        transform:translateY(4px);
    }


    .cc-ui-help:hover::after,
    .cc-ui-help:focus::after{
        transform:translateY(0);
    }


    .cc-ui-help::before{
        left:auto;
        right:3px;

        transform:rotate(45deg);
    }
}


/* CCARGO DETAIL ID RATING HELP V1 END */


/* =========================================================
   CCARGO TRANSPORT OFFER MATCH UI V1
   ========================================================= */

.cc-detail-page--transport
.cc-transport-offer-match{
    display:grid;

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

    gap:8px;

    margin-top:12px;
}


.cc-detail-page--transport
.cc-transport-offer-match[hidden]{
    display:none !important;
}


.cc-detail-page--transport
.cc-transport-offer-match__stat{
    display:flex;
    flex-direction:column;
    justify-content:center;

    gap:4px;

    min-width:0;

    padding:9px 10px;

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

    background:#f8fafc;
}


.cc-detail-page--transport
.cc-transport-offer-match__stat span{
    color:#667085;

    font-size:10px;
    line-height:1.3;
}


.cc-detail-page--transport
.cc-transport-offer-match__stat b{
    color:#1f2937;

    font-size:13px;
    font-weight:700;
    line-height:1.3;

    white-space:nowrap;
}


.cc-detail-page--transport
.cc-transport-offer-match__stat--score b{
    font-size:15px;
    font-weight:800;
}


.cc-detail-page--transport
.cc-transport-offer-match__stat--rate b{
    font-size:14px;
}


@media(max-width:850px){

    .cc-detail-page--transport
    .cc-transport-offer-match{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }
}


@media(max-width:520px){

    .cc-detail-page--transport
    .cc-transport-offer-match{
        grid-template-columns:1fr;
    }
}


/* CCARGO TRANSPORT OFFER MATCH UI V1 END */


/* =========================================================
   CCARGO TRANSPORT STRUCTURAL LAYOUT V3

   Real DOM layout:
   - no public detail sidebar
   - one full-width main column
   - work/rate/company live in lower dashboard grid
   ========================================================= */


/* ---------------------------------------------------------
   FULL WIDTH MAIN
   --------------------------------------------------------- */

.cc-detail-page--transport
.cc-transport-detail-layout-v3{
    grid-template-columns:
        minmax(0,1fr) !important;

    width:100% !important;
}


.cc-detail-page--transport
.cc-transport-detail-main-v3{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;

    box-sizing:border-box;
}


/* ---------------------------------------------------------
   NORMAL MAIN FLOW
   --------------------------------------------------------- */

.cc-detail-page--transport
.cc-transport-detail-main-v3
> .cc-detail-section{
    width:100%;
    min-width:0;

    box-sizing:border-box;
}


.cc-detail-page--transport
.cc-transport-detail-main-v3
> .cc-detail-section
+ .cc-detail-section{
    margin-top:16px;
}


/* ---------------------------------------------------------
   LOWER DASHBOARD
   --------------------------------------------------------- */

.cc-detail-page--transport
.cc-transport-bottom-grid{
    display:grid;

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

    gap:16px;

    width:100%;
    min-width:0;

    margin-top:28px;
}


.cc-detail-page--transport
.cc-transport-bottom-grid
> .cc-detail-section{
    min-width:0;

    margin:0 !important;

    box-sizing:border-box;
}


/*
 * Work / shipper offer.
 * Full row because it may contain Match metrics,
 * forms, countdown and multiple actions.
 */

.cc-detail-page--transport
.cc-detail-section--transport-work{
    grid-column:1 / -1;
}


/*
 * Rate = compact financial card.
 */

.cc-detail-page--transport
.cc-detail-section--transport-rate-card{
    grid-column:span 4;
}


/*
 * Company / protected contacts = wider card.
 */

.cc-detail-page--transport
.cc-detail-section--transport-company-card{
    grid-column:span 8;
}


/*
 * Owner sees no public company card.
 * In that case rate should not occupy a lonely 4/12 column.
 */

.cc-detail-page--transport
.cc-detail-section--transport-rate-card:only-child{
    grid-column:1 / -1;
}


/* ---------------------------------------------------------
   RATE CARD
   --------------------------------------------------------- */

.cc-detail-page--transport
.cc-detail-section--transport-rate-card
.cc-detail-primary-value{
    margin-top:2px;

    font-family:
        var(
            --cc-font-display,
            "Manrope",
            "Inter",
            sans-serif
        );

    font-size:27px !important;
    line-height:1.15 !important;
    font-weight:800 !important;

    letter-spacing:-.025em;

    font-variant-numeric:
        tabular-nums lining-nums;
}


.cc-detail-page--transport
.cc-detail-section--transport-rate-card
.cc-detail-primary-note{
    margin-top:7px;
}


/* ---------------------------------------------------------
   COMPANY CARD
   --------------------------------------------------------- */

.cc-detail-page--transport
.cc-detail-section--transport-company-card
.cc-detail-company-head{
    margin-top:4px;
}


.cc-detail-page--transport
.cc-detail-section--transport-company-card
.cc-detail-info-list{
    margin-top:14px;
}


/* ---------------------------------------------------------
   WORK / MATCH AREA
   --------------------------------------------------------- */

.cc-detail-page--transport
.cc-detail-section--transport-work
.cc-work-form,
.cc-detail-page--transport
.cc-detail-section--transport-work
.cc-work-box{
    width:100%;
    max-width:none;

    box-sizing:border-box;
}


.cc-detail-page--transport
.cc-detail-section--transport-work
.cc-transport-offer-match{
    width:100%;
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media(max-width:980px){

    .cc-detail-page--transport
    .cc-detail-section--transport-rate-card{
        grid-column:span 5;
    }


    .cc-detail-page--transport
    .cc-detail-section--transport-company-card{
        grid-column:span 7;
    }
}


/* ---------------------------------------------------------
   MOBILE / NARROW TABLET
   --------------------------------------------------------- */

@media(max-width:760px){

    .cc-detail-page--transport
    .cc-transport-bottom-grid{
        grid-template-columns:1fr;

        gap:12px;

        margin-top:20px;
    }


    .cc-detail-page--transport
    .cc-detail-section--transport-work,
    .cc-detail-page--transport
    .cc-detail-section--transport-rate-card,
    .cc-detail-page--transport
    .cc-detail-section--transport-company-card{
        grid-column:1;
    }
}




/* ---------------------------------------------------------
   CCARGO TRANSPORT COMPACT SPACING V4
   --------------------------------------------------------- */

/* page / hero */

.cc-detail-page--transport
.cc-detail-hero{
    margin-bottom:12px !important;

    padding-top:18px !important;
    padding-bottom:18px !important;
}


.cc-detail-page--transport
.cc-detail-summary{
    margin-top:14px !important;

    gap:8px !important;
}


.cc-detail-page--transport
.cc-detail-summary__item{
    padding-top:9px !important;
    padding-bottom:9px !important;
}


/* main flow */

.cc-detail-page--transport
.cc-transport-detail-layout-v3{
    gap:10px !important;
}


.cc-detail-page--transport
.cc-transport-detail-main-v3
> .cc-detail-section{
    margin-top:0 !important;
    margin-bottom:10px !important;

    padding-top:15px !important;
    padding-bottom:15px !important;
}


.cc-detail-page--transport
.cc-transport-detail-main-v3
> .cc-detail-section
+ .cc-detail-section{
    margin-top:0 !important;
}


/* section headings */

.cc-detail-page--transport
.cc-detail-section__title{
    margin-top:0 !important;
    margin-bottom:10px !important;
}


/* route */

.cc-detail-page--transport
.cc-transport-route-card{
    gap:8px !important;
}


.cc-detail-page--transport
.cc-transport-route-item{
    padding-top:10px !important;
    padding-bottom:10px !important;
}


/* professional possibilities */

.cc-detail-page--transport
.cc-detail-badges{
    margin-top:0 !important;

    gap:6px !important;
}


/* comments */

.cc-detail-page--transport
.cc-detail-comments,
.cc-detail-page--transport
.cc-detail-empty-note{
    margin-top:0 !important;
    margin-bottom:0 !important;
}


/* lower dashboard */

.cc-detail-page--transport
.cc-transport-bottom-grid{
    margin-top:4px !important;

    gap:10px !important;
}


.cc-detail-page--transport
.cc-transport-bottom-grid
> .cc-detail-section{
    padding-top:15px !important;
    padding-bottom:15px !important;
}


/* rate */

.cc-detail-page--transport
.cc-detail-section--transport-rate-card
.cc-detail-primary-value{
    margin-top:0 !important;
}


.cc-detail-page--transport
.cc-detail-section--transport-rate-card
.cc-detail-primary-note{
    margin-top:5px !important;
    margin-bottom:0 !important;
}


/* company */

.cc-detail-page--transport
.cc-detail-section--transport-company-card
.cc-detail-company-head{
    margin-top:0 !important;
}


.cc-detail-page--transport
.cc-detail-section--transport-company-card
.cc-detail-info-list{
    margin-top:9px !important;
}


/* work / offer */

.cc-detail-page--transport
.cc-detail-section--transport-work
.cc-work-box{
    margin-top:0 !important;
    margin-bottom:0 !important;
}


@media(max-width:760px){

    .cc-detail-page--transport
    .cc-detail-hero{
        margin-bottom:9px !important;

        padding-top:14px !important;
        padding-bottom:14px !important;
    }


    .cc-detail-page--transport
    .cc-transport-detail-main-v3
    > .cc-detail-section{
        margin-bottom:8px !important;

        padding-top:13px !important;
        padding-bottom:13px !important;
    }


    .cc-detail-page--transport
    .cc-transport-bottom-grid{
        margin-top:2px !important;

        gap:8px !important;
    }


    .cc-detail-page--transport
    .cc-transport-bottom-grid
    > .cc-detail-section{
        padding-top:13px !important;
        padding-bottom:13px !important;
    }
}


/* CCARGO TRANSPORT COMPACT SPACING V4 END */

/* CCARGO TRANSPORT STRUCTURAL LAYOUT V3 END */


/* =========================================================
   CCARGO TRANSPORT LOGICAL ORDER V4

   Mirrors load detail information hierarchy:
   logistics + commercial terms first,
   capabilities / notes second,
   counterparty + action block last.
   ========================================================= */


/* ---------------------------------------------------------
   PRIMARY: ROUTE 8 / RATE 4
   --------------------------------------------------------- */

.cc-detail-page--transport
.cc-transport-primary-grid{
    display:grid;

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

    align-items:stretch;

    gap:10px;

    width:100%;
    min-width:0;

    margin:0 0 10px;
}


.cc-detail-page--transport
.cc-transport-primary-grid
> .cc-transport-route-section{
    grid-column:span 8;

    min-width:0;

    margin:0 !important;

    padding:15px 18px !important;
}


.cc-detail-page--transport
.cc-transport-primary-grid
> .cc-detail-section--transport-rate-card{
    grid-column:span 4;

    min-width:0;

    margin:0 !important;

    padding:15px 18px !important;
}


/*
 * Route card should use the available height
 * without inventing another vertical gap.
 */

.cc-detail-page--transport
.cc-transport-primary-grid
.cc-transport-route-card{
    height:calc(100% - 34px);
}


/* ---------------------------------------------------------
   LOWER: COMPANY 7 / WORK 5
   --------------------------------------------------------- */

.cc-detail-page--transport
.cc-transport-bottom-grid{
    display:grid;

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

    align-items:start;

    gap:10px;

    width:100%;
    min-width:0;

    margin-top:10px !important;
}


.cc-detail-page--transport
.cc-transport-bottom-grid
> .cc-detail-section{
    min-width:0;

    margin:0 !important;

    padding:15px 18px !important;
}


.cc-detail-page--transport
.cc-transport-bottom-grid--split
> .cc-detail-section--transport-company-card{
    grid-column:span 7;
}


.cc-detail-page--transport
.cc-transport-bottom-grid--split
> .cc-detail-section--transport-work{
    grid-column:span 5;
}


.cc-detail-page--transport
.cc-transport-bottom-grid--company-only
> .cc-detail-section--transport-company-card{
    grid-column:1 / -1;
}


.cc-detail-page--transport
.cc-transport-bottom-grid--work-only
> .cc-detail-section--transport-work{
    grid-column:1 / -1;
}


/* ---------------------------------------------------------
   RATE
   --------------------------------------------------------- */

.cc-detail-page--transport
.cc-transport-primary-grid
.cc-detail-section--transport-rate-card
.cc-detail-primary-value{
    margin-top:2px !important;
}


.cc-detail-page--transport
.cc-transport-primary-grid
.cc-detail-section--transport-rate-card
.cc-detail-primary-note{
    margin-top:6px !important;
    margin-bottom:0 !important;
}


/* ---------------------------------------------------------
   MATCH IN 5/12 WORK COLUMN
   --------------------------------------------------------- */

.cc-detail-page--transport
.cc-transport-bottom-grid--split
.cc-transport-offer-match{
    grid-template-columns:
        repeat(2,minmax(0,1fr));
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media(max-width:960px){

    .cc-detail-page--transport
    .cc-transport-primary-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .cc-detail-page--transport
    .cc-transport-primary-grid
    > .cc-transport-route-section,
    .cc-detail-page--transport
    .cc-transport-primary-grid
    > .cc-detail-section--transport-rate-card{
        grid-column:auto;
    }


    .cc-detail-page--transport
    .cc-transport-bottom-grid--split
    > .cc-detail-section--transport-company-card,
    .cc-detail-page--transport
    .cc-transport-bottom-grid--split
    > .cc-detail-section--transport-work{
        grid-column:span 6;
    }
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:720px){

    .cc-detail-page--transport
    .cc-transport-primary-grid,
    .cc-detail-page--transport
    .cc-transport-bottom-grid{
        grid-template-columns:1fr;

        gap:8px;
    }


    .cc-detail-page--transport
    .cc-transport-primary-grid
    > .cc-transport-route-section,
    .cc-detail-page--transport
    .cc-transport-primary-grid
    > .cc-detail-section--transport-rate-card,
    .cc-detail-page--transport
    .cc-transport-bottom-grid--split
    > .cc-detail-section--transport-company-card,
    .cc-detail-page--transport
    .cc-transport-bottom-grid--split
    > .cc-detail-section--transport-work{
        grid-column:1;
    }


    .cc-detail-page--transport
    .cc-transport-primary-grid
    > .cc-detail-section,
    .cc-detail-page--transport
    .cc-transport-bottom-grid
    > .cc-detail-section{
        padding:13px 14px !important;
    }


    .cc-detail-page--transport
    .cc-transport-primary-grid
    .cc-transport-route-card{
        height:auto;
    }
}


/* CCARGO TRANSPORT LOGICAL ORDER V4 END */


/* =========================================================
   CCARGO CARGO REQUIREMENTS PROFESSIONAL LAYOUT V1
   ========================================================= */


/* ---------------------------------------------------------
   TRANSPORT:
   PROFESSIONAL CAPABILITIES IN ONE HORIZONTAL ROW
   --------------------------------------------------------- */

.cc-detail-page--transport
.cc-transport-professional-inline{
    display:flex;

    align-items:center;

    gap:14px;

    min-width:0;

    padding-top:10px !important;
    padding-bottom:10px !important;
}


.cc-detail-page--transport
.cc-transport-professional-inline
.cc-detail-section__title{
    flex:0 0 auto;

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

    border-bottom:0 !important;

    white-space:nowrap;
}


.cc-detail-page--transport
.cc-transport-professional-inline__items{
    display:flex !important;

    align-items:center;
    flex-wrap:nowrap !important;

    gap:6px !important;

    min-width:0;

    margin:0 !important;
}


.cc-detail-page--transport
.cc-transport-professional-inline__items
.cc-detail-badge{
    flex:0 0 auto;

    white-space:nowrap;
}


/* ---------------------------------------------------------
   LOAD:
   CARGO 50% / TRANSPORT REQUIREMENTS 50%
   --------------------------------------------------------- */

.cc-detail-page--load
.cc-load-cargo-requirements-grid{
    display:grid;

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

    gap:0;

    width:100%;
    min-width:0;

    border-bottom:
        1px solid
        var(--cc-load-line-soft);
}


.cc-detail-page--load
.cc-load-cargo-requirements-grid
> .cc-detail-section{
    min-width:0;

    margin:0 !important;

    border-bottom:0 !important;
}


.cc-detail-page--load
.cc-load-cargo-requirements-grid
> .cc-detail-section:first-child{
    border-right:
        1px solid
        var(--cc-load-line-soft);
}


.cc-detail-page--load
.cc-load-cargo-requirements-grid
> .cc-detail-section:only-child{
    grid-column:1 / -1;

    border-right:0;
}


/* ---------------------------------------------------------
   NARROW SCREENS
   --------------------------------------------------------- */

@media(max-width:760px){

    .cc-detail-page--transport
    .cc-transport-professional-inline{
        display:block;
    }


    .cc-detail-page--transport
    .cc-transport-professional-inline
    .cc-detail-section__title{
        margin-bottom:8px !important;
    }


    .cc-detail-page--transport
    .cc-transport-professional-inline__items{
        flex-wrap:wrap !important;
    }


    .cc-detail-page--load
    .cc-load-cargo-requirements-grid{
        grid-template-columns:1fr;
    }


    .cc-detail-page--load
    .cc-load-cargo-requirements-grid
    > .cc-detail-section:first-child{
        border-right:0;

        border-bottom:
            1px solid
            var(--cc-load-line-soft)
            !important;
    }
}


/* CCARGO CARGO REQUIREMENTS PROFESSIONAL LAYOUT V1 END */



/* =========================================================
   CCARGO COMPANY CARD REAL SYNC V2

   One visual component on load + transport.
   Transport company occupies the same half-row geometry
   as the counterparty card on load.php.
   ========================================================= */


/* ---------------------------------------------------------
   TRANSPORT GEOMETRY = 50%
   --------------------------------------------------------- */

.cc-detail-page--transport
.cc-transport-bottom-grid--company-only
> .cc-company-card-sync{
    grid-column:span 6 !important;

    align-self:start;
}


.cc-detail-page--transport
.cc-transport-bottom-grid--split
> .cc-company-card-sync{
    grid-column:span 6 !important;
}


.cc-detail-page--transport
.cc-transport-bottom-grid--split
> .cc-detail-section--transport-work{
    grid-column:span 6 !important;
}


/*
 * The outer transport section must not stretch its content
 * or invent another visual system around the shared card.
 */

.cc-detail-page--transport
.cc-company-card-sync{
    min-width:0;

    align-self:start;

    padding:12px 14px !important;
}


/* ---------------------------------------------------------
   ONE LOGO SIZE FOR BOTH PAGES
   --------------------------------------------------------- */

.cc-detail-page--load
.cc-carrier-inline__logo,
.cc-detail-page--transport
.cc-company-card-sync
.cc-carrier-inline__logo{
    width:64px !important;
    height:64px !important;

    flex:0 0 64px !important;

    max-width:64px !important;

    object-fit:contain !important;
}


/* ---------------------------------------------------------
   FORCE EXACT LOAD TABLE GEOMETRY ON TRANSPORT
   against old generic transport rules.
   --------------------------------------------------------- */

.cc-detail-page--transport
.cc-company-card-sync
.cc-carrier-inline{
    margin-top:12px !important;

    padding-top:10px !important;

    border-top:
        1px solid
        var(--cc-load-line,#e2e8f0)
        !important;
}


.cc-detail-page--transport
.cc-company-card-sync
.cc-carrier-inline__title{
    margin:0 0 8px !important;

    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.2 !important;

    letter-spacing:normal !important;
}


.cc-detail-page--transport
.cc-company-card-sync
.cc-carrier-inline__head{
    display:flex !important;

    align-items:center !important;

    gap:8px !important;

    margin-bottom:8px !important;
}


.cc-detail-page--transport
.cc-company-card-sync
.cc-carrier-inline__list{
    display:grid !important;

    gap:0 !important;

    overflow:hidden !important;

    border:1px solid #e2e8f0 !important;
    border-radius:0 !important;

    background:#fff !important;
}


.cc-detail-page--transport
.cc-company-card-sync
.cc-carrier-inline__row{
    display:grid !important;

    grid-template-columns:
        minmax(150px,.8fr)
        minmax(0,1.6fr)
        !important;

    gap:14px !important;

    min-width:0;

    padding:7px 9px !important;

    border:0 !important;

    background:#fff !important;
}


.cc-detail-page--transport
.cc-company-card-sync
.cc-carrier-inline__row
+ .cc-carrier-inline__row{
    border-top:
        1px solid
        #e2e8f0
        !important;
}


.cc-detail-page--transport
.cc-company-card-sync
.cc-carrier-inline__label{
    color:#64748b !important;

    font-size:13px !important;
    font-weight:400 !important;
    line-height:1.3 !important;
}


.cc-detail-page--transport
.cc-company-card-sync
.cc-carrier-inline__value{
    color:#111827 !important;

    font-size:13px !important;
    font-weight:600 !important;
    line-height:1.3 !important;

    overflow-wrap:anywhere;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media(max-width:760px){

    .cc-detail-page--transport
    .cc-transport-bottom-grid--company-only
    > .cc-company-card-sync,
    .cc-detail-page--transport
    .cc-transport-bottom-grid--split
    > .cc-company-card-sync,
    .cc-detail-page--transport
    .cc-transport-bottom-grid--split
    > .cc-detail-section--transport-work{
        grid-column:1 / -1 !important;
    }


    .cc-detail-page--transport
    .cc-company-card-sync
    .cc-carrier-inline__row{
        grid-template-columns:1fr !important;

        gap:4px !important;
    }
}


/* CCARGO COMPANY CARD REAL SYNC V2 END */



/* =========================================================
   CCARGO COMPANY LOGO EMPTY STATE V1
   ========================================================= */

.cc-detail-page--transport
.cc-company-card-sync
.cc-carrier-inline__logo--empty{
    display:flex !important;

    align-items:center;
    justify-content:center;

    box-sizing:border-box;

    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    max-width:64px !important;

    flex:0 0 64px !important;

    padding:5px;

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

    background:#f8fafc;

    color:#94a3b8;

    font-size:9px;
    font-weight:600;
    line-height:1.15;

    text-align:center;
}


/* CCARGO COMPANY LOGO EMPTY STATE V1 END */


/* =========================================================
   CCARGO TRANSPORT WORK SYNC LOAD V3
   ========================================================= */

.cc-detail-page--transport .cc-detail-section--transport-work
.cc-work-box{
  margin-top:9px;

  padding:8px 9px;

  border:1px solid var(--cc-load-line);
  border-radius:2px;

  background:#f7f8f9;
}

.cc-detail-page--transport .cc-detail-section--transport-work
.cc-work-box--warning{
  border-color:#dec285;
  background:#fbf7ed;
}

.cc-detail-page--transport .cc-detail-section--transport-work
.cc-work-box--success{
  border-color:#a9d1ba;
  background:#f1f8f4;
}

.cc-detail-page--transport .cc-detail-section--transport-work
.cc-work-box--danger{
  border-color:#deb2b2;
  background:#fbf2f2;
}

.cc-detail-page--transport .cc-detail-section--transport-work
.cc-work-title{
  margin:0 0 4px;

  color:var(--cc-load-text);

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

.cc-detail-page--transport .cc-detail-section--transport-work
.cc-work-text{
  color:#5f6b75;

  font-size:10px;
  line-height:1.35;
}

.cc-detail-page--transport .cc-detail-section--transport-work
.cc-work-meta{
  display:grid;

  gap:3px;

  margin-top:6px;

  color:#5f6b75;

  font-size:10px;
}


/* =========================================================
   WORK FORM
   ========================================================= */

.cc-detail-page--transport .cc-detail-section--transport-work
.cc-work-form{
  display:grid;

  gap:8px;

  margin-top:9px;
}

.cc-detail-page--transport .cc-detail-section--transport-work
.cc-work-field{
  display:grid;

  gap:3px;

  min-width:0;
}

.cc-detail-page--transport .cc-detail-section--transport-work
.cc-work-label{
  display:flex;
  align-items:center;

  gap:3px;

  color:#59656f;

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

.cc-detail-page--transport .cc-detail-section--transport-work
.cc-work-required{
  color:#a52626;
  font-weight:700;
}

.cc-detail-page--transport .cc-detail-section--transport-work
.cc-work-section-title{
  margin-top:2px;

  padding-top:7px;

  border-top:1px solid var(--cc-load-line-soft);

  color:#45515b;

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

.cc-detail-page--transport .cc-detail-section--transport-work
.cc-work-select,
.cc-detail-page--transport .cc-detail-section--transport-work
.cc-work-input{
  box-sizing:border-box;

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

  padding:5px 7px;

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

  background:#fff;

  color:#26313a;

  font:inherit;
  font-size:10px;

  outline:none;

  transition:
    border-color .1s ease;
}

.cc-detail-page--transport .cc-detail-section--transport-work
.cc-work-select:focus,
.cc-detail-page--transport .cc-detail-section--transport-work
.cc-work-input:focus{
  border-color:#748491;
  box-shadow:none;
}

.cc-detail-page--transport .cc-detail-section--transport-work
.cc-work-select{
  cursor:pointer;
}

.cc-detail-page--transport .cc-detail-section--transport-work
.cc-work-contact-grid{
  display:grid;

  grid-template-columns:1fr;

  gap:7px;
}

.cc-detail-page--transport .cc-detail-section--transport-work
.cc-work-field--wide{
  grid-column:auto;
}

.cc-detail-page--transport .cc-detail-section--transport-work
.cc-work-hint{
  padding:6px 7px;

  border:1px solid var(--cc-load-line-soft);
  border-radius:2px;

  background:#f7f8f9;

  color:#69757f;

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

.cc-detail-page--transport .cc-detail-section--transport-work
.cc-work-submit{
  width:100%;
  min-height:30px;

  justify-content:center;

  font-weight:650;
}


/* =========================================================
   WORK ACTIONS / COUNTDOWN
   ========================================================= */

.cc-detail-page--transport .cc-detail-section--transport-work
.cc-work-actions{
  display:flex;

  gap:4px;
  flex-wrap:wrap;

  margin-top:7px;
}

.cc-detail-page--transport .cc-detail-section--transport-work
.cc-work-actions form{
  margin:0;
}

.cc-detail-page--transport .cc-detail-section--transport-work
.cc-work-countdown{
  margin-top:6px;

  color:#805600;

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




/* Transport section geometry only */

.cc-detail-page--transport
.cc-detail-section--transport-work{
    padding:12px 14px !important;
}


.cc-detail-page--transport
.cc-detail-section--transport-work
.cc-transport-offer-work-box{
    width:100%;
    max-width:none;

    box-sizing:border-box;

    margin:0 !important;
}


/* Existing explanatory sentence stays a hint. */

.cc-detail-page--transport
.cc-detail-section--transport-work
.cc-transport-offer-hint{
    margin-top:6px !important;
    margin-bottom:0 !important;
}


/* Match remains inside the same form/module. */

.cc-detail-page--transport
.cc-detail-section--transport-work
.cc-transport-offer-match{
    width:100%;

    margin-top:8px;
}


/* CCARGO TRANSPORT WORK SYNC LOAD V3 END */


/* =========================================================
   CCARGO TRANSPORT COMPANY HELP FIX V1
   ========================================================= */

/* title + ? perfectly aligned */

.cc-detail-page--transport
.cc-company-card-sync
.cc-detail-title-with-help{
    display:flex;

    align-items:center;
    justify-content:flex-start;

    gap:6px;

    width:max-content;
    max-width:100%;

    min-width:0;
}


.cc-detail-page--transport
.cc-company-card-sync
.cc-detail-title-with-help
.cc-carrier-inline__title{
    margin:0 !important;

    line-height:20px !important;
}


.cc-detail-page--transport
.cc-company-card-sync
.cc-ui-help{
    flex:0 0 20px;

    margin:0 !important;

    vertical-align:middle;

    transform:none !important;
}


/*
 * Company card is narrow.
 * Open tooltip from the icon to the right instead of
 * centering 310px around the icon.
 */

.cc-detail-page--transport
.cc-company-card-sync
.cc-ui-help::after{
    left:-6px !important;
    right:auto !important;

    bottom:calc(100% + 9px);

    width:max-content;
    max-width:min(
        310px,
        calc(100vw - 40px)
    );

    transform:translateY(4px) !important;
}


.cc-detail-page--transport
.cc-company-card-sync
.cc-ui-help:hover::after,
.cc-detail-page--transport
.cc-company-card-sync
.cc-ui-help:focus::after{
    transform:translateY(0) !important;
}


/* tooltip arrow directly above the icon */

.cc-detail-page--transport
.cc-company-card-sync
.cc-ui-help::before{
    left:6px !important;
    right:auto !important;

    transform:rotate(45deg) !important;
}


/* mobile */

@media(max-width:620px){

    .cc-detail-page--transport
    .cc-company-card-sync
    .cc-ui-help::after{
        left:auto !important;
        right:-8px !important;

        max-width:
            calc(100vw - 36px);

        transform:translateY(4px) !important;
    }


    .cc-detail-page--transport
    .cc-company-card-sync
    .cc-ui-help:hover::after,
    .cc-detail-page--transport
    .cc-company-card-sync
    .cc-ui-help:focus::after{
        transform:translateY(0) !important;
    }


    .cc-detail-page--transport
    .cc-company-card-sync
    .cc-ui-help::before{
        left:auto !important;
        right:3px !important;
    }
}


/* CCARGO TRANSPORT COMPANY HELP FIX V1 END */