.portal-dashboard-nav-v2{gap:8px}.portal-shell .portal-dashboard-nav-v2 .portal-dashboard-nav-item{min-height:62px;grid-template-columns:42px minmax(0,1fr) 16px;gap:13px;padding:11px 15px;border-radius:12px;font-size:1rem;font-weight:600;color:#dbe6f5}.portal-shell .portal-dashboard-nav-v2 .portal-dashboard-nav-item:hover{background:rgba(38,67,104,.28);border-color:rgba(78,135,201,.18);transform:translateX(2px)}.portal-dashboard-nav-v2 .portal-dashboard-nav-icon{width:40px;height:40px;color:#88a1c2}.portal-dashboard-nav-v2 .portal-dashboard-nav-icon svg{width:27px;height:27px}.portal-dashboard-nav-v2 .portal-dashboard-nav-arrow{opacity:.55;font-size:1.35rem}.portal-shell .portal-dashboard-nav-v2 .portal-dashboard-nav-active,.portal-shell .portal-dashboard-nav-v2 .portal-dashboard-nav-dashboard.portal-dashboard-nav-active{background:linear-gradient(120deg,rgba(28,207,192,.95),rgba(52,127,243,.98));border-color:rgba(255,255,255,.08);box-shadow:0 14px 32px -22px rgba(45,212,191,.85);color:#04121A}.portal-dashboard-nav-v2 .portal-dashboard-nav-active .portal-dashboard-nav-icon,.portal-dashboard-nav-v2 .portal-dashboard-nav-active .portal-dashboard-nav-arrow{color:#04121A;opacity:1}.portal-dashboard-sidebar{padding-left:22px;padding-right:22px}.portal-dashboard-brand{margin-left:-22px;margin-right:-22px;padding-left:30px;padding-right:30px}

.portal-vendor-inline{margin-top:18px;padding:14px 16px;border:1px solid rgba(45,212,191,.35);border-radius:12px;background:linear-gradient(100deg,rgba(17,69,77,.34),rgba(16,35,59,.32));display:flex;align-items:center;gap:12px;max-width:520px}.portal-vendor-inline-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#35e5c7;background:rgba(45,212,191,.12);border:1px solid rgba(45,212,191,.26);flex:0 0 auto}.portal-vendor-inline-icon svg{width:22px;height:22px}.portal-vendor-inline-copy{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.portal-vendor-inline-copy strong{font-size:.95rem}.portal-vendor-inline-copy span{font-size:.78rem;color:#39ddb9;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.2);border-radius:999px;padding:4px 8px}.portal-vendor-inline-copy small{width:100%;color:#8fa4c0;font-size:.8rem}

.portal-b2b-dashboard{width:100%;max-width:1540px;margin-top:54px;padding-top:42px;border-top:1px solid rgba(148,163,184,.12)}.portal-b2b-dashboard-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:26px}.portal-b2b-eyebrow{display:inline-block;color:#2dd4bf;font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.portal-b2b-dashboard-heading h2{font-family:'Space Grotesk',sans-serif;font-size:2rem;margin:0 0 8px;color:#f8fafc}.portal-b2b-dashboard-heading p{margin:0;color:#8fa4c0}.portal-b2b-quick-primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#06131d;background:linear-gradient(120deg,#2dd4bf,#3b82f6);font-weight:800;border-radius:11px;padding:12px 18px;white-space:nowrap;box-shadow:0 14px 30px -22px rgba(45,212,191,.9)}.portal-b2b-loading,.portal-b2b-empty{border:1px solid rgba(148,163,184,.14);border-radius:14px;background:#0f1728;padding:28px;color:#94a3b8}.portal-b2b-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}.portal-b2b-kpi{min-height:142px;display:grid;grid-template-columns:58px minmax(0,1fr) 18px;align-items:center;gap:16px;padding:22px 24px;border:1px solid rgba(112,142,180,.18);border-radius:15px;background:linear-gradient(145deg,#111b2e,#0d1524);text-decoration:none;color:inherit;box-shadow:0 20px 50px -42px #000;transition:transform .18s,border-color .18s}.portal-b2b-kpi[href]:hover{transform:translateY(-2px);border-color:rgba(45,212,191,.35)}.portal-b2b-kpi-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:rgba(31,126,218,.15);color:#33b7ff}.portal-b2b-kpi-icon.violet{background:rgba(139,92,246,.16);color:#b77cff}.portal-b2b-kpi-icon.warning{background:rgba(245,158,11,.13);color:#f5b942}.portal-b2b-kpi-icon svg{width:28px;height:28px}.portal-b2b-kpi-copy{display:flex;flex-direction:column;min-width:0}.portal-b2b-kpi-copy small{font-size:.88rem;color:#a9b7ca;margin-bottom:4px}.portal-b2b-kpi-copy strong{font-family:'Space Grotesk',sans-serif;font-size:2.25rem;line-height:1;color:#f8fafc;margin:5px 0 8px}.portal-b2b-kpi-copy em{font-style:normal;font-size:.78rem;color:#70849f}.portal-b2b-kpi-arrow{color:#60738f;font-size:1.5rem}.portal-b2b-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.portal-b2b-expiring-card,.portal-b2b-actions-card{border:1px solid rgba(112,142,180,.18);border-radius:15px;background:linear-gradient(145deg,#111a2b,#0d1523);overflow:hidden}.portal-b2b-card-header{min-height:70px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;border-bottom:1px solid rgba(148,163,184,.12)}.portal-b2b-card-header>div{display:flex;align-items:center;gap:11px}.portal-b2b-card-header h3,.portal-b2b-actions-card h3{margin:0;font-family:'Space Grotesk',sans-serif;font-size:1.05rem;color:#f8fafc}.portal-b2b-card-header>a{color:#8fa4c0;text-decoration:none;font-size:.82rem}.portal-b2b-card-header>a:hover{color:#2dd4bf}.portal-b2b-card-icon{color:#fb7185;font-size:1.4rem}.portal-b2b-expiring-table{width:100%}.portal-b2b-expiring-row{display:grid;grid-template-columns:1.3fr 1.2fr 1fr .9fr 28px;gap:14px;align-items:center;padding:15px 22px;border-bottom:1px solid rgba(148,163,184,.08);font-size:.84rem;color:#d6e0ee}.portal-b2b-expiring-row:last-child{border-bottom:0}.portal-b2b-expiring-row.header{color:#7186a2;font-size:.74rem;font-weight:600;background:rgba(255,255,255,.012)}.portal-b2b-expiring-row>a{color:#7f91aa;text-decoration:none;font-size:1.45rem;text-align:right}.portal-b2b-expiring-row>a:hover{color:#2dd4bf}.portal-b2b-expiry{color:#ffb84a}.portal-b2b-expiry small{display:inline-block;margin-left:6px;color:#f59e0b;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.18);border-radius:999px;padding:3px 6px;font-size:.68rem}.portal-b2b-actions-card{padding:20px}.portal-b2b-actions-card h3{padding:3px 4px 14px;border-bottom:1px solid rgba(148,163,184,.1)}.portal-b2b-actions-card>a{min-height:53px;display:grid;grid-template-columns:32px minmax(0,1fr) 14px;gap:10px;align-items:center;text-decoration:none;color:#d7e2ef;border-bottom:1px solid rgba(148,163,184,.08);font-size:.86rem}.portal-b2b-actions-card>a:last-child{border-bottom:0}.portal-b2b-actions-card>a:hover{color:#2dd4bf}.portal-b2b-actions-card>a span{color:#88a1c2;font-size:1.25rem}.portal-b2b-actions-card>a em{font-style:normal;color:#60738f;font-size:1.2rem}.portal-b2b-empty{border:0;border-radius:0;background:transparent;padding:34px 22px}

@media(max-width:1180px){.portal-b2b-kpis{grid-template-columns:1fr}.portal-b2b-dashboard-grid{grid-template-columns:1fr}.portal-b2b-actions-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}.portal-b2b-actions-card h3{grid-column:1/-1}.portal-b2b-actions-card>a:nth-of-type(odd){border-right:1px solid rgba(148,163,184,.08);padding-right:14px}.portal-b2b-expiring-row{grid-template-columns:1.2fr 1fr .8fr .9fr 24px}}
@media(max-width:760px){.portal-dashboard-nav-v2{gap:9px}.portal-shell .portal-dashboard-nav-v2 .portal-dashboard-nav-item{min-height:58px;font-size:.9rem}.portal-b2b-dashboard{margin-top:34px;padding-top:28px}.portal-b2b-dashboard-heading{align-items:stretch;flex-direction:column}.portal-b2b-quick-primary{width:100%}.portal-b2b-kpi{min-height:120px;padding:18px;grid-template-columns:50px minmax(0,1fr) 16px}.portal-b2b-kpi-icon{width:48px;height:48px}.portal-b2b-kpi-copy strong{font-size:1.8rem}.portal-b2b-dashboard-grid{display:block}.portal-b2b-actions-card{margin-top:16px;display:block}.portal-b2b-expiring-row.header{display:none}.portal-b2b-expiring-row{grid-template-columns:1fr auto;gap:8px 14px;padding:18px}.portal-b2b-expiring-row>span{grid-column:1}.portal-b2b-expiring-row>span:before{content:attr(data-label) ': ';color:#7186a2;font-size:.72rem}.portal-b2b-expiring-row>a{grid-column:2;grid-row:1/5;align-self:center}.portal-b2b-card-header{align-items:flex-start;flex-direction:column}.portal-vendor-inline{max-width:none}.portal-dashboard-customer-card{padding:22px 20px}}

/* ── Κινητό: η πλοήγηση των εσωτερικών σελίδων ως σειρά chips ──────────────
   Ήταν κάθετη λίστα 7 στοιχείων ύψους 508px, οπότε σε οθόνη 812px το
   περιεχόμενο κάθε εσωτερικής σελίδας ξεκινούσε στα 618px: ο χειριστής
   προσγειωνόταν σε μενού και έπρεπε να σκρολάρει για να δει τη σελίδα που
   ζήτησε. Τώρα είναι μία οριζόντια σειρά ~52px που σέρνεται με το δάχτυλο. */
@media (max-width: 760px) {
    .portal-inner-mobile-nav { padding: 12px 14px 0; }

    .portal-inner-mobile-nav .portal-dashboard-nav-v2 {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        grid-template-columns: none;
        gap: 8px;
        overflow-x: auto;
        padding-bottom: 8px;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .portal-inner-mobile-nav .portal-dashboard-nav-v2::-webkit-scrollbar { display: none; }

    .portal-shell .portal-inner-mobile-nav .portal-dashboard-nav-v2 .portal-dashboard-nav-item {
        display: inline-flex;
        flex: 0 0 auto;
        align-items: center;
        gap: 8px;
        width: auto;
        min-height: 44px;
        padding: 9px 14px;
        border-radius: 999px;
        font-size: .84rem;
        white-space: nowrap;
    }

    .portal-inner-mobile-nav .portal-dashboard-nav-v2 .portal-dashboard-nav-arrow { display: none; }

    .portal-inner-mobile-nav .portal-dashboard-nav-v2 .portal-dashboard-nav-icon {
        width: 22px;
        height: 22px;
    }

    .portal-inner-mobile-nav .portal-dashboard-nav-v2 .portal-dashboard-nav-icon svg {
        width: 19px;
        height: 19px;
    }
}