/* CRM navigation v2 — product-level information architecture. */
.app-header{background:#101827;border-bottom:1px solid #223047;box-shadow:0 1px 0 rgba(255,255,255,.02)}
.app-topbar{max-width:1480px;min-height:62px;gap:18px;padding-left:22px;padding-right:22px}
.app-brand{flex:0 0 auto;font-size:21px;letter-spacing:-.02em;padding:7px 2px}
.app-primary-nav{display:flex;align-items:center;gap:2px;min-width:0;flex:1}
.app-nav-link,.app-nav-summary{display:flex;align-items:center;gap:5px;color:#cbd5e1;text-decoration:none;font-weight:650;font-size:14px;line-height:1;padding:10px 11px;border-radius:9px;white-space:nowrap;transition:background .15s ease,color .15s ease}
.app-nav-link:hover,.app-nav-summary:hover,.app-nav-dropdown[open]>.app-nav-summary{background:#1d2939;color:#fff}
.app-nav-link.active,.app-nav-dropdown.active>.app-nav-summary{background:#223558;color:#fff}
.app-nav-dropdown,.app-profile-menu{position:relative;margin:0}
.app-nav-dropdown>summary,.app-profile-menu>summary{list-style:none;cursor:pointer;user-select:none}
.app-nav-dropdown>summary::-webkit-details-marker,.app-profile-menu>summary::-webkit-details-marker{display:none}
.app-chevron{font-size:11px;color:#8fa0b7;line-height:1;transform:translateY(-1px)}
.app-dropdown-menu{position:absolute;left:0;top:calc(100% + 10px);z-index:120;width:270px;padding:8px;background:#fff;color:var(--text);border:1px solid #dce3ed;border-radius:13px;box-shadow:0 18px 45px rgba(15,23,42,.22)}
.app-dropdown-menu-wide{width:315px}
.app-dropdown-title{padding:7px 9px 6px;color:#778397;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.055em}
.app-dropdown-menu>a{display:block;padding:10px 11px;border-radius:9px;color:var(--text);text-decoration:none}
.app-dropdown-menu>a:hover{background:#f3f6fb}
.app-dropdown-menu>a strong{display:block;font-size:14px;line-height:1.25;color:#162033}
.app-dropdown-menu>a span{display:block;margin-top:2px;color:#7a8494;font-size:11.5px;line-height:1.35;font-weight:450}
.app-system-actions{display:flex;align-items:center;gap:7px;margin-left:auto;flex:0 0 auto}
.app-icon-action,.background-job-indicator.app-icon-action,.notification-bell.app-icon-action{position:relative;display:grid;place-items:center;width:36px;height:36px;border:1px solid #2d3b52;border-radius:10px;background:transparent;color:#cbd5e1;text-decoration:none}
.app-icon-action:hover,.background-job-indicator.app-icon-action:hover,.background-job-indicator.app-icon-action.active,.notification-bell.app-icon-action:hover{background:#1d2939;color:#fff}
.app-icon-action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.background-job-indicator.app-icon-action{font-size:0}
.background-job-indicator.app-icon-action span,.notification-bell.app-icon-action span{position:absolute;right:-6px;top:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#d92d20;color:#fff;border:2px solid #101827;font-size:10px;font-weight:800;line-height:14px;text-align:center}
.app-profile-trigger{display:flex;align-items:center;gap:8px;min-height:38px;padding:4px 8px 4px 5px;border:1px solid transparent;border-radius:11px;color:#e5eaf2;cursor:pointer}
.app-profile-trigger:hover,.app-profile-menu[open]>.app-profile-trigger{background:#1d2939;border-color:#2d3b52}
.app-avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#315cb5;color:#fff;font-weight:850;font-size:12px}
.app-profile-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650}
.app-profile-dropdown{left:auto;right:0;width:270px}
.app-profile-card{padding:10px 11px 11px;margin-bottom:3px;border-bottom:1px solid #edf0f4}
.app-profile-card strong{display:block;font-size:14px}.app-profile-card span{display:block;margin-top:2px;color:#7a8494;font-size:12px}
.app-dropdown-separator{height:1px;background:#edf0f4;margin:4px 3px}
.app-logout-form{margin:0}.app-logout-form button,.app-mobile-logout button{display:block;width:100%;border:0;background:transparent;color:#b42318;text-align:left;font:650 14px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding:10px 11px;border-radius:9px;cursor:pointer}.app-logout-form button:hover,.app-mobile-logout button:hover{background:#fff2f0}
.app-auth-version{margin-left:auto;color:#aeb9c9;font-size:13px}
.app-mobile-menu-title{padding:10px 12px 3px;color:#8490a1;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.app-mobile-menu-title:first-child{padding-top:5px}.app-mobile-logout{margin:3px 0 0;border-top:1px solid var(--line);padding-top:4px}

@media(max-width:1280px){.app-topbar{gap:12px;padding-left:16px;padding-right:16px}.app-nav-link,.app-nav-summary{padding-left:8px;padding-right:8px;font-size:13px}.app-profile-name{display:none}.app-profile-trigger{padding-right:5px}}
@media(max-width:1050px){.app-nav-link,.app-nav-summary{font-size:12.5px;padding-left:7px;padding-right:7px}.app-primary-nav{gap:0}.app-brand{font-size:19px}}
@media(max-width:800px){.app-topbar{max-width:1180px;padding-left:12px;padding-right:12px}.app-primary-nav.desktop-nav{display:none}.app-profile-menu{display:none}.app-system-actions{gap:6px}.app-icon-action,.background-job-indicator.app-icon-action,.notification-bell.app-icon-action{width:36px;height:36px}.app-mobile-menu{max-height:calc(100vh - 92px);overflow:auto}.app-mobile-menu a{font-weight:650}}

/* 1.3.3 — global CRM search */
.app-global-search{position:relative;display:flex;align-items:center;min-width:180px;max-width:300px;flex:0 1 280px;height:38px;margin-left:auto;border:1px solid #2d3b52;border-radius:10px;background:#182235;color:#cbd5e1}.app-global-search:focus-within{border-color:#486da7;background:#1b2940;box-shadow:0 0 0 2px rgba(72,109,167,.16)}.app-global-search-icon{padding-left:10px;color:#8fa0b7;font-size:17px;line-height:1}.app-global-search input{width:100%;min-width:0;height:100%;padding:0 10px 0 7px;border:0;outline:0;background:transparent;color:#f4f7fb;font:600 13px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}.app-global-search input::placeholder{color:#8695aa;font-weight:500}.app-search-suggest{position:absolute;z-index:180;top:calc(100% + 9px);right:0;width:min(520px,calc(100vw - 28px));max-height:520px;overflow:auto;padding:7px;background:#fff;border:1px solid #dce3ed;border-radius:13px;box-shadow:0 20px 50px rgba(15,23,42,.28);color:#172033}.app-search-suggest[hidden]{display:none}.app-search-suggest-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:9px;padding:10px 10px;border-radius:9px;color:#172033;text-decoration:none}.app-search-suggest-row:hover,.app-search-suggest-row.active{background:#f2f6fb}.app-search-suggest-kind{padding-top:2px;color:#7a8799;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.app-search-suggest-main{min-width:0}.app-search-suggest-title{display:flex;align-items:center;gap:7px;min-width:0;font-size:13px;font-weight:750}.app-search-suggest-title>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-search-suggest-status{flex:0 0 auto;padding:2px 5px;border-radius:999px;background:#eef3f9;color:#59677a;font-size:9px;font-weight:850}.app-search-suggest-status.obsolete{background:#fff0ed;color:#b42318}.app-search-suggest-subtitle{margin-top:2px;color:#6e7b8c;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-search-suggest-meta{margin-top:3px;color:#42516a;font-size:10.5px;font-weight:650}.app-search-suggest-empty{padding:16px 12px;color:#7b8798;font-size:12px;text-align:center}.app-search-suggest-footer{display:block;margin-top:4px;padding:9px 10px;border-top:1px solid #edf1f5;color:#315c9c;text-decoration:none;font-size:12px;font-weight:750}
@media(max-width:1280px){.app-global-search{max-width:230px;flex-basis:220px}.app-system-actions{margin-left:0}}
@media(max-width:1050px){.app-global-search{max-width:190px;flex-basis:180px}}
@media(max-width:800px){.app-topbar{flex-wrap:wrap;row-gap:8px;padding-top:8px;padding-bottom:8px}.app-global-search{order:3;flex:1 0 100%;max-width:none;width:100%;margin:0}.app-system-actions{margin-left:auto}.app-search-suggest{left:0;right:auto;width:100%}.app-search-suggest-row{grid-template-columns:78px minmax(0,1fr)}}
.app-global-search{margin-left:0}.app-system-actions{margin-left:0}@media(max-width:800px){.app-system-actions{margin-left:auto}}


/* v2.4.5 — global VAT 5% display switch */
.app-vat-toggle{display:flex;align-items:center;gap:6px;height:36px;padding:0 8px;border:1px solid #2d3b52;border-radius:10px;background:transparent;color:#cbd5e1;font:750 11px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}
.app-vat-toggle:hover{background:#1d2939;color:#fff}.app-vat-toggle.active{background:#173a2c;border-color:#2e6e55;color:#dff8ea}.app-vat-toggle-label{letter-spacing:.01em}.app-vat-toggle-label b{font-weight:900}.app-vat-toggle-state{min-width:25px;text-align:left;color:#8fa0b7;font-size:10px}.app-vat-toggle.active .app-vat-toggle-state{color:#9de1bd}
.app-vat-switch{position:relative;width:27px;height:16px;flex:0 0 27px;border-radius:999px;background:#526074;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transition:background .15s ease}.app-vat-switch i{position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.24);transition:transform .15s ease}.app-vat-toggle.active .app-vat-switch{background:#2f9f6f}.app-vat-toggle.active .app-vat-switch i{transform:translateX(11px)}
@media(max-width:1050px){.app-vat-toggle-state{display:none}.app-vat-toggle{padding-left:7px;padding-right:7px}}
@media(max-width:800px){.app-vat-toggle{height:36px;gap:5px}.app-vat-toggle-label b{display:none}.app-vat-toggle-label{font-size:10px}.app-vat-switch{width:25px;flex-basis:25px}.app-vat-toggle.active .app-vat-switch i{transform:translateX(9px)}}
@media(max-width:390px){.app-vat-toggle-label{display:none}.app-vat-toggle{padding:0 6px}}
