:root{font-family:"DM Sans","IBM Plex Sans Arabic",sans-serif;color:#19313b;background:#f7f9f9}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.boot{height:100vh;display:flex;align-items:center;justify-content:center;gap:15px;font-size:25px;font-weight:800}.loader{width:18px;height:18px;border:2px solid #bae4dd;border-top-color:#078a76;border-radius:100%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.sidebar{background:#10292e;color:#b7cfce;padding:30px 17px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 9px 38px;color:white}.brand-mark{background:#20baa2;color:#064034;border-radius:12px;width:42px;height:42px;display:grid;place-items:center;font-size:26px;font-weight:800}.brand strong{display:block;font-size:19px;letter-spacing:-.8px}.brand small{display:block;letter-spacing:1.8px;font-size:10px;margin-top:4px;color:#84a5a5}.navlabel{text-transform:uppercase;letter-spacing:1.5px;font-size:10px;padding:8px 15px 11px;color:#668991;font-weight:800}.nav{border:0;background:transparent;width:100%;display:flex;gap:13px;align-items:center;padding:12px 14px;border-radius:10px;color:#b0c9c8;text-align:start;font-size:13px;font-weight:700;margin-bottom:5px}.nav svg{width:18px;height:18px}.nav:hover{background:#1a3c40}.nav.active{background:#1d4648;color:#ebfff9}.nav.active svg{color:#48d5bd}.grow{flex:1}.side-card{background:#193a3e;border:1px solid #325459;border-radius:13px;padding:17px;margin:12px 2px}.side-card h4{margin:0 0 9px;font-size:13px;color:white}.side-card p{margin:0 0 13px;font-size:11px;line-height:1.7;color:#8aadae}.side-card button{background:#edfbf7;border:0;border-radius:7px;color:#1c564d;padding:9px 12px;font-size:11px;font-weight:800}.user-area{display:flex;align-items:center;gap:11px;padding:18px 4px 0;border-top:1px solid #29484a}.user-area strong{display:block;max-width:142px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:white}.user-area small{display:block;color:#829e9e;font-size:10px;margin-top:3px}.avatar{height:34px;width:34px;display:grid;place-items:center;border-radius:50%;background:#dcf5e9;color:#147961;font-size:13px;font-weight:800}.user-area button{border:0;background:none;color:#a4c1bd}
.main{min-width:0}.topbar{height:79px;padding:0 41px;background:white;border-bottom:1px solid #edf1f1;display:flex;align-items:center;justify-content:space-between;gap:12px}.top-actions,.page-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.crumb{font-size:12px;color:#96a5a9}.crumb strong{color:#29454b}.topbutton,.btn{border:1px solid #dce8e6;background:white;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:800;color:#35616b;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.topbutton:hover,.btn:hover{filter:brightness(.976)}.topbutton svg,.btn svg{height:16px;width:16px}.btn.primary{background:#0a8b75;border-color:#0a8b75;color:white;box-shadow:0 5px 14px #0c937b24}.btn.dark{background:#173f43;color:white}.btn.red{background:#fff0ed;border-color:#f2d2cf;color:#aa5650}.btn.small{padding:7px 10px;font-size:11px}.btn:disabled{opacity:.5;cursor:not-allowed}.mobile-menu{display:none}.business-picker{max-width:180px;background:#fff;border:1px solid #dce9e7;border-radius:8px;font-size:11px;padding:9px;color:#365c62}
.content{max-width:1550px;margin:auto;padding:36px 41px 70px}.heading{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:27px}.eyebrow{text-transform:uppercase;color:#0c947c;letter-spacing:1.9px;font-size:10px;font-weight:800;margin-bottom:8px}.heading h1{font-weight:800;font-size:29px;letter-spacing:-1.1px;margin:0 0 8px}.heading p{margin:0;color:#83979e;font-size:12px;line-height:1.6}.demo{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#eaf7f3;border:1px solid #c7e8dd;border-radius:10px;margin-bottom:24px;padding:12px 16px;font-size:12px;color:#356f64}.demo strong{color:#087d6a}.demo button{border:0;background:#0b8972;color:white;padding:8px 12px;border-radius:8px;font-weight:800;font-size:11px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.metric,.panel,.form-panel,.tile{background:white;border:1px solid #e6eeec;border-radius:15px;box-shadow:0 5px 25px #17313806}.metric{padding:21px 20px;min-height:154px}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#899ba0;font-size:11px;font-weight:700}.ico-pill{border-radius:10px;width:35px;height:35px;display:grid;place-items:center;background:#e8f7f3;color:#0e9177}.ico-pill.blue{background:#edf4ff;color:#4c81bc}.ico-pill.orange{background:#fff4e8;color:#bd852f}.ico-pill.purple{background:#f5f0ff;color:#8864b3}.ico-pill svg{width:18px;height:18px}.value{font-size:25px;font-weight:800;letter-spacing:-.7px;margin:16px 0 6px;white-space:nowrap}.subvalue{font-size:10px;color:#95a5a9}.subvalue b{color:#188b72}.panels{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(265px,1fr);gap:18px;margin-top:18px}.panel{padding:23px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.panel-head h3{font-size:15px;margin:0}.panel-head p{font-size:11px;margin:5px 0 0;color:#9aabab}.link{border:0;background:none;color:#078e75;font-size:11px;font-weight:800}.chart{height:221px;border-bottom:1px solid #eaf0ef;display:flex;gap:14px;align-items:flex-end;padding:12px 5px 0}.chart-month{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.bar{background:linear-gradient(#30bda1,#b1e9d9);border-radius:6px 6px 0 0;width:60%;min-height:2px}.chart-month:last-child .bar{background:linear-gradient(#0c8d77,#56cdb5)}.chart-month small{font-size:10px;color:#91a3a6;padding-bottom:3px}.chart-footer{display:flex;justify-content:space-between;margin-top:14px;font-size:11px;color:#8ea2a7}.chart-footer strong{color:#108673}.mini{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #eef3f1}.mini:last-child{border:0}.mini-avatar{width:36px;height:36px;display:grid;place-items:center;background:#e8f4f1;color:#378b77;border-radius:10px;font-size:12px;font-weight:800}.mini .name{flex:1;min-width:0}.mini .name strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.mini .name small{display:block;color:#94a4a8;font-size:10px;margin-top:5px}.mini .amount{white-space:nowrap;font-size:11px;font-weight:800}.below{margin-top:18px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.search{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #e2eae9;border-radius:9px;background:#fff;min-width:220px}.search svg{width:16px;height:16px;color:#9aabad}.search input{border:0;outline:0;font-size:12px;width:100%;color:#304b50}.tabs{display:flex;background:#f4f6f6;border-radius:9px;padding:4px;gap:2px}.tabs button{border:0;background:transparent;padding:7px 11px;font-size:11px;color:#879aa0;font-weight:800;border-radius:7px}.tabs button.active{background:#fff;color:#0b856f;box-shadow:0 2px 7px #1e343b12}
.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:635px}th{background:#f8faf9;padding:14px;font-size:11px;color:#94a5a7;font-weight:800;text-align:start}td{border-bottom:1px solid #f0f3f3;padding:15px 14px;font-size:12px;color:#52676e}tbody tr:hover{background:#fcfefd}tbody tr:last-child td{border:0}.strong{color:#284148;font-weight:800}.smallmuted{display:block;color:#9dacae;font-size:10px;margin-top:4px}.status{display:inline-block;font-size:10px;font-weight:800;padding:6px 9px;border-radius:6px;background:#edf2f4;color:#637a83}.status.paid{background:#e2f7ed;color:#15825d}.status.sent{background:#e9f2fe;color:#3e7eb5}.status.partial{background:#fff4e0;color:#a07830}.status.overdue{background:#ffefec;color:#cc7159}.status.draft{background:#eef2f2;color:#7e9499}.status.void{background:#f4eeef;color:#ae7a80}.empty{padding:50px 20px;text-align:center;color:#94a5aa}.empty svg{height:34px;width:34px;color:#19a88d}.empty h3{font-size:16px;margin:12px 0 6px;color:#28454d}.empty p{font-size:12px;line-height:1.8}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.form-panel{padding:25px}.form-panel h3{margin:0 0 22px;font-size:15px}.field{margin-bottom:17px}.field label{font-size:11px;font-weight:800;color:#6b848a;display:block;margin-bottom:8px}.field input,.field textarea,.field select,.line input{width:100%;border:1px solid #dfe9e7;padding:11px 12px;border-radius:8px;outline:0;font-size:12px;background:white;color:#243c43}.field textarea{min-height:86px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.line input:focus{border-color:#4ab69e;box-shadow:0 0 0 3px #2da78e18}.form-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:20px}.line{display:grid;grid-template-columns:minmax(100px,2fr) 72px 95px 31px;gap:9px;margin-bottom:10px}.line button{border:0;background:#fff0ef;color:#ac534a;border-radius:8px}.total-row{display:flex;justify-content:space-between;padding:10px 0;color:#82999d;font-size:12px}.total-row b{color:#2f5156}.total-row.final{border-top:1px solid #e1ece8;margin-top:12px;font-weight:800;color:#24494e}.total-row.final b{font-size:22px;color:#0c8a75}.hint{border-radius:10px;padding:13px 15px;background:#f0f8f6;color:#688884;font-size:11px;line-height:1.8}.invoice-sheet{background:white;border:1px solid #e3ecea;border-radius:14px;padding:35px;max-width:950px;margin:0 auto}.inv-top{display:flex;justify-content:space-between;gap:18px;margin-bottom:34px}.inv-top h2{font-size:26px;margin:0 0 8px}.inv-top p{font-size:12px;line-height:1.75;color:#8b9da0}.inv-meta{text-align:end;font-size:12px;line-height:2;color:#738d92}.inv-meta b{color:#23434a}.inv-bottom{max-width:300px;margin:25px 0 0 auto}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.tile{padding:22px}.tile h3{font-size:14px;margin:13px 0 6px}.tile p{font-size:11px;color:#93a3a6;line-height:1.65;min-height:29px}.tile-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eef2f2;padding-top:15px;margin-top:15px;font-size:11px}.auth-screen{position:fixed;inset:0;z-index:30;background:#0b2730bb;display:grid;place-items:center;padding:18px}.auth-card{width:min(425px,100%);background:#fff;border-radius:20px;padding:30px;box-shadow:0 22px 75px #07191d60}.auth-card h2{font-size:23px;margin:8px 0}.auth-card p{font-size:12px;color:#81989c;line-height:1.7}.auth-card .btn{width:100%}.auth-close{float:right;border:0;border-radius:50%;width:29px;height:29px;background:#edf2f1;color:#789497}.toast{position:fixed;z-index:40;bottom:26px;inset-inline-end:24px;background:#1a4144;color:white;border-radius:11px;padding:13px 17px;font-size:12px;max-width:360px;box-shadow:0 12px 30px #1a41444a}.toast.error{background:#b65a50}.hide{display:none!important}.right{margin-inline-start:auto}.text-right{text-align:end}.muted{color:#91a4a9}.tiny{font-size:11px}
@media(max-width:1170px){.shell{grid-template-columns:207px minmax(0,1fr)}.sidebar{padding:24px 11px}.content{padding:27px}.topbar{padding:0 27px}.metrics{gap:10px}.metric{padding:17px}.value{font-size:21px}.panels{grid-template-columns:1fr}.tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.shell{display:block}.sidebar{position:fixed;top:0;left:0;width:257px;transform:translateX(-110%);transition:.2s;z-index:20}.sidebar.open{transform:none}[dir=rtl] .sidebar{left:auto;right:0;transform:translateX(110%)}[dir=rtl] .sidebar.open{transform:none}.mobile-menu{display:flex}.topbar{padding:0 13px;height:67px}.top-actions{gap:6px}.topbutton{padding:9px}.business-picker{max-width:108px}.content{padding:23px 15px 65px}.heading{flex-wrap:wrap}.heading h1{font-size:25px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:132px}.ico-pill{width:30px;height:30px}.metric .value{font-size:19px}.panels,.form-layout{grid-template-columns:1fr}.panel{padding:19px}.tiles{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.line{grid-template-columns:minmax(100px,2fr) 54px 73px 29px}.line input{padding:8px 5px}.demo{flex-wrap:wrap}.page-actions{width:100%}.page-actions .btn{flex:1}.invoice-sheet{padding:17px}.inv-top{flex-wrap:wrap}}
@media print{body{background:#fff}.sidebar,.topbar,.heading,.demo,.page-actions,.no-print,.toast{display:none!important}.shell{display:block}.content{padding:0;margin:0;max-width:none}.print-area{display:block!important}.invoice-sheet{padding:0;border:0;border-radius:0;margin:0;max-width:none}.form-panel,.panel{box-shadow:none}@page{size:A4;margin:16mm}}

/* ATLAS INTERNAL NOTE: Mobile Invoice Atlas sidebar is dismissible by X, backdrop tap and Escape.
   Controls remain out of the desktop navigation and respect RTL and reduced motion. */
.sidebar-close,.sidebar-backdrop{display:none}
@media(max-width:760px){
  body.invoice-sidebar-open{overflow:hidden}
  .sidebar{padding-top:calc(57px + env(safe-area-inset-top, 0px));overflow-y:auto;overscroll-behavior:contain}
  .sidebar-close{display:grid;place-items:center;position:absolute;top:calc(8px + env(safe-area-inset-top, 0px));inset-inline-end:10px;width:44px;height:44px;border:1px solid #416269;border-radius:12px;background:#214149;color:#eafbf7;font-size:29px;line-height:1;cursor:pointer;z-index:1}
  .sidebar-close:hover,.sidebar-close:focus-visible{background:#2a5960;outline:2px solid #73d8c4;outline-offset:2px}
  .sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(3,17,22,.57);border:0;padding:0;opacity:0;visibility:hidden;pointer-events:none;z-index:19;transition:opacity .2s ease,visibility .2s ease}
  .sidebar-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}
}
@media(prefers-reduced-motion:reduce){.sidebar-backdrop{transition:none}}

/* ATLAS INTERNAL NOTE: Theme affects presentation only; never financial data. Light stays default.
   Keep backgrounds/text legible across workspace pages, edit forms, invoices and auth modal. */
.theme-toggle{display:inline-flex;align-items:center;gap:7px;justify-content:center;min-width:40px}
.theme-toggle:focus-visible{outline:2px solid #0a8b75;outline-offset:2px}
.theme-toggle svg{flex-shrink:0}
.theme-switch-label{font-size:11px;font-weight:800}
@media(max-width:760px){
  .theme-toggle{min-width:38px;width:38px;height:38px;padding:7px}
  .theme-switch-label{display:none}
  .topbar>.top-actions:first-child{min-width:0;flex:1}
  .topbar>.top-actions:last-child{flex-shrink:0}
  .topbar .crumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
:root[data-theme="dark"]{color-scheme:dark;background:#0d1a21;color:#e2f0f1}
[data-theme="dark"] body,[data-theme="dark"] .shell,[data-theme="dark"] .main{background:#0d1a21;color:#e2f0f1}
[data-theme="dark"] .sidebar{background:#092128;color:#bfd7d8}
[data-theme="dark"] .nav:hover{background:#23454d}
[data-theme="dark"] .nav.active{background:#1b5153;color:#ecfffa}
[data-theme="dark"] .side-card{background:#173a41;border-color:#30545a}
[data-theme="dark"] .user-area{border-color:#315057}
[data-theme="dark"] .topbar{background:#12252e;border-color:#2a424a;color:#e2f0f1}
[data-theme="dark"] .crumb,[data-theme="dark"] .heading p,[data-theme="dark"] .panel-head p{color:#a2bec3}
[data-theme="dark"] .crumb strong,[data-theme="dark"] .heading h1,
[data-theme="dark"] .metric .value,[data-theme="dark"] .panel-head h3,
[data-theme="dark"] .form-panel h3,[data-theme="dark"] .tile h3,
[data-theme="dark"] .mini .name strong,[data-theme="dark"] .inv-top h2,
[data-theme="dark"] .empty h3,[data-theme="dark"] .strong{color:#eaf6f7}
[data-theme="dark"] .topbutton,[data-theme="dark"] .btn:not(.primary):not(.dark):not(.red),
[data-theme="dark"] .business-picker{background:#19313b;border-color:#3a5760;color:#d8eef0}
[data-theme="dark"] .topbutton:hover,[data-theme="dark"] .btn:not(.primary):not(.dark):not(.red):hover{background:#20434a}
[data-theme="dark"] .btn.primary,[data-theme="dark"] .demo button{background:#0b8d7b;border-color:#0b8d7b;color:white}
[data-theme="dark"] .btn.dark{background:#20464e;color:#eafffb}
[data-theme="dark"] .btn.red{background:#432a2c;border-color:#724246;color:#ffb7b6}
[data-theme="dark"] .metric,[data-theme="dark"] .panel,
[data-theme="dark"] .form-panel,[data-theme="dark"] .tile,
[data-theme="dark"] .invoice-sheet,[data-theme="dark"] .auth-card{
  background:#162b34;border-color:#2d4650;color:#e2f0f1;box-shadow:0 8px 28px rgba(0,0,0,.12)
}
[data-theme="dark"] .metric-top,[data-theme="dark"] .subvalue,
[data-theme="dark"] .mini .name small,[data-theme="dark"] .tile p,
[data-theme="dark"] .tile-foot,[data-theme="dark"] .smallmuted{color:#a4bbc2}
[data-theme="dark"] .demo{background:#123b3c;border-color:#2b6965;color:#d7efeb}
[data-theme="dark"] .demo strong,[data-theme="dark"] .eyebrow,
[data-theme="dark"] .link,[data-theme="dark"] .subvalue b{color:#71dbc0}
[data-theme="dark"] .ico-pill{background:#193e3b;color:#78decb}
[data-theme="dark"] .ico-pill.blue{background:#1c344b;color:#a3c9ff}
[data-theme="dark"] .ico-pill.orange{background:#453624;color:#ffd18e}
[data-theme="dark"] .ico-pill.purple{background:#332945;color:#c5b2ff}
[data-theme="dark"] .mini,[data-theme="dark"] .tile-foot{border-color:#2d4650}
[data-theme="dark"] .mini-avatar{background:#214b4b;color:#a2e5cd}
[data-theme="dark"] .chart{border-color:#2e4851}
[data-theme="dark"] .chart-month small,[data-theme="dark"] .chart-footer{color:#adc3c8}
[data-theme="dark"] .chart-footer strong{color:#79d6bd}
[data-theme="dark"] .search,[data-theme="dark"] .tabs{background:#112832;border-color:#36515a}
[data-theme="dark"] .search input{background:transparent;color:#f0fafa}
[data-theme="dark"] .search input::placeholder,[data-theme="dark"] .field input::placeholder,
[data-theme="dark"] .field textarea::placeholder{color:#93adb3}
[data-theme="dark"] .tabs button{color:#adc3c8}
[data-theme="dark"] .tabs button.active{background:#245257;color:#f0fcfa;box-shadow:none}
[data-theme="dark"] th{background:#1d343d;color:#b4c9ce}
[data-theme="dark"] td{color:#c5dbdf;border-color:#2e4750}
[data-theme="dark"] tbody tr:hover{background:#203944}
[data-theme="dark"] .tablewrap{scrollbar-color:#46646e #162b34}
[data-theme="dark"] .status.draft,[data-theme="dark"] .status.void{background:#30404c;color:#c8dbdf}
[data-theme="dark"] .status.sent{background:#223d59;color:#add1ff}
[data-theme="dark"] .status.partial{background:#53412d;color:#ffdb9d}
[data-theme="dark"] .status.paid{background:#1c493b;color:#96e6c2}
[data-theme="dark"] .status.overdue{background:#532e33;color:#ffb6af}
[data-theme="dark"] .empty,[data-theme="dark"] .empty p{color:#a9c0c6}
[data-theme="dark"] .field label,[data-theme="dark"] .total-row{color:#b0c7cb}
[data-theme="dark"] .field input,[data-theme="dark"] .field textarea,
[data-theme="dark"] .field select,[data-theme="dark"] .line input,
[data-theme="dark"] #payment-invoice,[data-theme="dark"] #business-select{
  background:#10252e;border-color:#39565f;color:#f1f9fa
}
[data-theme="dark"] .field input:focus,[data-theme="dark"] .field select:focus,
[data-theme="dark"] .field textarea:focus,[data-theme="dark"] .line input:focus{
  border-color:#56c4aa;box-shadow:0 0 0 3px rgba(63,191,161,.19)
}
[data-theme="dark"] .line button{background:#4b3030;color:#ffbcac}
[data-theme="dark"] .total-row b,[data-theme="dark"] .inv-meta b{color:#e1f2f3}
[data-theme="dark"] .total-row.final{border-color:#36505a;color:#ecf9f9}
[data-theme="dark"] .total-row.final b{color:#73dbc2}
[data-theme="dark"] .hint{background:#183b39;color:#b6dfd4}
[data-theme="dark"] .inv-top p,[data-theme="dark"] .inv-meta,
[data-theme="dark"] .auth-card p{color:#a5c0c7}
[data-theme="dark"] .auth-close{background:#26414b;color:#d4eef0}
[data-theme="dark"] .toast{background:#23555b;color:#f2fffc}
[data-theme="dark"] .muted,[data-theme="dark"] .tiny{color:#b0c4ca}
@media print{
  :root[data-theme="dark"]{color-scheme:light;background:#fff;color:#19313b}
  [data-theme="dark"] body,[data-theme="dark"] .shell,[data-theme="dark"] .main,
  [data-theme="dark"] .content,[data-theme="dark"] .invoice-sheet{background:#fff!important;color:#19313b!important;box-shadow:none!important}
  [data-theme="dark"] .invoice-sheet *,[data-theme="dark"] .invoice-sheet h2,
  [data-theme="dark"] .invoice-sheet b,[data-theme="dark"] .inv-meta{color:#19313b!important}
  [data-theme="dark"] .sidebar,[data-theme="dark"] .topbar,[data-theme="dark"] .demo{display:none!important}
  [data-theme="dark"] .invoice-sheet{border:0!important}
}

/* ATLAS INTERNAL NOTE [PARENT-NAV]: Persistent Atlas parent link, localized in JS and compact on mobile. */
.topbar .atlas-parent-link{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #d5e5e2;border-radius:9px;background:#eef8f6;color:#087b6b;font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap;flex-shrink:0}
.topbar .atlas-parent-link:hover,.topbar .atlas-parent-link:focus-visible{background:#d9f3ec;outline-offset:2px}
.atlas-parent-arrow{display:inline-block;font-size:16px;line-height:1}
[dir="rtl"] .atlas-parent-arrow{transform:scaleX(-1)}
.atlas-parent-short{display:none}
[data-theme="dark"] .topbar .atlas-parent-link{background:#1c4042;border-color:#335b5d;color:#b8f4dc}
@media(max-width:1100px){.topbar .crumb{display:none}}
@media(max-width:620px){.topbar .atlas-parent-link{padding:8px;font-size:11px}.atlas-parent-label{display:none}.atlas-parent-short{display:inline}}