.main-shell,.content,.panel,.grid-two>*,.integrations>*,.form-grid>*{min-width:0}
.content{padding:24px 24px 16px;max-width:1500px}
.topbar{height:64px;padding:0 24px;gap:12px}
.topbar-right{gap:10px;flex-wrap:wrap;justify-content:flex-end}
.page-header{margin-bottom:20px;flex-wrap:wrap}
h1{font-size:26px}h2{font-size:18px}.eyebrow{margin-bottom:9px}
.panel-header{padding:16px 18px;flex-wrap:wrap}.panel{margin-bottom:16px}
.stat-card{padding:15px 14px}.stat-value{font-size:24px;margin:12px 0 6px}
.stats{gap:12px}.toolbar{padding:0 18px 14px;flex-wrap:wrap}
.filters,.table-actions,.actions{flex-wrap:wrap;min-width:0}
.filters{overflow:visible}.table-wrap{overflow:visible}
table{table-layout:fixed;max-width:100%}
th,td{padding:10px 9px;white-space:normal;overflow-wrap:anywhere;vertical-align:top;line-height:1.5}
.person{min-width:0;gap:7px;align-items:flex-start}.person>div{min-width:0}
.person-name,.person-sub,.url-line,.message-body{overflow-wrap:anywhere}
.table-button,.button,.badge{white-space:normal;max-width:100%;overflow-wrap:anywhere}
.table-button{display:inline-flex;align-items:center;justify-content:center;padding:7px 8px;margin:2px 1px;line-height:1.4}
td:has(.table-button){width:175px}.table-actions{gap:3px}
.row-action-menu{display:inline-block;vertical-align:top;max-width:100%;min-width:0}
.row-action-menu summary{list-style:none;cursor:pointer}.row-action-menu summary::-webkit-details-marker{display:none}
.row-action-items{display:grid;gap:4px;padding:6px 0;width:150px;max-width:100%}.row-action-items .table-button{margin:0;justify-content:flex-start;width:100%}
.row-action-menu[open]{flex-basis:100%}
.summary-row{gap:12px}.summary-row>*{min-width:0;overflow-wrap:anywhere}
.settings-form,.message-card{max-width:100%}.theme-grid{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));padding:16px}
.date-controls label{flex:1;min-width:120px}.date-controls input,.date-controls select{min-width:0;width:100%}
.calendar-days{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))}
dialog{max-height:calc(100dvh - 32px);overflow-y:auto}
.mobile-menu-toggle{display:none}.install-app{position:fixed;right:14px;bottom:14px;z-index:20;box-shadow:0 3px 14px #0002}
.install-dialog{font-size:14px;line-height:1.6}.install-dialog .button{margin-top:12px}
@media(min-width:701px){.sidebar{width:216px;padding:18px 12px}.main-shell{margin-left:216px;width:calc(100% - 216px)}.sidebar .wordmark{font-size:25px}.sidebar-caption{margin:20px 10px 10px}.sidebar .nav-item{padding:6px 8px}.sidebar .nav-label{overflow-wrap:anywhere}}
@media(max-width:1100px){
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-two,.integrations{grid-template-columns:minmax(0,1fr)}
  .table-wrap table,.table-wrap tbody{display:block;width:100%}
  .table-wrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .table-wrap tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-bottom:1px solid var(--border);padding:9px 14px}
  .table-wrap td{display:block;width:auto!important;border:0;padding:8px 5px;min-width:0}
  .table-wrap td::before{content:attr(data-label);display:block;color:var(--muted);font-size:11px;font-weight:600;margin-bottom:5px}
  .table-wrap td:has(.table-button),.table-wrap td[colspan]{grid-column:1/-1}
  .table-wrap td[colspan]::before{display:none}
}
@media(max-width:700px){
  .sidebar{padding:14px 16px;position:relative}.sidebar .wordmark{max-width:calc(100% - 85px)}
  .mobile-menu-toggle{display:block;position:absolute;right:16px;top:16px;color:var(--sidebar-text,#fff);background:transparent;border:1px solid #ffffff55;border-radius:6px;padding:8px;font-size:13px}
  .sidebar nav{display:none;overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:14px}
  .sidebar.menu-expanded nav{display:grid}.sidebar.menu-expanded .logout{display:flex;margin-top:10px}
  .sidebar .nav-item{width:100%;white-space:normal;padding:9px 6px;gap:6px;align-items:flex-start}
  .sidebar .nav-item>.nav-icon{display:flex;width:20px}.sidebar .nav-item>.nav-label{display:block;font-size:12px;min-width:0}
  .sidebar .ui-icon{width:19px;height:19px}.main-shell{margin:0;width:100%}
  .topbar{height:auto;min-height:58px;padding:10px 14px;align-items:flex-start;flex-wrap:wrap}.topbar-right{gap:8px}.breadcrumb{line-height:2}
  .content{padding:18px 14px 70px}.page-header{gap:12px}.page-header .actions{width:100%}
  .stats{gap:9px}.stat-card{padding:13px 10px}.stat-value{font-size:21px}.stat-heading{align-items:flex-start}
  .toolbar{padding:0 14px 14px}.search,.compact-select{min-width:0;max-width:100%;width:100%}
  .form-grid,.portal-layout{grid-template-columns:minmax(0,1fr)}.portal-body{padding:20px 12px}
  .invoice-card,.payment-card{padding:20px}.invoice-amount{font-size:32px;overflow-wrap:anywhere}
  .payment-tabs{flex-wrap:wrap}.invoice-detail{gap:12px;overflow-wrap:anywhere}
  .login-card{padding:24px 18px}.login-intro{padding:26px 20px}.login-intro h1{font-size:30px}
  .message-card{padding:14px}.panel-header{padding:14px}.install-app{font-size:12px;padding:9px 12px}
  .table-button{font-size:12px;min-height:40px;padding:9px}.button{min-height:40px}.table-actions{gap:6px}
}
@media(max-width:400px){.table-wrap tbody tr{grid-template-columns:minmax(0,1fr)}.stats{grid-template-columns:minmax(0,1fr)}}
.help-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}.help-chat,.help-library{min-width:0}.help-chat-log{padding:16px;max-height:440px;min-height:160px;overflow:auto;overscroll-behavior:contain}.help-message{border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:12px;overflow-wrap:anywhere}.help-user{background:var(--panel-alt,#eff3ef);margin-left:20px}.help-assistant{background:var(--panel-bg,#fff)}.help-message>strong{font-size:12px;color:var(--green)}.help-message p,.help-answer li{font-size:13px;line-height:1.7}.help-answer h3{margin:12px 0 6px}.help-answer ol{padding-left:20px}.help-answer .notice{margin:12px 0 0}.help-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px}.help-suggestions .button{font-size:11px;text-align:left}#help-question-form{display:grid;gap:9px;padding:16px;border-top:1px solid var(--border)}#help-question-form label{font-size:12px;font-weight:600}#help-question{width:100%;margin:0;resize:vertical}.help-manual{padding:10px 16px 20px}.help-category{color:var(--green);margin:18px 0 10px}.help-guide{border:1px solid var(--border);border-radius:9px;margin-bottom:8px;padding:12px}.help-guide summary{cursor:pointer;font-size:13px;font-weight:600;line-height:1.5}.help-guide[open] summary{color:var(--green)}.help-guide .button{margin-top:10px}.sidebar .about-system{margin-top:auto;flex-shrink:0}.sidebar .about-system+.logout{margin-top:3px}
@media(max-width:1050px){.help-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.sidebar .about-system{display:none}.sidebar.menu-expanded .about-system{display:flex;margin-top:6px}.help-chat-log{padding:12px;max-height:360px}.help-message{padding:11px}.help-user{margin-left:10px}.help-layout{gap:12px}}
.sidebar{z-index:40}.sidebar nav{overflow:visible;flex:none;gap:4px}.sidebar .nav-group{min-width:0}.sidebar .nav-group>summary{list-style:none;cursor:pointer;user-select:none}.sidebar .nav-group>summary::-webkit-details-marker{display:none}.sidebar .nav-chevron{flex:none;width:12px;font-size:20px;line-height:1;text-align:right}.sidebar .nav-group[open]>.nav-item,.sidebar .nav-group:has(.nav-item.active)>summary{background:var(--sidebar-active,#244a3d);color:#fff}.sidebar .nav-item{min-height:36px;align-items:center}.sidebar .nav-item>.nav-label{overflow-wrap:normal;word-break:normal}.nav-submenu{display:none;position:fixed;width:248px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;z-index:100;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--panel-bg,#fff);box-shadow:0 12px 36px #0003}.nav-group[open]>.nav-submenu{display:grid;gap:4px}.nav-submenu-title{color:var(--muted);padding:6px 9px 10px;font-size:11px;text-transform:uppercase;letter-spacing:.7px}.sidebar .nav-submenu .nav-item{color:var(--text-color,#243b38);min-height:40px;padding:9px;transform:none}.sidebar .nav-submenu .nav-item:hover{background:var(--panel-alt,#eff3ef);color:var(--green)}.sidebar .nav-submenu .nav-item.active{background:var(--panel-alt,#eff3ef);color:var(--green);box-shadow:inset 3px 0 var(--green)}.sidebar .nav-item:focus-visible{outline:2px solid var(--green);outline-offset:2px}
@media(min-width:701px){.sidebar{width:248px;overflow:visible;padding:16px 12px;height:100dvh}.main-shell{margin-left:248px;width:calc(100% - 248px)}.sidebar-caption{margin:14px 9px 9px}.sidebar .nav-item{padding:8px 9px}.sidebar .logout{margin-top:auto;flex-shrink:0}.sidebar .app-version{flex-shrink:0;margin-bottom:0}.sidebar nav{min-height:auto}.sidebar-brand-row{flex-shrink:0}}
@media(min-width:701px) and (max-height:620px){.sidebar{padding-block:10px}.sidebar-caption{margin:8px 9px}.sidebar nav{gap:2px}.sidebar nav>.nav-item,.sidebar .nav-group>summary{min-height:26px;padding-block:3px}.sidebar .logout{min-height:30px}.sidebar .app-version{font-size:10px;margin-top:1px}}
@media(max-width:700px){.sidebar nav{gap:6px}.sidebar .nav-group>summary,.sidebar nav>.nav-item{min-height:42px}.sidebar .nav-submenu .nav-label{font-size:12px}.sidebar .nav-submenu .nav-icon{display:flex}.sidebar .nav-chevron{display:block!important}.sidebar .wordmark{max-width:none}.sidebar-brand-row{padding-right:68px}.sidebar .app-version{margin-bottom:0}}