/* Application typography and spacing follow the existing Inter design scales. */
:root{--sar-font:Inter,sans-serif;--sar-text:#414651;--sar-title:#181d27;--sar-muted:#535862;--sar-border:#e9eaeb;--sar-action:#fe470c;--sar-section-gap:48px;--sar-table-heading-gap:16px;}
html,body{font-family:var(--sar-font);font-size:14px;line-height:20px;color:var(--sar-text);}
button,input,select,textarea{font-family:var(--sar-font);font-size:14px;line-height:20px;}
body .mud-typography,body .mud-input,body .mud-button,body .mud-table,body .mud-table-cell{font-family:var(--sar-font);}
body .mud-typography-body1,body .mud-typography-body2,body .mud-table-cell{font-size:14px;line-height:20px;}
body .figma-home,body .figma-screen{min-width:0;max-width:100%;box-sizing:border-box;font:var(--sar-type-body);}
.page>main,.page>main>article{min-width:0;max-width:100%;}
.page>main>article{padding:0!important;}
body .figma-home h1,body .figma-screen h1{font:var(--sar-type-title);color:var(--sar-title);}
body .home-section h2,body .figma-screen h2{font:var(--sar-type-section);color:var(--sar-title);}
body .home-section h3,body .figma-screen h3{font:var(--sar-type-action);}
body .screen-heading p,body .home-header>p{font:var(--sar-type-intro);color:var(--sar-muted);}
body .figma-home>.home-header{margin-bottom:var(--sar-section-gap);}
body .figma-home>.home-section,body .figma-home>.home-section:last-child{margin:0 0 var(--sar-section-gap);}
body .home-section-header{margin-bottom:24px;min-height:40px;}
body .home-metrics{margin-top:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
body .home-metric,body .inventory-metrics article{padding:20px;border:1px solid var(--sar-border);border-radius:12px;background:#fff;box-shadow:0 1px 2px #0a0d120d;min-width:0;}
body .metric-card{display:flex;flex-direction:column;height:auto;min-height:216px;text-decoration:none;color:var(--sar-title);}
body .metric-card:hover{border-color:#d5d7da;background:#fafafa;}
body .metric-card:focus-visible{outline:3px solid #fe470c60;outline-offset:3px;}
body .metric-card .metric-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--sar-border);border-radius:10px;margin-bottom:16px;box-shadow:0 1px 2px #0a0d120d;color:#717680;}
body .home-metric h3,body .inventory-metrics h3{font:var(--sar-type-label);color:var(--sar-muted);margin:0 0 8px;}
body .home-metric p,body .inventory-metrics p{font:var(--sar-type-value);color:var(--sar-title);margin:0;}
body .metric-card .metric-card-hint{display:flex;align-items:center;gap:8px;font:var(--sar-type-body);color:var(--sar-muted);margin-top:16px;}
body .metric-card-hint .material-symbols-rounded{font-size:20px;}
body .figma-button,body .figma-screen .figma-button,body .mud-dialog .mud-button,body .mud-dialog .figma-button{min-height:40px;height:auto;padding:9px 14px;border-radius:8px!important;font:var(--sar-type-action);text-transform:none;gap:6px;background:var(--sar-action);border:1px solid #ef4006;color:white;text-decoration:none;}
body .figma-button.secondary,body .mud-dialog .sar-btn-secondary{background:white;color:var(--sar-text);border-color:#d5d7da;}
body .figma-button:hover:not(:disabled){background:#e53e08;}body .figma-button.secondary:hover:not(:disabled){background:#fafafa;}
body .figma-button:disabled{opacity:.5;}
body .segmented-tabs button{font:var(--sar-type-action);min-height:40px;padding:9px 16px;}
body .segmented-tabs button.selected,body .segmented-tabs button.active{background:#fafafa;color:var(--sar-title);}
body .screen-table-scroll,body .home-table-scroll,body .mud-table-container{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;}
body .screen-table{min-width:720px;width:100%;border-collapse:collapse;}
body .finance-table{min-width:1300px;}body .partners-table{min-width:1000px;}body .users-table{min-width:1100px;}
body .screen-table th,body .home-notes-table th,body .mud-table-head .mud-table-cell{font:var(--sar-type-caption-medium);color:var(--sar-muted);}
body .screen-table td,body .home-notes-table td,body .mud-table-body .mud-table-cell{font:var(--sar-type-body);color:var(--sar-muted);}
body .screen-table td strong,body .home-notes-table td strong{font-weight:500;color:var(--sar-title);}
body .screen-table th:first-child,body .screen-table td:first-child,body .home-notes-table th:first-child,body .home-notes-table td:first-child,body .mud-table th:first-child,body .mud-table td:first-child{padding-left:0!important;}
body .inventory-table-area{padding-left:0;padding-right:0;}
body .inventory-toolbar{padding-left:0;padding-right:0;}
body .partners-navigation{padding:0 0 20px;border-bottom:1px solid var(--sar-border);margin-bottom:24px;}
body .partners-navigation .segmented-tabs{width:fit-content;max-width:100%;}
body .partners-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;}
body .partners-toolbar .finance-filter{flex:1;min-width:0;width:auto;max-width:100%;}.partners-toolbar .finance-show-voided{margin:0;flex-shrink:0;}
body .finance-filter input,body .finance-filter select{min-height:44px;padding:10px 14px;font:var(--sar-type-body);border:1px solid #d5d7da;border-radius:6px;background:white;}
.sidebar-admin-group{border-top:1px solid var(--sar-border);padding-top:12px;margin-top:12px;}
body .sidebar-admin-group .sidebar-admin-label{font:var(--sar-type-caption-medium);color:#717680;padding:0 12px;margin:0 0 6px;letter-spacing:.02em;}
.sidebar-admin-group .sidebar-link{background:transparent;margin-bottom:4px;}.sidebar-admin-group .sidebar-link.active{color:var(--sar-action);background:#fff4ed;}
body .figma-sidebar{min-height:0;overflow-y:auto;}.sidebar-bottom{padding-top:24px;}.sidebar-qr{flex-shrink:0;}.sidebar-account{flex-shrink:0;}
.users-toolbar{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:24px;margin-bottom:24px;}
.admin-user-form{display:flex;flex-direction:column;gap:16px;}.admin-user-form>label,.admin-user-form .finance-form-grid>label{display:flex;flex-direction:column;gap:6px;font:var(--sar-type-label);}
.permission-fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;margin:0;padding:14px;border:1px solid #e9eaeb;border-radius:8px;background:#fff;}.permission-fieldset legend{padding:0 6px;color:#414651;font:var(--sar-type-action);}.permission-fieldset .modal-form-note{grid-column:1/-1;margin:0 0 4px;}.permission-fieldset .admin-checkbox{display:flex;align-items:center;gap:10px;min-height:40px;font:var(--sar-type-body);}
.admin-user-form input:not([type=checkbox]),.admin-user-form select{width:100%;min-width:0;min-height:44px;border:1px solid #d5d7da;border-radius:6px;padding:10px 14px;background:white;color:var(--sar-text);}
.admin-user-form>label.admin-checkbox{flex-direction:row;align-items:center;min-height:40px;gap:10px;}.admin-user-form .modal-form-note{margin:0;}
@media(max-width:1100px){body .home-metrics{gap:16px;}body .home-metric p,body .inventory-metrics p{font-size:24px;line-height:32px;}}
@media(max-width:767px){
 :root{--sar-section-gap:32px;}body .home-section-header{margin-bottom:16px;}body .home-metrics{grid-template-columns:1fr;gap:16px;}
 body .figma-button,body .figma-screen .figma-button,body .mud-dialog .mud-button,body .mud-dialog .figma-button,body .segmented-tabs button{min-height:48px;}
 body .finance-filter input,body .finance-filter select,body .admin-user-form input:not([type=checkbox]),body .admin-user-form select{min-height:48px;}
 body .partners-toolbar{flex-direction:column;align-items:stretch;gap:12px;}body .partners-toolbar .finance-filter{width:100%;}.partners-toolbar .finance-show-voided{min-height:48px;}
 body .users-toolbar{grid-template-columns:1fr;gap:16px;}.admin-user-form .finance-form-grid{grid-template-columns:1fr;}.admin-user-form>label.admin-checkbox{min-height:48px;}
 body .permission-fieldset{grid-template-columns:1fr;}
 body .partners-navigation .segmented-tabs{width:100%;}body .partners-navigation .segmented-tabs button{flex:1;}
 body .admin-user-modal .mud-dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}body .admin-user-modal .mud-dialog-actions>button{width:100%;}
 body .figma-sidebar{overflow:visible;}body .figma-sidebar.menu-open{overflow-y:auto;}
}

@font-face{font-family:'Material Document Thin';src:url('../assets/fonts/material-document-100.woff2') format('woff2');font-weight:100;font-display:block;}body .document-icon>.material-symbols-rounded{font-family:'Material Document Thin'!important;font-weight:100!important;font-variation-settings:'FILL' 0,'wght' 100,'GRAD' 200,'opsz' 24;font-size:32px;}
body .finance-filter select,body .admin-user-form select{appearance:none;padding-right:44px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m5 7.5 5 5 5-5' fill='none' stroke='%23717680' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 14px center/20px no-repeat;}

/* Shared dropdown field treatment across native selects and MudBlazor selects. */
body .figma-screen select:not([multiple]),body .mud-dialog select:not([multiple]),body .figma-screen .mud-select .mud-input-outlined,body .mud-dialog .mud-select .mud-input-outlined{width:100%;min-width:0;min-height:48px;border:1px solid #d5d7da;border-radius:8px;background-color:#fff;box-shadow:0 1px 2px #0a0d120d;color:#414651;font:var(--sar-type-body);}
body .figma-screen select:not([multiple]),body .mud-dialog select:not([multiple]){appearance:none;padding:12px 44px 12px 14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m5 7.5 5 5 5-5' fill='none' stroke='%23717680' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:20px;cursor:pointer;}
body .figma-screen select:not([multiple]):focus,body .mud-dialog select:not([multiple]):focus,body .figma-screen .mud-select .mud-input-outlined:focus-within,body .mud-dialog .mud-select .mud-input-outlined:focus-within{border-color:#d5d7da;box-shadow:0 0 0 2px #fe470c26;outline:0;}
body .figma-screen select:not([multiple]):disabled,body .mud-dialog select:not([multiple]):disabled{background-color:#f9fafb;color:#717680;cursor:not-allowed;}
body .mud-select .mud-popover .mud-paper,body .mud-select .mud-list{border:1px solid #d5d7da;border-radius:8px;background:#fff;box-shadow:0 8px 24px #0a0d121f;overflow:hidden;}
body .mud-select .mud-list-item{min-height:48px;padding:12px 14px;color:#414651;font:var(--sar-type-body);}
body .mud-select .mud-list-item:hover,body .mud-select .mud-list-item.mud-selected-item{background:#fff4ed;color:#d63e0c;}
body .mud-select .mud-input-control-input-container{min-width:0;}
body .admin-user-form select{min-height:48px;}

.database-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;margin-bottom:32px;}.database-group{display:flex;width:100%;align-items:center;justify-content:flex-start;gap:16px;text-align:left;padding:16px 20px;border:1px solid #e9eaeb;border-radius:12px;background:#fff;color:#535862;min-height:80px;}.database-group.selected{border-color:#fe470c;background:#fff4ed;color:#b93815;}.database-group>span:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:4px;}.database-group strong{font:var(--sar-type-navigation);}.database-group small{font:var(--sar-type-body);}.database-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;}.database-panel-heading h2{margin:0;}.catalog-table{min-width:1000px;}.admin-user-form textarea{width:100%;border:1px solid #d5d7da;border-radius:6px;padding:10px 14px;}
/* Keep action headings and their controls on the same flush-right edge. */
body .screen-table:has(tbody tr td:last-child button),body .home-notes-table:has(tbody tr td:last-child a){border-collapse:separate;border-spacing:0;}
body .screen-table:has(tbody tr td:last-child button) th:last-child,body .screen-table:has(tbody tr td:last-child button) td:last-child,body .home-notes-table:has(tbody tr td:last-child a) th:last-child,body .home-notes-table:has(tbody tr td:last-child a) td:last-child{padding-right:0!important;text-align:right;}
body .screen-table:has(tbody tr td:last-child button) td:last-child .partner-actions,body .home-notes-table:has(tbody tr td:last-child a) td:last-child{justify-content:flex-end;}
body .database-panel .partners-navigation .segmented-tabs{width:100%;max-width:100%;}body .database-panel .partners-navigation .segmented-tabs button{flex:1;}
@media(max-width:767px){.database-groups{grid-template-columns:1fr;margin-bottom:24px;}.database-panel-heading{align-items:stretch;flex-direction:column;}.database-panel-heading .figma-button{width:100%;}.database-panel .segmented-tabs{display:flex;flex-wrap:wrap;}.database-panel .segmented-tabs button{min-height:48px;flex:1;}.database-panel .partner-actions button{min-height:48px;}}

.system-logo{display:block;width:184px;height:auto;max-width:100%;object-fit:contain;}.login-left>.system-logo,.auth-card>.system-logo{width:245px;margin-bottom:32px;}body .sidebar-brand a>.system-logo{width:184px;height:auto;}

.avatar-placeholder{display:inline-flex;align-items:center;justify-content:center;background:#f2f4f7;color:#717680;border-radius:50%;flex-shrink:0;}.avatar-placeholder>.material-symbols-rounded{font-size:24px;}.profile-photo.avatar-placeholder>.material-symbols-rounded{font-size:36px;}.account-avatar>.avatar-placeholder{width:100%;height:100%;}.profile-photo-actions{margin:16px 0 0 312px;}@media(max-width:767px){.profile-photo-actions{margin-left:0;}.profile-photo-actions .figma-button{width:100%;min-height:48px;}}

/* Open dropdowns overlay the next section instead of changing layout height. */
body .partner-dropdown{position:relative;overflow:visible;}
body .partner-dropdown-trigger{border-radius:7px;}
body .partner-dropdown.is-open{z-index:100;border-bottom-left-radius:0;border-bottom-right-radius:0;}
body .partner-dropdown.is-open .partner-dropdown-trigger{border-bottom-left-radius:0;border-bottom-right-radius:0;}
body .partner-dropdown-options{position:absolute;top:100%;left:-1px;right:-1px;z-index:101;background:#fff;border:1px solid #d5d7da;border-top:1px solid #e9eaeb;border-radius:0 0 8px 8px;box-shadow:0 8px 16px #0a0d121a;}
/* Shared field dimensions and appearance, matching the role dropdown. */
body input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]):not([type=color]):not(.mud-input-slot),body select:not([multiple]),body textarea:not(.mud-input-slot){box-sizing:border-box;min-height:48px;border:1px solid #d5d7da;border-radius:8px;padding:12px 14px;background-color:#fff;color:#414651;font:var(--sar-type-body);box-shadow:0 1px 2px #0a0d120d;}
body input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]):not([type=color]):not(.mud-input-slot){height:48px;}
body .mud-input-control .mud-input-outlined{min-height:48px;border-radius:8px;background:#fff;color:#414651;box-shadow:0 1px 2px #0a0d120d;}
body .mud-input-control .mud-input-outlined .mud-input-outlined-border{border-width:1px;border-color:#d5d7da;border-radius:8px;}
body .mud-input-control .mud-input-outlined input.mud-input-slot{box-sizing:border-box;min-height:48px;height:48px;padding:12px 14px;font:var(--sar-type-body);color:#414651;}
body .mud-input-control .mud-input-outlined textarea.mud-input-slot{padding:12px 14px;font:var(--sar-type-body);color:#414651;}
body .partner-dropdown-trigger{box-sizing:border-box;min-height:48px;height:48px;padding:12px 14px;font:var(--sar-type-body);}
body .partner-dropdown-options button{font:var(--sar-type-body);}

body .inventory-screen .inventory-table-area{padding-top:0;}
body .inventory-screen .inventory-toolbar{padding:32px 24px 0;margin-bottom:24px;}
body .inventory-screen .filter-panel{margin-left:24px;margin-right:24px;align-items:flex-end;}
@media(max-width:767px){body .inventory-screen .inventory-toolbar{padding:24px 16px 0;}body .inventory-screen .filter-panel{margin-left:16px;margin-right:16px;}}

/* Shared native tables, based on the supplied warehouse, document and activity designs. */
body .screen-data-table,body .native-data-table{min-width:0;max-width:100%;}
body .screen-table-scroll,body .home-table-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d5d7da transparent;padding-bottom:8px;}
body .screen-table,body .home-notes-table{width:100%;min-width:720px;border-collapse:collapse!important;border-spacing:0;table-layout:auto;background:#fff;}
body .screen-table th,body .home-notes-table th{height:48px;padding:12px 24px;text-align:left;font:var(--sar-type-caption-medium);color:#717680;background:#fff;border:0;border-bottom:1px solid #e9eaeb;white-space:nowrap;}
body .screen-table td,body .home-notes-table td{height:72px;padding:16px 24px;vertical-align:middle;text-align:left;font:var(--sar-type-body);color:#535862;background:#fff;border:0;border-bottom:1px solid #e9eaeb;white-space:nowrap;}
body .screen-table th:first-child,body .screen-table td:first-child,body .home-notes-table th:first-child,body .home-notes-table td:first-child{padding-left:0!important;}
body .screen-table th:last-child,body .screen-table td:last-child,body .home-notes-table th:last-child,body .home-notes-table td:last-child{padding-right:0!important;}
body .screen-table:has(.partner-actions) th:last-child,body .screen-table:has(.partner-actions) td:last-child,body .users-table th:last-child,body .users-table td:last-child,body .finance-table th:last-child,body .finance-table td:last-child{text-align:right;}
/* Empty/loading messages span columns and do not inherit action-column alignment. */
body .screen-table tbody td[colspan],body .home-notes-table tbody td[colspan]{text-align:left!important;}
body .screen-table td strong,body .home-notes-table td strong{font:var(--sar-type-label);color:#181d27;}
body .screen-table tr:hover td,body .home-notes-table tr:hover td{background:#fdfdfd;}
body .table-sort,body .table-row-link{display:inline-flex;align-items:center;gap:6px;text-align:left;border:0;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer;}
body .table-sort .material-symbols-rounded{font-size:16px;}
body .table-row-link:hover{color:#c4320a;}
body .table-row-link:focus-visible,body .table-sort:focus-visible{outline:2px solid #fe470c;outline-offset:4px;border-radius:4px;}
body .native-table-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;padding:0 24px 24px;}
body .native-table-filters label{display:flex;flex-direction:column;gap:6px;flex:1 1 160px;color:#414651;font:var(--sar-type-label);}
body .native-table-filters input{width:100%;}
body .table-user{display:flex;align-items:center;gap:12px;min-width:200px;}
body .table-user>img,body .table-user-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #e9eaeb;border-radius:50%;object-fit:cover;background:#fafafa;overflow:hidden;}
body .table-user>span:last-child{display:flex;flex-direction:column;gap:2px;}
body .table-user-avatar .material-symbols-rounded{font-size:24px;color:#717680;}
body .activity-data-table .activity-badge{margin:0;padding:2px 6px;font:var(--sar-type-caption-medium);color:#414651;border:1px solid #d5d7da;border-radius:6px;background:#fff;gap:5px;}
body .status-dot{width:6px;height:6px;border-radius:50%;background:#414651;flex:0 0 6px;}
body .activity-badge.import .status-dot{background:#fe470c;}
body .table-section-title{font:var(--sar-type-section);color:#181d27;margin:0 0 16px;}
body .screen-pager{margin-top:16px;border-top:0;}
body .home-document{gap:12px;}
body .note-actions{justify-content:flex-end;gap:8px;}
body .note-actions button{color:#a4a7ae;}
@media(max-width:767px){
body .screen-table td,body .home-notes-table td{height:72px;padding:16px;}
body .screen-table th,body .home-notes-table th{padding:12px 16px;}
body .native-table-filters{padding:0 16px 24px;}
body .table-sort,body .table-row-link,body .note-actions button{min-height:48px;}
body .note-actions button{min-width:48px;}
body .native-table-filters .figma-button{flex:1;}
}

body .finance-direction-navigation.database-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:16px;margin-bottom:32px;}
body .finance-direction-navigation .database-group{height:auto;width:100%;min-width:0;white-space:normal;text-align:left;justify-content:flex-start;}
@media(max-width:767px){body .database-groups,body .finance-direction-navigation.database-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}body .database-group{padding:12px;gap:8px;}body .database-group small{font-size:12px;} }
/* A single set of states for primary, account and administration navigation. */
body .figma-sidebar .sidebar-link{background:transparent;color:#414651;border:0;border-radius:6px;text-align:left;transition:background-color .15s,color .15s;}
body .figma-sidebar .sidebar-link .sidebar-icon{color:#717680;}
body .figma-sidebar .sidebar-link:hover,body .figma-sidebar .sidebar-link.active{background:#fafafa;color:#fe470c;}
body .figma-sidebar .sidebar-link:hover .sidebar-icon,body .figma-sidebar .sidebar-link.active .sidebar-icon{color:#fe470c;}
body .figma-sidebar .sidebar-link:focus-visible{outline:3px solid #fe470c60;outline-offset:3px;}

/* Keep warehouse table content aligned with the summary and view toolbar. */
body .inventory-screen .inventory-table-area > .screen-data-table{padding:0 24px;}
body .inventory-screen .native-table-filters{padding:0 0 24px;}
body .screen-pager{padding:20px 16px 16px;}
body .inventory-screen .screen-pager{padding:20px 0 24px;}
body .figma-sidebar .sidebar-links{padding:8px 12px;}
body .figma-sidebar .sidebar-secondary-links{margin:0 -4px;padding:8px 0;}
@media(max-width:767px){
 body .inventory-screen .inventory-table-area > .screen-data-table{padding:0 16px;}
 body .inventory-screen .native-table-filters{padding:0 0 24px;}
 body .screen-pager{padding:16px 12px;}
 body .inventory-screen .screen-pager{padding:16px 0 20px;}
}

/* One button foundation for pages, forms, dialogs and nested confirmations. */
body .figma-button,body .figma-screen .figma-button,body .mud-dialog .figma-button{
 display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;
 min-height:40px;height:auto;padding:9px 14px;border:1px solid #ef4006;border-radius:8px!important;
 background:var(--sar-action);color:#fff;font:var(--sar-type-action);
 text-transform:none;text-decoration:none;white-space:normal;cursor:pointer;
 box-shadow:0 1px 2px #0a0d120d,inset 0 -2px #0a0d120d;
 transition:background-color .15s,border-color .15s,box-shadow .15s;
}
body .figma-button.secondary,body .figma-screen .figma-button.secondary,body .mud-dialog .figma-button.secondary{background:#fff;border-color:#d5d7da;color:#414651;}
body .figma-button:hover:not(:disabled),body .figma-screen .figma-button:hover:not(:disabled),body .mud-dialog .figma-button:hover:not(:disabled){background:#e53e08;border-color:#d93908;}
body .figma-button.secondary:hover:not(:disabled),body .figma-screen .figma-button.secondary:hover:not(:disabled),body .mud-dialog .figma-button.secondary:hover:not(:disabled){background:#fafafa;border-color:#d5d7da;}
body .figma-button:active:not(:disabled){box-shadow:inset 0 1px 2px #0a0d121a;}
body .figma-button:focus-visible{outline:3px solid #fe470c60;outline-offset:3px;}
body .figma-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;}
body .figma-button.full-width{width:100%;}
body .figma-button.login-submit{min-height:48px;width:100%;}
body .mud-dialog .mud-dialog-actions>.figma-button{margin:0;}
body .mud-dialog .mud-dialog-actions>.figma-button:only-child{width:100%;}
body .mud-dialog:has(.sar-confirm-actions){width:440px;max-width:calc(100vw - 48px);}
body .mud-dialog:has(.sar-confirm-actions) .mud-dialog-title{border-bottom:0;}
body .mud-dialog:has(.sar-confirm-actions) .mud-dialog-content{padding-top:0!important;}
body .mud-dialog:has(.sar-confirm-actions) .mud-dialog-actions{display:block;}
body .sar-confirm-content .modal-form-note{margin:0;line-height:24px;}
body .sar-confirm-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;}
body .sar-confirm-actions .figma-button{width:100%;margin:0;}
body .mud-dialog .modal-add-product.figma-button{width:40px;min-width:40px;padding:8px;}
@media(max-width:767px){
 body .figma-button,body .figma-screen .figma-button,body .mud-dialog .figma-button{min-height:48px;padding:13px 14px;}
 body .mud-dialog .modal-add-product.figma-button{width:48px;min-width:48px;}
 body .mud-dialog:has(.sar-confirm-actions){width:calc(100vw - 32px);max-width:calc(100vw - 32px);}
}

.warehouse-action-permissions{grid-column:1/-1;border-top:1px solid #e9eaeb;margin-top:12px;padding-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px;}
.warehouse-action-permissions h3,.warehouse-action-permissions>.modal-form-note{grid-column:1/-1;}
.warehouse-action-permissions h3{font:var(--sar-type-action);margin:0;color:#414651;}
.warehouse-action-permissions .admin-checkbox:has(input:disabled){color:#717680;}
@media(max-width:767px){.warehouse-action-permissions{grid-template-columns:1fr;}}

/* One status host above the sidebar, page, dropdowns and nested dialogs. */
.system-status-bar{position:fixed;top:0;left:0;right:0;z-index:2147483000;background:#fff;border-bottom:1px solid #d5d7da;box-shadow:0 1px 2px #0a0d120d;color:#535862;--status-color:#1570ef;--status-ring:#d1e9ff;}
.system-status-bar.success{--status-color:#079455;--status-ring:#d3f8df;}.system-status-bar.error{--status-color:#d92d20;--status-ring:#fee4e2;}.system-status-bar.warning{--status-color:#f79009;--status-ring:#fef0c7;}
.system-status-inner{display:flex;align-items:center;gap:16px;min-height:72px;max-width:1440px;margin:0 auto;padding:12px 32px;}
.system-status-icon{display:flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;color:var(--status-color);border:1px solid var(--status-color);border-radius:50%;outline:4px solid var(--status-ring);outline-offset:3px;}
.system-status-icon .material-symbols-rounded{font-size:24px;}
.system-status-message{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;flex:1;min-width:0;font:var(--sar-type-body);overflow-wrap:anywhere;}
.system-status-message strong{font-weight:600;color:#414651;}
.system-status-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.system-status-actions button{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:0;background:transparent;border-radius:8px;min-height:40px;padding:8px;font:var(--sar-type-action);cursor:pointer;}
.system-status-actions button:focus-visible{outline:3px solid var(--status-ring);outline-offset:2px;}
.system-status-actions button:disabled{opacity:.5;cursor:default;}
.system-status-action{color:var(--status-color);}.warning .system-status-action{color:#fe470c;}
.system-status-close,.system-status-next{color:#a4a7ae;}
.system-status-actions button:hover{background:#fafafa;}
body .users-screen .users-toolbar,body .users-screen > .screen-table-scroll{padding-left:0;padding-right:0;width:100%;}
body .users-screen > .screen-pager{padding-left:0;padding-right:0;}
@media(max-width:767px){.system-status-inner{padding:12px 16px;gap:12px;flex-wrap:wrap;}.system-status-message{flex-basis:calc(100% - 48px);}.system-status-actions{width:100%;justify-content:flex-end;}.system-status-actions button{min-height:48px;min-width:48px;}}

/* Tables and their controls share the page content edges. */
body :is(.users-screen,.activities-screen,.database-screen,.documents-screen) .screen-pager{padding-inline:0;}
body :is(.users-screen,.activities-screen,.database-screen,.documents-screen) :is(.screen-table-scroll,.home-table-scroll,.native-table-filters){padding-inline:0;}

.activity-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,260px) auto auto;gap:12px;margin-bottom:24px;align-items:center;}
body .activity-table td.activity-details,body .activity-data-table td.activity-details{white-space:normal;min-width:300px;max-width:500px;}
.historical-activity{display:block;font-size:12px;color:#717680;font-weight:400;}
@media(max-width:767px){.activity-toolbar{grid-template-columns:1fr 1fr;}.activity-toolbar>input,.activity-toolbar>.partner-dropdown{grid-column:1/-1;}}

body .system-status-inner{max-width:none;width:100%;margin:0;padding:12px 32px;}
body .system-status-icon{flex-basis:32px;width:32px;height:32px;outline-width:4px;outline-offset:3px;}
@font-face{font-family:'Material Status';src:url('../assets/fonts/material-status-200.woff2') format('woff2');font-weight:200;font-display:block;}
body .system-status-icon .material-symbols-rounded{font-family:'Material Status'!important;font-weight:200!important;font-size:20px;font-variation-settings:'FILL' 0,'wght' 100,'GRAD' 0,'opsz' 20;}
@media(max-width:767px){body .system-status-inner{padding:12px 16px;}}

body .activity-toolbar .figma-button{height:48px;min-height:48px;}
body .partner-dropdown .dropdown-search{width:calc(100% - 16px);margin:8px;height:48px;position:sticky;top:0;z-index:1;}

.home-activity .activity-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
body .activity-data-table td.activity-details{line-height:22px;min-width:240px;max-width:400px;}


body .partners-toolbar .finance-filter input{width:100%;}

/* Action groups must contribute their full width to the table scroll area. */
body :is(.screen-table,.home-notes-table) :is(.partner-actions,.note-actions){width:max-content;min-width:max-content;max-width:none;margin-left:auto;}
body :is(.screen-table,.home-notes-table) :is(.partner-actions,.note-actions)>:is(button,a){flex:0 0 auto;white-space:nowrap;}
body :is(.screen-table,.home-notes-table) :is(th,td):last-child:has(:is(.partner-actions,.note-actions)){width:1%;overflow:visible;}
body :is(.screen-table-scroll,.home-table-scroll){box-sizing:border-box;}

/* Leave room for the outer border and shadow at the scroll endpoint. */
body :is(.screen-table-scroll,.home-table-scroll){padding-right:4px!important;}

/* Shared sizing for an input and its adjacent action. */
body :is(.field-action-row,.product-edit-selector,.delivery-recipient-row){--field-action-height:48px;align-items:flex-end;}
body :is(.field-action-row,.product-edit-selector,.delivery-recipient-row)>:is(button.figma-button){box-sizing:border-box;height:var(--field-action-height)!important;min-height:var(--field-action-height)!important;align-self:flex-end;margin-block:0;flex-shrink:0;}
body :is(.field-action-row,.product-edit-selector) input{box-sizing:border-box;height:var(--field-action-height);min-height:var(--field-action-height);}

body .note-badge.closed{color:#067647;background:#ecfdf3;border-color:#abefc6;}body .note-badge.closed>img{display:none;}body .note-badge.closed::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;}

/* Finance hierarchy: partner scope, totals, invoices, then payments. */
body .finance-screen .finance-partner-filter{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #e9eaeb;}
body .finance-screen .finance-metrics{margin:0 0 40px;}
body .finance-screen .finance-metrics article h3{color:#535862;}
body .finance-screen .finance-metrics article p{color:#181d27;}
body .finance-screen .finance-balance-metric{background:#fff;border-color:#d5d7da;}
body .finance-screen .finance-balance-metric.balance-due{background:#fef3f2;border-color:#fecdca;}
body .finance-screen .finance-balance-metric.balance-due h3,body .finance-screen .finance-balance-metric.balance-due p{color:#b42318;}
body .finance-screen .finance-balance-metric.balance-clear{background:#ecfdf3;border-color:#abefc6;}
body .finance-screen .finance-balance-metric.balance-clear h3,body .finance-screen .finance-balance-metric.balance-clear p{color:#067647;}
body .finance-screen .screen-table thead,body .finance-screen .screen-table thead tr,body .finance-screen .screen-table thead th{background:transparent;}
body .finance-screen .finance-table-header{margin:0 0 20px;flex-direction:column;align-items:stretch;gap:var(--sar-table-heading-gap);}
body .finance-screen .finance-table-header .finance-filter{width:100%;}
body .finance-screen .finance-payment-history{margin-top:40px;padding-top:32px;border-top:1px solid #e9eaeb;}
body .finance-screen .finance-payment-history>h2{margin:0 0 12px;}
body .finance-screen .screen-table th{color:#535862;background:#fafafa;}
body .finance-screen .screen-table td{color:#414651;}
body .finance-screen .screen-table .finance-number{white-space:nowrap;font-variant-numeric:tabular-nums;}
body .finance-screen .screen-table .finance-outstanding{color:#181d27;font-weight:600;}
body .finance-screen .finance-status{margin-top:4px;font-weight:500;}
body .finance-screen .finance-payment-note,body .finance-screen .finance-allocation-details{min-width:180px;max-width:280px;white-space:normal;color:#535862;line-height:22px;}
@media(max-width:767px){body .finance-screen .finance-metrics{margin-bottom:32px;}body .finance-screen .finance-table-header{align-items:stretch;}body .finance-screen .finance-payment-history{margin-top:32px;padding-top:24px;}}

.finance-invoice-picker{margin:0;padding:0;border:0;min-width:0;}.finance-invoice-picker legend{font:var(--sar-type-label);color:#414651;margin-bottom:8px;}.finance-invoice-options{max-height:240px;overflow-y:auto;border:1px solid #d5d7da;border-radius:8px;}.finance-modal label.finance-invoice-option{display:flex;flex-direction:row;align-items:center;gap:12px;padding:12px 14px;min-height:48px;border-bottom:1px solid #e9eaeb;cursor:pointer;}.finance-invoice-option:last-child{border-bottom:0!important;}.finance-invoice-option>span{flex:1;min-width:0;}.finance-invoice-option small{display:block;color:#535862;font-weight:400;}.finance-invoice-option>strong{white-space:nowrap;font-variant-numeric:tabular-nums;}.finance-modal .finance-invoice-option input.finance-checkbox{width:18px;min-width:18px;height:18px;min-height:18px;padding:0;}.finance-picker-total{font-weight:600;color:#181d27;margin:12px 0 6px;}.finance-invoice-picker>p{font-size:14px;line-height:22px;}

.dropdown-group-label{padding:12px 8px 6px;font-size:12px;font-weight:400;color:#a4a7ae;text-align:left;border-top:1px solid #e9eaeb;}
.inventory-view-label{font-weight:600;color:var(--sar-muted);}

body .activity-toolbar{grid-template-columns:minmax(180px,1fr) minmax(150px,200px) minmax(150px,200px) auto auto;align-items:end;}
body .activity-toolbar>input{grid-column:1/-1;}
.activity-period{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--sar-muted);}
.activity-period input{width:100%;}
body .inventory-toolbar{justify-content:flex-start;}
@media(max-width:1000px){body .activity-toolbar{grid-template-columns:1fr 1fr;}body .activity-toolbar>.partner-dropdown{grid-column:1/-1;}.activity-period{min-width:0;}}

body .native-table-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;}
body .native-table-filters>label{min-width:0;overflow:visible;}
body .native-table-filters .filter-field-label{white-space:nowrap;overflow:visible;}
body .native-table-filters>.figma-button{width:100%;white-space:nowrap;min-width:0;}
body .system-status-action.status-undo{color:#912018;font-weight:700;}
body .system-status-action.status-undo:hover{color:#7a271a;background:#fef3f2;}
@media(max-width:767px){body .native-table-filters{grid-template-columns:repeat(2,minmax(0,1fr));}}

.native-filter-actions{display:flex;flex-direction:column;gap:6px;min-width:0;}
body .native-filter-actions .figma-button{flex:none;width:100%;height:48px;min-height:48px;max-height:48px;white-space:nowrap;}


@media(min-width:768px){body .figma-sidebar .mobile-menu{display:none!important;}}

@media(min-width:768px){body .figma-sidebar .sidebar-brand{height:auto;padding-bottom:12px;}}

/* One thin orange stroke and one soft halo on the visible control. */
body :where(input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]),textarea,select):focus{
 border-color:var(--sar-action)!important;outline:0!important;box-shadow:0 0 0 3px #fe470c1f!important;
}
body .mud-input-outlined:focus-within,
body .partner-dropdown:focus-within,body .partner-dropdown.is-open,
body .delivery-money:focus-within,body .upload-zone:focus-within{
 border-color:var(--sar-action)!important;border-radius:8px!important;box-shadow:0 0 0 3px #fe470c1f!important;
}
body .mud-input-outlined:focus-within .mud-input-outlined-border{
 border:1px solid var(--sar-action)!important;border-radius:8px!important;box-shadow:none!important;
}
body .mud-input-outlined .mud-input-slot:focus,
body .delivery-money>input:focus,body .partner-dropdown-trigger:focus,
body .product-name-search .partner-dropdown>input:focus{
 outline:0!important;box-shadow:none!important;
}
body :where(button,a[href],[role="button"],[role="option"],[tabindex]:not([tabindex="-1"])):focus-visible,
body input[type=checkbox]:focus-visible,body input[type=radio]:focus-visible{
 outline:1px solid var(--sar-action)!important;outline-offset:0!important;box-shadow:0 0 0 3px #fe470c1f!important;
}
body .mud-input-underline:focus-within:after{border-bottom-color:var(--sar-action)!important;}
::selection{background:#ffe4d5;color:#181d27;}

.stock-product-selector{padding:16px;background:#fff8f4;border:1px solid #fed7c5;border-radius:8px;margin-bottom:8px;position:relative;}
.stock-product-selector:after{content:"";display:block;height:1px;background:#e9eaeb;margin:20px -16px -25px;}
.stock-selector-heading{font:var(--sar-type-action);color:#414651;margin:0 0 12px;}
.product-name-search{display:flex;flex-direction:column;gap:6px;margin-top:12px;font:var(--sar-type-label);color:#414651;}
.product-search-barcode{display:block;color:#717680;font-size:12px;}.product-search-empty{display:block;padding:12px 16px;color:#717680;}

/* MudBlazor menus render in a portal outside their originating field. */
body .mud-popover:has(.mud-list){border:1px solid #d5d7da!important;border-radius:8px!important;background:#fff;box-shadow:0 8px 16px #0a0d121a;overflow:hidden;}
body .mud-popover .mud-list{border:0!important;border-radius:inherit;background:#fff;}
body .partner-dropdown.is-open .partner-dropdown-options{border:1px solid var(--sar-action)!important;border-top:1px solid #e9eaeb!important;box-sizing:border-box;}
.stock-selector-description{margin:0 0 16px;color:#535862;font:var(--sar-type-body);}
/* Prevent broad form rules from stretching checkbox controls. */
body input[type=checkbox]:not(.mud-checkbox-input){box-sizing:border-box!important;flex:0 0 20px!important;width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;min-height:20px!important;max-height:20px!important;aspect-ratio:1/1;padding:0!important;align-self:center;}
@media(max-width:767px){body input[type=checkbox].finance-checkbox{flex-basis:48px!important;width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;min-height:48px!important;max-height:48px!important;}}

/* Warehouse selection uses the same white surface as the rest of the form. */
body .stock-product-selector{padding:0 0 24px;background:#fff;border:0;border-bottom:1px solid #e9eaeb;border-radius:0;margin-bottom:8px;}
body .stock-product-selector:after{display:none;}
body .stock-selector-heading{font:var(--sar-type-section);margin-bottom:8px;color:#181d27;}
.stock-new-product{margin-top:12px;}.stock-new-barcode,.stock-export-quantity{display:flex;flex-direction:column;gap:6px;font-weight:500;}.stock-export-quantity{max-width:240px;}
body .sar-design-modal .mud-input.mud-disabled{background:#f2f4f7!important;color:#717680!important;}
body .sar-design-modal .mud-input.mud-disabled input,body .sar-design-modal .mud-input.mud-disabled textarea{color:#717680!important;-webkit-text-fill-color:#717680!important;cursor:not-allowed;background:transparent!important;}
body .sar-design-modal .mud-input.mud-disabled .mud-input-outlined-border{border-color:#e4e7ec!important;}

body .product-name-search .partner-dropdown>input{width:100%;border:0!important;box-shadow:none!important;}

body .table-sort.is-sorted{font-weight:700;color:#181d27;}
body .table-sort .sort-ascending{transform:rotate(-90deg);}
body .table-sort .sort-descending{transform:rotate(90deg);}

body .inventory-toolbar .table-toolbar-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:12px;}
body .inventory-toolbar .table-toolbar-actions>.figma-button{width:100%;}
body .stock-new-product,body .stock-add-next{display:flex;justify-content:center;width:100%;}
body .stock-new-product{margin-top:0;}
.stock-choice-separator{width:40px;height:1px;background:#d5d7da;margin:20px auto;}
body .stock-product-selector{padding-bottom:24px;margin-bottom:8px;}

/* Shared field label rhythm: the same typography and 6px gap as Naziv. */
body .sar-field-label,body .mud-dialog .mud-typography-caption{font:var(--sar-type-label);color:#414651;letter-spacing:normal;}
body .product-name-search,body .stock-new-barcode,body .stock-export-quantity,body .product-edit-selector label{display:flex;flex-direction:column;gap:6px;font:var(--sar-type-label);color:#414651;letter-spacing:normal;}
body .sar-field-label{margin:0;}

/* Keep form values on the same body scale as tables and ordinary text. */
body .figma-screen input:not([type=checkbox]):not([type=radio]),body .figma-screen textarea,body .figma-screen select,
body .mud-dialog input:not([type=checkbox]):not([type=radio]),body .mud-dialog textarea,body .mud-dialog select,
body .partner-dropdown-trigger,body .partner-dropdown-options button{font:var(--sar-type-body);letter-spacing:normal;}
body .sar-modal-header h2,body .finance-modal-heading h2,body .preview-modal h2{font:var(--sar-type-section);}
body .sidebar-link{font:var(--sar-type-navigation);letter-spacing:normal;}
body .screen-pager .figma-button,body .segmented-tabs button,body .figma-button{font:var(--sar-type-action);letter-spacing:normal;}

/* Numeric steppers are input controls, not primary action buttons. */
body .mud-dialog .mud-input button:is([aria-label="Increment"],[aria-label="Decrement"]){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#717680!important;min-height:20px!important;height:20px!important;min-width:24px!important;padding:0!important;}
body .mud-dialog .mud-input button:is([aria-label="Increment"],[aria-label="Decrement"]):hover:not(:disabled){background:#fff3eb!important;color:#fe470c!important;}
body .mud-dialog .mud-input button:is([aria-label="Increment"],[aria-label="Decrement"]):disabled{opacity:.4;}
body .mud-dialog .mud-input button:is([aria-label="Increment"],[aria-label="Decrement"]):focus-visible{outline:1px solid var(--sar-action)!important;outline-offset:0!important;box-shadow:0 0 0 3px #fe470c1f!important;border-radius:4px;}

body .mud-dialog .mud-input-numeric-spin{right:14px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%);height:24px!important;display:flex;flex-direction:column;justify-content:center!important;gap:0!important;}
body .mud-dialog .mud-input-numeric-spin button:is([aria-label="Increment"],[aria-label="Decrement"]){height:12px!important;min-height:12px!important;max-height:12px!important;flex:0 0 12px!important;margin:0!important;}
body .mud-dialog .mud-input:has(.mud-input-numeric-spin) input{padding-right:44px!important;}
body .stock-export-quantity{width:100%;max-width:none;padding-bottom:24px;margin-bottom:16px;border-bottom:1px solid #e9eaeb;}

/* One outer border and halo enclose both the field and its overlay menu. */
body .partner-dropdown.is-open{border-color:transparent!important;box-shadow:none!important;background:transparent;}
body .partner-dropdown.is-open::before{content:"";position:absolute;pointer-events:none;z-index:-1;left:-1px;right:-1px;top:-1px;bottom:calc(-1px - var(--dropdown-extension,0px));border:1px solid var(--sar-action);border-radius:8px;background:#fff;box-shadow:0 0 0 3px #fe470c1f,0 1px 2px #0a0d120d;}
body .partner-dropdown.is-open .partner-dropdown-options{left:0;right:0;width:auto;top:100%;border:0!important;border-top:1px solid #e9eaeb!important;border-radius:0 0 7px 7px;box-shadow:none!important;clip-path:none;}

body .partner-dropdown.is-open>input,body .partner-dropdown.is-open>.partner-dropdown-trigger{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;}

/* Finance invoice status uses the same pill as issued delivery notes. */
body .finance-status-pill{white-space:nowrap;margin:0;font-weight:500;}
body .finance-status-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;}
body .note-badge.finance-status-pill.danger{color:#b42318;background:#fef3f2;border-color:#fecdca;}
body .note-badge.finance-status-pill.warning{color:#b54708;background:#fff6ed;border-color:#ffd6ae;}
body .finance-screen .finance-table .finance-outstanding.debt-positive{color:#b42318;}
body .finance-screen .finance-table .finance-outstanding.debt-clear{color:#067647;}
body .home-finance .finance-outstanding.debt-positive{color:#b42318;font-weight:600;}
body .table-row-link{color:#181d27;font-weight:600;}
body .table-row-link:hover{color:#c4320a;}
body .note-actions .table-icon-action{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;border-radius:6px;color:#a4a7ae;text-decoration:none;}
body .note-actions .table-icon-action:hover{background:#fafafa;color:#c4320a;}
body .note-actions .table-icon-action:focus-visible{outline:3px solid #fe470c60;outline-offset:3px;}

body .screen-table .table-row-link,body .home-notes-table .table-row-link,
body .screen-table .table-row-link strong,body .home-notes-table .table-row-link strong{font-weight:600!important;color:#181d27;text-decoration:none;}
body .screen-table .table-row-link:hover{color:#c4320a;}
body .screen-table .note-actions a.table-icon-action,
body .screen-table .note-actions a.table-icon-action .material-symbols-rounded{color:#a4a7ae!important;}
body .screen-table .note-actions a.table-icon-action:hover,
body .screen-table .note-actions a.table-icon-action:hover .material-symbols-rounded{color:#c4320a!important;}

/* Shared search and optional-history controls use the partner toolbar layout. */
body .finance-screen .finance-table-header .partners-toolbar{margin:0;}
body .finance-screen .finance-table-header .partners-toolbar .finance-filter{width:auto;}

body .documents-section>h2{margin-bottom:var(--sar-table-heading-gap);}

body .database-navigation{grid-template-columns:repeat(3,minmax(0,1fr));}
body .counter-warning{padding:16px;border:1px solid #ffd6ae;border-radius:8px;background:#fff6ed;color:#b54708;margin:0 0 24px;}
body .partners-toolbar .counter-year-filter{flex:0 0 180px;}
@media(max-width:767px){body .database-navigation{grid-template-columns:1fr;}body .partners-toolbar .counter-year-filter{flex:auto;width:100%;}}

body .database-panel > .counter-warning + .counter-toolbar{margin-top:24px;}

body .counter-toolbar .counter-kind-filter{flex:1;min-width:0;}
@media(max-width:767px){body .counter-toolbar .counter-kind-filter{flex:auto;width:100%;}}

/* Match the navigation columns and mobile header's 16px inset. */
body .figma-sidebar .sidebar-link>.sidebar-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;}
body .qr-scanner>img{display:block;width:100%;height:100%;object-fit:contain;}
@media(max-width:767px){
 body .figma-sidebar.menu-open .sidebar-brand{border-bottom:1px solid var(--sar-border);}
 body .figma-sidebar.menu-open .sidebar-links{padding:16px 0;}
 body .figma-sidebar.menu-open .sidebar-primary-group{border:0;margin:0;padding:0;}
 body .figma-sidebar.menu-open .sidebar-primary-group>.sidebar-admin-label{display:none;}
 body .figma-sidebar .sidebar-link{height:48px;padding:12px 16px!important;}
 body .figma-sidebar.menu-open .sidebar-bottom{padding:0 0 16px;gap:16px;}
 body .figma-sidebar.menu-open .sidebar-secondary-links{margin:0;padding:16px 0 0;border-top:1px solid var(--sar-border);}
 body .figma-sidebar.menu-open .sidebar-secondary-links .sidebar-admin-group{margin:16px 0 0;padding:16px 0 0;}
 body .figma-sidebar.menu-open .sidebar-admin-label{padding:0 16px;}
 body .figma-sidebar.menu-open .sidebar-account{margin:0 16px;}
}

/* Content determines activity height; the badge has equal space on either side. */
body .home-activity{min-height:0;padding-bottom:10px;}
body .home-activity>div{min-width:0;}
body .home-activity p{margin:0;}
body .home-activity .activity-badge{display:flex;width:fit-content;margin:10px 0 0;max-width:100%;white-space:normal;}
body .home-activity:last-child{padding-bottom:0;}
body .home-activity:last-child::before{display:none;}
body .home-activity-columns{row-gap:10px;}

/* Mobile actions occupy their own row, including form and dialog footers. */
@media(max-width:767px){
 body .figma-button,body .figma-screen .figma-button,body .mud-dialog .figma-button,
 body .mud-dialog .mud-button:not(.mud-icon-button),body .finance-text-button{
  width:100%;max-width:100%;min-width:0;flex:none;align-self:stretch;
 }
 body :is(.home-actions,.table-toolbar-actions,.finance-form-actions,.sar-confirm-actions),body .inventory-toolbar .table-toolbar-actions{
  display:grid;grid-template-columns:minmax(0,1fr)!important;width:100%;gap:12px;
 }
 body .mud-dialog .mud-dialog-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;}
 body .mud-dialog .mud-dialog-actions>button{width:100%;margin:0!important;}
 body :is(.screen-pager,.inventory-pager,.inventory-pager>div){width:100%;flex-direction:column;align-items:stretch;}
 body .inventory-pager>div{grid-template-columns:minmax(0,1fr);}
 body .screen-pager .pager-numbers{flex-basis:auto;}
 body :is(.field-action-row,.product-edit-selector,.delivery-recipient-row){flex-direction:column;align-items:stretch;}
 body :is(.field-action-row,.product-edit-selector,.delivery-recipient-row)>*{width:100%;}
 body .mud-dialog .modal-add-product.figma-button{width:100%;}
 body .activity-toolbar{grid-template-columns:minmax(0,1fr);}
 body .segmented-tabs{width:100%;flex-direction:column;}
 body .segmented-tabs button{width:100%;flex:none;border-right:0;border-bottom:1px solid #d5d7da;}
 body .segmented-tabs button:last-child{border-bottom:0;}
 body .finance-partners{flex-direction:column;}
 body .finance-partners>button{width:100%;}
 body .system-status-actions{flex-wrap:wrap;}
 body .system-status-actions .system-status-action{width:100%;}
}

/* All mobile navigation groups share the same icon and label columns. */
@media(max-width:767px){
 body .figma-sidebar .sidebar-secondary-links .sidebar-link{padding:12px 16px!important;}
 body .figma-sidebar.menu-open .sidebar-secondary-links{width:100%;}
 body .figma-sidebar.menu-open .sidebar-brand{position:sticky;top:0;z-index:2;background:white;}
 body .figma-sidebar.menu-open .mobile-menu{position:absolute;z-index:3;}
}
body .account-avatar>.account-photo{width:40px;height:40px;border-radius:50%;object-fit:cover;}

/* Inline help follows the shared body rhythm; buttons center both axes. */
body .figma-login .login-help{font:var(--sar-type-body);}
body .figma-login .login-help .forgot-password-link{display:inline;min-height:0;line-height:inherit;}
body .figma-button.login-submit{display:flex;align-items:center;justify-content:center;height:48px;padding:12px 16px;font:var(--sar-type-action);}
@media(max-width:767px){body .figma-preview-shell>.figma-sidebar{position:sticky;top:0;z-index:1200;}}

body .figma-sidebar .sidebar-link{justify-content:flex-start;}

/* Page title → section heading → nested delivery-note headings. */
body .home-notes-subsection+.home-notes-subsection{margin-top:32px;}
body .home-subsection-header{margin:0 0 16px;}
body .home-subsection-header h3{margin:0;font:var(--sar-type-navigation);color:var(--sar-title);}
@media(max-width:767px){body .home-notes-subsection+.home-notes-subsection{margin-top:24px;}}