/* Pennydo Brand System 1.0
   Final design layer shared by the public website and the authenticated app.
   Values, typography and interaction rules follow Pennydo_Brandbook_v1.pdf. */
:root{
  --brand-navy:#081728;
  --brand-deep-blue:#0752ba;
  --brand-blue:#087af5;
  --brand-teal:#13c8b3;
  --brand-aqua:#64dfce;
  --accent-iris:#7469e8;
  --accent-amber:#f2a74b;
  --accent-coral:#e67e95;
  --accent-steel:#54a9b3;
  --accent-slate:#88a1bc;
  --surface:#fff;
  --page:#f6f9fc;
  --surface-soft:#edf4f8;
  --border:#e2eaf1;
  --text-primary:#081728;
  --text-secondary:#62758a;
  --brand:var(--brand-blue);
  --brand-deep:var(--brand-deep-blue);
  --brand-soft:#eaf4ff;
  --ink:var(--brand-navy);
  --blue:var(--brand-blue);
  --green:var(--brand-blue);
  --muted:var(--text-secondary);
  --line:var(--border);
  --coral:var(--accent-coral);
  --sand:var(--page);
  --cream:var(--page);
  --yellow:#e8fbf8;
  --sunshine:var(--brand-aqua);
  --red:#c43d57;
  color-scheme:light;
}

