/* Complete icon coverage. Geometry comes only from the supplied icon sheet. */
.site-icon{max-width:100%;color:inherit}
.desktop-nav a,.service-header nav a,.service-footer a,.topbar>a{display:inline-flex;align-items:center;gap:7px}
.desktop-nav .site-icon,.service-header nav .site-icon,.service-footer .site-icon{width:18px;height:18px;color:var(--cyan,#00e5ff)}
.field label .site-icon,.icon-form-field label .site-icon,.invoice-grid label>.site-icon{width:18px;height:18px;margin-inline-end:5px}
.field-caption{display:block}.field-caption>.site-icon{width:18px;height:18px;margin-inline-end:5px}
.icon-form-field .helptext{display:block;font-size:12px;color:var(--muted,#9aabc6);max-width:650px}
.stats .summary-icon{display:block;width:28px;height:28px;margin-bottom:8px;color:var(--cyan,#00e5ff)}
.live-pad>.summary-icon{width:26px;height:26px;margin-inline-end:10px;color:var(--cyan,#00e5ff)}
.icon-empty{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;color:var(--muted,#9aabc6)}
.icon-empty .site-icon{width:28px;height:28px;color:var(--cyan,#00e5ff)}
.invoice-editor h2>.site-icon,.invoice-banner strong>.site-icon,.invoice-toolbar .site-icon,main h2>.site-icon{margin-inline-end:8px}
.invoice-summary .site-icon{width:22px;height:22px;display:block;margin-bottom:8px;color:var(--cyan,#00e5ff)}
.invoice-toolbar .button,.receipt-actions button,.page-heading .button{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.button>.site-icon,.receipt-actions button>.site-icon{margin-inline-end:0}
.sidebar summary>.site-icon{margin-inline-end:8px;color:var(--cyan,#00e5ff)}
.header-action{white-space:nowrap;flex-shrink:0}
.topbar>a{white-space:nowrap}
.service-content h1{white-space:normal}
.status-with-icon .site-icon{margin-inline-end:6px}
/* Apply the same monochrome pack to the existing staff interface when enabled. */
body:not(.retro-login) #header #site-name .site-icon{width:23px;height:23px;margin-inline-end:8px}
body:not(.retro-login) #content .object-tools a::before,body:not(.retro-login) #content .addlink::before,body:not(.retro-login) #content .changelink::before,body:not(.retro-login) #content .viewlink::before{content:'';display:inline-block;width:18px;height:18px;margin-inline-end:6px;vertical-align:middle;background:currentColor;mask:var(--staff-icon) center/contain no-repeat;-webkit-mask:var(--staff-icon) center/contain no-repeat}
body:not(.retro-login) #content .addlink{--staff-icon:url('assets/icons/documents.svg');background-image:none;padding-inline-start:0}
body:not(.retro-login) #content .changelink{--staff-icon:url('assets/icons/pen-tool.svg');background-image:none;padding-inline-start:0}
body:not(.retro-login) #content .viewlink{--staff-icon:url('assets/icons/web-search.svg');background-image:none;padding-inline-start:0}
body:not(.retro-login) #content .object-tools a.historylink{--staff-icon:url('assets/icons/refresh.svg')}
body:not(.retro-login) #content .object-tools a.viewsitelink{--staff-icon:url('assets/icons/monitor.svg')}
@media(max-width:390px){.desktop-nav .site-icon{width:16px;height:16px}.header-action{gap:6px}}