.auth-brand strong,
.brand-lockup strong {
  letter-spacing: -.04em;
}

.brand-star {
  display: inline !important;
  color: #7f90ff !important;
  font-size: .72em !important;
  vertical-align: .12em;
  letter-spacing: 0 !important;
}

.auth-brand > div > span {
  color: #778196;
  font-size: 8px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.brand-lockup span {
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.auth-inline-link { border: 0; background: none; color: #5367df; cursor: pointer; font: 600 10px 'DM Sans', sans-serif; padding: 2px; text-align: center; }
.auth-inline-link:hover { text-decoration: underline; }
.auth-form-intro { background: #f4f6ff; border: 1px solid #e3e7ff; border-radius: 10px; color: #3a4561; padding: 12px; }
.auth-form-intro strong,.auth-form-intro span { display: block; }
.auth-form-intro strong { font-size: 11px; }
.auth-form-intro span { color: #788299; font-size: 9px; margin-top: 3px; }
[hidden] { display: none !important; }
.table-filter-strip { align-items: center; background: #f8f9fc; border-bottom: 1px solid #e6e9ef; display: none; gap: 12px; padding: 10px 15px; }
.table-filter-strip.open { display: flex; }
.table-filter-strip label { align-items: center; color: #68738a; display: flex; font-size: 9px; font-weight: 700; gap: 7px; }
.table-filter-strip select { background: #fff; border: 1px solid #dce0e8; border-radius: 7px; color: #394358; font: 500 9px 'DM Sans'; padding: 7px 9px; }
.table-filter-strip button { background: none; border: 0; color: #5367df; cursor: pointer; font: 600 9px 'DM Sans'; }
.table-filter-strip span { color: #8992a4; font-size: 9px; margin-left: auto; }
.row-action-menu { background: #fff; border: 1px solid #e2e5eb; border-radius: 10px; box-shadow: 0 14px 38px rgba(25,35,58,.18); display: grid; padding: 5px; position: fixed; width: 170px; z-index: 90; }
.row-action-menu button { background: none; border: 0; border-radius: 6px; color: #414c62; cursor: pointer; font: 500 10px 'DM Sans'; padding: 8px 9px; text-align: left; }
.row-action-menu button:hover { background: #f2f4fb; color: #5063d2; }
.search { position: relative; }
.search #searchShortcut { background: #fff; border: 1px solid #e1e4ea; border-radius: 5px; box-shadow: 0 1px 1px #ddd; color: #747e92; cursor: pointer; font: 600 8px 'DM Sans'; padding: 4px 6px; white-space: nowrap; }
.search #searchShortcut:hover,.search #searchShortcut:focus { border-color: #9ba7ea; color: #4f62cf; outline: none; }
.global-search-results { background: #fff; border: 1px solid #e0e4eb; border-radius: 12px; box-shadow: 0 18px 50px rgba(23,32,51,.18); display: none; left: 0; overflow: hidden; padding: 6px; position: absolute; right: 0; top: 46px; z-index: 80; }
.global-search-results.open { display: grid; }
.global-search-results button { align-items: center; background: none; border: 0; border-radius: 8px; color: #465167; cursor: pointer; display: grid; gap: 10px; grid-template-columns: 24px 1fr 18px; padding: 9px; text-align: left; }
.global-search-results button:hover,.global-search-results button.active { background: #f2f4ff; color: #4155c7; }
.global-search-results button>span { background: #e9edff; border-radius: 7px; display: grid; height: 24px; place-items: center; width: 24px; }
.global-search-results strong,.global-search-results small { display: block; }
.global-search-results strong { font-size: 10px; }
.global-search-results small { color: #8791a5; font-size: 8px; margin-top: 2px; }
.global-search-results b { color: #a0a8b7; font-size: 9px; }
.search-empty { padding: 14px; text-align: center; }
.search-empty strong,.search-empty span { display: block; font-size: 10px; }
.search-empty span { color: #8992a4; font-size: 9px; margin-top: 4px; }
.sidebar-footer { position: relative; }
.account-menu { background: #fff; border: 1px solid #e2e5eb; border-radius: 12px; bottom: 46px; box-shadow: 0 18px 50px rgba(4,10,24,.28); color: #3e4960; display: none; left: 0; padding: 6px; position: absolute; right: 0; z-index: 95; }
.account-menu.open { display: grid; }
.account-summary { border-bottom: 1px solid #e9ebf0; margin-bottom: 4px; padding: 9px; }
.account-summary strong,.account-summary span { display: block; }
.account-summary strong { color: #273247; font-size: 10px; }
.account-summary span { color: #8992a4; font-size: 8px; margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-footer .account-menu button { border-radius: 7px; color: #465167; font-size: 9px; padding: 8px 9px; }
.sidebar-footer .account-menu button:hover { background: #f2f4fb; color: #4f62cf; }
.sidebar-footer .account-menu button span { color: #6b7de0; width: 16px; }
.sidebar-footer .account-menu .account-logout { border-top: 1px solid #e9ebf0; border-radius: 0 0 7px 7px; color: #c05e55; margin-top: 3px; padding-top: 10px; }
.top-actions { position: relative; }
.notification-panel { background: #fff; border: 1px solid #e2e5eb; border-radius: 14px; box-shadow: 0 20px 55px rgba(23,32,51,.2); display: none; overflow: hidden; position: absolute; right: 52px; top: 45px; width: 360px; z-index: 85; }
.notification-panel.open { display: block; }
.notification-panel header { align-items: center; border-bottom: 1px solid #e9ebf0; display: flex; justify-content: space-between; padding: 14px 15px; }
.notification-panel header strong,.notification-panel header span { display: block; }
.notification-panel header strong { color: #273247; font: 700 13px Manrope; }
.notification-panel header span { color: #8a93a5; font-size: 8px; margin-top: 2px; }
.notification-panel header button { background: none; border: 0; color: #5367d8; cursor: pointer; font: 600 8px 'DM Sans'; }
.notification-list { max-height: 360px; overflow: auto; }
.notification-list>button { align-items: start; background: #fbfcff; border: 0; border-bottom: 1px solid #eef0f4; cursor: pointer; display: grid; gap: 10px; grid-template-columns: 30px 1fr 6px; padding: 11px 14px; text-align: left; width: 100%; }
.notification-list>button:hover { background: #f4f6ff; }
.notification-list>button.read { background: #fff; opacity: .68; }
.notification-icon { background: #edf0ff; border-radius: 8px; color: #596ddd; display: grid; height: 30px; place-items: center; width: 30px; }
.notification-list strong,.notification-list small,.notification-list em { display: block; }
.notification-list strong { color: #344057; font-size: 9px; }
.notification-list small { color: #727d92; font-size: 8px; margin-top: 3px; }
.notification-list em { color: #9aa2b1; font-size: 7px; font-style: normal; margin-top: 4px; }
.notification-list i { background: #ee7567; border-radius: 50%; height: 6px; margin-top: 5px; width: 6px; }
.notification-list .read i { background: transparent; }
.notification-panel footer { color: #8b94a5; font-size: 8px; padding: 9px 14px; text-align: center; }
@media(max-width:570px){.notification-panel{position:fixed;left:12px;right:12px;top:70px;width:auto}}
.help-panel { background: #fff; border-left: 1px solid #e2e5eb; bottom: 0; box-shadow: -18px 0 55px rgba(23,32,51,.16); display: none; overflow: auto; position: fixed; right: 0; top: 0; width: 390px; z-index: 110; }
.help-panel.open { display: block; }
.help-panel header { align-items: center; background: #172039; color: #fff; display: flex; justify-content: space-between; padding: 22px; }
.help-panel header span,.help-panel header strong { display: block; }
.help-panel header span { color: #9eabc5; font-size: 8px; letter-spacing: .1em; }
.help-panel header strong { font: 700 18px Manrope; margin-top: 4px; }
.help-panel header button { background: rgba(255,255,255,.08); border: 0; border-radius: 8px; color: #fff; cursor: pointer; font-size: 19px; height: 32px; width: 32px; }
.help-intro,.help-actions,.help-shortcuts { border-bottom: 1px solid #e9ebf0; padding: 18px 20px; }
.help-intro p { color: #606b80; font-size: 10px; line-height: 1.55; margin: 0 0 14px; }
.help-intro div { align-items: start; display: flex; gap: 8px; margin-top: 9px; }
.help-intro b { background: #e7f6ef; border-radius: 50%; color: #289571; display: grid; flex: 0 0 18px; font-size: 8px; height: 18px; place-items: center; }
.help-intro span { color: #4f5a70; font-size: 9px; line-height: 1.45; }
.help-actions>strong,.help-shortcuts>strong { color: #7d8799; display: block; font-size: 8px; letter-spacing: .08em; margin-bottom: 10px; text-transform: uppercase; }
.help-actions button { align-items: center; background: #fafbfe; border: 1px solid #e7e9ef; border-radius: 10px; color: #3f4a61; cursor: pointer; display: grid; gap: 10px; grid-template-columns: 30px 1fr; margin-top: 8px; padding: 10px; text-align: left; width: 100%; }
.help-actions button>span { background: #e9edff; border-radius: 8px; color: #596ddd; display: grid; height: 30px; place-items: center; }
.help-actions button div,.help-actions button small { display: block; }
.help-actions button div { font-size: 9px; font-weight: 700; }
.help-actions button small { color: #8a93a5; font-size: 8px; font-weight: 400; margin-top: 2px; }
.help-shortcuts div { align-items: center; display: flex; gap: 10px; margin-top: 8px; }
.help-shortcuts kbd { background: #f3f4f8; border: 1px solid #dfe2e8; border-radius: 5px; color: #526078; font-size: 8px; padding: 4px 6px; }
.help-shortcuts span { color: #68738a; font-size: 9px; }
.help-panel footer { align-items: center; display: flex; gap: 10px; padding: 16px 20px; }
.help-panel footer strong,.help-panel footer small { display: block; }
.help-panel footer strong { color: #3f4a61; font-size: 9px; }
.help-panel footer small { color: #8992a4; font-size: 8px; margin-top: 2px; }
.help-status { background: #e2a140; border-radius: 50%; height: 9px; width: 9px; }
.help-status.connected { background: #2ca279; }
.commercial-total{align-items:center;background:#f4f7ff;border:1px solid #dce4ff;border-radius:12px;display:grid;grid-column:1/-1;grid-template-columns:1fr auto;gap:3px 18px;padding:14px 16px}.commercial-total span{color:#56627a;font-size:10px;font-weight:700}.commercial-total strong{color:#27385f;font:800 20px Manrope}.commercial-total small{color:#8791a4;font-size:8px;grid-column:1/-1}
#folioPrint{display:none}@media print{body>*:not(#folioPrint){display:none!important}#folioPrint{display:block!important}.folio-page{break-after:page;color:#111;font:10px Arial;min-height:270mm;padding:8mm}.folio-page header,.folio-company,.folio-page footer{display:flex;justify-content:space-between}.folio-page header{border-bottom:2px solid #111;padding-bottom:8px}.folio-page header strong,.folio-page header span,.folio-page header b,.folio-page header small{display:block}.folio-page header small{color:#900;margin-top:4px}.folio-company{border-bottom:1px solid #777;padding:7px 0}.folio-page table{border-collapse:collapse;margin-top:8px;width:100%}.folio-page th,.folio-page td{border:1px solid #777;padding:4px;text-align:left}.folio-page th:nth-last-child(-n+2),.folio-page td:nth-last-child(-n+2){text-align:right}.folio-page tfoot{font-weight:700}.folio-page footer{border-top:1px solid #777;margin-top:8px;padding-top:6px}}
@media(max-width:570px){.help-panel{width:100%}}
@media(max-width:570px){
  .topbar{padding:0 10px;gap:6px}
  .menu-btn{flex:0 0 34px;margin-right:0;width:34px}
  .search{height:36px;padding:0 9px}
  .search #searchShortcut{display:none}
  .top-actions{display:flex;gap:5px;margin-left:0}
  .top-actions #helpButton{display:none}
  .top-actions .icon-btn{height:34px;width:34px}
  #quickCreate{font-size:0;height:34px;padding:0;width:34px}
  #quickCreate:before{content:'＋';font-size:18px;line-height:1}
  .view{padding-left:14px;padding-right:14px}
  .operational-head{display:block}
  .operational-head .head-actions{display:flex;margin-top:12px}
  .data-toolbar{align-items:stretch;flex-wrap:wrap;gap:8px}
  .data-toolbar .table-search{flex:1 0 100%}
  .toolbar-actions{display:flex;flex:1;overflow:auto}
  .toolbar-actions .secondary-btn{white-space:nowrap}
  .table-filter-strip.open{align-items:stretch;display:grid;grid-template-columns:1fr auto}
  .table-filter-strip label{align-items:stretch;display:grid;grid-column:1/-1}
  .table-filter-strip select{width:100%}
  .table-filter-strip span{margin-left:0}
  .notification-panel{bottom:72px;max-height:calc(100vh - 90px);overflow:auto;top:64px}
  .toast{bottom:76px;left:12px;right:12px}
}