html{font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
body,
button,
input,
select,
textarea,
.menu-toggle,
.cookie-footer-link,
.analytics-consent button,
.checkout-form input:not([type=checkbox]){
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
body{background:var(--page);color:var(--text-primary);letter-spacing:0}
h1,h2,h3,h4,h5,h6,.card b,.stats b{color:var(--text-primary);font-family:inherit;letter-spacing:-.025em}
h1{font-weight:700;line-height:1.16}
h2{font-weight:700;line-height:1.22}
h3{font-weight:600;line-height:1.3}
p,li,dd,dt,label,td,th{line-height:1.5}
a{color:var(--brand-blue)}
.eyebrow{color:#087468;font-size:.75rem;font-weight:700;letter-spacing:.09em}

:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:3px solid var(--brand-blue);
  outline-offset:3px;
}

*{scrollbar-color:var(--accent-slate) var(--surface-soft);scrollbar-width:thin}
*::-webkit-scrollbar{width:11px;height:11px}
*::-webkit-scrollbar-track{background:var(--surface-soft);border-radius:999px}
*::-webkit-scrollbar-thumb{border:3px solid var(--surface-soft);border-radius:999px;background:var(--accent-slate)}
*::-webkit-scrollbar-thumb:hover{background:var(--brand-blue)}

/* Authentic Pennydo artwork; never recolor, distort or add effects. */
.pennydo-logo,.site-brand img,.footer-grid img{object-fit:contain;filter:none}
.pennydo-logo--header{width:168px;height:auto}
.pennydo-logo--login{width:280px;max-width:88%;height:auto}

/* Shared surfaces and controls. */
.panel,
.card,
.tablewrap,
.invoicecard,
.dashboard-box,
.dashboard-metrics article,
.vat-intro>div,
.vat-card,
.tax-summary article,
.inbox-action-panel,
.scan-shell,
.scan-review-card,
.checkout-form,
.plan-card,
.fit-card,
.included article{
  border-color:var(--border);
  border-radius:16px;
  background:var(--surface);
  box-shadow:0 10px 28px rgba(8,23,40,.055);
}
.panel,.tablewrap,.invoicecard,.dashboard-box{overflow:hidden}
.card:hover{border-color:#b8d8fb;box-shadow:0 14px 34px rgba(8,122,245,.1);transform:translateY(-1px)}

button,.button,input[type=submit]{
  min-height:44px;
  border:1px solid var(--brand-blue);
  border-radius:10px;
  background:var(--brand-blue);
  color:#fff;
  font-weight:600;
  box-shadow:none;
}
button:hover,.button:hover,input[type=submit]:hover{background:var(--brand-deep-blue);filter:none}
button:active,.button:active,input[type=submit]:active{transform:translateY(1px)}
.secondary,.button.secondary{
  border-color:#a9cff8;
  background:#fff;
  color:var(--brand-blue);
  box-shadow:none;
}
.secondary:hover,.button.secondary:hover{border-color:var(--brand-blue);background:#edf6ff;color:var(--brand-deep-blue)}
.link,.link:hover{min-height:0;border:0;background:transparent;color:var(--brand-blue);box-shadow:none}
.danger{border-color:#e7a8b4!important;background:#fff!important;color:#9d2940!important}

input:not([type=checkbox]):not([type=radio]),select,textarea{
  min-height:44px;
  border:1px solid #c8d5df;
  border-radius:10px;
  background:#fff;
  color:var(--text-primary);
  box-shadow:none;
}
input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{
  border-color:var(--brand-blue);
  outline:3px solid rgba(8,122,245,.18);
}
input::placeholder,textarea::placeholder{color:#7890a4;opacity:1}
select{color-scheme:light}
select option{background:#fff;color:var(--text-primary)}

table{font-variant-numeric:tabular-nums}
th{border-color:var(--border);background:var(--surface-soft);color:var(--text-secondary);font-size:.75rem;letter-spacing:.035em}
td{border-color:var(--border)}
td.amount,th.amount,[data-type=currency]{font-variant-numeric:tabular-nums;text-align:right}
.badge{background:#eaf4ff;color:var(--brand-deep-blue)}
.flash.success,.status-success,.badge-paid{border-color:#a5ded6;background:#e8f9f6;color:#08665c}
.flash.error,.status-error,.badge-overdue{border-color:#efb3bf;background:#fff0f3;color:#962b42}
.tax-alert,.status-warning{border-color:#eccb91;background:#fff7e8;color:#6b4913}

/* Authenticated app navigation. */
body:not(.marketing-page)>header{
  border-right:1px solid var(--border);
  background:rgba(255,255,255,.97);
  box-shadow:8px 0 30px rgba(8,23,40,.045);
  backdrop-filter:blur(16px);
}
body:not(.marketing-page)>header .brand{border-bottom-color:var(--border)}
body:not(.marketing-page)>main:before{border-color:rgba(19,200,179,.1);border-radius:50%}
body:not(.marketing-page)>header nav>a,
body:not(.marketing-page)>header nav>form .link{
  min-height:42px;
  color:var(--text-secondary);
  font-size:.82rem;
  font-weight:600;
}
body:not(.marketing-page)>header nav>a:before{
  width:8px;height:8px;border:1.75px solid var(--accent-slate);border-radius:3px;
}
body:not(.marketing-page)>header nav>a:hover,
body:not(.marketing-page)>header nav>a.is-active{
  background:#eaf4ff;
  color:var(--brand-deep-blue);
  transform:none;
}
body:not(.marketing-page)>header nav>a:hover:before,
body:not(.marketing-page)>header nav>a.is-active:before{
  border-color:var(--brand-blue);
  background:var(--brand-blue);
}
.nav-submenu{border-left-color:var(--border)}
.nav-submenu a{color:var(--text-secondary)}
.nav-submenu a:hover,.nav-submenu a.is-active{color:var(--brand-blue)}
.workspace-switcher select{border-color:var(--border);background:var(--surface-soft)}

/* Dashboard: calm first, colour only where it communicates. */
.dashboard-hero{
  border:1px solid #17314c;
  background:var(--brand-navy);
  box-shadow:0 18px 44px rgba(8,23,40,.14);
}
.dashboard-hero:before{border-color:rgba(19,200,179,.2)}
.dashboard-hero .eyebrow{color:var(--brand-aqua)}
.dashboard-hero h1,.dashboard-hero p{color:#fff}
.dashboard-metrics article{border-top:3px solid var(--brand-blue)}
.dashboard-metrics article:nth-child(2){border-top-color:var(--brand-teal)}
.dashboard-metrics article:nth-child(3){border-top-color:var(--accent-iris)}
.dashboard-metrics article:nth-child(4){border-top-color:var(--accent-steel)}
.dashboard-metrics strong,.dashboard-box strong{font-variant-numeric:tabular-nums}
.bar-track{background:var(--surface-soft)}
.bar-track span{background:var(--brand-blue)}
.bar-column:nth-child(3n+2) .bar-track span{background:var(--brand-teal)}
.bar-column:nth-child(3n) .bar-track span{background:var(--accent-iris)}
.revenue-line-chart polyline{stroke:var(--brand-blue)}
.revenue-line-chart polygon{fill:rgba(8,122,245,.09)}
.revenue-line-chart circle{fill:var(--brand-blue)}
.quick-action-grid a{border-color:var(--border);background:var(--surface-soft);color:var(--text-primary)}
.quick-action-grid a:nth-child(1){background:#eaf4ff}
.quick-action-grid a:nth-child(2){background:#e8f9f6}
.quick-action-grid a:nth-child(3){background:#f0effd}
.quick-action-grid a:nth-child(4){background:#eff6f7}
.quick-action-grid a:hover{border-color:#b8d8fb;background:#eaf4ff;color:var(--brand-deep-blue)}
.quick-action-grid span{background:var(--brand-blue);color:#fff}
.invoice-status-grid>div:nth-child(1) i{background:var(--brand-blue)}
.invoice-status-grid>div:nth-child(2) i{background:var(--brand-teal)}
.invoice-status-grid>div:nth-child(3) i{background:var(--accent-coral)}
.invoice-status-grid>div:nth-child(4) i{background:var(--accent-steel)}
.stats span:nth-child(1){background:linear-gradient(135deg,#eaf4ff,#fff)}
.stats span:nth-child(2){background:linear-gradient(135deg,#e8f9f6,#fff)}
.stats span:nth-child(3){background:linear-gradient(135deg,#f0effd,#fff)}
.stats span:nth-child(1):after{background:var(--brand-blue)}
.stats span:nth-child(2):after{background:var(--brand-teal)}
.stats span:nth-child(3):after{background:var(--accent-iris)}
.panel:nth-of-type(3n+1),.vat-intro>div:nth-child(odd){border-top-color:var(--brand-blue)}
.panel:nth-of-type(3n+2),.vat-intro>div:nth-child(even){border-top-color:var(--brand-teal)}
.panel:nth-of-type(3n){border-top-color:var(--accent-iris)}

/* Inbox and finance-specific screens. */
.inbox-action-panel{border-top-color:var(--brand-teal)}
.inbox-folder.is-active,.scan-folder.is-active{background:#eaf4ff;color:var(--brand-deep-blue)}
.scan-confidence{background:#e8f9f6;color:#08665c}
.approval-toolbar{border-color:#b8d8fb;background:rgba(246,249,252,.96);box-shadow:0 8px 24px rgba(8,23,40,.08)}
.open-invoices,.turnover-card,.book-year-card,.tax-summary .tax-reserve,.vat-total{
  border-color:#b8d8fb;
  background:linear-gradient(135deg,#eaf4ff,#fff);
}
.turnover-card{border-top-color:var(--brand-blue)}
.open-invoices{border-top-color:var(--brand-teal)}
.book-year-card{border-top-color:var(--accent-iris)}
.invoice-filter a{color:var(--brand-blue)}
.invoice-filter a.is-active{background:var(--brand-blue);color:#fff}

/* Login and security screens. */
.login-page{
  background:
    radial-gradient(circle at 12% 8%,rgba(19,200,179,.12),transparent 30rem),
    radial-gradient(circle at 90% 88%,rgba(8,122,245,.1),transparent 34rem),
    var(--page);
}
.login-card{border-color:var(--border);background:#fff;box-shadow:0 24px 70px rgba(8,23,40,.12)}
.login-card:after{border-color:rgba(19,200,179,.22)}

/* Public website. */
.marketing-page,.marketing-page body,body.marketing-page{background:#fff}
.site-header{border-bottom-color:rgba(226,234,241,.9);background:rgba(255,255,255,.96)}
.site-header nav a{color:var(--text-primary)}
.site-header nav a:hover{color:var(--brand-blue)}
.site-header .nav-login{border-color:var(--brand-blue);color:var(--brand-blue)}
.hero h1 span,.compare-intro h1 span,.price-hero h1 span{color:var(--brand-blue)}
.primary{background:var(--brand-blue);color:#fff;box-shadow:0 10px 26px rgba(8,122,245,.2)}
.hero-visual:before{background:#e8fbf8}
.mock-window{border-color:var(--border);box-shadow:0 28px 80px rgba(8,23,40,.13)}
.mock-cards article{background:#eaf4ff}
.mock-cards article:nth-child(2){background:#e8f9f6}
.mock-cards i{background:var(--brand-blue)}
.mock-chart{background:var(--page)}
.mock-chart div{background:var(--brand-blue)}
.mock-chart div:nth-child(3n+2){background:var(--brand-teal)}
.mock-chart div:nth-child(3n){background:var(--accent-iris)}
.mock-done{background:#e8f9f6}
.mock-done>span{background:#087468}
.statement,.feature-section,.compare-band{background:var(--brand-navy)}
.statement p,.feature-section .eyebrow{color:var(--brand-aqua)}
/* Global heading colours are deliberately dark on light surfaces.  Dark
   marketing bands therefore need an explicit foreground instead of relying
   on inherited colour; otherwise the later global h2 rule wins and makes the
   copy effectively invisible. */
.statement h2,
.feature-section h2,
.feature-section h3,
.feature-section b,
.compare-band h2,
.compare-band h3{color:#fff}
.feature-grid article{border-color:#23415f;background:#10283f}
.feature-grid p,.section-head.light>p:last-child{color:#bdd0df}
.why-zone,.pricing,.price-faq,.compare-hero,.price-hero{background:var(--page)}
.why-zone .benefit-grid article,.benefit-grid article{border-color:var(--border);background:#fff}
.benefit-grid span,.plan{color:#087468}
.language-grid,.payment-strip{border:1px solid var(--border);background:var(--surface-soft)}
.language-demo{border-color:var(--border);box-shadow:0 18px 48px rgba(8,23,40,.08)}
.language-demo>div{background:var(--page)}
.language-demo small{color:var(--brand-blue)}
.language-demo>p{background:#e8f9f6}
.language-demo>p span{background:#087468}
.cta{background:var(--brand-aqua)}
.cta .eyebrow{color:#075d55}
.fit-card.yes{background:#e8f9f6}.fit-card.wait{background:#fff7e8}
.comparison-table{border-color:#23415f;background:#10283f}
.comparison-table .penny{background:#0c4b82}
.plan-card.complete{border-color:var(--brand-blue);background:#f5faff}
.ribbon,.popular{background:var(--brand-blue)}
.analytics-consent button{background:var(--brand-blue)}
.analytics-consent button:first-child{border-color:var(--brand-blue);color:var(--brand-deep-blue)}
footer{border-top:1px solid var(--border);background:#fff}

/* Warm finish — the core brand colours stay functional, while large surfaces
   use warmer neutrals so finance feels human instead of clinical. */
body:not(.marketing-page){
  --page:#fbf7f2;
  --surface-soft:#f6f0e9;
  --border:#e8ded4;
  --text-secondary:#5d6a76;
  background-color:var(--page);
}
body:not(.marketing-page)>header{
  border-right-color:var(--border);
  background:#fffdfa;
  box-shadow:8px 0 30px rgba(62,43,25,.055);
}
body:not(.marketing-page)>header nav>a:hover,
body:not(.marketing-page)>header nav>a.is-active{
  background:#eaf8f5;
  color:var(--brand-deep-blue);
}
body:not(.marketing-page)>main:before{border-color:rgba(242,167,75,.18)}
body:not(.marketing-page) input:not([type=checkbox]):not([type=radio]),
body:not(.marketing-page) select,
body:not(.marketing-page) textarea{
  border-color:#d9cec3;
  background:#fffdfa;
}
body:not(.marketing-page) th{background:#f6f0e9}
body:not(.marketing-page) .panel,
body:not(.marketing-page) .tablewrap,
body:not(.marketing-page) .invoicecard,
body:not(.marketing-page) .dashboard-box,
body:not(.marketing-page) .dashboard-metrics article{
  box-shadow:0 10px 28px rgba(62,43,25,.055);
}

/* The greeting is one welcoming header, not a detached dark tile. */
.dashboard-top{
  position:relative;
  align-items:center;
  overflow:hidden;
  padding:clamp(26px,3vw,38px);
  border:1px solid #eadbc9;
  border-radius:24px;
  background:#fff1df;
  box-shadow:0 18px 44px rgba(90,58,27,.075);
}
.dashboard-top:before,
.dashboard-top:after{
  content:"";
  position:absolute;
  pointer-events:none;
  border-radius:50%;
}
.dashboard-top:before{
  right:-52px;
  bottom:-102px;
  width:230px;
  height:230px;
  border:38px solid rgba(242,167,75,.28);
}
.dashboard-top:after{
  right:178px;
  top:-34px;
  width:88px;
  height:88px;
  background:#dff7f3;
}
.dashboard-top>*{position:relative;z-index:1}
.dashboard-top .dashboard-hero{
  flex:1 1 620px;
  max-width:760px;
  margin:0;
  padding:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.dashboard-top .dashboard-hero .eyebrow{margin:0 0 8px;color:#087468}
.dashboard-top .dashboard-hero h1{
  margin:0 0 7px;
  color:var(--brand-navy);
  font-size:clamp(2.4rem,4.2vw,3.65rem);
  line-height:1.04;
}
.dashboard-top .dashboard-hero>p:not(.eyebrow){margin:0;color:#526171;font-size:1.05rem}
.dashboard-top .dashboard-hero .greeting-translation{margin:-2px 0 8px;color:#526171}
.dashboard-top-actions{justify-content:flex-end;padding-top:0}
.dashboard-metrics{border-color:#e8ded4;box-shadow:0 12px 34px rgba(62,43,25,.055)}
.dashboard-metrics article{background:#fffdfa}
.dashboard-box{border-color:#e8ded4;background:#fffdfa}
.bar-track{background:#f4ede5}
.quick-action-grid a:nth-child(1){background:#eaf8f5}
.quick-action-grid a:nth-child(2){background:#fff3dc}
.quick-action-grid a:nth-child(3){background:#fff0ec}
.quick-action-grid a:nth-child(4){background:#f2effb}
.registry-check{
  margin-top:22px;
  padding-top:22px;
  border-top:1px solid var(--border);
}
.registry-check .tablewrap{margin-bottom:16px;box-shadow:none}
.registry-check th{width:16%;white-space:nowrap}
.registry-check td{width:34%}

/* The public pages share the same warmer canvas, while brand blue remains the
   interaction colour and navy remains the typographic anchor. */
body.marketing-page{
  --page:#fbf7f2;
  --surface-soft:#f6f0e9;
  --border:#e8ded4;
  --text-secondary:#5d6a76;
  background:#fffdfa;
}
body.marketing-page .site-header{border-bottom-color:#e8ded4;background:rgba(255,253,250,.97)}
body.marketing-page footer{border-top-color:#e8ded4;background:#fffdfa}
body.marketing-page .why-zone,
body.marketing-page .pricing,
body.marketing-page .price-faq,
body.marketing-page .compare-hero,
body.marketing-page .price-hero{background:var(--page)}

@media(max-width:800px){
  body:not(.marketing-page)>header{box-shadow:0 1px 0 var(--border)}
  .pennydo-logo--header{width:150px}
  .dashboard-top{align-items:stretch;padding:26px 24px}
  .dashboard-top:before{right:-92px;bottom:-120px}
  .dashboard-top:after{display:none}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

@media(prefers-contrast:more){
  :root{--text-secondary:#43596d;--border:#b8c8d5}
  button,.button,input,select,textarea,.panel,.card,.tablewrap{border-width:2px}
}

/* Dashboard story: varied widgets make the financial hierarchy visible at a
   glance while every figure keeps the existing drill-down destination. */
.dashboard-insight-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:18px;
  margin:0 0 24px;
}
.dashboard-insight-grid>article,
.dashboard-insight-grid>.dashboard-position-card{
  min-width:0;
  border:1px solid #e4d9cd;
  border-radius:22px;
  background:#fffdfa;
  box-shadow:0 14px 34px rgba(62,43,25,.065);
}
.dashboard-widget-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.dashboard-widget-heading .eyebrow{margin:0 0 4px;color:#087468}
.dashboard-widget-heading h2{margin:0;color:var(--brand-navy);font-size:clamp(1.08rem,1.8vw,1.35rem)}
.dashboard-widget-heading>span{max-width:42%;color:#738095;font-size:.76rem;font-weight:750;text-align:right}
.dashboard-result-card{grid-column:span 5;padding:26px;background:#fff3e3!important;border-top:5px solid #f29a62!important}
.dashboard-result-equation{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.18fr);align-items:stretch;gap:8px;margin:26px 0 20px}
.dashboard-result-equation>a{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:14px 10px;border-radius:14px;color:var(--brand-navy);text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}
.dashboard-result-equation>a:hover,.dashboard-result-equation>a:focus-visible{background:#fff;box-shadow:0 9px 22px rgba(62,43,25,.09);outline:0;transform:translateY(-2px)}
.dashboard-result-equation>span{align-self:center;color:#8c7865;font-size:1.25rem;font-weight:800}
.dashboard-result-equation small{margin-bottom:5px;color:#6d7889;font-size:.72rem;font-weight:800}
.dashboard-result-equation strong{font-size:clamp(1.05rem,2vw,1.5rem);line-height:1.15;white-space:nowrap}
.dashboard-result-equation .dashboard-result-total{position:relative;background:#0c243c;color:#fff}
.dashboard-result-equation .dashboard-result-total small{color:#a7e7dc}.dashboard-result-equation .dashboard-result-total i{position:absolute;right:10px;top:9px;font-style:normal}
.dashboard-widget-note{margin:0;color:#667589;font-size:.76rem;line-height:1.5}
.dashboard-trend-card{grid-column:span 7;padding:26px}
.dashboard-chart-legend{display:flex;align-items:center;gap:13px;color:#667589;font-size:.72rem;font-weight:750}
.dashboard-chart-legend span{display:inline-flex;align-items:center;gap:6px}.dashboard-chart-legend i{width:9px;height:9px;border-radius:50%;background:#1686d9}.dashboard-chart-legend .is-costs{background:#f1a233}
.dashboard-trend-scroll{max-width:100%;overflow-x:auto;padding:22px 0 0;scrollbar-color:#c9b9aa #f5eee7;scrollbar-width:thin}
.dashboard-trend-plot{display:flex;min-width:min(100%,560px);height:190px;align-items:stretch;gap:6px;padding:0 4px;border-bottom:1px solid #dcd2c8}
.dashboard-trend-group{display:flex;min-width:40px;flex:1 1 0;flex-direction:column;justify-content:flex-end;gap:8px;text-align:center}
.dashboard-trend-bars{display:flex;height:148px;align-items:flex-end;justify-content:center;gap:4px;border-bottom:1px solid #eee6de}
.trend-bar{display:block;width:min(17px,38%);height:max(3px,calc(var(--bar)*1%));border-radius:7px 7px 2px 2px;background:#1686d9;transition:height .25s ease,filter .16s ease}
.trend-bar.is-costs{background:#f1a233}.trend-bar.is-negative{box-shadow:inset 0 0 0 2px rgba(8,23,40,.25);filter:saturate(.55)}
.trend-bar:hover{filter:brightness(.92)}.dashboard-trend-group>small{min-height:27px;color:#718094;font-size:.66rem;font-weight:700;line-height:1.25}
.dashboard-chart-empty{display:flex;min-height:188px;align-items:center;justify-content:center;gap:14px;color:#617084;text-align:left}.dashboard-chart-empty>span{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;background:#eaf7f4;color:#087468;font-size:1.35rem}.dashboard-chart-empty b,.dashboard-chart-empty small{display:block}.dashboard-chart-empty small{max-width:360px;margin-top:3px;line-height:1.4}
.dashboard-position-card{position:relative;display:grid;grid-column:span 4;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 13px;padding:22px 23px;color:var(--brand-navy);text-decoration:none;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease}
.dashboard-position-card:hover,.dashboard-position-card:focus-visible{outline:0;transform:translateY(-3px);box-shadow:0 18px 38px rgba(62,43,25,.12)}
.dashboard-position-card.is-receivable{border-top:5px solid #15a795;background:#effaf7}.dashboard-position-card.is-payable{border-top:5px solid #e6a123;background:#fff8e8}
.dashboard-position-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#fff;color:#087468;font-size:1.15rem;font-weight:800}.is-payable .dashboard-position-icon{color:#a86700}
.dashboard-position-copy small,.dashboard-position-copy b{display:block}.dashboard-position-copy small{color:#738095;font-size:.69rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.dashboard-position-copy b{margin-top:2px;font-size:.93rem;line-height:1.25}
.dashboard-position-card>i{font-style:normal;font-weight:900}.dashboard-position-card>strong{grid-column:1/-1;margin-top:13px;font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.05}.dashboard-position-card>small{grid-column:1/-1;color:#667589;line-height:1.4}
.dashboard-position-track{grid-column:1/-1;height:7px;margin-top:14px;border-radius:99px;background:rgba(255,255,255,.85);overflow:hidden}.dashboard-position-track i{display:block;height:100%;border-radius:inherit;background:#15a795}.is-payable .dashboard-position-track i{background:#e6a123}
.dashboard-tax-card{grid-column:span 4;padding:22px 23px;border-top:5px solid #8b78d4!important;background:#f6f2ff!important}.dashboard-prognosis-label{padding:5px 9px;border-radius:99px;background:#e7f8f4;color:#087468!important;font-size:.65rem!important;letter-spacing:.05em;text-transform:uppercase}
.dashboard-tax-card>a{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;margin-top:14px;padding:14px 0 0;border-top:1px solid #ddd3ea;color:var(--brand-navy);text-decoration:none}.dashboard-tax-card>a:hover strong,.dashboard-tax-card>a:focus-visible strong{color:#075fbd}.dashboard-tax-card>a:focus-visible{outline:2px solid #075fbd;outline-offset:4px;border-radius:5px}.dashboard-tax-card>a span small,.dashboard-tax-card>a span b{display:block}.dashboard-tax-card>a span small{color:#6d7889;font-size:.72rem;font-weight:800}.dashboard-tax-card>a span b{margin-top:2px;font-size:.74rem;line-height:1.35}.dashboard-tax-card>a>strong{font-size:clamp(.9rem,1.4vw,1.15rem);text-align:right;transition:color .16s ease}.dashboard-tax-card>a>i{font-style:normal}
.dashboard-cash-card{grid-column:1/-1;padding:24px 26px;border-top:5px solid #137fbb!important}.dashboard-cash-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(200px,.72fr);gap:18px;margin-top:19px}
.dashboard-cash-layout>a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:17px 18px;border:1px solid #e3d9cf;border-radius:15px;background:#fff;color:var(--brand-navy);text-decoration:none;transition:border-color .16s ease,transform .16s ease}.dashboard-cash-layout>a:hover,.dashboard-cash-layout>a:focus-visible{border-color:#1686d9;outline:0;transform:translateY(-2px)}.dashboard-cash-layout>a>span:first-child small,.dashboard-cash-layout>a>span:first-child strong{display:block}.dashboard-cash-layout>a>span:first-child small{color:#69778a;font-weight:800}.dashboard-cash-layout>a>span:first-child strong{margin-top:3px;font-size:clamp(1.35rem,2.4vw,1.9rem)}.dashboard-cash-layout>a>i{font-style:normal;font-weight:900}.dashboard-cash-track{grid-column:1/-1;height:8px;border-radius:99px;background:#edf0f2;overflow:hidden}.dashboard-cash-track i{display:block;height:100%;border-radius:inherit;background:#15a795}.dashboard-cash-layout>a:nth-child(2) .dashboard-cash-track i{background:#ed9a62}.dashboard-cash-layout>a em{grid-column:1/-1;color:#6d7889;font-size:.72rem;font-style:normal}
.dashboard-cash-balance{display:flex;flex-direction:column;justify-content:center;padding:17px 19px;border-radius:15px;background:#0c243c;color:#fff}.dashboard-cash-balance small{color:#a7e7dc;font-weight:800}.dashboard-cash-balance strong{margin:5px 0 3px;font-size:clamp(1.35rem,2.4vw,1.9rem)}.dashboard-cash-balance span{color:#d8e3ed;font-size:.72rem;line-height:1.35}

@media(max-width:1100px){
  .dashboard-result-card,.dashboard-trend-card{grid-column:1/-1}
  .dashboard-position-card{grid-column:span 6}
  .dashboard-tax-card{grid-column:1/-1}
  .dashboard-tax-card>a{grid-template-columns:minmax(0,1fr) minmax(150px,auto) auto}
}
@media(max-width:720px){
  .dashboard-insight-grid{grid-template-columns:1fr;gap:14px}
  .dashboard-insight-grid>article,.dashboard-insight-grid>.dashboard-position-card{grid-column:1}
  .dashboard-result-card,.dashboard-trend-card,.dashboard-cash-card{padding:21px 18px}
  .dashboard-widget-heading{align-items:flex-start;flex-direction:column;gap:7px}.dashboard-widget-heading>span{max-width:none;text-align:left}
  .dashboard-result-equation{grid-template-columns:1fr auto 1fr;gap:5px;margin-top:18px}.dashboard-result-equation>span:nth-of-type(2){display:none}.dashboard-result-equation .dashboard-result-total{grid-column:1/-1;min-height:72px;margin-top:3px;padding-inline:15px}
  .dashboard-chart-legend{align-self:flex-start}.dashboard-trend-scroll{margin-right:-18px;padding-right:18px}.dashboard-trend-plot{min-width:520px}
  .dashboard-position-card{padding:20px 18px}.dashboard-position-card>strong{font-size:1.8rem}
  .dashboard-tax-card{padding:20px 18px}.dashboard-tax-card>a{grid-template-columns:minmax(0,1fr) auto}.dashboard-tax-card>a>i{display:none}
  .dashboard-cash-layout{grid-template-columns:1fr;gap:12px}.dashboard-cash-balance{min-height:105px}
}

/* Klant 360°: one dossier connects CRM, sales, work, files and communication. */
.customer-360-hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:20px;padding:32px 34px;border:1px solid #e2d5c8;border-radius:24px;background:linear-gradient(125deg,#fff1df 0%,#fff8ef 72%,#dff8f3 100%);box-shadow:0 16px 38px rgba(62,43,25,.07);overflow:hidden}
.customer-360-hero::after{position:absolute;right:-62px;top:-95px;width:250px;height:250px;border:28px solid rgba(242,166,97,.22);border-radius:50%;content:"";pointer-events:none}
.customer-360-hero>div,.customer-360-hero>nav{position:relative;z-index:1}.customer-360-hero h1{margin:3px 0 6px;font-size:clamp(2.15rem,4.5vw,4rem);line-height:1}.customer-360-hero>div>p:not(.eyebrow){margin:0;color:#607083}.customer-360-hero nav{display:flex;max-width:610px;justify-content:flex-end;gap:9px;flex-wrap:wrap}.customer-360-hero nav .button{margin:0;white-space:nowrap}
.customer-360-state{display:flex;align-items:center;gap:11px;margin-top:18px;flex-wrap:wrap}.customer-360-state>span:not(.badge){color:#5f6f82;font-size:.73rem;font-weight:750}.customer-360-state>span:not(.badge)+span:not(.badge){padding-left:11px;border-left:1px solid #cfbfae}
.customer-360-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.customer-360-kpis article{position:relative;min-width:0;padding:20px 21px;border:1px solid #e4dad0;border-radius:18px;background:#fffdfa;box-shadow:0 10px 25px rgba(62,43,25,.05);overflow:hidden}.customer-360-kpis article::before{position:absolute;inset:0 auto 0 0;width:5px;background:#1883d4;content:""}.customer-360-kpis article.is-received::before{background:#17a28f}.customer-360-kpis article.is-open::before{background:#e3a029}.customer-360-kpis article.is-overdue::before{background:#db745a}.customer-360-kpis small,.customer-360-kpis strong,.customer-360-kpis span{display:block}.customer-360-kpis small{color:#6d798a;font-size:.69rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.customer-360-kpis strong{margin:8px 0 3px;color:var(--brand-navy);font-size:clamp(1.45rem,2.7vw,2.05rem);line-height:1.05}.customer-360-kpis span{color:#6a7889;font-size:.72rem;line-height:1.4}
.customer-360-columns{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:18px;margin-bottom:18px}.customer-360-columns--equal{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-360-card{min-width:0;margin:0 0 18px;padding:25px 27px;border:1px solid #e4dad0;border-radius:21px;background:#fffdfa;box-shadow:0 12px 30px rgba(62,43,25,.055)}.customer-360-columns>.customer-360-card{margin-bottom:0}.customer-360-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.customer-360-heading .eyebrow{margin:0 0 4px;color:#087468}.customer-360-heading h2{margin:0;color:var(--brand-navy);font-size:clamp(1.15rem,2vw,1.45rem)}.customer-360-heading>a{color:#075fbd;font-size:.78rem;font-weight:800;text-decoration:none;white-space:nowrap}.customer-360-heading>a:hover,.customer-360-heading>a:focus-visible{text-decoration:underline}
.customer-360-contact dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0}.customer-360-contact dl>div{min-width:0;padding:13px 14px 13px 0;border-top:1px solid #eee5dc}.customer-360-contact dt{margin-bottom:4px;color:#718094;font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.customer-360-contact dd{margin:0;color:var(--brand-navy);font-size:.84rem;font-weight:650;line-height:1.55;overflow-wrap:anywhere}.customer-360-contact dd a{color:#075fbd}.customer-360-note>p{min-height:126px;margin:0;padding:18px;border-radius:14px;background:#fff4e5;color:#34495c;line-height:1.65;white-space:pre-wrap}.customer-360-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}.customer-360-mini-stats span{padding:11px 7px;border-radius:11px;background:#f2f6f8;color:#68778a;font-size:.66rem;text-align:center}.customer-360-mini-stats b{display:block;margin-bottom:2px;color:var(--brand-navy);font-size:1.1rem}
.customer-360-empty{display:flex;min-height:122px;align-items:center;justify-content:center;flex-direction:column;padding:18px;border:1px dashed #d9cec3;border-radius:14px;color:#6b798a;text-align:center}.customer-360-empty>span{display:grid;width:38px;height:38px;margin-bottom:8px;place-items:center;border-radius:12px;background:#eaf7f4;color:#087468;font-size:1.15rem}.customer-360-empty b,.customer-360-empty small{display:block}.customer-360-empty small{max-width:310px;margin-top:4px;line-height:1.45}
.customer-360-table{min-width:760px}.customer-360-table th{color:#718094;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase}.customer-360-table td{vertical-align:middle}.customer-360-table td small{display:block;margin-top:3px;color:#748194}.customer-360-table td a{color:#075fbd;text-decoration:none}.customer-360-table td a:hover{text-decoration:underline}
.customer-360-list{display:grid;gap:9px}.customer-360-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:13px 14px;border:1px solid #eee5dc;border-radius:13px;background:#fff}.customer-360-list article div{min-width:0}.customer-360-list article b,.customer-360-list article small{display:block}.customer-360-list article small{margin-top:3px;color:#718094;font-size:.68rem}.customer-360-list article>strong{font-size:.84rem;white-space:nowrap}.customer-360-list article>.badge{white-space:nowrap}
.customer-360-timeline{display:grid;gap:0;margin:0;padding:0;list-style:none}.customer-360-timeline li{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:11px;padding:0 0 18px}.customer-360-timeline li:not(:last-child)::after{position:absolute;left:7px;top:16px;bottom:0;width:2px;background:#d7e8e5;content:""}.customer-360-timeline li>span{position:relative;z-index:1;width:16px;height:16px;margin-top:3px;border:4px solid #dff5f1;border-radius:50%;background:#159b88}.customer-360-timeline b,.customer-360-timeline small{display:block}.customer-360-timeline small{margin-top:2px;color:#728095;font-size:.68rem}.customer-360-timeline p{margin:5px 0 0;color:#596a7c;font-size:.73rem;line-height:1.4;overflow-wrap:anywhere}.customer-360-timeline .is-empty{display:block;padding:0}.customer-360-timeline .is-empty::after{display:none}
.customer-360-documents{display:grid;gap:8px}.customer-360-documents>a{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 11px;border:1px solid #e9e1d9;border-radius:12px;color:var(--brand-navy);text-decoration:none;transition:border-color .15s ease,transform .15s ease}.customer-360-documents>a:hover,.customer-360-documents>a:focus-visible{border-color:#1686d9;outline:0;transform:translateY(-1px)}.customer-360-documents>a>span{display:grid;width:40px;height:40px;place-items:center;border-radius:10px;background:#eaf3ff;color:#075fbd;font-size:.65rem;font-weight:900}.customer-360-documents b,.customer-360-documents small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-360-documents b{font-size:.79rem}.customer-360-documents small{margin-top:3px;color:#718094;font-size:.65rem}.customer-360-documents i{font-style:normal;font-weight:900}.customer-360-back{margin:4px 0 0}.customer-360-back a{color:#075fbd;font-weight:800;text-decoration:none}

@media(max-width:1050px){.customer-360-hero{align-items:flex-start;flex-direction:column}.customer-360-hero nav{justify-content:flex-start}.customer-360-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-360-columns{grid-template-columns:1fr}}
@media(max-width:620px){.customer-360-hero{padding:25px 20px}.customer-360-hero nav{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.customer-360-hero nav .button{display:flex;min-height:44px;align-items:center;justify-content:center;padding-inline:10px;white-space:normal;text-align:center}.customer-360-state{align-items:flex-start;flex-direction:column;gap:6px}.customer-360-state>span:not(.badge)+span:not(.badge){padding-left:0;border-left:0}.customer-360-kpis{gap:9px}.customer-360-kpis article{padding:17px 16px}.customer-360-kpis strong{font-size:1.42rem}.customer-360-card{padding:21px 18px}.customer-360-contact dl{grid-template-columns:1fr}.customer-360-mini-stats{grid-template-columns:1fr}.customer-360-list article{grid-template-columns:minmax(0,1fr) auto}.customer-360-list article>.badge{grid-column:1/-1;width:max-content}.customer-360-heading{gap:10px}.customer-360-heading>a{white-space:normal;text-align:right}}

/* Leveranciers 360°: purchasing, payment safety and evidence in one dossier. */
.sr-only{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}
.supplier-index-hero{background:linear-gradient(125deg,#eef9f6 0%,#fff9ee 68%,#ffe8d7 100%)}
.supplier-index-hero::after,.supplier-360-hero::after{border-color:rgba(23,162,143,.16)}
.supplier-index-kpis .is-attention::before{background:#8b78d4}
.supplier-directory-card{padding:0;overflow:hidden}
.supplier-directory-heading{align-items:flex-end;margin:0;padding:24px 27px;border-bottom:1px solid #e8ded4}
.supplier-directory-filters{display:grid;grid-template-columns:minmax(210px,1fr) minmax(150px,.45fr) auto auto;align-items:end;gap:10px;min-width:min(100%,650px)}
.supplier-directory-filters label{gap:4px;color:#657488;font-size:.7rem}.supplier-directory-filters input,.supplier-directory-filters select{min-height:44px}.supplier-directory-filters button{margin:0}.supplier-directory-filters>a{align-self:center;color:#075fbd;font-size:.74rem;font-weight:800;white-space:nowrap}
.supplier-directory-card>.tablewrap{border:0;border-radius:0;box-shadow:none}.supplier-directory-table{min-width:1040px}.supplier-directory-table td:first-child{min-width:190px}.supplier-directory-table td:nth-child(2){min-width:170px}.supplier-directory-table .rowactions{justify-content:flex-end}
.supplier-verification-badge{border:1px solid currentColor;background:#fff;font-weight:750;white-space:nowrap}.supplier-verification-badge.is-verified{background:#e8f9f6;color:#08665c}.supplier-verification-badge.is-missing{background:#fff7e4;color:#8a5b00}.supplier-verification-badge.is-problem,.supplier-verification-badge.is-tampered{background:#fff0ed;color:#a83e2b}.supplier-verification-badge.is-not_applicable{background:#f1f4f6;color:#5c6874}
.supplier-360-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.supplier-360-kpis article.is-credited::before{background:#8b78d4}
.supplier-verification-state{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:13px;padding:15px;border:1px solid #e7ddd3;border-radius:15px;background:#f5f7f8}.supplier-verification-state>span{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;background:#e9edf0;color:#5f6c7a;font-size:1.2rem;font-weight:900}.supplier-verification-state b,.supplier-verification-state p{display:block;margin:0}.supplier-verification-state p{margin-top:3px;color:#657488;font-size:.76rem;line-height:1.4;overflow-wrap:anywhere}.supplier-verification-state.is-verified{border-color:#b9e1d8;background:#effaf7}.supplier-verification-state.is-verified>span{background:#159b88;color:#fff}.supplier-verification-state.is-problem,.supplier-verification-state.is-tampered{border-color:#efb8ad;background:#fff4f1}.supplier-verification-state.is-problem>span,.supplier-verification-state.is-tampered>span{background:#d8644c;color:#fff}.supplier-verification-state.is-missing>span{background:#efab35;color:#fff}
.supplier-verification-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 0}.supplier-verification-meta>div{padding:11px;border-radius:11px;background:#f5f2ee}.supplier-verification-meta dt{color:#718094;font-size:.64rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.supplier-verification-meta dd{margin:3px 0 0;color:var(--brand-navy);font-size:.73rem;font-weight:700;overflow-wrap:anywhere}.supplier-security-warning{margin-top:13px;padding:13px 14px;border-left:4px solid #d8644c;border-radius:10px;background:#fff0ed;color:#873322}.supplier-security-warning b,.supplier-security-warning p{display:block;margin:0}.supplier-security-warning p{margin-top:3px;font-size:.76rem;line-height:1.45}.supplier-security-note{margin:14px 0 0;color:#647386;font-size:.73rem;line-height:1.55}.supplier-evidence-button{margin-top:14px}
.supplier-expense-table{min-width:1100px}.supplier-payment-list article,.supplier-credit-list article{grid-template-columns:minmax(0,1fr) auto auto}.supplier-notes>p{margin:0;padding:18px;border-radius:14px;background:#fff4e5;color:#34495c;line-height:1.65;white-space:pre-wrap}
.supplier-edit-pagehead{align-items:flex-end}.supplier-edit-pagehead .eyebrow{margin-bottom:4px}.supplier-edit-pagehead h1{margin-top:0}.supplier-edit-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr);align-items:start;gap:18px}.supplier-edit-form{margin:0}.supplier-edit-form textarea{width:100%;resize:vertical}.supplier-edit-actions{display:flex;align-items:center;gap:15px;margin-top:22px}.supplier-edit-actions a{color:#075fbd;font-weight:800}.supplier-safe-payment-card{position:sticky;top:18px;margin:0;border-top:5px solid #17a28f}.supplier-safe-payment-card h2{margin:2px 0 16px}.supplier-safe-payment-card>p:not(.eyebrow){color:#5f6f82;line-height:1.6}.supplier-safe-payment-card>.button{width:100%;margin-top:8px;text-align:center}
.quote-automation-error{max-width:320px;color:#a73525!important;font-weight:800;white-space:normal}
.kvk-lookup-button{margin-top:.55rem;width:max-content;max-width:100%;padding:.65rem .9rem;font-size:.88rem}.kvk-preview{grid-column:1/-1;border:1px solid color-mix(in srgb,var(--brand-blue,#1378f2) 28%,#e7ddd1);border-radius:16px;background:#f6fbff;padding:1rem 1.1rem;box-shadow:0 10px 24px rgba(8,23,40,.06)}.kvk-preview strong{display:block;color:#081728;font-size:1rem}.kvk-preview p{margin:.3rem 0;color:#536077}.kvk-preview button{margin-top:.55rem}.kvk-preview-error{color:#a73525!important}.kvk-preview-success{color:#08755f!important;font-weight:700}.supplier-create-card{margin-bottom:1.25rem}.supplier-create-card>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;list-style:none}.supplier-create-card>summary::-webkit-details-marker{display:none}.supplier-create-card>summary span{display:grid;gap:.2rem}.supplier-create-card>summary span:last-child{display:block;font-size:1.6rem}.supplier-create-card[open]>summary{padding-bottom:1rem;border-bottom:1px solid #eadfd4;margin-bottom:1rem}.supplier-create-card[open]>summary span:last-child{transform:rotate(45deg)}
.kvk-search-results{display:grid;gap:.55rem;margin-top:.75rem}.kvk-search-results button{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left}.kvk-search-results button small{display:block;margin-top:.2rem;font-weight:500;color:#536077}

@media(max-width:1120px){.supplier-360-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.supplier-directory-heading{align-items:flex-start;flex-direction:column}.supplier-directory-filters{width:100%}}
@media(max-width:900px){.supplier-edit-layout{grid-template-columns:1fr}.supplier-safe-payment-card{position:static}.supplier-directory-filters{grid-template-columns:minmax(0,1fr) minmax(150px,.5fr) auto}.supplier-directory-filters>a{grid-column:1/-1}}
@media(max-width:620px){.supplier-360-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-directory-card{padding:0}.supplier-directory-heading{padding:21px 18px}.supplier-directory-filters{grid-template-columns:1fr}.supplier-directory-filters button{width:100%}.supplier-directory-filters>a{grid-column:auto;text-align:center}.supplier-verification-meta{grid-template-columns:1fr}.supplier-payment-list article,.supplier-credit-list article{grid-template-columns:minmax(0,1fr) auto}.supplier-payment-list article>.badge,.supplier-credit-list article>.badge{grid-column:1/-1;width:max-content}.supplier-edit-actions{align-items:stretch;flex-direction:column}.supplier-edit-actions button,.supplier-edit-actions a{width:100%;text-align:center}}

/* Self-service administrations: clear tenant boundaries and role-aware actions. */
.administration-pagehead,.integration-pagehead{align-items:flex-end}.administration-pagehead h1,.integration-pagehead h1{margin-top:2px}.administration-pagehead p:last-child,.integration-pagehead p:last-child{max-width:720px;color:#5f6f82}
.administration-overview{margin:0 0 22px}.administration-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:15px}.administration-section-heading .eyebrow{margin:0 0 4px}.administration-section-heading h2{margin:0}.administration-section-heading>p{margin:0;color:#6b798a;font-size:.78rem;font-weight:700}
.administration-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.administration-card{position:relative;min-width:0;padding:22px;border:1px solid #e4dad0;border-top:5px solid #96aabe;border-radius:18px;background:#fffdfa;box-shadow:0 10px 26px rgba(62,43,25,.05);overflow:hidden}.administration-card.is-current{border-top-color:#159b88;background:linear-gradient(145deg,#effaf7,#fffdfa 62%)}.administration-card.is-archived{opacity:.8}.administration-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.administration-card h3{margin:2px 0 0;font-size:1.22rem;overflow-wrap:anywhere}.administration-slug{margin:0;color:#718094;font-size:.67rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.administration-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0}.administration-meta>div{padding:10px 12px;border-radius:11px;background:rgba(246,240,233,.8)}.administration-meta dt{color:#758294;font-size:.64rem;font-weight:800;text-transform:uppercase}.administration-meta dd{margin:2px 0 0;color:var(--brand-navy);font-size:.78rem;font-weight:750}.administration-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.administration-card-actions form{margin:0}.administration-current-label{display:inline-flex;min-height:44px;align-items:center;padding:0 14px;border-radius:10px;background:#e4f7f3;color:#087468;font-size:.76rem;font-weight:800}.administration-card-settings{margin-top:15px;padding-top:14px;border-top:1px solid #e9e0d7}.administration-card-settings summary{margin:0;color:#075fbd;font-size:.75rem;font-weight:800;cursor:pointer}.administration-card-settings[open] summary{margin-bottom:13px}.administration-card-settings .stack{gap:10px}.administration-card-settings label{font-size:.72rem}.administration-card-settings small{font-size:.66rem}.administration-card-settings p{color:#68778a;font-size:.73rem;line-height:1.5}.administration-archive summary{color:#9d2940}.administration-empty{grid-column:1/-1;margin:0}
.administration-create{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);align-items:start;gap:28px;border-top:5px solid #1686d9!important}.administration-create h2{margin:3px 0 8px}.administration-create>div>p:last-child{color:#5f6f82}.administration-create form{margin:0}.administration-create small{margin-top:2px;color:#728095;font-size:.68rem;font-weight:500}
.administration-members{border-top:5px solid #8b78d4!important}.administration-add-member{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.38fr) auto;align-items:end;gap:10px;margin:0 0 18px;padding:16px;border-radius:14px;background:#f6f0e9}.administration-add-member label{font-size:.72rem}.administration-member-list{display:grid;gap:9px}.administration-member-list>article{display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(270px,.72fr) auto;align-items:center;gap:12px;padding:13px 14px;border:1px solid #e9e0d7;border-radius:14px;background:#fff}.administration-member-identity{display:flex;min-width:0;align-items:center;gap:11px}.administration-member-identity>span{display:grid;width:39px;height:39px;flex:0 0 auto;place-items:center;border-radius:12px;background:#eaf4ff;color:#075fbd;font-weight:850}.administration-member-identity h3,.administration-member-identity p{margin:0;overflow-wrap:anywhere}.administration-member-identity h3{font-size:.82rem}.administration-member-identity p{margin-top:2px;color:#718094;font-size:.68rem}.administration-member-state{display:flex;gap:5px;flex-wrap:wrap}.administration-role-form{display:grid;grid-template-columns:minmax(130px,1fr) auto;align-items:end;gap:7px;margin:0}.administration-role-form select{min-height:42px}.administration-role-form button{min-height:42px;white-space:nowrap}.administration-revoke{font-size:.72rem}.administration-revoke summary{color:#9d2940;font-weight:800;cursor:pointer;white-space:nowrap}.administration-revoke p{max-width:220px;color:#68778a;line-height:1.4}.administration-role-readonly{margin:0;color:#667589;font-size:.74rem;font-weight:750;text-align:right}

/* Official integrations: status language is intentionally conservative. */
.integration-truth-note{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;margin-bottom:18px;padding:15px 17px;border:1px solid #e8cc95;border-radius:14px;background:#fff8e9;color:#674814}.integration-truth-note strong{white-space:nowrap}.integration-truth-note p{margin:0;font-size:.78rem;line-height:1.5}
.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:14px;margin-bottom:20px}.integration-card{display:flex;min-width:0;flex-direction:column;padding:23px;border:1px solid #e4dad0;border-top:5px solid #1686d9;border-radius:19px;background:#fffdfa;box-shadow:0 11px 28px rgba(62,43,25,.055)}.integration-card:nth-child(2){border-top-color:#159b88}.integration-card:nth-child(3){border-top-color:#8b78d4}.integration-card>header{display:flex;align-items:center;gap:12px}.integration-card header .eyebrow{margin:0 0 2px;font-size:.65rem}.integration-card h2{margin:0;font-size:1.13rem}.integration-mark{display:grid;width:46px;height:46px;flex:0 0 auto;place-items:center;border-radius:14px;background:#eaf4ff;color:#075fbd;font-size:.72rem;font-weight:900}.integration-mark.is-bank{background:#e7f8f4;color:#087468;font-size:1.15rem}.integration-mark.is-sbr{background:#f0edfc;color:#6d5dc8}.integration-card-status{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:20px 0 14px;flex-wrap:wrap}.integration-state{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:6px 10px;border:1px solid currentColor;border-radius:99px;font-size:.68rem;font-weight:850}.integration-state>span{width:7px;height:7px;border-radius:50%;background:currentColor}.integration-state.is-active{background:#e8f9f6;color:#08665c}.integration-state.is-ready{background:#fff7e8;color:#7d570f}.integration-state.is-not-configured{background:#f1f4f6;color:#5c6874}.integration-technical-state{padding:3px 6px;border-radius:6px;background:#f5f1ec;color:#68778a;font-size:.59rem}.integration-card>p{margin:0 0 17px;color:#5f6f82;font-size:.78rem;line-height:1.6}.integration-card .integration-detail{padding:11px 12px;border-left:3px solid #1686d9;border-radius:8px;background:#f2f7fb;color:#45566a}.integration-card dl{display:grid;gap:0;margin:auto 0 0}.integration-card dl>div{display:grid;grid-template-columns:minmax(90px,.58fr) minmax(0,1fr);gap:10px;padding:9px 0;border-top:1px solid #eee5dc}.integration-card dt{color:#718094;font-size:.64rem;font-weight:800}.integration-card dd{margin:0;color:var(--brand-navy);font-size:.68rem;font-weight:700;text-align:right;overflow-wrap:anywhere}.integration-provider-list{display:flex;gap:5px;margin:0 0 17px;padding:0;flex-wrap:wrap;list-style:none}.integration-provider-list li{padding:5px 8px;border-radius:8px;background:#eaf7f4;color:#087468;font-size:.65rem;font-weight:800}.integration-fallbacks{border-top:5px solid #e3a029!important}.integration-fallbacks>div:first-child{margin-bottom:16px}.integration-fallbacks h2{margin:3px 0 0}.integration-fallback-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.integration-fallback-grid article{padding:15px;border-radius:13px;background:#f6f0e9}.integration-fallback-grid h3{margin:0 0 5px;font-size:.88rem}.integration-fallback-grid p{margin:0;color:#627184;font-size:.72rem;line-height:1.5}

@media(max-width:1100px){.administration-member-list>article{grid-template-columns:minmax(190px,1fr) auto minmax(250px,.9fr)}.administration-revoke{grid-column:3}.integration-grid{grid-template-columns:1fr}.integration-card{min-height:0}}
@media(max-width:760px){.administration-pagehead,.integration-pagehead,.administration-section-heading{align-items:flex-start;flex-direction:column}.administration-card-grid{grid-template-columns:1fr}.administration-create{grid-template-columns:1fr;gap:18px}.administration-add-member{grid-template-columns:1fr}.administration-member-list>article{grid-template-columns:minmax(0,1fr) auto}.administration-role-form{grid-column:1/-1}.administration-revoke{grid-column:1/-1}.administration-role-readonly{grid-column:1/-1;text-align:left}.integration-truth-note{grid-template-columns:1fr}.integration-fallback-grid{grid-template-columns:1fr}}
@media(max-width:480px){.administration-card{padding:19px 17px}.administration-card>header{align-items:flex-start;flex-direction:column}.administration-card-actions,.administration-card-actions form,.administration-card-actions button{width:100%}.administration-current-label{width:100%;justify-content:center}.administration-meta{grid-template-columns:1fr}.administration-member-list>article{grid-template-columns:1fr}.administration-member-state{grid-column:1}.administration-role-form{grid-template-columns:1fr}.integration-card{padding:20px 17px}.integration-card-status{align-items:flex-start;flex-direction:column}.integration-card dl>div{grid-template-columns:1fr}.integration-card dd{text-align:left}}

.integration-card-actions{display:flex;gap:8px;margin-top:15px;flex-wrap:wrap}.integration-card-actions .button{margin:0}.integration-bank-connect{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin-top:16px;padding:13px;border-radius:12px;background:#eef8f6}.integration-bank-connect label{font-size:.68rem}.integration-bank-connect select,.integration-bank-connect button{min-height:43px}.integration-bank-accounts{margin-top:15px}.integration-bank-accounts h3{margin:0 0 7px;font-size:.78rem}.integration-bank-accounts form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin:0;padding:8px 0;border-top:1px solid #eee5dc}.integration-bank-accounts span{color:#5f6f82;font-size:.68rem;line-height:1.4}.integration-bank-accounts button{min-height:39px;margin:0;padding:8px 11px;font-size:.68rem}
.integration-sbr-boundary{margin-top:18px;padding-top:16px;border-top:1px solid #eee5dc}.integration-sbr-boundary>h3,.integration-sbr-packages>h3{font-size:.86rem;margin:0 0 7px}.integration-sbr-boundary>p{font-size:.72rem;line-height:1.55}.integration-sbr-boundary .compact-form{margin-top:12px}.integration-sbr-package{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #eee5dc}.integration-sbr-package small{display:block;margin-top:3px;color:#5f6f82}.integration-sbr-package form{margin:0}
@media(max-width:760px){.integration-bank-connect,.integration-sbr-package{grid-template-columns:1fr}.integration-bank-connect button{width:100%}}