.visual-v2.page-admin [data-admin-communication-center] [role="tablist"] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.visual-v2.page-admin [data-admin-communication-center] [role="tab"] { min-width:0; padding:8px 4px; white-space:normal; overflow-wrap:anywhere; font-size:12px; }
.visual-v2.role-company [data-company-request-form] .form-actions button { border-radius:11px; }

@media (max-width: 767px) {
  .visual-v2.page-admin .dashboard-hero-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .visual-v2 .client-dashboard-tabs {
    position: fixed;
    inset: auto 0 0;
    z-index: 40;
    margin: 0;
    padding:5px 14px max(6px, env(safe-area-inset-bottom));
    border-width:1px 0 0;
    border-radius:0;
    box-shadow:0 -5px 16px rgba(3,32,35,.07);
  }
  .visual-v2 .client-dashboard-tabs button { display:flex; flex:1 1 25%; min-width:0; min-height:52px; flex-direction:column; align-items:center; justify-content:center; gap:4px; padding:3px 4px; border:0; background:transparent; color:#687671; font-size:10px; font-weight:500; }
  .visual-v2 .client-dashboard-tabs button.active { background:transparent; color:var(--v2-accent-strong); box-shadow:none; }
  .visual-v2 .tabs:not(.client-dashboard-tabs) {
    position:sticky;
    top:8px;
    z-index:10;
  }
  .visual-v2.role-company .content > .tabs { width:100%; max-width:100%; }
  .visual-v2.page-admin .tabs button { min-width:0; min-height:48px; height:auto; padding:6px; font-size:11px; white-space:normal; line-height:1.1; overflow:visible; text-overflow:clip; }
  .visual-v2 .top-panel,
  .visual-v2 .hero { min-height:220px; padding:max(12px, env(safe-area-inset-top)) 16px 22px; border-radius:0 0 22px 22px; }
  .visual-v2 .content-area,
  .visual-v2 .content { padding-top:18px; padding-bottom:calc(104px + env(safe-area-inset-bottom)); }
  .visual-v2 .quick-order-card,
  .visual-v2 .tracking-card,
  .visual-v2 .card { padding:16px; }
  .visual-v2 .v2-mobile-order-launcher { display:flex; width:100%; min-height:50px; align-items:center; justify-content:center; gap:8px; margin:0 0 14px; border:0; border-radius:11px; background:var(--v2-accent); color:#fff; font-weight:700; box-shadow:0 7px 18px rgba(7,124,101,.19); }
  .visual-v2 .quick-order-card.v2-mobile-collapsed [data-quick-order-body] { display:none!important; }
  .visual-v2 .quick-order-card.v2-mobile-collapsed { padding:0; border:0; background:transparent; box-shadow:none; }
  .visual-v2 .quick-order-card.v2-mobile-collapsed > .quick-order-title { display:none; }
  .visual-v2 .client-tab-panel:has(#active-order-card:not(.is-hidden)) > .v2-mobile-order-launcher { display:none; }
  .visual-v2 .quick-order-card.v2-service-focus .request-row:not([data-request-section="service"]),
  .visual-v2 .quick-order-card.v2-service-focus .partner-choice-mode,
  .visual-v2 .quick-order-card.v2-service-focus .coupon-body { display:none!important; }
  .visual-v2 .quick-order-card.v2-service-focus .quick-order-summary > :not(.quick-total):not(button):not(.consumer-service-start):not(.legal-service-start-dialog) { display:none!important; }
  .visual-v2 .quick-order-card.v2-service-focus { padding-bottom:92px; }
  .visual-v2 .quick-order-card.v2-service-focus .quick-order-summary { position:sticky; bottom:62px; z-index:8; margin-top:14px; }
  .visual-v2 .dashboard-hero h1 { font-size:23px; margin-bottom:4px; }
  .visual-v2 .dashboard-hero p { margin:0 0 12px; font-size:14px; }
  .visual-v2 .dashboard-hero-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .visual-v2 .dashboard-hero-kpi,
  .visual-v2 .dashboard-hero-kpis > article { min-height:58px; padding:8px; }
  .visual-v2 .v2-home-empty-grid { margin-bottom:12px; gap:11px; }
  .visual-v2 .request-row { padding-inline: 0; }
  .visual-v2 .actions { align-items: stretch; }
  .visual-v2 .actions > button { flex: 1 1 120px; }
}

@media (min-width: 768px) {
  .visual-v2 .content-area,
  .visual-v2 .content { padding: 24px; }
  .visual-v2 .quick-order-card,
  .visual-v2 .tracking-card,
  .visual-v2 .card { padding: 22px; }
  .visual-v2 .client-tab-panel.active { max-width: 920px; margin-inline: auto; }
}

@media (min-width: 1024px) {
  .visual-v2 .app-shell,
  .visual-v2 .app,
  .visual-v2 .shell { width: 100%; max-width: none; }

  .visual-v2 .top-panel,
  .visual-v2 .hero {
    min-height: 190px;
    padding-inline: max(32px, calc((100vw - var(--v2-content)) / 2));
  }

  .visual-v2 .content-area,
  .visual-v2 .content {
    width: min(100%, var(--v2-content));
    margin-inline: auto;
    padding: 28px 30px 48px;
  }
}

@media (min-width: 1200px) {
  .visual-v2:not(.page-admin):not(.page-partner) .app-shell { padding-left:var(--v2-sidebar); }
  .visual-v2:not(.page-admin):not(.page-partner) .app-shell > .top-panel { min-height:148px; padding:28px 32px 18px; background:var(--v2-bg); color:var(--v2-ink); }
  .visual-v2:not(.page-admin):not(.page-partner) .app-shell > .top-panel .status-row { display:none; }
  .visual-v2:not(.page-admin):not(.page-partner) .app-shell > .content-area { max-width:none; padding:18px 32px 48px; }
  .visual-v2:not(.page-admin):not(.page-partner) .client-dashboard-tabs { position:fixed; inset:0 auto 0 0; z-index:20; display:flex; width:var(--v2-sidebar); flex-direction:column; gap:4px; margin:0; padding:92px 14px 18px; border:0; border-radius:0; background:var(--v2-shell); box-shadow:none; }
  .visual-v2:not(.page-admin):not(.page-partner) .client-dashboard-tabs::before { content:""; position:absolute; top:22px; left:16px; width:176px; height:48px; background:url('../assets/cleanonspot-horizontal-white.svg') left center/contain no-repeat; }
  .visual-v2:not(.page-admin):not(.page-partner) .client-dashboard-tabs button { display:flex; width:100%; min-height:40px; align-items:center; gap:10px; padding:9px 12px; border:0; border-radius:8px; background:transparent; color:#d4e5e1; text-align:left; font-size:13px; }
  .visual-v2:not(.page-admin):not(.page-partner) .client-dashboard-tabs button.active { background:rgba(7,159,125,.18); color:#72dfbd; }
  .visual-v2:not(.page-admin):not(.page-partner) .dashboard-hero h1,
  .visual-v2:not(.page-admin):not(.page-partner) .dashboard-hero p { color:var(--v2-ink); }
  .visual-v2:not(.page-admin):not(.page-partner) .dashboard-hero-kpi,
  .visual-v2:not(.page-admin):not(.page-partner) .dashboard-hero-kpis > article { border-color:var(--v2-line); background:#fff; color:var(--v2-ink); }
  .visual-v2:not(.page-admin):not(.page-partner) .v2-mobile-order-launcher { display:flex; width:min(100%,920px); min-height:46px; align-items:center; justify-content:center; margin:0 auto 12px; border:0; border-radius:9px; background:var(--v2-accent); color:#fff; font-weight:700; }
  .visual-v2:not(.page-admin):not(.page-partner) .quick-order-card.v2-mobile-collapsed [data-quick-order-body],
  .visual-v2:not(.page-admin):not(.page-partner) .quick-order-card.v2-mobile-collapsed > .quick-order-title { display:none!important; }
  .visual-v2:not(.page-admin):not(.page-partner) .quick-order-card.v2-mobile-collapsed { padding:0; border:0; background:transparent; box-shadow:none; }
  .visual-v2:not(.page-admin):not(.page-partner) .v2-home-empty-grid { width:min(100%,920px); grid-template-columns:1fr 1fr; margin:0 auto; }

  .visual-v2.role-company .app { width:100%; max-width:none; padding-left:var(--v2-sidebar); background:var(--v2-bg); }
  .visual-v2.role-company .app > .hero { min-height:148px; padding:28px 32px 18px; background:var(--v2-bg); color:var(--v2-ink); }
  .visual-v2.role-company .app > .hero .top { display:none; }
  .visual-v2.role-company .app > .content { width:min(100%,1180px); margin:0 auto; padding:18px 32px 48px; }
  .visual-v2.role-company .content > .tabs { position:fixed; inset:0 auto 0 0; z-index:20; display:flex; width:var(--v2-sidebar); flex-direction:column; gap:4px; margin:0; padding:92px 14px 18px; border:0; border-radius:0; background:#1c1127; }
  .visual-v2.role-company .content > .tabs::before { content:""; position:absolute; top:22px; left:16px; width:176px; height:48px; background:url('../assets/cleanonspot-horizontal-white.svg') left center/contain no-repeat; }
  .visual-v2.role-company .content > .tabs button { width:100%; min-height:40px; justify-content:flex-start; padding:9px 12px; border:0; border-radius:8px; background:transparent; color:#dfd3ec; text-align:left; }
  .visual-v2.role-company .content > .tabs button.active { background:rgba(118,70,187,.3); color:#cda8ff; }
  .visual-v2.role-company .hero { position:relative; }
  .visual-v2.role-company .app > .hero .top { display:flex; position:absolute; top:16px; right:24px; gap:8px; }
  .visual-v2.role-company .hero .top .brand-lockup { display:none; }
  .visual-v2.role-company .app > .hero h1,
  .visual-v2.role-company .app > .hero p { color:var(--v2-ink); }
  .visual-v2.role-company .app > .hero .dashboard-hero-kpi { border-color:var(--v2-line); background:#fff; color:var(--v2-ink); }
  .visual-v2.role-company .company-quick-order.v2-company-collapsed { display:none; }
  .visual-v2.role-company .v2-company-dashboard-preview { width:min(100%,920px); margin:0 auto; }

  .visual-v2.page-admin .shell,
  .visual-v2.page-partner .app { padding-left: var(--v2-sidebar); }
  .visual-v2.page-admin .hero,
  .visual-v2.page-partner .hero { padding-inline: 34px; }
  .visual-v2.page-admin .content,
  .visual-v2.page-partner .content { width: 100%; max-width: var(--v2-content); }

  .visual-v2.page-admin .drawer,
  .visual-v2.page-partner .drawer {
    display: flex;
    width: var(--v2-sidebar);
    transform: none;
    box-shadow: none;
    z-index: 15;
    padding:24px 18px;
  }

  .visual-v2.page-partner .drawer { display: grid !important; }
  .visual-v2.page-admin .drawer .drawer-close,
  .visual-v2.page-admin #closeMenu,
  .visual-v2.page-partner .drawer .drawer-close,
  .visual-v2.page-partner #close-partner-menu,
  .visual-v2.page-admin #openMenu,
  .visual-v2.page-partner #open-partner-menu { display: none; }
  .visual-v2.page-admin .backdrop,
  .visual-v2.page-partner .drawer-backdrop { display: none !important; }
  .visual-v2.page-admin .tabs { grid-template-columns: repeat(8, minmax(96px, 1fr)); }
  .visual-v2.page-partner .tabs { grid-template-columns: repeat(4, minmax(110px, 1fr)); }

  .visual-v2.page-admin body,
  .visual-v2.page-admin .shell,
  .visual-v2.page-admin .content { background:#06171b; color:#eef7f4; }
  .visual-v2.page-admin .hero { background:#06171b; }
  .visual-v2.page-admin .content .card,
  .visual-v2.page-admin .content .mini,
  .visual-v2.page-admin .content .item,
  .visual-v2.page-admin .content .empty { border-color:rgba(255,255,255,.08); background:#0b2226; color:#eef7f4; box-shadow:none; }
  .visual-v2.page-admin .content .muted,
  .visual-v2.page-admin .content .mini span { color:#9fb4ae; }
  .visual-v2.page-admin .tabs { border-color:rgba(255,255,255,.08); background:#091e22; }
  .visual-v2.page-admin .tabs button { border-color:transparent; background:transparent; color:#aebfbb; }
  .visual-v2.page-admin .tabs button.active { background:#153338; color:#fff; }
}

@media (max-width: 359px) {
  .visual-v2 .top-panel,
  .visual-v2 .hero { padding-inline: 12px; }
  .visual-v2 .content-area,
  .visual-v2 .content { padding-inline: 8px; }
  .visual-v2 .quick-order-card,
  .visual-v2 .tracking-card,
  .visual-v2 .card { padding: 12px; }
}
.visual-v2 .quick-addon-list.service-extras-panel .service-extras-save { height:48px; min-height:48px; padding:0 20px; font-size:16px; }