/*
 * Copyright (c) 2026 TNSystem. Alle Rechte vorbehalten.
 * Datei: public/assets/business-portal.css
 * Zweck: Gestaltet die Benutzeroberfläche „business portal“ des TNSystem Faktura-Portals.
 */
:root{
  --portal-blue:#165aa7;
  --portal-blue-dark:#0b3d78;
  --portal-blue-soft:#eaf3ff;
  --portal-orange:#f28c18;
  --portal-orange-dark:#d87300;
  --portal-surface:#fff;
  --portal-bg:#f4f6f9;
  --portal-line:#d8e0e9;
  --portal-text:#243247;
  --portal-muted:#66758a;
  --portal-success:#16835d;
  --portal-danger:#c73e42;
  --portal-shadow:0 3px 12px rgba(30,52,80,.08);
}

html,body{background:var(--portal-bg);color:var(--portal-text)}
body.app{grid-template-columns:250px minmax(0,1fr)}
.sidebar{
  padding:0 0 18px;
  background:linear-gradient(180deg,var(--portal-blue-dark),#082f5d);
  box-shadow:4px 0 18px rgba(10,48,91,.12);
}
.brand{
  min-height:72px;
  margin:0;
  padding:14px 19px;
  gap:11px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.brandmark{
  width:40px;height:40px;border-radius:8px;
  background:#fff;color:var(--portal-blue-dark);
  box-shadow:none;
}
.brandtext{font-size:15px}.brandtext small{color:#bed3ed}
.sidebar nav{padding:14px 10px;gap:3px;overflow:auto}
.sidebar nav a{
  min-height:36px;padding:6px 10px;border-radius:6px;
  color:#d6e3f2;font-size:13.5px;font-weight:600;
}
.sidebar nav a i{font-size:16px}
.sidebar nav a:hover{background:rgba(255,255,255,.09)}
.sidebar nav a.active{
  background:#fff;color:var(--portal-blue-dark);
  box-shadow:inset 4px 0 0 var(--portal-orange),var(--portal-shadow);
}
.collapse{margin:0 10px;border-radius:6px}
.main{padding:0 26px 22px}
.main>header{
  height:72px;margin:0 -26px 22px;padding:0 26px;
  border-bottom:1px solid var(--portal-line);background:#fff;
  box-shadow:0 1px 5px rgba(30,52,80,.04);
}
.main>header h1{font-size:20px}.main>header p{font-size:12px}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}
.help-trigger,.ghost,.primary,.button{border-radius:5px}

.tenant-contact-heading{margin-bottom:18px}
.tenant-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.tenant-contact-grid .panel{display:flex;gap:18px;align-items:flex-start;margin:0;min-height:210px}
.tenant-contact-address{grid-column:1/-1;min-height:auto!important}
.tenant-contact-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:12px;background:#e8f0f7;color:#123858;font-size:1.35rem;font-weight:800}
.tenant-contact-grid h3{margin:2px 0 10px}
.tenant-contact-value{display:block;color:#102f4b;font-size:1.35rem;font-weight:800;text-decoration:none;margin:8px 0 4px}
.tenant-contact-mail{display:inline-block;font-weight:700;margin-bottom:12px}
.tenant-contact-note{margin:8px 0 0;color:#526274}
.tenant-contact-ticket .button{display:inline-flex;margin-top:14px}
.tenant-contact-address address{font-style:normal;line-height:1.65;color:#34475b}
@media(max-width:820px){
  .tenant-contact-grid{grid-template-columns:1fr}
  .tenant-contact-address{grid-column:auto}
}
@media(max-width:520px){
  .tenant-contact-grid .panel{display:block;min-height:auto}
  .tenant-contact-icon{margin-bottom:14px}
}

.analytics-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.analytics-kpis article{background:#fff;border:1px solid #d9e2ec;border-radius:10px;padding:18px;box-shadow:0 7px 22px rgba(20,48,76,.05)}
.analytics-kpis span{display:block;color:#617083;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.analytics-kpis strong{display:block;color:#102f4b;font-size:2rem;line-height:1.1;margin:8px 0 5px}
.analytics-kpis small{color:#617083}
.analytics-kpis dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:16px 0 0;padding-top:14px;border-top:1px solid #e7edf3}
.analytics-kpis dl div{display:flex;align-items:center;justify-content:space-between;gap:8px}
.analytics-kpis dt{color:#617083;font-size:.77rem}
.analytics-kpis dd{margin:0;color:#163b5c;font-size:.88rem;font-weight:800}
.analytics-chart{margin-bottom:18px}
.analytics-bars{display:flex;align-items:flex-end;gap:8px;min-height:220px;padding:18px 4px 0}
.analytics-bars>div{display:grid;grid-template-rows:24px 150px 24px;gap:5px;flex:1;min-width:28px;text-align:center}
.analytics-bars strong,.analytics-bars span{font-size:.72rem;color:#526274}
.analytics-bars i{position:relative;display:block;background:#edf2f7;border-radius:5px 5px 2px 2px;overflow:hidden}
.analytics-bars b{position:absolute;bottom:0;width:43%;border-radius:5px 5px 2px 2px}
.analytics-bars b.visitors{left:4%;background:linear-gradient(180deg,#36b37e,#16845c)}
.analytics-bars b.views{right:4%;background:linear-gradient(180deg,#1f8fca,#195a8c)}
.analytics-legend{display:flex;align-items:center;gap:7px}
.analytics-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;background:#16845c}
.analytics-legend i+ i{margin-left:8px;background:#195a8c}
.analytics-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}
.analytics-detail-grid .panel{margin:0}
.analytics-ranking{list-style:none;margin:0;padding:0}
.analytics-ranking li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf1f5}
.analytics-ranking li:last-child{border-bottom:0}
.analytics-ranking span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.analytics-ranking strong{flex:0 0 auto;color:#195a8c}
.analytics-visitors td small,.analytics-visitors+* small,.table-wrap td small{display:block;margin-top:3px;color:#708093}
.analytics-attribution{margin:14px 0 0;color:#617083;font-size:.78rem}
.analytics-attribution a{color:#195a8c;font-weight:700}
@media(max-width:980px){
  .analytics-detail-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .analytics-kpis{grid-template-columns:1fr}
  .analytics-bars{overflow-x:auto}
  .analytics-bars>div{flex:0 0 42px}
}
.primary{background:var(--portal-orange);color:#fff}
.primary:hover{background:var(--portal-orange-dark)}
.ghost{border-color:var(--portal-line);color:var(--portal-blue-dark)}

.hero{
  padding:23px 26px;border-radius:8px;margin-bottom:16px;
  background:linear-gradient(108deg,var(--portal-blue-dark),var(--portal-blue));
  box-shadow:var(--portal-shadow);
}
.hero h2{font-size:24px}.hero .primary{color:#fff!important;background:var(--portal-orange)!important}
.eyebrow{color:#bcd8f8}.eyebrow.dark{color:var(--portal-blue)}
.metrics{gap:12px;margin:14px 0}
.dashboard-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}
.metrics article,.panel{
  border:1px solid var(--portal-line);border-radius:7px;
  padding:17px;box-shadow:var(--portal-shadow);
}
.metrics article{border-top:3px solid var(--portal-blue)}
.metrics article.accent{border-top-color:var(--portal-orange)}
.metrics article strong{font-size:24px;margin:7px 0 3px}
.dashboard-attention{gap:10px}
.attention-tile{border-radius:6px;border-color:var(--portal-line);box-shadow:none}
.panel-heading{border-bottom:1px solid #e8edf3;padding-bottom:12px;margin-bottom:10px}
.panel-heading h3{margin:3px 0 0}
.activity-row{border-radius:5px}
.revenue-panel{margin:14px 0 18px}
.revenue-chart{display:grid;grid-template-columns:repeat(6,minmax(55px,1fr));gap:16px;height:220px;padding:12px 8px 0}
.revenue-column{display:grid;grid-template-rows:38px 1fr 22px;gap:5px;text-align:center;min-width:0}
.revenue-value-pair{display:grid;gap:2px;align-content:start;font-size:10px;line-height:1.25;white-space:nowrap}
.revenue-value-pair span{overflow:hidden;text-overflow:ellipsis}
.revenue-value-pair .paid{color:#227a56}
.revenue-value-pair .open{color:#a65a00}
.revenue-chart-legend{display:flex;align-items:center;justify-content:flex-end;gap:14px;font-size:11px}
.revenue-chart-legend .paid::before,.revenue-chart-legend .open::before{content:"";display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px}
.revenue-chart-legend .paid::before{background:#2f9e6f}
.revenue-chart-legend .open::before{background:var(--portal-orange)}
.revenue-track{position:relative;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid var(--portal-line);background:linear-gradient(to top,transparent 24%,#edf1f5 25%,transparent 26%,transparent 49%,#edf1f5 50%,transparent 51%,transparent 74%,#edf1f5 75%,transparent 76%)}
.revenue-track .revenue-bar{display:block;width:min(64px,82%);height:100%;overflow:visible}
.revenue-track .revenue-bar rect.paid{fill:#2f9e6f}
.revenue-track .revenue-bar rect.open{fill:var(--portal-orange)}
.revenue-column b{font-size:11px;color:#53647a}

.page-actions{
  min-height:52px;padding:10px 13px;margin:0 0 12px;
  border:1px solid var(--portal-line);border-radius:7px;background:#fff;
}
.page-actions p{margin:0;font-size:13px}
.table-wrap{border-radius:7px}
table{background:#fff}
th{height:42px;background:#f5f7fa;color:#53647a;font-size:11px}
td{height:50px;padding:11px 15px}
tbody tr:hover{background:#f7fbff}
.pill{background:#e8f5ef;color:var(--portal-success)}
.pill.status-draft{background:#eef2f7;color:#5d6b7d}
.pill.status-overdue,.pill.status-cancelled{background:#fdeced;color:var(--portal-danger)}
.pill.status-issued{background:#fdeced;color:var(--portal-danger)}
.pill.status-sent{background:#fff4d8;color:#8a5800}
.pill.status-viewed,.pill.status-downloaded{background:#e8f5ef;color:var(--portal-success)}
.row-actions{gap:6px}
.row-actions .button,.row-actions button{padding:8px 11px;font-size:12px}

.status-tabs{
  display:flex;align-items:center;gap:3px;margin:0 0 12px;
  padding:0 4px;border-bottom:1px solid var(--portal-line);
  overflow:auto;background:#fff;border-radius:7px 7px 0 0;
}
.status-tab{
  appearance:none;border:0;border-bottom:3px solid transparent;
  background:transparent;color:var(--portal-muted);padding:12px 13px 10px;
  font:inherit;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer;
}
.status-tab b{
  display:inline-grid;place-items:center;min-width:21px;height:21px;margin-left:5px;
  padding:0 6px;border-radius:11px;background:#edf1f5;color:#53647a;font-size:10px;
}
.status-tab:hover,.status-tab.active{color:var(--portal-blue)}
.status-tab.active{border-bottom-color:var(--portal-orange)}
.status-tab.active b{background:var(--portal-blue-soft);color:var(--portal-blue)}

.list-toolbar{
  display:flex;align-items:center;gap:10px;margin-bottom:12px;
}
.list-search{
  flex:1;max-width:430px;height:39px;border:1px solid var(--portal-line);
  border-radius:5px;background:#fff;padding:0 12px;color:var(--portal-text);
}
.list-meta{margin-left:auto;color:var(--portal-muted);font-size:12px}

.document-workspace{
  display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start;
}
.document-preview-shell{
  min-height:760px;padding:24px;background:#e7ebf0;border:1px solid #d3dae3;border-radius:7px;
}
.document-preview-page{
  width:min(100%,800px);min-height:1030px;margin:auto;padding:48px;
  background:#fff;box-shadow:0 5px 18px rgba(24,38,58,.18);
}
.document-side-actions{position:sticky;top:92px;display:grid;gap:12px}
.document-side-actions .panel{padding:14px}

/* Belegeditor: alle Eingaben links, Dokumentvorschau dauerhaft rechts */
.document-composer{
  grid-template-columns:minmax(480px,620px) minmax(560px,1fr)!important;
  max-width:1580px!important;gap:20px!important;
}
.document-composer>.document-fields,
.document-composer>.series-fields,
.document-composer>.document-items-panel,
.document-composer>.form-actions{grid-column:1!important;width:100%!important}
.document-composer>.document-live-preview{
  grid-column:2!important;grid-row:1/20!important;
  position:sticky!important;top:88px!important;align-self:start;
  max-height:calc(100vh - 106px);overflow:auto;
}
.document-composer>.form-actions{
  position:static;margin:0!important;padding:12px;
  border:1px solid var(--portal-line);border-radius:7px;background:#fff;
}
.document-composer .document-item{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.document-composer .document-item>*{grid-column:auto!important}
.document-composer .document-item>label:first-of-type,
.document-composer .document-item .item-name,
.document-composer .document-item .item-description,
.document-composer .document-item .remove-document-item{grid-column:1/-1!important}
.document-composer .preview-paper{min-height:700px}

.payment-invoice-list{display:grid;gap:9px}
.payment-invoice-card{display:grid;grid-template-columns:minmax(260px,1fr) 160px auto;gap:18px;align-items:center;padding:14px;border:1px solid var(--portal-line);border-radius:7px;background:#fff}
.payment-invoice-card>div:first-child span,.payment-invoice-card>div:first-child small,.payment-open span{display:block}
.payment-invoice-card>div:first-child span{margin-top:3px;color:#44546a}
.payment-invoice-card small,.payment-open span{margin-top:3px;color:var(--portal-muted);font-size:11px}
.payment-open{text-align:right}.payment-open strong{display:block;margin-top:4px;font-size:18px}
.payment-history{margin-top:16px}
.payment-entry-form{max-width:760px!important}
.payment-type-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.payment-type-choice label{display:flex;gap:9px;align-items:flex-start;padding:12px;border:1px solid var(--portal-line);border-radius:7px;background:#f8fafc;cursor:pointer}
.payment-type-choice input{width:18px!important;height:18px!important;margin:2px 0 0!important}
.payment-type-choice span,.payment-type-choice small{display:block}.payment-type-choice small{margin-top:4px;color:var(--portal-muted);font-weight:400}
.payment-summary{display:flex;justify-content:space-between;align-items:center;padding:13px;border-radius:7px;background:var(--portal-blue-soft);color:var(--portal-blue-dark)}
.payment-summary strong{font-size:20px}

.customer-search-panel{margin-bottom:14px}
.customer-search-form{display:grid;grid-template-columns:minmax(240px,360px) minmax(420px,660px);gap:18px;align-items:end}
.customer-search-form>label{font-size:13px;font-weight:800;color:var(--portal-ink)}
.customer-search-form>label span{display:block;margin-top:4px;color:var(--portal-muted);font-size:11px;font-weight:400;line-height:1.45}
.customer-search-controls{display:flex;align-items:center;gap:9px}
.customer-search-controls input{flex:1;min-width:220px;height:38px;margin:0;padding:0 11px;border:1px solid var(--portal-line);border-radius:7px;background:#fff;color:var(--portal-ink);font:inherit}
.customer-search-controls input:focus{outline:0;border-color:var(--portal-blue);box-shadow:0 0 0 3px rgba(28,91,148,.12)}
.customer-search-result{margin:12px 0 0;padding-top:11px;border-top:1px solid var(--portal-line);color:var(--portal-muted);font-size:12px}
.customer-search-result strong{color:var(--portal-ink)}

footer{padding:18px 4px;color:var(--portal-muted);font-size:11px}

body.nav-collapsed{grid-template-columns:74px minmax(0,1fr)}
body.nav-collapsed .sidebar .brandtext,
body.nav-collapsed .sidebar nav a span,
body.nav-collapsed .sidebar .nav-separator{display:none}
body.nav-collapsed .sidebar nav a{justify-content:center}
body.nav-collapsed .sidebar nav a i{width:auto}

@media(max-width:1050px){
  .metrics,.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .document-workspace{grid-template-columns:1fr}
  .document-side-actions{position:static}
  .document-composer{grid-template-columns:1fr!important}
  .document-composer>.document-fields,.document-composer>.series-fields,.document-composer>.document-items-panel,.document-composer>.form-actions,.document-composer>.document-live-preview{grid-column:1!important}
  .document-composer>.document-live-preview{grid-row:auto!important;position:static!important;max-height:none}
  .payment-invoice-card{grid-template-columns:1fr auto}.payment-invoice-card .row-actions{grid-column:1/-1}
  .customer-search-form{grid-template-columns:1fr}
}
@media(max-width:1450px){
  .document-composer{grid-template-columns:1fr!important}
  .document-composer>.document-fields,
  .document-composer>.series-fields,
  .document-composer>.document-items-panel,
  .document-composer>.form-actions,
  .document-composer>.document-live-preview{grid-column:1!important}
  .document-composer>.document-live-preview{
    grid-row:auto!important;position:static!important;max-height:none
  }
  .document-composer .preview-paper{min-height:720px;max-width:620px;margin:auto}
}
@media(max-width:760px){
  body.app{display:block}
  .sidebar{position:fixed;width:250px;transform:translateX(-105%);transition:.2s}
  .sidebar.open{transform:none}
  .main{padding:0 12px 18px}
  .main>header{height:62px;margin:0 -12px 13px;padding:0 12px;border-bottom:0;background:linear-gradient(112deg,var(--portal-blue-dark),#155c8c);color:#fff;box-shadow:0 4px 14px rgba(9,46,81,.16)}
  .main>header h1{color:#fff;font-size:17px}.main>header .page-title p{color:#cfe2f1}.main>header .icon-button{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff}.main>header .help-trigger,.main>header .ghost{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff}.main>header .help-trigger span{background:#fff;color:var(--portal-blue-dark)}
  .icon-button{display:inline-grid}
  .hero{padding:18px;align-items:flex-start;gap:14px;flex-direction:column}
  .metrics{grid-template-columns:1fr 1fr}
  .grid-2{grid-template-columns:1fr}
  .page-actions{align-items:flex-start;gap:10px;flex-direction:column}
  .customer-search-controls{align-items:stretch;flex-direction:column}.customer-search-controls>*{width:100%}.customer-search-controls input{min-width:0}
  .document-preview-shell{padding:8px;overflow:auto}
  .document-preview-page{min-width:680px}
  .revenue-chart{gap:7px;height:180px;padding-inline:0}.revenue-value-pair{font-size:9px}.revenue-track .revenue-bar{width:82%}
  .revenue-chart-legend{flex-wrap:wrap;justify-content:flex-start;gap:7px 12px}
  .table-wrap{overflow:visible}
  .table-wrap table{display:block;min-width:0;background:transparent}
  .table-wrap thead{display:none}
  .table-wrap tbody{display:grid;gap:10px}
  .table-wrap tbody tr[data-status]{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:13px;border:1px solid var(--portal-line);border-radius:7px;background:#fff;box-shadow:var(--portal-shadow)}
  .table-wrap tbody tr[data-status] td{display:block;height:auto;padding:0;border:0;min-width:0}
  .table-wrap tbody tr[data-status] td::before{display:block;margin-bottom:4px;color:var(--portal-muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
  .table-wrap tbody tr[data-status] td:nth-child(1)::before{content:"Nummer"}
  .table-wrap tbody tr[data-status] td:nth-child(2)::before{content:"Status"}
  .table-wrap tbody tr[data-status] td:nth-child(3)::before{content:"Datum"}
  .table-wrap tbody tr[data-status] td:nth-child(4){grid-column:1/-1}
  .table-wrap tbody tr[data-status] td:nth-child(4)::before{content:"Aktionen"}
  .table-wrap .row-actions{display:flex;flex-wrap:wrap}
}
@media(max-width:480px){body.app{font-size:12.5px}body.app .main{padding-inline:9px}body.app .main>header{margin-inline:-9px;padding-inline:9px}body.app .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body.app .metrics article{min-height:0;padding:11px}body.app .metrics article span{font-size:10px}body.app .metrics article strong{font-size:18px;margin:4px 0}body.app .metrics article small{font-size:9px}body.app .panel{padding:11px}body.app .page-actions h2{font-size:18px}body.app .page-actions p{font-size:11px}body.app .primary,body.app .ghost,body.app .button,body.app button{min-height:34px;padding:7px 9px;font-size:11px}}

/* Webseitenstatistik: kompakte Business-Auswertung ohne Diagramm */
.analytics-business{display:grid;gap:14px;min-width:0}.analytics-business>*{min-width:0}
.analytics-business-head{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 22px;border-radius:11px;background:linear-gradient(115deg,#14354f,#1c6373);color:#fff}
.analytics-business-head h2{margin:2px 0 5px;font-size:23px}.analytics-business-head p{margin:0;color:#d5e7eb}.analytics-business-head .eyebrow{color:#91d4de}
.analytics-range-tabs,.analytics-sort-tabs{display:flex;align-items:center;gap:4px;padding:4px;border-radius:8px;background:rgba(255,255,255,.1)}
.analytics-range-tabs a,.analytics-sort-tabs a{padding:7px 10px;border-radius:6px;color:inherit;text-decoration:none;font-size:11px;font-weight:750;white-space:nowrap}
.analytics-range-tabs a.active{background:#fff;color:#17445e}.analytics-range-tabs a:hover{background:rgba(255,255,255,.18)}
.analytics-business-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.analytics-business-kpis article{min-height:105px;padding:14px 15px;border:1px solid #dce5ed;border-radius:10px;background:#fff;box-shadow:0 5px 16px rgba(25,53,78,.045)}
.analytics-business-kpis article.primary{border-top:3px solid #17638a}.analytics-business-kpis article.tool{border-top:3px solid #0c8b70}.analytics-business-kpis article.conversion{border-top:3px solid #d08a20}
.analytics-business-kpis span,.analytics-business-kpis small{display:block;color:#6c7b8a;font-size:11px}.analytics-business-kpis strong{display:block;margin:9px 0 5px;color:#173a50;font-size:25px}
.analytics-business-panel{padding:17px 18px;border:1px solid #dce5ed;border-radius:11px;background:#fff;box-shadow:0 5px 18px rgba(25,53,78,.045)}
.analytics-business-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:12px;border-bottom:1px solid #e8edf2}.analytics-business-panel>header h3{margin:2px 0 3px;font-size:17px}.analytics-business-panel>header p{margin:0;color:#6c7b8a;font-size:11px}.analytics-business-panel>header>span{color:#6c7b8a;font-size:11px}
.tool-page-summary{text-align:right}.tool-page-summary span,.tool-page-summary strong{display:block}.tool-page-summary span{color:#6c7b8a;font-size:11px}.tool-page-summary strong{font-size:22px;color:#173a50}
.tool-performance-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:13px}.tool-performance-grid article{padding:13px;border-radius:8px;background:#f7f9fb;border:1px solid #e5ebf0}.tool-performance-grid span,.tool-performance-grid small{display:block}.tool-performance-grid span{min-height:30px;color:#455c70;font-size:11px;font-weight:750}.tool-performance-grid strong{display:block;margin:7px 0 3px;font-size:22px;color:#0f6f63}.tool-performance-grid small{color:#778592;font-size:10px}
.analytics-business-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.analytics-compact-ranking{list-style:none;margin:8px 0 0;padding:0}.analytics-compact-ranking li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #edf1f5}.analytics-compact-ranking li:last-child{border-bottom:0}.analytics-compact-ranking span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4c6073}.analytics-compact-ranking strong{color:#17638a}
.analytics-access-panel>header{align-items:center}.analytics-sort-tabs{background:#edf3f7;color:#315477}.analytics-sort-tabs a.active{background:#fff;color:#123d59;box-shadow:0 1px 4px rgba(25,53,78,.12)}
.analytics-access-table{min-width:1040px}.analytics-access-table td strong,.analytics-access-table td small{display:block}.analytics-access-table td small{margin-top:3px;color:#71808e}.analytics-access-table code{white-space:nowrap}
.analytics-method-note{margin:12px 0 0;padding:10px 12px;border-radius:7px;background:#f5f8fa;color:#667785;font-size:11px;line-height:1.5}.analytics-method-note strong{color:#304e65}
.analytics-recent-table{min-width:850px}
@media(max-width:1500px){.analytics-business-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-performance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.analytics-business-head{align-items:flex-start;flex-direction:column}.analytics-business-grid{grid-template-columns:1fr}.analytics-sort-tabs{width:100%;overflow-x:auto}.analytics-business-kpis{grid-template-columns:1fr 1fr}.tool-performance-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.analytics-business-kpis,.tool-performance-grid{grid-template-columns:1fr}.analytics-range-tabs{width:100%;overflow-x:auto}.analytics-business-panel{padding:14px}}
@media(max-width:480px){.metrics{grid-template-columns:1fr}}
@media(max-width:620px){.payment-invoice-card{grid-template-columns:1fr}.payment-open{text-align:left}.payment-type-choice{grid-template-columns:1fr}}

/* Kundenkonto: Der offene negative Saldo bleibt unabhängig von Theme-Reihenfolge rot. */
.table-wrap td.customer-balance-negative,
.table-wrap td.customer-balance-negative strong,
.customer-balance-negative,
.customer-balance-negative strong{color:#b42318!important}
.table-wrap td.customer-balance-positive,
.table-wrap td.customer-balance-positive strong{color:#027a48}
.customer-balance-cell strong{display:block;font-size:15px}
.customer-balance-cell small{display:block;margin-top:3px;color:inherit}

/* Eindeutiger Status für bereits geplanten Abschluss und Versand. */
.pill.status-scheduled{background:#fff4d8;color:#8a5800}
.document-status-detail{display:block;margin-top:6px;color:var(--portal-muted);line-height:1.35}
.scheduled-button,.scheduled-button:disabled{border:1px solid #e5c878;background:#fff4d8;color:#7a4d00;cursor:not-allowed;opacity:1}
.schedule-stop-button{border:1px solid #d49a3a;background:#fffaf0;color:#8a4d00;box-shadow:none}.schedule-stop-button:hover,.schedule-stop-button:focus-visible{border-color:#b7791f;background:#fff2d2;color:#713f00}

/* Mahnwesen: klare Trennung von Kennzahlen, Automatik, Stufen und Arbeitsliste. */
.dunning-page-head{margin-bottom:14px}
.dunning-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.dunning-summary article{padding:15px 17px;border:1px solid var(--portal-line);border-top:3px solid var(--portal-blue);border-radius:9px;background:#fff;box-shadow:var(--portal-shadow)}
.dunning-summary article:nth-child(2){border-top-color:#b87500}.dunning-summary article:nth-child(3){border-top-color:#027a48}.dunning-summary article.dunning-summary-open{border-top-color:#b42318}
.dunning-summary span,.dunning-summary small{display:block;color:var(--portal-muted)}.dunning-summary span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.dunning-summary strong{display:block;margin:7px 0 4px;color:var(--portal-navy);font-size:22px}.dunning-summary-open strong{color:#b42318}
.dunning-workspace{display:grid;grid-template-columns:minmax(290px,.7fr) minmax(560px,1.3fr);gap:14px;align-items:start;margin-bottom:14px}
.dunning-workspace>.panel{margin:0}.dunning-automation{position:sticky;top:14px}.dunning-automation .panel-head p,.dunning-level-editor .panel-head p,.dunning-case-list .panel-head p{margin:4px 0 0;color:var(--portal-muted);font-size:12px;line-height:1.45}
.dunning-automation .switch-row{min-height:70px;background:#f8fafc}.dunning-automation .warning-switch{border-color:#ead3a0;background:#fffaf0}.dunning-automation .switch-row input{flex:0 0 auto}
.dunning-placeholders{margin:13px 0;border:1px solid #cddbea;border-radius:8px;background:#f7fbff}.dunning-placeholders summary{padding:12px 14px;cursor:pointer;color:var(--portal-navy);font-weight:800}.dunning-placeholders>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 14px 10px}.dunning-placeholders span{display:flex;align-items:center;gap:7px;color:var(--portal-muted);font-size:11px}.dunning-placeholders code{flex:0 0 auto;padding:3px 6px;border-radius:4px;background:#e7f0fb;color:#174a7e}.dunning-placeholders>small{display:block;padding:10px 14px;border-top:1px solid #dbe7f2;color:var(--portal-muted)}
.dunning-level-list{display:grid;gap:10px}.dunning-level-card{overflow:hidden;border:1px solid var(--portal-line);border-radius:9px;background:#fff}.dunning-level-card>summary{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 14px;cursor:pointer;list-style:none}.dunning-level-card>summary::-webkit-details-marker{display:none}.dunning-level-card[open]>summary{border-bottom:1px solid var(--portal-line);background:#f8fafc}.dunning-level-card summary span:nth-child(2) strong,.dunning-level-card summary span:nth-child(2) small{display:block}.dunning-level-card summary span:nth-child(2) small{margin-top:3px;color:var(--portal-muted)}.dunning-level-card summary>b{color:var(--portal-blue);font-size:11px}.dunning-level-number{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--portal-navy);color:#fff;font-weight:900}.dunning-level-body{padding:14px}.dunning-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dunning-level-body .dunning-message{min-height:210px;line-height:1.55;resize:vertical}
.dunning-save-bar{position:sticky;bottom:10px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;border:1px solid #cbd8e6;border-radius:9px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(21,50,82,.14)}.dunning-save-bar span{color:var(--portal-muted);font-size:11px}
.dunning-case-list{padding:0;overflow:hidden}.dunning-case-list>.panel-head{padding:15px 17px;border-bottom:1px solid var(--portal-line)}.dunning-case-list .table-scroll{overflow:auto}.dunning-level-pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef3f8;color:var(--portal-navy);font-size:11px;font-weight:800}.dunning-open-amount{color:#b42318;font-weight:800}
@media(max-width:1080px){.dunning-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.dunning-workspace{grid-template-columns:1fr}.dunning-automation{position:static}}
@media(max-width:650px){.dunning-summary{grid-template-columns:1fr}.dunning-placeholders>div,.dunning-rule-grid{grid-template-columns:1fr}.dunning-save-bar{position:static;align-items:stretch;flex-direction:column}.dunning-save-bar button{width:100%}}

/* Kontosicherheit: eigenständige, klar geführte Sicherheitszentrale. */
.account-security-page{display:grid;gap:16px;width:100%;max-width:1280px}
.account-security-page>.panel,.account-security-grid>.panel{margin:0}
.account-security-intro{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(520px,1.2fr);gap:22px;align-items:center;padding:20px 22px;border:1px solid #cbdbea;border-radius:12px;background:linear-gradient(125deg,#f8fbff,#eef5fb);box-shadow:0 7px 24px rgba(25,62,99,.07)}
.account-security-intro .eyebrow{margin:0 0 5px}.account-security-intro h2{margin:0;color:var(--portal-navy);font-size:24px}.account-security-intro>div>p:last-child{max-width:620px;margin:7px 0 0;color:var(--portal-muted);font-size:13px;line-height:1.55}
.account-security-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.account-security-summary>div{min-width:0;padding:11px 13px;border:1px solid #d5e1ec;border-radius:9px;background:#fff}
.account-security-summary span,.account-security-summary strong{display:block}.account-security-summary span{color:var(--portal-muted);font-size:10px;font-weight:850;letter-spacing:.045em;text-transform:uppercase}.account-security-summary strong{margin-top:5px;color:var(--portal-navy);font-size:14px;overflow-wrap:anywhere}
.account-auth-card{padding:0!important;overflow:hidden;border-top:3px solid var(--portal-blue)}
.account-section-heading{display:flex;align-items:flex-start;gap:12px;padding:17px 19px;border-bottom:1px solid var(--portal-line)}
.account-section-heading.compact{padding:0 0 14px;margin-bottom:15px}.account-section-heading h3{margin:0;color:var(--portal-navy);font-size:18px}.account-section-heading p{margin:4px 0 0;color:var(--portal-muted);font-size:12px;line-height:1.5}
.account-section-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:#e7f1fc;color:#1767a8;font-size:15px;font-weight:900}
.account-auth-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.account-auth-step{min-width:0;padding:18px 19px 20px}.account-auth-step+.account-auth-step{border-left:1px solid var(--portal-line);background:#fbfcfe}
.account-step-title{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}.account-step-title>span{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:50%;background:var(--portal-navy);color:#fff;font-size:12px;font-weight:900}.account-step-title strong,.account-step-title small{display:block}.account-step-title strong{color:var(--portal-navy);font-size:14px}.account-step-title small{max-width:490px;margin-top:3px;color:var(--portal-muted);font-size:11px;line-height:1.45}
.account-policy-form,.account-method-form{display:grid;gap:12px;margin:0;max-width:none}
.account-choice-list{display:grid;gap:7px}
.account-choice{display:grid!important;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;min-width:0;margin:0!important;padding:10px 11px!important;border:1px solid #d5e0eb;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}
.account-choice:hover{border-color:#9bbbd7;background:#f8fbff}.account-choice:has(input:checked){border-color:#3179b6;background:#f1f7fd;box-shadow:inset 3px 0 0 #3179b6}
.account-choice input{width:17px!important;height:17px!important;min-height:0!important;margin:2px 0 0!important;accent-color:#236fab}.account-choice span,.account-choice strong,.account-choice small{display:block}.account-choice strong{color:#20364e;font-size:13px}.account-choice small{margin-top:2px;color:#66778a;font-size:11px;font-weight:400;line-height:1.4}
.account-method-overview{display:grid;gap:6px;padding:10px 11px;border:1px solid #d9e4ee;border-radius:8px;background:#f8fafc}.account-method-overview>span{color:var(--portal-muted);font-size:10px;font-weight:850;letter-spacing:.045em;text-transform:uppercase}.account-method-overview>div{display:flex;gap:6px;flex-wrap:wrap}.account-method-overview strong{padding:4px 8px;border-radius:999px;background:#e5f1fd;color:#175d97;font-size:11px}.account-method-overview em{color:#9b2c2c;font-size:11px}.account-policy-form>.form-actions,.account-method-form>.form-actions{margin:0;padding-top:2px}.account-policy-form button,.account-method-form button{min-height:40px}
.account-security-message{display:grid;gap:3px;padding:11px 12px;border:1px solid #cfdeeb;border-left:3px solid #397daf;border-radius:7px;background:#f5f9fd;color:#40566d}.account-security-message strong{color:#243d57;font-size:13px}.account-security-message span{font-size:11px;line-height:1.45}.account-security-message.is-off{border-left-color:#7b8795;background:#f6f7f9}.account-security-message.is-warning,.account-security-message.is-required{border-color:#edd5a3;border-left-color:#b87500;background:#fffaf0}.account-security-message.is-optional{border-left-color:#17845d;background:#f2fbf7}
.account-login-explainer{margin-top:12px;padding:12px;border:1px solid #dce5ed;border-radius:8px;background:#fff}.account-login-explainer>strong{display:block;margin-bottom:9px;color:#283f56;font-size:12px}.account-login-explainer ol{display:grid;gap:7px;margin:0;padding:0;list-style:none}.account-login-explainer li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:start}.account-login-explainer li>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e8f1fa;color:#1c649f;font-size:10px;font-weight:900}.account-login-explainer p,.account-login-explainer b,.account-login-explainer small{display:block;margin:0}.account-login-explainer b{color:#31485f;font-size:11px}.account-login-explainer small{margin-top:1px;color:var(--portal-muted);font-size:10px}.account-saved-method{margin-top:10px!important;padding-top:9px;border-top:1px solid #e4eaf0;color:#5b6c7e;font-size:10px;line-height:1.45}.account-saved-method strong{display:inline;color:#31485f}
.account-security-grid{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(430px,1.1fr);gap:16px;align-items:start}.account-security-grid>.panel{padding:18px!important}
.account-password-form{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;max-width:520px}.account-password-form label{display:grid!important;grid-template-columns:minmax(0,1fr);gap:6px;min-width:0;margin:0!important;color:#263b52;font-size:12px;font-weight:750}.account-password-form label>span{display:block}.account-password-form label>small{color:var(--portal-muted);font-size:10px;font-weight:400;line-height:1.4}.account-password-form input{width:100%;min-width:0;min-height:42px}.account-password-form>.form-actions{margin:2px 0 0}
.account-session-list{display:grid;gap:8px}.account-session-item{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(250px,1.3fr);gap:12px;align-items:center;padding:11px 12px;border:1px solid #dbe4ed;border-radius:8px;background:#fff}.account-session-item.is-current{border-color:#afd1c2;background:#f5fbf8}.account-session-item>div>strong,.account-session-item>div>span{display:block}.account-session-item>div>strong{color:#233c55;font-size:12px}.account-session-item>div>span{margin-top:3px;color:#17805b;font-size:10px;font-weight:800;text-transform:uppercase}.account-session-item dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.account-session-item dl>div{min-width:0}.account-session-item dt{color:var(--portal-muted);font-size:9px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.account-session-item dd{margin:3px 0 0;color:#354b62;font-size:11px;overflow-wrap:anywhere}.account-session-action{margin:13px 0 0}.account-action-note{margin:8px 0 0;color:var(--portal-muted);font-size:10px;line-height:1.45}
.account-legal-card{padding:0!important;overflow:hidden}.account-legal-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;cursor:pointer;list-style:none}.account-legal-summary::-webkit-details-marker{display:none}.account-legal-summary>span:first-child strong,.account-legal-summary>span:first-child small{display:block}.account-legal-summary>span:first-child strong{color:var(--portal-navy);font-size:14px}.account-legal-summary>span:first-child small{margin-top:3px;color:var(--portal-muted);font-size:11px}.account-legal-count{padding:5px 9px;border-radius:999px;background:#e8f5ef;color:#08734d;font-size:10px;font-weight:850}.account-legal-count.has-open{background:#fff1d8;color:#8a5700}.account-legal-body{padding:0 18px 16px;border-top:1px solid var(--portal-line)}.account-legal-body .table-wrap{margin-top:12px}

/* Mahnautomatik: kompakte Einzelauswahl ohne konkurrierende Schalter. */
.dunning-mode-select{display:grid!important;grid-template-columns:minmax(0,1fr);gap:6px;margin:0!important;color:var(--portal-navy);font-weight:800}
.dunning-mode-select select{width:100%;max-width:none!important;margin:0!important}
.dunning-mode-select small{display:block;color:var(--portal-muted);font-weight:400;line-height:1.45}
.dunning-schedule-note{margin:0;padding:10px 12px;border-left:3px solid var(--portal-blue);border-radius:0 7px 7px 0;background:#f2f7fc;color:var(--portal-muted);font-size:11px;line-height:1.5}
@media(max-width:1100px){.account-security-intro{grid-template-columns:1fr}.account-auth-steps,.account-security-grid{grid-template-columns:1fr}.account-auth-step+.account-auth-step{border-top:1px solid var(--portal-line);border-left:0}}
@media(max-width:680px){.account-security-intro{padding:17px}.account-security-summary{grid-template-columns:1fr}.account-auth-step{padding:16px}.account-session-item{grid-template-columns:1fr}.account-session-item dl{grid-template-columns:1fr 1fr}.account-legal-summary{align-items:flex-start}.account-legal-body{padding:0 12px 12px}}
/* Zentrale E-Mail-Vorlagen im Administrationsbereich */
.admin-area details.panel > summary.panel-head {
    cursor: pointer;
    list-style: none;
    align-items: center;
    padding: 0;
}
.admin-area details.panel > summary.panel-head::-webkit-details-marker {
    display: none;
}
.admin-area details.panel > summary.panel-head span:first-child {
    display: grid;
    gap: .28rem;
}
.admin-area details.panel > summary.panel-head small {
    color: var(--muted, #64748b);
    font-weight: 400;
}
.admin-area details.panel[open] > summary.panel-head {
    margin-bottom: 1rem;
    padding-bottom: .9rem;
    border-bottom: 1px solid rgba(100, 116, 139, .22);
}
.admin-area details.panel .notice code {
    display: inline-block;
    margin: .25rem .25rem .25rem .45rem;
    padding: .18rem .42rem;
    border: 1px solid rgba(37, 99, 235, .22);
    border-radius: .35rem;
    background: rgba(37, 99, 235, .08);
    color: #1d4ed8;
}
.admin-area details.panel .notice small {
    display: block;
    margin-top: .55rem;
}
.admin-area details.panel textarea {
    min-height: 11rem;
    resize: vertical;
}
.tenant-package-admin{display:grid;gap:14px;padding:18px;border:1px solid #c8d8e8;border-radius:14px;background:linear-gradient(145deg,#f7fbff,#eef5fb)}.tenant-package-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.tenant-package-head h4{margin:3px 0 0;color:#173f68;font-size:19px}.tenant-package-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0}.tenant-package-facts>div{padding:11px;border:1px solid #d8e4ef;border-radius:10px;background:#fff}.tenant-package-facts dt{color:#6b7788;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.tenant-package-facts dd{margin:4px 0 0;color:#203a55;font-size:14px;font-weight:800}.tenant-package-note{margin:0;padding:10px 12px;border-left:3px solid #2c78ac;background:#fff;color:#52677b;font-size:12px;line-height:1.5}.tenant-quota-form{padding-top:2px}.tenant-quota-form .form-actions{margin-top:0}@media(max-width:760px){.tenant-package-facts{grid-template-columns:1fr 1fr}}@media(max-width:480px){.tenant-package-facts{grid-template-columns:1fr}.tenant-package-head{display:grid}}
.sidebar-nav-disabled{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:10px;color:#718198;background:rgba(255,255,255,.035);cursor:not-allowed;user-select:none;font-size:14px}.sidebar-nav-disabled i{width:22px;text-align:center;font-style:normal;font-size:18px}.sidebar-nav-disabled>span{flex:1}.sidebar-nav-disabled b{padding:3px 6px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#91a0b4;font-size:9px;text-transform:uppercase;letter-spacing:.5px}.settings-link-card.feature-disabled{opacity:.62;cursor:not-allowed;background:#f1f4f8}.settings-link-card.feature-disabled small{display:block;margin-top:7px;color:#69778b}.contact-confirmation-shell{position:relative;z-index:2;display:grid;place-items:center;width:min(100%,900px);min-height:calc(100vh - 180px);margin:auto;padding:70px 20px}.contact-confirmation-card{width:min(100%,620px);padding:clamp(30px,5vw,52px);text-align:center;background:rgba(255,255,255,.97);box-shadow:0 28px 80px rgba(0,9,25,.35)}.contact-confirmation-card h1{margin:8px 0 15px;color:#10233f;font-size:clamp(28px,4vw,42px)}.contact-confirmation-card p:not(.eyebrow){margin:0 auto 27px;max-width:500px;color:#536277;line-height:1.7}.contact-confirmation-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border-radius:50%;background:#e4f7ef;color:#087a50;font-size:29px;font-weight:800}
.sidebar .sidebar-nav-group-items>.sidebar-nav-disabled{display:grid;grid-template-columns:17px minmax(0,1fr);gap:8px;min-height:31px;padding:5px 8px;border-radius:7px;color:#7f91a8;background:rgba(255,255,255,.025);font-size:12px;line-height:1.25}.sidebar .sidebar-nav-group-items>.sidebar-nav-disabled i{width:17px;font-size:13px}.sidebar .sidebar-nav-group-items>.sidebar-nav-disabled>span{min-width:0}.sidebar .sidebar-nav-group-items>.sidebar-nav-disabled>b{display:none}.sidebar .sidebar-nav-group-items>.sidebar-nav-disabled:hover:after{content:"Nicht freigeschaltet · Paket wechseln";position:fixed;z-index:1000;max-width:230px;margin:42px 0 0 20px;padding:8px 10px;border-radius:7px;background:#fff;color:#22364c;font-size:11px;font-weight:700;box-shadow:0 8px 25px rgba(0,0,0,.24);pointer-events:none}.invite-acceptance{position:relative;z-index:2;display:grid;place-items:center;width:100%;min-height:calc(100vh - 180px);padding:55px 20px}.invite-acceptance-card{width:min(100%,580px);padding:34px;background:rgba(255,255,255,.98);color:#172033}.invite-wordmark{position:static;margin-bottom:28px;color:#172033;text-decoration:none}.invite-wordmark small{display:block;color:#68758a}.invite-acceptance h1{margin:4px 0 12px;font-size:30px}.invite-summary{color:#536277;line-height:1.6}.invite-acceptance-form{display:grid;gap:15px;margin-top:22px}.invite-acceptance-form label{display:grid;gap:7px;color:#263a50;font-weight:750}.invite-acceptance-form input{width:100%;min-height:46px;padding:11px 13px;border:1px solid #cbd7e3;border-radius:8px;background:#fff;color:#172033;font:inherit}.invite-acceptance-form input[readonly]{background:#f2f5f8;color:#526478}.invite-acceptance-form button{min-height:48px;margin-top:5px}.invite-acceptance-form small{color:#68758a}.customer-overview-stats+.table-wrap .row-actions{display:grid;grid-template-columns:repeat(2,minmax(112px,1fr));gap:7px;min-width:245px}.customer-overview-stats+.table-wrap .row-actions>a,.customer-overview-stats+.table-wrap .row-actions form,.customer-overview-stats+.table-wrap .row-actions button{width:100%;min-height:38px}.customer-overview-stats+.table-wrap .row-actions>a{display:grid;place-items:center;text-align:center}