/*
 * DOCUMENT123 · editorial business theme
 * Presentation only. Module state, visibility, form flows and document print
 * layouts continue to belong to their existing owners.
 */
:root{
  --editorial-forest:#063b30;
  --editorial-forest-deep:#042c25;
  --editorial-green:#08734f;
  --editorial-ink:#14202c;
  --editorial-muted:#536477;
  --editorial-line:#d7e0e8;
  --editorial-wash:#f3f9f6;
  --editorial-paper:#fff;
  --a-orange:var(--editorial-green);
  --a-orange2:#0b986b;
  --a-dark:var(--editorial-forest);
  --a-bg:var(--editorial-paper);
  --a-ink:var(--editorial-ink);
  --a-muted:var(--editorial-muted);
  --a-line:var(--editorial-line);
  --trust-ink:var(--editorial-ink);
  --trust-line:var(--editorial-line);
}

/* v4.49.3 · Gumb za urejanje podobe računa mora biti viden tudi brez hoverja.
   ID selektor namenoma preglasi kombinacijo belega ozadja iz portala in
   belega besedila iz modula Računi. */
.portalRoute-invoices #inv-open-design.inv-design-trigger{
  min-height:42px!important;padding:0 16px!important;
  border:1px solid #8fcbb3!important;border-radius:10px!important;
  background:#edf9f4!important;color:#076b4d!important;
  box-shadow:0 8px 20px -15px rgba(7,107,77,.42)!important;
  font-weight:800!important;opacity:1!important;visibility:visible!important;
}
.portalRoute-invoices #inv-open-design.inv-design-trigger>span{
  color:#0aa474!important;font-size:15px!important;line-height:1!important;
}
.portalRoute-invoices #inv-open-design.inv-design-trigger:hover,
.portalRoute-invoices #inv-open-design.inv-design-trigger:focus-visible{
  border-color:#5eb994!important;background:#def4ea!important;color:#055e43!important;
  box-shadow:0 10px 22px -15px rgba(6,101,72,.48)!important;
}
.portalRoute-invoices #inv-open-design.inv-design-trigger:active{
  background:#d4eee3!important;color:#054f3a!important;
}
html,body,body.portalRoute-dashboard,.portal{
  background:var(--editorial-paper)!important;color:var(--editorial-ink)!important;
}
.portal>main{min-width:0!important;background:#fff!important}
.portal .content{
  width:100%!important;max-width:none!important;
  margin:0!important;padding:32px clamp(24px,3vw,54px) 64px!important;
  background:#fff!important;
}
.portal .content::before{display:none!important;content:none!important}

/* A narrow, scrollable navigation rail. Child links remain real links and
   appear in a flyout; the same <details> menus become inline on mobile. */
@media screen and (min-width:761px){
  .portal{grid-template-columns:112px minmax(0,1fr)!important}
  .portal .sidebar{
    position:sticky!important;top:0!important;z-index:45!important;
    width:112px!important;height:100dvh!important;min-height:0!important;
    padding:0 0 12px!important;overflow:visible!important;
    color:#e9f7f2!important;
    border:0!important;background:linear-gradient(180deg,#073d33,#042f28 78%,#052e27)!important;
    box-shadow:none!important;
  }
  .sidebar .brandLogo{
    flex:0 0 83px!important;display:grid!important;place-items:center!important;
    width:112px!important;height:83px!important;margin:0!important;padding:0!important;
    border:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;
    background:transparent!important;
  }
  .sidebar .brandLogoMeta,.sidebar .sectionLabel{display:none!important}
  .sidebar .navToggle{display:none!important}
  .sidebar nav{
    flex:1 1 auto!important;min-height:0!important;
    display:grid!important;grid-template-columns:1fr!important;
    grid-auto-rows:max-content!important;align-content:start!important;
    gap:0!important;padding:7px 0 8px!important;
    overflow-y:auto!important;overflow-x:hidden!important;
    scrollbar-width:thin!important;scrollbar-gutter:auto!important;
    scrollbar-color:rgba(183,229,207,.25) transparent!important;
  }
  .sidebar nav::-webkit-scrollbar{width:4px!important}
  .sidebar nav::-webkit-scrollbar-thumb{background:rgba(183,229,207,.25)!important}
  .sidebar nav>a,.sidebar .navGroup>summary{
    /* Visina mora sprejeti ikono IN dve vrstici napisa.
       Prej: ikona 30 + razmik 5 + dve vrstici 26,5 + odmika 18 = 79,5 px,
       visina pa 78 px — druga vrstica se je odrezala in "Podpis dokumentov"
       je ostal "Podpis dokume...". Zato je visina spodnja meja, ne fiksna. */
    position:relative!important;width:112px!important;min-width:0!important;
    min-height:88px!important;height:auto!important;
    margin:0!important;padding:10px 3px 10px!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;
    justify-content:center!important;gap:5px!important;
    overflow:visible!important;
    border:0!important;border-radius:0!important;background:transparent!important;
    box-shadow:none!important;color:#e8f4f0!important;
    line-height:1.12!important;font-size:11.5px!important;font-weight:500!important;
    text-align:center!important;transform:none!important;
  }
  .sidebar nav>a:hover,.sidebar .navGroup>summary:hover{
    border:0!important;background:rgba(255,255,255,.075)!important;
    box-shadow:none!important;color:#fff!important;
  }
  .sidebar nav>a.active,.sidebar .navGroup>summary.active{
    border:0!important;border-left:5px solid #14af77!important;
    background:rgba(25,169,117,.18)!important;color:#fff!important;
    box-shadow:none!important;
  }
  .sidebar .navGroup[open]>summary:not(.active){
    border:0!important;background:transparent!important;box-shadow:none!important;
  }
  .sidebar .navGroup[open]>summary:not(.active):hover{
    background:rgba(255,255,255,.075)!important;
  }
  .sidebar nav>a.active::before,.sidebar .navGroup>summary.active::before{
    display:none!important;content:none!important;
  }
  .sidebar .navIcon,.sidebar nav>* .navIcon,
  .sidebar nav>a.active .navIcon,.sidebar .navGroup[open]>summary .navIcon{
    width:30px!important;height:30px!important;flex:0 0 30px!important;
    display:grid!important;place-items:center!important;
    overflow:visible!important;border:0!important;border-radius:0!important;
    color:#fff!important;background:transparent!important;
    box-shadow:none!important;filter:none!important;transform:none!important;
  }
  .sidebar .navIcon::before,.sidebar .navIcon::after{display:none!important;content:none!important}
  .sidebar .navIcon svg{width:25px!important;height:25px!important;stroke-width:1.7!important;filter:none!important}
  /* Napis pod ikono se sme prelomiti v DVE vrstici.
     Prej je bil white-space:nowrap z elipso, zato se je "Podpis dokumentov"
     odrezal na "Podpis dokume…" in uporabnik ni videl, kam vodi gumb.
     Dve vrstici s prelomom po besedah povesta vse, hkrati pa visina ostane
     omejena, da se postavka ne razlezel cez sosednje. */
  .sidebar .navParentLabel,.sidebar nav>a>span:last-of-type{
    display:-webkit-box!important;-webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;line-clamp:2!important;
    /* app.css postavi na ta element flex:1, kar ga je v navpicnem stolpcu
       raztegnilo in porinilo besedilo iz vidnega dela. Tu ga fiksiramo na
       naravno visino. */
    flex:0 0 auto!important;align-self:auto!important;
    width:100%!important;overflow:hidden!important;
    white-space:normal!important;overflow-wrap:break-word!important;
    word-break:normal!important;hyphens:auto!important;
    line-height:1.15!important;max-height:2.3em!important;
    text-align:center!important;padding:0 2px!important;color:inherit!important;
  }
  .sidebar .navChevron{
    /* Pri dvovrsticnem napisu je pusica lezala cez besedilo; zato gre v
       zgornji desni kot, kjer je prostor vedno prazen. */
    position:absolute!important;right:6px!important;top:6px!important;bottom:auto!important;
    width:17px!important;height:17px!important;display:grid!important;
    place-items:center!important;margin:0!important;border-radius:50%!important;
    color:#cae5d9!important;font-size:13px!important;line-height:1!important;
  }
  .sidebar .navUnread{position:absolute!important;right:8px!important;top:6px!important}
  .sidebar .navGroup{margin:0!important;padding:0!important;background:transparent!important}
  .sidebar .navGroup .navChildren,
  .sidebar .navGroup[open] .navChildren{
    position:fixed!important;z-index:60!important;left:112px!important;
    top:var(--rail-popover-top,110px)!important;
    width:246px!important;max-height:calc(100dvh - 112px)!important;
    display:none!important;grid-template-columns:1fr!important;gap:2px!important;
    margin:0!important;padding:15px!important;overflow:auto!important;
    border:1px solid #d6e6df!important;border-left:3px solid #0b845d!important;
    border-radius:0 12px 12px 0!important;
    background:#fff!important;box-shadow:14px 20px 40px rgba(7,50,37,.17)!important;
  }
  .sidebar .navGroup[open]:hover .navChildren,
  .sidebar .navGroup[open]:focus-within .navChildren,
  .sidebar .navGroup[open].railMenuVisible .navChildren{display:grid!important}
  .sidebar .navChildren a,.sidebar .navGroup[open] .navChildren a{
    width:auto!important;min-height:42px!important;max-width:none!important;
    margin:0!important;padding:8px 10px!important;
    display:flex!important;flex-direction:row!important;align-items:center!important;
    justify-content:flex-start!important;gap:10px!important;
    border:0!important;border-radius:7px!important;color:#334d44!important;
    background:transparent!important;font-size:13px!important;font-weight:600!important;
    line-height:1.3!important;text-align:left!important;white-space:normal!important;
  }
  .sidebar .navChildren a:hover{background:#edf7f1!important;color:#07533a!important}
  .sidebar .navChildren a.active{background:#e9f7ee!important;color:#086348!important}
  .sidebar .navChildren .childDot{flex:0 0 26px!important;width:26px!important;height:26px!important}
  .sidebar .sideFoot{
    flex:0 0 38px!important;height:38px!important;margin:0!important;
    padding:0!important;display:grid!important;place-items:center!important;
    border:0!important;border-top:1px solid rgba(255,255,255,.12)!important;
    border-radius:0!important;background:transparent!important;box-shadow:none!important;
  }
  .sidebar .sideFoot>div{display:none!important}
  .sidebar .liveDot{width:9px!important;height:9px!important;box-shadow:none!important}
}
.railMark{
  display:block;color:#fff;font:700 53px/.85 Georgia,"Times New Roman",serif;
  letter-spacing:-.16em;padding-right:8px;text-shadow:0 1px 0 rgba(255,255,255,.28);
}
.topbarBrand{
  flex:0 1 auto;min-width:0;display:flex;align-items:center;gap:27px;
  color:#253344;font-size:16px;font-weight:500;white-space:nowrap;
}
.topbarBrand img{display:block;width:220px;height:auto;max-height:38px;object-fit:contain;filter:brightness(0)}
.topbarCompany{
  display:block;max-width:240px;overflow:hidden;text-overflow:ellipsis;
  padding-left:26px;border-left:1px solid #c7d2dd;line-height:32px;
}
.portal .topbar{
  position:sticky!important;top:0!important;z-index:35!important;
  height:82px!important;padding:0 clamp(22px,2.7vw,48px)!important;gap:18px!important;
  border-bottom:1px solid #cfdae4!important;background:#fff!important;
  box-shadow:none!important;backdrop-filter:none!important;
}
.portal .topbar>.navToggle{display:none!important}
.portal .search{
  flex:0 0 48px!important;width:48px!important;height:48px!important;
  display:grid!important;place-items:center!important;margin-left:auto!important;
  padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;color:#172536!important;box-shadow:none!important;
}
.portal .search:hover,.portal .search:focus-visible{background:#f1f7f4!important}
.portal .search>span,.portal .search kbd{display:none!important}
.portal .search svg{width:23px!important;height:23px!important;stroke-width:2!important}
.portal .topActions{flex:0 0 auto!important;gap:0!important}
.portal .topBrand{display:none!important}
.portal .globalInvoiceCta{
  height:42px!important;margin-right:18px!important;padding:0 14px!important;
  border:1px solid #b8d6c7!important;border-radius:7px!important;
  background:#f4faf7!important;color:#08593e!important;font-size:12px!important;
  font-weight:700!important;box-shadow:none!important;
}
.portal .globalInvoiceCta:hover{background:#e6f5eb!important;color:#064a34!important}
.portal .globalInvoiceCta i{display:none!important}
.portal .topTool,.portal .settingsTool,.portal .logoutTool{
  width:50px!important;height:44px!important;min-width:0!important;
  border:0!important;border-left:1px solid #d1dce5!important;
  border-radius:0!important;background:transparent!important;
  color:#182a3a!important;box-shadow:none!important;
}
.portal .topTool:hover,.portal .logoutTool:hover{background:#f1f7f4!important;color:#075c42!important}
.portal .profileTrigger{
  width:auto!important;min-width:0!important;max-width:240px!important;height:52px!important;
  display:flex!important;align-items:center!important;gap:10px!important;
  padding:0 0 0 20px!important;margin-left:0!important;
  border:0!important;border-left:1px solid #d1dce5!important;
  border-radius:0!important;background:transparent!important;color:#162637!important;
  box-shadow:none!important;transform:none!important;
}
.portal .profileTrigger:hover{background:#f8fbf9!important}
.portal .profileAvatar{
  flex:0 0 42px!important;width:42px!important;height:42px!important;
  border-radius:50%!important;background:#086a49!important;
  color:#fff!important;font-size:12px!important;box-shadow:none!important;
}
.portal .profileIdentity{display:grid!important;min-width:0!important}
.portal .profileIdentity b{font-size:13px!important;font-weight:700!important;white-space:nowrap!important}
.portal .profileIdentity small{display:none!important}
.portal .profileChevron{display:block!important;font-size:19px!important;color:#31465b!important}
.portal .topActions .logoutForm{margin:0!important}

/* Headings are typography and spacing, rather than large decorative cards. */
.portal .pageHead,
.portalRoute-document-sign .pageHead{
  position:relative!important;min-height:0!important;max-height:none!important;
  margin:0 0 30px!important;padding:0 0 22px!important;
  display:flex!important;align-items:end!important;
  border:0!important;border-bottom:1px solid #d6e0e8!important;border-radius:0!important;
  background:#fff!important;box-shadow:none!important;overflow:visible!important;
}
.portal .pageHead::before,.portal .pageHead::after,.portal .pageHeadGlow{
  display:none!important;content:none!important;
}
.portal .activePageIcon,.portal .pageHead .eyebrow,.portal .pageHeadCompany{
  display:none!important;
}
.portal .pageHeadIdentity{align-items:end!important;gap:0!important}
.portal .pageHeadCopy{min-width:0!important}
.portal .pageHead h1{
  margin:0 0 7px!important;color:var(--editorial-ink)!important;
  font-family:var(--d123-font-body)!important;
  font-size:clamp(35px,3.2vw,49px)!important;font-weight:750!important;
  line-height:1.08!important;letter-spacing:-.055em!important;
}
.portal .pageHead p{
  margin:0!important;max-width:70ch!important;color:var(--editorial-muted)!important;
  font-size:14px!important;line-height:1.55!important;
}
.portal .pageHeadActions{flex-wrap:wrap!important;gap:9px!important;margin-left:auto!important}
.portal .moduleBadge{display:none!important}
.portal .pageHeadCta,.portal .pageHeadCta:not(.pageHeadCtaSecondary){
  min-height:43px!important;padding:0 17px!important;
  border:1px solid #08714f!important;border-radius:8px!important;
  background:#08714f!important;color:#fff!important;font-size:13px!important;
  font-weight:700!important;box-shadow:none!important;
}
.portal .pageHeadCtaSecondary{
  border-color:#c9dcd2!important;background:#f4faf7!important;color:#08583f!important;
}
.portal .pageHeadCta:hover{filter:brightness(.94)!important;transform:none!important;box-shadow:none!important}
.portal .pageHeadMetric{border-radius:8px!important;background:#f7faf8!important;box-shadow:none!important}
.portalRoute-dashboard .pageHead{display:none!important}
.portalRoute-dashboard .content,.portalRoute-invoices .content{
  padding-top:32px!important;background:#fff!important;
}

/* The shared UI kit and the local modules inherit one quiet visual grammar.
   The exported invoice document itself is deliberately outside this scope. */
@media screen{
  .portal .au{
    --au-card:#fff;--au-mist:#f5faf7;--au-line:#d7e1e9;--au-hair:#e6edf1;
    --au-o:#08734f;--au-o-deep:#075b41;--au-o-soft:#eef8f2;
    --au-ink:#14202c;--au-muted:#546777;--au-faint:#7b8995;
    --au-r:11px;--au-r-sm:8px;
    --au-shadow:none;--au-shadow-lift:none;
    color:#14202c!important;font-family:var(--d123-font-body)!important;
  }
  .portal .au-card,.portal .au-stat,.portal .adx-panel,.portal .adx-kpi,
  .portal .workspace,.portal .mail-stat,.portal .mail-health,.portal .messengerCard,
  .portal .inv-mini-stat,.portal .inv-received-intro,.portal .catSection,
  .portal .catHero,.portal .stockCard,.portal .stockModalCard,
  .portal .ds-card,.portal .d123CashFlow,.portal .d123MobQuick a{
    border:1px solid #d8e2e9!important;border-radius:11px!important;
    background:#fff!important;box-shadow:none!important;transform:none!important;
  }
  .portal .au-card:hover,.portal .au-stat:hover,.portal .adx-panel:hover,
  .portal .adx-kpi:hover,.portal .mail-stat:hover,.portal .catSection:hover{
    border-color:#b9d6c9!important;box-shadow:none!important;transform:none!important;
  }
  .portal .au-card::before,.portal .au-stat::after,.portal .catHero::before{
    display:none!important;content:none!important;
  }
  .portal .au-card>header,.portal .adx-panel>header,
  .portal .mail-card>header,.portal .messengerHead{
    background:#fff!important;border-bottom:1px solid #e1e9ef!important;
    border-radius:0!important;box-shadow:none!important;
  }
  .portal .au-head{border-bottom-color:#d6e0e8!important}
  .portal .au-head h2,.portal .adx-top h2{
    color:#14202c!important;font-family:var(--d123-font-body)!important;
    font-weight:750!important;letter-spacing:-.046em!important;
  }
  .portal .au-head h2{font-size:31px!important}
  .portal .adx-top h2{font-size:clamp(32px,3vw,45px)!important}
  .portal .adx-top p,.portal .au-head p{color:#536477!important;font-size:14px!important}
  .portal .au-card>header h3,.portal .adx-panel>header h3{
    color:#172535!important;font-family:var(--d123-font-body)!important;
    font-weight:700!important;font-size:17px!important;
  }
  .portal .au-eyebrow,.portal .adx-kicker,.portal .catEyebrow{
    color:#08734f!important;letter-spacing:.075em!important;
  }
  .portal .au-stat strong,.portal .adx-kpi>b,.portal .adx-currentValue{
    color:#122336!important;font-family:var(--d123-font-body)!important;
    font-weight:730!important;letter-spacing:-.04em!important;
  }
  .portal .adx-currentCard,.portal .adx-currentCard.expense{
    border:1px solid #d8e2e9!important;border-radius:9px!important;
    background:#fff!important;color:#14202c!important;box-shadow:none!important;
  }
  .portal .adx-currentFinance,.portal .adx-previousStrip{gap:12px!important}
  .portal .adx-previousStrip{
    border:1px solid #d8e2e9!important;border-radius:8px!important;
    background:#f7faf8!important;
  }
  .portal .au-btn,.portal .primary,.portal .adx-cta,
  .portal .inv-toolbar button,.portal .catButton{
    border-radius:8px!important;box-shadow:none!important;
    background-image:none!important;transform:none!important;
  }
  .portal .au-btn.primary,.portal .primary,
  .portal .au-submit,.portal .adx-cta{
    border-color:#08714f!important;background:#08714f!important;color:#fff!important;
  }
  .portal .au-btn.primary:hover,.portal .primary:hover{background:#075f43!important}
  .portal .au-btn:not(.primary){background:#fff!important;border-color:#cddde2!important}
  .portal .au-btn.ghost{border-color:transparent!important;background:transparent!important}
  .portal .au-btn.danger{color:#a33d3a!important}
  .portal input:not([type=checkbox]):not([type=radio]):not([type=file]),
  .portal textarea,.portal select{
    border-radius:8px!important;background-image:none!important;
    box-shadow:none!important;
  }
  .portal .au-field input,.portal .au-field textarea,.portal .au-field select,
  .portal .dcal-field input,.portal .dcal-field textarea,.portal .dcal-field select{
    background:#fff!important;border:1px solid #cbd9df!important;color:#142839!important;
  }
  .portal input:focus-visible,.portal textarea:focus-visible,.portal select:focus-visible,
  .portal button:focus-visible,.portal a:focus-visible,.portal summary:focus-visible{
    outline:2px solid #08734f!important;outline-offset:2px!important;
  }
  .portal .au-table th,.portal .adx-table th{
    background:#f5f8f7!important;border-bottom:1px solid #dce5e9!important;
    color:#556b77!important;font-size:11px!important;letter-spacing:.07em!important;
  }
  .portal .au-table td,.portal .adx-table td{
    border-bottom:1px solid #e6edf1!important;color:#233542!important;
  }
  .portal .au-table tbody tr:hover td,.portal .adx-table tbody tr:hover td{
    background:#f4faf7!important;
  }
  .portal .au-badge.ok,.portal .adx-state.paid{
    background:#e7f5ed!important;color:#096147!important;
  }
  .portal .au-notice,.portal .alert,.portal .supportNotice{
    border-radius:8px!important;box-shadow:none!important;
  }
  .portal .au-card-body{background:#fff!important}
  .portal .inv-ledger-tab,.portal .inv-toolbar,
  .portal .stockModalCard,.portal .profileDialog,.portal .searchPalette{
    border-radius:11px!important;box-shadow:none!important;
  }
  .portal .inv-ledger-tab.on,.portal .inv-ledger-tab:hover{
    border-color:#87c5a7!important;background:#edf8f1!important;box-shadow:none!important;
  }
  .portal .catHero,.portal .mail-hero,.portal .inv-received-intro{
    background:#fff!important;box-shadow:none!important;
  }
  .portal .d123FocusShell{
    border-radius:13px!important;background:#fff!important;
    box-shadow:0 28px 70px rgba(7,39,34,.2)!important;
  }
  .portal .d123FocusBar{
    border-bottom:1px solid #d8e2e9!important;background:#fff!important;box-shadow:none!important;
  }
  .portal .d123FocusBar::before,.portal .d123FocusBar::after,
  .portal .d123FocusIcon::before{display:none!important;content:none!important}
  .portal .d123FocusIcon{
    border:1px solid #d8e5dc!important;border-radius:8px!important;
    background:#edf8f2!important;color:#08714f!important;box-shadow:none!important;
  }
  .portal .d123FocusHeading h2{color:#14202c!important;font-family:var(--d123-font-body)!important}
  .portal .d123FocusBody{background:#fff!important}
  .portal .d123FocusFooter:not([hidden]){background:#fff!important;box-shadow:none!important}
}

/* Calendar is the editorial exemplar: live records and original controls.

   v4.52.0: tu je bilo `.portalRoute-calendar .pageHead{display:none!important}`.
   Naslov modula ("Koledar") izrise lupina v .pageHead, tako kot pri Racunih in
   Predracunih. Ta blok ga je skril in racunal, da vlogo naslova prevzame
   .dcal-title — ta pa izpise obdobje ("September 2026"), ne imena modula.
   Rezultat: koledar je bil edina stran portala brez naslova, in ker je bilo
   pravilo z !important v datoteki, ki se nalozi zadnja, ga ni preglasilo nic.

   Pravilo je odstranjeno, ne preglaseno: pri Racunih pageHead ni skrit, zato
   je koledar zdaj v istem slogu. Spodnja obravnava .dcal-toolbar ostaja, ker
   oblikuje orodno vrstico, ne naslova. */
@media screen{
  .portalRoute-calendar .pageHead{display:flex!important}
  .portalRoute-calendar .content{padding:22px clamp(20px,2.7vw,46px) 36px!important}
  .portalRoute-calendar .dcal{display:block!important;color:#14202c!important}
  .portalRoute-calendar .dcal-toolbar{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:20px!important;flex-wrap:wrap!important;margin:0 0 25px!important;
    padding:0 0 16px!important;border-bottom:1px solid #d7e1e8!important;
  }
  .portalRoute-calendar .dcal-title{
    min-width:0!important;margin-right:auto!important;text-align:left!important;
  }
  .portalRoute-calendar .dcal-title h2{
    margin:0!important;font-family:var(--d123-font-body)!important;
    font-size:clamp(37px,3.2vw,49px)!important;font-weight:750!important;
    letter-spacing:-.055em!important;line-height:1.06!important;color:#14202c!important;
  }
  .portalRoute-calendar .dcal-title small{
    margin-top:7px!important;color:#536477!important;font-size:14px!important;
  }
  .portalRoute-calendar .dcal-nav,.portalRoute-calendar .dcal-actions{
    display:flex!important;align-items:center!important;gap:6px!important;
  }
  .portalRoute-calendar .dcal-btn{
    min-height:42px!important;border:1px solid #cedde2!important;border-radius:8px!important;
    background:#fff!important;color:#1d3a32!important;font-weight:650!important;
    box-shadow:none!important;
  }
  .portalRoute-calendar .dcal-btn:hover{border-color:#93c7ac!important;background:#f2f9f5!important}
  .portalRoute-calendar .dcal-btn.primary{
    background:#08714f!important;border-color:#08714f!important;color:#fff!important;
  }
  .portalRoute-calendar .dcal-live{
    border:0!important;border-radius:0!important;background:transparent!important;
    color:#63787a!important;box-shadow:none!important;
  }
  .portalRoute-calendar .dcal-layout{
    grid-template-columns:minmax(250px,280px) minmax(0,1fr)!important;
    gap:34px!important;align-items:start!important;
  }
  .portalRoute-calendar .dcal-side{
    display:grid!important;grid-template-columns:1fr!important;gap:0!important;
    min-width:0!important;padding:0 26px 0 0!important;
    border-right:1px solid #d4e0e8!important;
  }
  .portalRoute-calendar .dcal-agenda{padding:0 0 24px!important}
  .portalRoute-calendar .dcal-agenda-label{
    display:block;color:#253b4b!important;font-size:15px!important;letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }
  .portalRoute-calendar .dcal-agenda-date{
    display:block;margin:3px 0 0!important;color:#063b30!important;
    font:400 clamp(86px,8vw,120px)/1 Georgia,"Times New Roman",serif!important;
    letter-spacing:-.08em!important;
  }
  .portalRoute-calendar .dcal-agenda-month{
    display:block;color:#263a4c!important;font-size:17px!important;text-transform:uppercase!important;
    letter-spacing:.025em!important;
  }
  .portalRoute-calendar .dcal-agenda hr{
    height:1px;margin:24px 0!important;border:0!important;background:#bfcbd4!important;
  }
  .portalRoute-calendar .dcal-agenda h3{
    margin:0 0 16px!important;color:#14202c!important;font-size:20px!important;
    font-family:var(--d123-font-body)!important;letter-spacing:-.025em!important;
  }
  .portalRoute-calendar .dcal-agenda-event{
    width:100%!important;display:grid!important;gap:3px!important;
    margin:0 0 13px!important;padding:7px 5px 7px 14px!important;
    border:0!important;border-left:3px solid var(--ec,#08714f)!important;
    border-radius:0!important;background:#fff!important;color:#24384a!important;
    cursor:pointer!important;text-align:left!important;
  }
  .portalRoute-calendar .dcal-agenda-event:hover{background:#f2f9f5!important}
  .portalRoute-calendar .dcal-agenda-event small{color:#526477!important;font-size:13px!important}
  .portalRoute-calendar .dcal-agenda-event b{color:#14202c!important;font-size:15px!important}
  .portalRoute-calendar .dcal-agenda-empty{margin:0 0 12px!important;color:#627487!important;font-size:13px!important}
  .portalRoute-calendar .dcal-agenda-add{
    width:100%!important;justify-content:flex-start!important;gap:8px!important;
    padding:12px 0!important;border:0!important;border-top:1px solid #d7e1e8!important;
    border-radius:0!important;background:transparent!important;color:#07543c!important;
    font-size:15px!important;box-shadow:none!important;
  }
  .portalRoute-calendar .dcal-mini-disclosure{
    border-top:1px solid #d7e1e8!important;padding:13px 0!important;
  }
  .portalRoute-calendar .dcal-mini-disclosure>summary{
    cursor:pointer!important;color:#315e4c!important;font-size:13px!important;font-weight:700!important;
  }
  .portalRoute-calendar .dcal-mini-disclosure>.dcal-side-card{
    margin-top:14px!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  }
  .portalRoute-calendar .dcal-legend{display:none!important}
  .portalRoute-calendar .dcal-shell{
    min-width:0!important;border:1px solid #d8e2e9!important;border-radius:7px!important;
    box-shadow:none!important;background:#fff!important;
  }
  .portalRoute-calendar .dcal-scroll{
    height:min(78vh,920px)!important;min-height:550px!important;
    scrollbar-color:#c7d9d1 transparent!important;
  }
  .portalRoute-calendar .dcal-header,.portalRoute-calendar .dcal-allday{
    border-bottom-color:#d8e2e9!important;background:#fff!important;
  }
  .portalRoute-calendar .dcal-day-head{
    min-height:82px!important;border-right:1px solid #d8e2e9!important;
  }
  .portalRoute-calendar .dcal-day-head span{
    color:#546376!important;font-size:12px!important;letter-spacing:.055em!important;
  }
  .portalRoute-calendar .dcal-day-head b{
    width:35px!important;height:35px!important;margin-top:3px!important;
    border-radius:0!important;background:transparent!important;
    color:#14202c!important;font-family:Georgia,serif!important;
    font-size:25px!important;font-weight:500!important;box-shadow:none!important;
  }
  .portalRoute-calendar .dcal-day-head.today{
    border-bottom:3px solid #08714f!important;background:#f2faf6!important;
  }
  .portalRoute-calendar .dcal-day-head.today b{
    color:#07563e!important;background:transparent!important;box-shadow:none!important;
  }
  .portalRoute-calendar .dcal-day-col.today{background:rgba(30,168,111,.052)!important}
  .portalRoute-calendar .dcal-times{background:#fff!important}
  .portalRoute-calendar .dcal-time{color:#4f6073!important;font-size:12px!important}
  .portalRoute-calendar .dcal-event{
    left:4px!important;right:4px!important;border:0!important;
    border-left:3px solid var(--ec,#08714f)!important;border-radius:0!important;
    background:var(--eb,#e8f5ed)!important;color:#14202c!important;
    box-shadow:none!important;
  }
  .portalRoute-calendar .dcal-event b{font-size:12px!important;font-weight:700!important}
  .portalRoute-calendar .dcal-event small{font-size:11px!important}
  .portalRoute-calendar .dcal-dialog,.portalRoute-calendar .dcal-dialog-head{
    border-radius:10px!important;background:#fff!important;
  }
  .portalRoute-calendar .dcal-dialog-head{border-bottom:1px solid #d8e2e9!important}
  .portalRoute-calendar .dcal-dialog{box-shadow:0 30px 70px rgba(7,39,34,.22)!important}
}

/* The authentication pages also belong to the same visual product. */
.authBody{background:#fff!important}
.authStory{
  background:linear-gradient(165deg,#073e32,#052e27)!important;color:#fff!important;
}
.authCard{border-color:#d7e1e8!important;border-radius:11px!important;box-shadow:none!important}
.authCard .primary,.authCard button.primary{
  border-radius:8px!important;background:#08714f!important;box-shadow:none!important;
}
.authCard input{border-radius:8px!important}
.authCard h1{color:#14202c!important}

@media screen and (max-width:1280px) and (min-width:761px){
  .topbarBrand img{width:175px}
  .topbarCompany{max-width:165px;padding-left:15px}
  .portal .globalInvoiceCta{margin-right:8px!important}
  .portal .dcal-layout{gap:22px!important}
  .portalRoute-calendar .dcal-layout{grid-template-columns:235px minmax(0,1fr)!important}
}
@media screen and (max-width:1050px) and (min-width:761px){
  .topbarCompany{display:none}
  .portal .profileIdentity{display:none!important}
  .portal .profileTrigger{padding-left:8px!important}
  .portal .topActions .logoutForm{display:flex!important}
  .portalRoute-calendar .dcal-layout{grid-template-columns:1fr!important}
  .portalRoute-calendar .dcal-side{
    grid-template-columns:1fr!important;border-right:0!important;
    padding:0!important;border-bottom:1px solid #d8e2e9!important;
  }
  .portalRoute-calendar .dcal-agenda{
    display:grid!important;grid-template-columns:130px 1fr!important;
    gap:0 22px!important;align-items:start!important;
  }
  .portalRoute-calendar .dcal-agenda-date{grid-column:1!important;grid-row:2/4!important}
  .portalRoute-calendar .dcal-agenda hr,.portalRoute-calendar .dcal-agenda h3,
  .portalRoute-calendar .dcal-agenda-event,.portalRoute-calendar .dcal-agenda-empty{
    grid-column:2!important;
  }
}
@media screen and (max-width:760px){
  .portal{display:block!important}
  .portal .sidebar{
    position:sticky!important;top:0!important;z-index:45!important;width:100%!important;
    height:auto!important;max-height:82dvh!important;padding:8px 14px!important;
    background:linear-gradient(180deg,#073d33,#042f28)!important;
    box-shadow:none!important;border-bottom:1px solid rgba(255,255,255,.15)!important;
  }
  .sidebar .brandLogo{
    display:flex!important;flex-direction:row!important;gap:11px!important;
    margin:0!important;padding:2px 4px!important;border:0!important;
  }
  .railMark{font-size:36px}
  .sidebar .brandLogoMeta{
    display:block!important;color:#fff!important;font-size:13px!important;font-weight:800!important;
  }
  .sidebar .brandLogoMeta small{
    display:block!important;color:#b2ddc9!important;font-size:10px!important;font-weight:500!important;
  }
  .sidebar .sectionLabel{color:#b2ddc9!important}
  .sidebar nav{grid-template-columns:1fr!important}
  .sidebar nav>a,.sidebar .navGroup>summary{
    display:flex!important;flex-direction:row!important;align-items:center!important;
    width:100%!important;min-height:48px!important;
    background:transparent!important;color:#e7f5ef!important;border:0!important;
  }
  .sidebar nav>a.active,.sidebar .navGroup>summary.active{
    background:rgba(27,178,120,.2)!important;box-shadow:inset 3px 0 #14af77!important;
  }
  .sidebar .navGroup .navChildren,.sidebar .navGroup[open] .navChildren{
    position:static!important;display:grid!important;width:100%!important;max-height:none!important;
    padding:0 0 5px 19px!important;margin:0!important;overflow:visible!important;
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  }
  .sidebar .navChildren a,.sidebar .navGroup[open] .navChildren a{
    color:#d4eae0!important;background:transparent!important;
  }
  .sidebar .navIcon,.sidebar .navGroup[open]>summary .navIcon{
    background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;
  }
  .portal .topbar{
    height:60px!important;padding:0 12px!important;gap:4px!important;
    position:relative!important;
  }
  .topbarBrand{display:none!important}
  .portal .topbar>.navToggle{display:flex!important}
  .portal .search{display:grid!important;flex-basis:43px!important;width:43px!important;height:43px!important;margin-left:auto!important}
  .portal .globalInvoiceCta{height:38px!important;margin-right:3px!important;padding:0 9px!important;font-size:11px!important}
  .portal .settingsTool{display:none!important}
  .portal .topActions .logoutForm{display:flex!important}
  .portal .topActions .logoutTool{width:37px!important;height:40px!important}
  .portal .profileTrigger{
    padding:0 0 0 7px!important;border-left:1px solid #d8e2e9!important;
  }
  .portal .profileAvatar{width:36px!important;height:36px!important;flex-basis:36px!important}
  .portal .profileIdentity,.portal .profileChevron{display:none!important}
  .portal .content,.portalRoute-dashboard .content{
    padding:22px 15px 42px!important;background:#fff!important;
  }
  .portal .pageHead{
    align-items:start!important;flex-wrap:wrap!important;
    margin-bottom:20px!important;padding-bottom:18px!important;
  }
  .portal .pageHead h1{font-size:31px!important}
  .portal .pageHeadActions{width:100%!important;margin-left:0!important}
  .portal .au-head h2{font-size:25px!important}
  .portal .adx-top h2{font-size:30px!important}
  .portalRoute-calendar .content{padding:18px 12px 32px!important}
  .portalRoute-calendar .dcal-toolbar{gap:12px!important}
  .portalRoute-calendar .dcal-title{width:100%!important}
  .portalRoute-calendar .dcal-title h2{font-size:33px!important}
  .portalRoute-calendar .dcal-layout{display:block!important}
  .portalRoute-calendar .dcal-side{
    display:block!important;padding:0!important;border:0!important;
  }
  .portalRoute-calendar .dcal-agenda{
    display:block!important;padding:0 0 8px!important;
  }
  .portalRoute-calendar .dcal-agenda-date{font-size:73px!important}
  .portalRoute-calendar .dcal-mini-disclosure{display:none!important}
  .portalRoute-calendar .dcal-shell{width:100%!important;overflow:hidden!important}
  .portalRoute-calendar .dcal-header,.portalRoute-calendar .dcal-allday,
  .portalRoute-calendar .dcal-grid{min-width:760px!important}
}
@media print{
  .railMark,.topbarBrand{display:none!important}
}

/* --------------------------------------------------------------------------
   DOCUMENT123 v4.42 · control-room polish

   This final layer deliberately changes presentation only. It keeps the
   portal markup, links, form actions and module state untouched while making
   the shared shell denser, clearer and safer in every hover state.
   -------------------------------------------------------------------------- */
:root{
  --control-bg:#f4f8f6;
  --control-surface:#ffffff;
  --control-ink:#13231f;
  --control-muted:#667a73;
  --control-line:#d9e6e0;
  --control-green:#087451;
  --control-green-bright:#12b87a;
  --control-green-soft:#eaf7f1;
  --control-shadow:0 10px 30px rgba(18,67,51,.065);
  --control-shadow-hover:0 18px 42px rgba(18,67,51,.105);
}

html,body,body.portalRoute-dashboard,.portal,
.portal>main{
  background:var(--control-bg)!important;
}
.portal .content{
  background:
    radial-gradient(circle at 92% 1%,rgba(18,184,122,.055),transparent 23rem),
    linear-gradient(180deg,#f8fbf9 0,#f4f8f6 22rem)!important;
}

/* A purpose-built geometric mark replaces the browser-font letter D. */
.railMark{
  width:62px!important;height:62px!important;padding:0!important;
  display:grid!important;place-items:center!important;
  color:#fff!important;filter:drop-shadow(0 8px 18px rgba(0,18,14,.2));
}
.railMark svg{display:block;width:58px;height:58px;overflow:visible}
.railMarkBody{fill:#fff}
.railMarkAccent{fill:#24d194}
.railMarkDot{fill:#77ebc0}

@media screen and (min-width:761px){
  .portal .sidebar{
    background:
      radial-gradient(circle at 50% -7%,rgba(60,221,163,.19),transparent 190px),
      linear-gradient(180deg,#074438 0%,#04342c 52%,#032a24 100%)!important;
    box-shadow:10px 0 34px rgba(7,57,45,.08)!important;
  }
  .sidebar .brandLogo{
    background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0))!important;
    border-bottom-color:rgba(166,236,210,.16)!important;
  }
  .sidebar nav>a,.sidebar .navGroup>summary{
    width:104px!important;height:72px!important;min-height:72px!important;
    margin:2px 4px!important;border-radius:11px!important;
    color:#d7eee5!important;transition:background .16s ease,color .16s ease,transform .16s ease!important;
  }
  .sidebar nav>a:hover,.sidebar .navGroup>summary:hover,
  .sidebar .navGroup[open]>summary:not(.active):hover{
    color:#fff!important;background:rgba(86,224,174,.12)!important;
    transform:translateY(-1px)!important;
  }
  .sidebar nav>a.active,.sidebar .navGroup>summary.active{
    border-left:0!important;color:#fff!important;
    background:linear-gradient(145deg,rgba(26,190,128,.34),rgba(15,137,96,.18))!important;
    box-shadow:inset 0 0 0 1px rgba(113,234,190,.13),0 9px 21px rgba(0,24,18,.14)!important;
  }
  .sidebar nav>a.active::after,.sidebar .navGroup>summary.active::after{
    content:""!important;position:absolute!important;left:-4px!important;top:20px!important;
    display:block!important;width:4px!important;height:32px!important;border-radius:0 5px 5px 0!important;
    background:#29d697!important;box-shadow:0 0 13px rgba(41,214,151,.5)!important;
  }
  .sidebar .navChildren,.sidebar .navGroup[open] .navChildren{
    border:1px solid #d7e5df!important;border-left:0!important;border-radius:0 15px 15px 0!important;
    box-shadow:18px 24px 55px rgba(7,50,37,.18)!important;
  }
  .sidebar .navChildren a,.sidebar .navGroup[open] .navChildren a{
    color:#36564b!important;transition:background .14s ease,color .14s ease,transform .14s ease!important;
  }
  .sidebar .navChildren a:hover,.sidebar .navGroup[open] .navChildren a:hover{
    color:#064a35!important;background:#e9f7f0!important;transform:translateX(2px)!important;
  }
  .sidebar .navChildren a:hover span,.sidebar .navGroup[open] .navChildren a:hover span,
  .sidebar .navChildren a:hover svg,.sidebar .navGroup[open] .navChildren a:hover svg{
    color:#064a35!important;
  }
  .sidebar .navChildren a.active,.sidebar .navGroup[open] .navChildren a.active{
    color:#075e43!important;background:#ddf3e8!important;
  }
  .sidebar .navChildren a.active span,.sidebar .navGroup[open] .navChildren a.active span{
    color:#075e43!important;
  }

  /* One composed toolbar: search, primary action and account controls. */
  .portal .topbar{
    height:76px!important;padding:0 clamp(20px,2.4vw,42px)!important;gap:16px!important;
    border-bottom:1px solid rgba(197,216,207,.92)!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 8px 28px rgba(19,68,52,.055)!important;
    backdrop-filter:blur(14px)!important;
  }
  .topbarBrand{gap:17px!important}
  .topbarBrand img{width:183px!important;max-height:32px!important}
  .topbarCompany{
    max-width:220px!important;padding:8px 12px!important;border:1px solid #d9e6e0!important;
    border-radius:999px!important;background:#f6faf8!important;color:#40574f!important;
    font-size:12px!important;font-weight:650!important;line-height:1.15!important;
  }
  .portal .search{
    flex:0 1 270px!important;width:clamp(185px,19vw,270px)!important;height:42px!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;
    margin-left:auto!important;padding:0 11px!important;border:1px solid #d7e4de!important;
    border-radius:11px!important;background:#f7faf9!important;color:#5f746d!important;
    transition:border-color .16s ease,background .16s ease,box-shadow .16s ease!important;
  }
  .portal .search:hover,.portal .search:focus-visible{
    border-color:#9fcdb9!important;background:#fff!important;color:#124b39!important;
    box-shadow:0 0 0 4px rgba(18,184,122,.08)!important;
  }
  .portal .search>span{
    display:block!important;min-width:0!important;overflow:hidden!important;
    color:inherit!important;font-size:11.5px!important;font-weight:650!important;
    white-space:nowrap!important;text-overflow:ellipsis!important;
  }
  .portal .search kbd{
    display:inline-flex!important;margin-left:auto!important;padding:3px 6px!important;
    border:1px solid #d8e4df!important;border-radius:6px!important;background:#fff!important;
    color:#7a8c85!important;font:700 9px/1 var(--d123-font-body)!important;
  }
  .portal .search svg{flex:0 0 18px!important;width:18px!important;height:18px!important}
  .portal .topActions{align-items:center!important;gap:6px!important}
  .portal .globalInvoiceCta{
    height:42px!important;margin:0 4px 0 0!important;padding:0 15px!important;
    border:1px solid #08704f!important;border-radius:11px!important;
    background:linear-gradient(145deg,#0a855d,#086b4d)!important;color:#fff!important;
    box-shadow:0 9px 18px rgba(7,112,78,.16)!important;transition:transform .16s ease,box-shadow .16s ease!important;
  }
  .portal .globalInvoiceCta:hover{
    background:linear-gradient(145deg,#087650,#075f43)!important;color:#fff!important;
    transform:translateY(-1px)!important;box-shadow:0 12px 24px rgba(7,112,78,.21)!important;
  }
  .portal .globalInvoiceCta:hover span{color:#fff!important}
  .portal .topTool,.portal .settingsTool,.portal .logoutTool{
    width:42px!important;height:42px!important;border:1px solid transparent!important;
    border-radius:10px!important;background:transparent!important;color:#40564f!important;
  }
  .portal .topTool:hover,.portal .settingsTool:hover{
    border-color:#d9e6e0!important;background:#eff7f3!important;color:#086548!important;
  }
  .portal .logoutTool:hover{
    border-color:#f0d3d0!important;background:#fff3f2!important;color:#a74740!important;
  }
  .portal .profileTrigger{
    height:46px!important;max-width:220px!important;gap:9px!important;margin:0!important;padding:0 9px 0 5px!important;
    border:1px solid #d9e6e0!important;border-radius:12px!important;background:#fff!important;
  }
  .portal .profileTrigger:hover{
    border-color:#abd3c1!important;background:#f4faf7!important;box-shadow:0 7px 18px rgba(19,68,52,.07)!important;
  }
  .portal .profileAvatar{width:36px!important;height:36px!important;flex-basis:36px!important;background:#08704f!important}
  .portal .profileIdentity b{font-size:12px!important}
  .portal .profileChevron{font-size:15px!important}
}

/* Compact, managerial heading hierarchy. */
.portal .pageHead,.portalRoute-document-sign .pageHead{
  margin-bottom:22px!important;padding:0 0 17px!important;
  border-bottom-color:#d6e3dd!important;background:transparent!important;
}
.portal .pageHead h1{
  display:flex!important;align-items:center!important;gap:11px!important;
  margin-bottom:5px!important;font-size:clamp(27px,2.15vw,34px)!important;
  line-height:1.12!important;letter-spacing:-.042em!important;color:var(--control-ink)!important;
}
.portal .pageHead h1::before{
  content:"";display:block;flex:0 0 4px;width:4px;height:25px;border-radius:6px;
  background:linear-gradient(180deg,#21cb8d,#087451);box-shadow:0 4px 10px rgba(8,116,81,.18);
}
.portal .pageHead p{font-size:12.5px!important;color:var(--control-muted)!important}
.portal .au-head h2{font-size:25px!important}
.portal .adx-top h2{font-size:30px!important}
.portal .au-card>header h3,.portal .adx-panel>header h3{font-size:15.5px!important}

/* Give the shared module surfaces controlled depth and visible feedback. */
@media screen{
  .portal .au-card,.portal .au-stat,.portal .adx-panel,.portal .adx-kpi,
  .portal .workspace,.portal .mail-stat,.portal .mail-health,.portal .messengerCard,
  .portal .inv-mini-stat,.portal .inv-received-intro,.portal .catSection,
  .portal .catHero,.portal .stockCard,.portal .ds-card,.portal .d123CashFlow{
    border-color:var(--control-line)!important;border-radius:14px!important;
    background:#fff!important;box-shadow:var(--control-shadow)!important;
    transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
  }
  .portal .au-card:hover,.portal .au-stat:hover,.portal .adx-panel:hover,
  .portal .adx-kpi:hover,.portal .mail-stat:hover,.portal .catSection:hover,
  .portal .stockCard:hover,.portal .ds-card:hover{
    border-color:#aed5c3!important;box-shadow:var(--control-shadow-hover)!important;
    transform:translateY(-2px)!important;
  }
  .portal .au-btn.primary:hover,.portal .primary:hover,.portal .au-submit:hover,
  .portal .adx-cta:hover,.portal .catButton:hover{
    background-color:#075f43!important;color:#fff!important;
  }
  .portal .au-btn.primary:hover *,.portal .primary:hover *,.portal .au-submit:hover *{
    color:#fff!important;
  }
  .portal .au-btn:not(.primary):hover{
    border-color:#9dcdb8!important;background:#eff8f3!important;color:#07573f!important;
  }
  .portal .au-btn:not(.primary):hover *{color:#07573f!important}
}

/* Dashboard: less headline, more signal. */
.portalRoute-dashboard .d123dash{gap:17px!important}
.portalRoute-dashboard .d123-welcome{
  min-height:82px!important;padding:15px 20px!important;align-items:center!important;
  border-color:#cfe2d9!important;border-radius:15px!important;
  background:
    radial-gradient(circle at 91% 0,rgba(38,205,145,.17),transparent 18rem),
    linear-gradient(135deg,#fff 0%,#f3faf7 100%)!important;
  box-shadow:0 11px 28px rgba(18,67,51,.065)!important;
}
.portalRoute-dashboard .d123-welcome h1{
  font-size:27px!important;letter-spacing:-.038em!important;color:var(--control-ink)!important;
}
.portalRoute-dashboard .d123-welcome p{margin-top:5px!important;font-size:12px!important}
.portalRoute-dashboard .d123-period{
  height:39px!important;border-color:#cfe0d8!important;border-radius:10px!important;
  background:rgba(255,255,255,.88)!important;box-shadow:0 7px 18px rgba(18,67,51,.055)!important;
}
.portalRoute-dashboard .d123-kpis{gap:13px!important}
.portalRoute-dashboard .d123-kpi{
  min-height:126px!important;border-color:var(--control-line)!important;border-radius:15px!important;
  box-shadow:var(--control-shadow)!important;
}
.portalRoute-dashboard .d123-kpi:hover{
  border-color:#9fd3bd!important;box-shadow:var(--control-shadow-hover)!important;transform:translateY(-2px)!important;
}
.portalRoute-dashboard .d123-card{
  border-color:var(--control-line)!important;border-radius:15px!important;box-shadow:var(--control-shadow)!important;
}
.portalRoute-dashboard .d123-card:hover{border-color:#bfdacf!important;box-shadow:var(--control-shadow-hover)!important}
.portalRoute-dashboard .d123-cardHead{padding:16px 18px!important}
.portalRoute-dashboard .d123-cardHead h2{font-size:14px!important}

/* Calendar remains spacious, but no longer shouts over the data. */
.portalRoute-calendar .dcal-title h2{
  font-size:clamp(29px,2.25vw,35px)!important;letter-spacing:-.043em!important;
}
.portalRoute-calendar .dcal-title small{margin-top:4px!important;font-size:12.5px!important}
.portalRoute-calendar .dcal-toolbar{margin-bottom:20px!important;padding-bottom:14px!important}
.portalRoute-calendar .dcal-agenda-date{font-size:clamp(72px,6.2vw,92px)!important}
.portalRoute-calendar .dcal-shell{
  border-color:var(--control-line)!important;border-radius:12px!important;
  box-shadow:var(--control-shadow)!important;overflow:hidden!important;
}
  .portalRoute-calendar .dcal-btn:hover{
    border-color:#8ec5ab!important;background:#edf8f2!important;color:#07563e!important;
  }
  .portalRoute-calendar .dcal-btn:hover *{color:#07563e!important}
  .portalRoute-calendar .dcal-btn.primary:hover{
    border-color:#075f43!important;background:#075f43!important;color:#fff!important;
  }
  .portalRoute-calendar .dcal-btn.primary:hover *{color:#fff!important}

@media screen and (max-width:1280px) and (min-width:761px){
  .portal .search{flex-basis:44px!important;width:44px!important;padding:0!important;justify-content:center!important}
  .portal .search>span,.portal .search kbd{display:none!important}
  .topbarCompany{max-width:145px!important}
}
@media screen and (max-width:980px) and (min-width:761px){
  .topbarCompany{display:none!important}
  .portal .profileIdentity,.portal .profileChevron{display:none!important}
  .portal .profileTrigger{padding-right:5px!important}
}
@media screen and (max-width:760px){
  .railMark{width:40px!important;height:40px!important;filter:none!important}
  .railMark svg{width:38px;height:38px}
  .portal .content,.portalRoute-dashboard .content{
    background:linear-gradient(180deg,#f8fbf9,#f4f8f6)!important;
  }
  .portal .pageHead h1{font-size:26px!important}
  .portalRoute-dashboard .d123-welcome h1{font-size:25px!important}
  .portalRoute-calendar .dcal-title h2{font-size:29px!important}
  .portalRoute-calendar .dcal-agenda-date{font-size:68px!important}
}
@media(prefers-reduced-motion:reduce){
  .sidebar nav>a,.sidebar .navGroup>summary,.sidebar .navChildren a,
  .portal .search,.portal .globalInvoiceCta,.portal .profileTrigger,
  .portal .au-card,.portal .au-stat,.portal .adx-panel,.portal .adx-kpi,
  .portal .d123-kpi,.portal .d123-card{transition:none!important}
}