/* CodeAnansi authenticated UI/UX audit layer */
body.dashboard{
 --ui-control:46px;
 --ui-radius:13px;
 --ui-gap:14px;
 --ui-modal:min(760px,calc(100vw - 40px));
}
body.dashboard .button,
body.dashboard button:not(.theme-button):not(.mobile-nav-button):not(.switch),
body.dashboard input[type=submit]{
 min-height:var(--ui-control);
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:8px;
 padding:10px 17px;
 border-radius:var(--ui-radius);
 line-height:1.15;
 text-align:center;
 white-space:nowrap;
 font-weight:680;
}
body.dashboard .button.primary,
body.dashboard button.button.primary{
 border:1px solid color-mix(in srgb,var(--accent) 75%,#000);
 background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 88%,#fff),var(--accent));
 color:#fff;
 box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 22%,transparent),inset 0 1px #ffffff40;
}
body.dashboard .button.secondary,
body.dashboard button.button.secondary{
 border:1px solid var(--line);
 background:color-mix(in srgb,var(--solid) 86%,transparent);
 color:var(--text);
 box-shadow:0 1px 2px #0000000b;
}
body.dashboard .button:hover{transform:translateY(-1px)}
body.dashboard .button:disabled,
body.dashboard button:disabled{opacity:.48;cursor:not-allowed;transform:none}
body.dashboard .page-top,
body.dashboard .section-title,
body.dashboard .premium-section-head,
body.dashboard .admin-card>header{
 gap:18px;
 flex-wrap:wrap;
}
body.dashboard .page-top>*,
body.dashboard .section-title>*,
body.dashboard .premium-section-head>*,
body.dashboard .admin-card>header>*{min-width:0}
body.dashboard .commerce-actions,
body.dashboard .customer-filters,
body.dashboard .pipeline-toolbar,
body.dashboard .report-period{
 display:flex;
 align-items:center;
 gap:10px;
 flex-wrap:wrap;
}
body.dashboard .customer-filters input{min-width:min(330px,100%);flex:1 1 260px}
body.dashboard .customer-filters select{flex:0 1 170px}
body.dashboard .customer-filters .button{flex:0 0 auto}
body.dashboard .stack{display:grid;gap:16px}
body.dashboard .stack>label,
body.dashboard .form-grid>label{
 min-width:0;
 display:flex;
 flex-direction:column;
 gap:7px;
 margin:0;
 font-size:13px;
 font-weight:650;
}
body.dashboard .stack input,
body.dashboard .stack select,
body.dashboard .stack textarea,
body.dashboard .form-grid input,
body.dashboard .form-grid select,
body.dashboard .form-grid textarea{width:100%;margin:0}
body.dashboard .stack>.button{justify-self:stretch;width:100%;margin-top:2px}
body.dashboard .premium-activity,
body.dashboard .premium-actions,
body.dashboard .admin-card,
body.dashboard .data-card,
body.dashboard .create-card{
 min-width:0;
 overflow:hidden;
}
body.dashboard .premium-command-grid>*{min-width:0}
body.dashboard .admin-row{
 gap:14px;
}
body.dashboard .admin-row>span{flex:1 1 auto}
body.dashboard .admin-row>form,
body.dashboard .admin-row>div:last-child{
 flex:0 0 auto;
 display:flex;
 align-items:center;
 justify-content:flex-end;
 gap:8px;
}
body.dashboard .admin-row .button{min-height:38px;padding:8px 12px}
body.dashboard .portal-header{
 min-height:76px;
 gap:18px;
 flex-wrap:wrap;
}
body.dashboard .portal-header form{margin:0 0 0 auto}
body.dashboard .portal-header .button{min-width:100px}
body.dashboard dialog.quote-dialog{
 position:fixed;
 inset:0;
 margin:auto;
 width:var(--ui-modal)!important;
 max-width:var(--ui-modal)!important;
 max-height:min(880px,calc(100vh - 40px))!important;
 padding:0!important;
 border-radius:24px!important;
 overflow:auto!important;
 overscroll-behavior:contain;
}
body.dashboard dialog.quote-dialog.compact-dialog{width:min(620px,calc(100vw - 40px))!important}
body.dashboard dialog.quote-dialog .quote-builder{width:100%;max-width:none;margin:0;background:var(--solid)}
body.dashboard dialog.quote-dialog .quote-builder>header{
 position:sticky;
 top:0;
 z-index:5;
 min-height:82px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:20px;
 padding:20px 24px;
 border-bottom:1px solid var(--line);
 background:color-mix(in srgb,var(--solid) 92%,transparent);
 backdrop-filter:blur(24px);
}
body.dashboard dialog.quote-dialog .quote-builder>header h2{margin:3px 0 0}
body.dashboard dialog.quote-dialog .quote-builder>header>button{
 flex:0 0 38px;
 width:38px;
 min-height:38px!important;
 height:38px;
 padding:0!important;
 border:1px solid var(--line)!important;
 border-radius:50%!important;
 background:var(--surface)!important;
 color:var(--text)!important;
 font-size:23px!important;
 font-weight:400!important;
}
body.dashboard dialog.quote-dialog .quote-fields{
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:18px!important;
 padding:24px!important;
}
body.dashboard dialog.quote-dialog .quote-fields label{
 min-width:0;
 display:flex;
 flex-direction:column;
 align-items:stretch;
 gap:7px;
 margin:0;
}
body.dashboard dialog.quote-dialog .quote-fields input,
body.dashboard dialog.quote-dialog .quote-fields select,
body.dashboard dialog.quote-dialog .quote-fields textarea{display:block;width:100%;margin:0}
body.dashboard dialog.quote-dialog .quote-fields .wide{grid-column:1/-1}
body.dashboard .dialog-submit{
 position:sticky;
 bottom:0;
 z-index:4;
 display:flex;
 align-items:center;
 justify-content:flex-end;
 gap:10px;
 padding:18px 24px;
 border-top:1px solid var(--line);
 background:color-mix(in srgb,var(--solid) 94%,transparent);
 backdrop-filter:blur(20px);
}
body.dashboard .dialog-submit .button{min-width:160px}
body.dashboard dialog .permission-grid,
body.dashboard dialog .quote-lines,
body.dashboard dialog .quote-foot{margin-left:24px;margin-right:24px}
body.dashboard .floating-panel-close{
 position:sticky!important;
 z-index:8;
 top:0;
 float:right;
 width:36px!important;
 min-width:36px!important;
 height:36px!important;
 min-height:36px!important;
 padding:0!important;
 margin:-8px -8px 8px 12px!important;
 border:1px solid var(--line)!important;
 border-radius:50%!important;
 background:var(--surface)!important;
 color:var(--text)!important;
 font-size:22px!important;
 font-weight:400!important;
}
body.dashboard .row-actions[open]>summary{display:none!important}
body.dashboard .row-actions[open]>div{
 left:50vw!important;
 top:50vh!important;
 right:auto!important;
 width:min(500px,calc(100vw - 48px))!important;
 max-height:calc(100vh - 64px)!important;
 transform:translate(-50%,-50%)!important;
}
body.dashboard .new-lead[open]::before{
 content:"";
 position:fixed;
 z-index:998;
 inset:0;
 background:#0009;
 backdrop-filter:blur(10px);
}
body.dashboard .new-lead[open]>.lead-popover{
 position:fixed;
 z-index:999;
 left:50vw;
 top:50vh;
 right:auto;
 width:min(620px,calc(100vw - 48px));
 max-height:calc(100vh - 64px);
 overflow:auto;
 transform:translate(-50%,-50%);
 padding:24px;
 border:1px solid var(--line);
 border-radius:22px;
 background:var(--solid);
 box-shadow:0 38px 120px #0008;
}
body.dashboard .new-lead[open]>summary{position:relative;z-index:1000}
body.dashboard .table-scroll{max-width:100%;overflow:auto}
body.dashboard .customer-table{min-width:680px}
body.dashboard .suite-tabs{max-width:100%;scrollbar-width:thin}
@media(max-width:900px){
 body.dashboard .premium-command-grid,
 body.dashboard .customer-layout{grid-template-columns:1fr!important}
 body.dashboard .commerce-actions{width:100%}
}
@media(max-width:760px){
 body.dashboard .form-grid,
 body.dashboard dialog.quote-dialog .quote-fields{grid-template-columns:1fr!important}
 body.dashboard dialog.quote-dialog .quote-fields .wide{grid-column:auto}
 body.dashboard .page-top .commerce-actions,
 body.dashboard .customer-filters,
 body.dashboard .pipeline-toolbar{align-items:stretch}
 body.dashboard .commerce-actions>*,
 body.dashboard .customer-filters>*,
 body.dashboard .pipeline-toolbar>*{width:100%}
 body.dashboard .admin-row{align-items:flex-start;flex-direction:column}
 body.dashboard .admin-row>form,
 body.dashboard .admin-row>div:last-child{width:100%;justify-content:stretch}
 body.dashboard .admin-row form .button{flex:1}
 body.dashboard .portal-header{padding:12px 16px}
}