/* Finro World V8 — profile media, shipment links and account controls */
.v8-hidden{display:none!important}
.stat-link{color:inherit;text-decoration:none;cursor:pointer;position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.stat-link:hover,.stat-link:focus-visible{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.09);border-color:#111;outline:none}
.stat-open{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-size:.77rem;font-weight:800;color:var(--ink,#111)}
.profile-card .avatar.big{overflow:hidden;position:relative;flex:0 0 auto}
.profile-card .avatar.big img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}
.profile-avatar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-inline-start:auto;max-width:420px}
.profile-avatar-actions small{flex-basis:100%}
.avatar-upload-btn{cursor:pointer}
.v8-openable-invoice{cursor:zoom-in;outline-offset:4px}
.v8-openable-invoice:focus-visible{outline:3px solid #111}
.v8-invoice-modal img{display:block;max-width:min(100%,980px);max-height:72vh;margin:auto;object-fit:contain;border-radius:14px;background:#f5f5f5}
.shipment-edit-btn{white-space:nowrap;position:relative;z-index:1}
.shipment-order-number{display:block;margin-top:4px}
.shipment-edit-form>.notice{grid-column:1/-1}
.v8-group-panel{margin-top:18px}
.v8-result-count{margin:14px 2px 0}
.account-control-panel{border:2px solid #111}
.account-control-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.customer-identity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.customer-identity-grid>div{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid var(--line,#e4e4e4);border-radius:14px;background:#fafafa;min-width:0}
.customer-identity-grid strong{overflow-wrap:anywhere}
.customer-shipment-list{display:grid;gap:9px}
.customer-shipment-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:13px 15px;border:1px solid var(--line,#e4e4e4);border-radius:14px;color:inherit;text-decoration:none;transition:border-color .15s ease,background .15s ease}
.customer-shipment-row:hover,.customer-shipment-row:focus-visible{border-color:#111;background:#fafafa;outline:none}
.customer-shipment-row>span:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}
.v8-blocked-stat{text-decoration:none}
@media(max-width:900px){
 .customer-identity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .customer-shipment-row{grid-template-columns:minmax(0,1fr) auto}
 .customer-shipment-row>span:last-child{grid-column:1/-1}
 .profile-avatar-actions{margin-inline-start:0;width:100%}
}
@media(max-width:1024px){
 .side:not(.opened){visibility:hidden;pointer-events:none}
 .side.opened{visibility:visible;pointer-events:auto}
}
@media(max-width:560px){
 .customer-identity-grid{grid-template-columns:1fr}
 .account-control-actions{align-items:stretch}
 .account-control-actions .btn{width:100%;justify-content:center}
 .profile-avatar-actions{display:grid;grid-template-columns:1fr}
 .profile-avatar-actions .btn{justify-content:center}
}
a[href="#/tracking"],a[href^="#/tracking/"]{display:none!important}

/* Finro World V10 — blue identity, dashboard spacing and complete customer cards */
.brand-mark{
  display:block;
  width:46px;
  height:46px;
  padding:0;
  overflow:hidden;
  border-radius:50%;
  background:#485fab;
  box-shadow:0 0 0 1px rgba(72,95,171,.18);
}
.brand-mark-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.brand-arrow{display:none!important}
.boot-logo{
  width:92px;
  height:92px;
  overflow:hidden;
  border-radius:50%;
  background:#485fab;
  box-shadow:0 14px 34px rgba(72,95,171,.24);
}
.boot-logo img{display:block;width:100%;height:100%;object-fit:cover}
.side-foot .avatar{overflow:hidden}
.side-foot .avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}

.dash-hero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
  flex-wrap:wrap;
  margin-bottom:30px;
}
.dashboard-new-shipment{margin-bottom:6px}
.dashboard-stats{margin-top:2px}
.stats-grid .stat{
  display:flex;
  flex-direction:column;
  min-height:188px;
}
.stats-grid .stat>small{
  display:block;
  margin-top:10px;
  line-height:1.8;
}
.stat-open{
  display:flex;
  width:max-content;
  margin-top:auto;
  padding-top:15px;
  font-size:.8rem;
  line-height:1;
}

.auth-card input[dir="ltr"]{text-align:left}
.customer-profile-summary{
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.customer-profile-avatar{
  display:grid;
  place-items:center;
  width:96px;
  height:96px;
  overflow:hidden;
  border-radius:24px;
  background:#485fab;
  color:#fff;
  font-size:1.55rem;
  font-weight:800;
  box-shadow:0 0 0 1px rgba(72,95,171,.2);
}
.customer-profile-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.customer-profile-summary .customer-identity-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.customer-address-cell{grid-column:span 2}

@media(max-width:900px){
  .customer-profile-summary{grid-template-columns:78px minmax(0,1fr)}
  .customer-profile-avatar{width:78px;height:78px;border-radius:20px}
  .customer-profile-summary .customer-identity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .dash-hero{align-items:stretch;margin-bottom:32px}
  .dashboard-new-shipment{width:100%;margin-bottom:8px}
  .stats-grid .stat{min-height:204px}
  .customer-profile-summary{grid-template-columns:1fr}
  .customer-profile-avatar{width:92px;height:92px}
  .customer-profile-summary .customer-identity-grid{grid-template-columns:1fr}
  .customer-address-cell{grid-column:auto}
}

/* Finro World V11 — collapsible addresses and country navigation */
.address-accordion-list{
  display:grid;
  gap:14px;
}
.address-accordion{
  margin:0;
  padding:0;
  overflow:hidden;
}
.address-accordion-summary{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:88px;
  padding:18px 20px;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.address-accordion-summary::-webkit-details-marker{display:none}
.address-accordion-summary::marker{content:""}
.address-accordion-summary:focus-visible{
  outline:2px solid #485fab;
  outline-offset:-3px;
}
.address-accordion-icon{
  display:grid;
  place-items:center;
  flex:0 0 44px;
  width:44px;
  height:44px;
  border-radius:14px;
  background:#eef1fb;
  color:#485fab;
}
.address-accordion-heading{
  display:flex;
  flex:1;
  min-width:0;
  flex-direction:column;
  gap:4px;
}
.address-accordion-heading strong{
  font-size:1.05rem;
  line-height:1.5;
}
.address-accordion-heading small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.address-accordion-action{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-inline-start:auto;
  color:#485fab;
  font-size:.78rem;
  font-weight:800;
  white-space:nowrap;
}
.address-close-label{display:none}
.address-accordion[open]{
  border-color:rgba(72,95,171,.42);
  box-shadow:0 12px 28px rgba(72,95,171,.08);
}
.address-accordion[open] .address-open-label{display:none}
.address-accordion[open] .address-close-label{display:inline}
.address-accordion[open] .address-accordion-action .icon{
  transform:rotate(90deg);
}
.address-accordion-action .icon{
  transition:transform .18s ease;
}
.address-accordion-body{
  display:grid;
  gap:14px;
  padding:18px 20px 20px;
  border-top:1px solid var(--line,#e4e4e4);
  background:#fff;
}

.country-stats-section{margin:28px 0}
.section-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.section-heading h2{margin:0 0 4px}
.section-heading p{margin:0}
.country-stats-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.country-stats-grid .stat{min-height:168px}
.country-filter-select{min-width:170px}

.side-item-label{
  flex:1;
  min-width:0;
}
.side-open-label{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-inline-start:auto;
  font-size:.68rem;
  font-weight:800;
  opacity:.72;
  white-space:nowrap;
}
.side-item:hover .side-open-label,
.side-item.active .side-open-label{opacity:1}

@media(max-width:900px){
  .country-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .address-accordion-summary{
    gap:10px;
    min-height:82px;
    padding:15px;
  }
  .address-accordion-icon{
    flex-basis:40px;
    width:40px;
    height:40px;
    border-radius:12px;
  }
  .address-accordion-action span{display:none!important}
  .address-accordion-body{padding:15px}
  .country-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .country-stats-grid .stat{min-height:168px}
  .country-filter-select{min-width:0}
}
