/* BIZDESK 2.2 — large, simple application commands */
:root{--bd-navy:#0a3767;--bd-teal:#08a99f;--bd-canvas:#f4f7f9;--bd-line:#dbe5ea;--bd-ink:#172f45}
.dashboard-screen{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr);background:var(--bd-canvas)}
.app-nav-shell{position:relative;z-index:20;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"brand spacer bottom" "nav nav nav";grid-template-rows:76px auto;gap:2px 20px;width:100%;padding:0 20px 10px!important;color:var(--bd-ink)!important;background:#fff!important;border:0!important;border-bottom:1px solid var(--bd-line);box-shadow:0 5px 20px rgba(13,45,73,.05);overflow:visible!important}
.app-nav-shell .sidebar-brand{grid-area:brand;display:grid;grid-template-columns:36px auto;grid-template-rows:auto auto;align-self:center;column-gap:10px;width:auto;height:58px;padding:0!important;border:0!important;color:var(--bd-navy)}
.app-nav-shell .sidebar-brand img{grid-row:1/3;width:36px;height:36px;border-radius:11px;box-shadow:0 5px 14px rgba(10,55,103,.12)}.app-nav-shell .sidebar-brand span{align-self:end;font-size:16px;letter-spacing:.035em}.app-nav-shell .sidebar-brand small{align-self:start;margin-top:2px;color:#718496;font-size:7px;letter-spacing:.14em}
.app-nav-shell .workspace-label,.app-nav-shell .nav-group-label{display:none}
.app-nav-shell .main-navigation{grid-area:nav;display:grid;grid-template-columns:repeat(8,minmax(92px,1fr));gap:7px;overflow:visible!important;padding:0!important}
.app-nav-shell .nav-item,.app-nav-shell .nav-menu>summary{position:relative;display:flex;width:100%;height:84px;min-height:84px;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:7px 5px;color:#365268;background:transparent;border:1px solid transparent;border-radius:12px;font-size:11px;text-align:center;list-style:none;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}
.app-nav-shell .nav-item:hover,.app-nav-shell .nav-menu>summary:hover{color:#113c5c;background:#f7fafb;border-color:#e1eaee;box-shadow:0 5px 16px rgba(18,51,77,.06);transform:translateY(-1px)}
.app-nav-shell .nav-icon{position:relative;display:grid!important;flex:0 0 48px;width:48px!important;height:48px!important;place-items:center;border:1px solid rgba(8,169,159,.12);border-radius:15px!important;background:linear-gradient(145deg,#e9fbf9,#dff4f2)!important;color:var(--bd-teal)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 5px 12px rgba(15,73,91,.08)}
.app-nav-shell .nav-icon svg,.app-nav-toggle svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.app-nav-shell .nav-icon svg .soft{fill:currentColor;stroke:none;opacity:.14}.app-nav-shell .nav-icon svg .solid{fill:currentColor;stroke:none}
.app-nav-shell .nav-copy{display:grid!important;flex:0 0 auto;width:100%!important;height:auto!important;min-width:0;place-items:center!important;gap:0;color:inherit!important;background:transparent!important;border-radius:0!important}.app-nav-shell .nav-copy b{overflow:hidden;width:100%;color:inherit;font-size:10.5px;font-weight:800;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.app-nav-shell .nav-copy small{display:none}
.app-nav-shell .nav-item.is-active{color:#075f5b;background:#eefaf9;border-color:#bfe8e5;box-shadow:inset 0 -3px 0 var(--bd-teal),0 5px 16px rgba(8,169,159,.08);font-weight:700}.app-nav-shell .nav-item.is-active::before{display:none}.app-nav-shell .nav-item.is-active .nav-icon{transform:scale(1.04);box-shadow:0 7px 15px rgba(8,169,159,.15)}
.app-nav-shell .module-documents .nav-icon{color:#3975dc!important;background:linear-gradient(145deg,#f2f6ff,#e3ecff)!important;border-color:#d6e2fb}.app-nav-shell .module-parties .nav-icon{color:#7658c7!important;background:linear-gradient(145deg,#f8f5ff,#ebe5fa)!important;border-color:#e1d8f5}.app-nav-shell .module-products .nav-icon{color:#c37818!important;background:linear-gradient(145deg,#fff9ef,#ffecd1)!important;border-color:#f7dfbb}.app-nav-shell .module-banks .nav-icon{color:#168466!important;background:linear-gradient(145deg,#f1fbf6,#dff5ea)!important;border-color:#cdebdc}.app-nav-shell .module-accounting .nav-icon{color:#cb526e!important;background:linear-gradient(145deg,#fff5f7,#f9e4e9)!important;border-color:#f1d3da}.app-nav-shell .module-commercial .nav-icon{color:#1776a9!important;background:linear-gradient(145deg,#f2faff,#dff2fc)!important;border-color:#cfe8f5}.app-nav-shell .module-activity .nav-icon{color:#5d7081!important;background:linear-gradient(145deg,#f7f9fa,#e7edf0)!important;border-color:#dbe4e8}.app-nav-shell .module-settings .nav-icon{color:#566676!important;background:linear-gradient(145deg,#f7f9fa,#e7ecef)!important;border-color:#dbe3e7}
.nav-menu{position:relative;min-width:0}.nav-menu>summary{cursor:pointer}.nav-menu>summary::-webkit-details-marker{display:none}.nav-menu>summary>i{position:absolute;right:9px;bottom:9px;color:#8b9aa6;font-size:10px;font-style:normal;transition:transform .15s}.nav-menu[open]>summary>i{transform:rotate(180deg)}.nav-menu:has(.nav-item.is-active)>summary{color:#173a55;background:#f3f8fa;border-color:#dbe7ec}
.nav-dropdown{position:absolute;z-index:40;top:calc(100% + 8px);left:0;display:grid;width:276px;padding:9px;background:#fff;border:1px solid var(--bd-line);border-radius:14px;box-shadow:0 20px 48px rgba(18,44,68,.17)}.nav-dropdown p{display:flex;align-items:center;gap:7px;margin:2px 7px 7px;color:#627a8e;font-size:8px;font-weight:850;letter-spacing:.11em}.app-nav-shell .nav-dropdown .nav-item{height:36px;min-height:36px;flex-direction:row;justify-content:flex-start;padding:0 10px;border-radius:7px;text-align:left}.app-nav-shell .nav-dropdown .nav-item b{font-size:10px;text-align:left}.app-nav-shell .nav-dropdown .nav-item.is-active{box-shadow:inset 3px 0 0 var(--bd-teal)}
.document-menu-group{display:grid;gap:2px;padding:8px;border:1px solid;border-radius:10px}.document-menu-group+.document-menu-group{margin-top:8px}.document-menu-customer{background:#f1f7ff;border-color:#d8e6fb}.document-menu-supplier{background:#fff7ed;border-color:#f2dfc4}.document-menu-dot{width:7px;height:7px;border-radius:50%}.document-menu-customer .document-menu-dot{background:#3975dc;box-shadow:0 0 0 3px rgba(57,117,220,.12)}.document-menu-supplier .document-menu-dot{background:#c37818;box-shadow:0 0 0 3px rgba(195,120,24,.12)}.document-menu-customer p{color:#315f9f}.document-menu-supplier p{color:#9a6118}.document-menu-customer .nav-item:hover{color:#214f91;background:#e2edff;border-color:#cbdcf7}.document-menu-supplier .nav-item:hover{color:#86500d;background:#ffedd4;border-color:#eed4af}.document-menu-customer .nav-item.is-active{color:#214f91;background:#dceaff;border-color:#c7daf6;box-shadow:inset 3px 0 0 #3975dc}.document-menu-supplier .nav-item.is-active{color:#86500d;background:#ffebce;border-color:#edd1a8;box-shadow:inset 3px 0 0 #c37818}.app-nav-shell .nav-dropdown .document-menu-archive{height:38px;margin-top:8px;border-top:1px solid #e2e9ed;border-radius:0 0 8px 8px}
.app-nav-shell .nav-dropdown .party-menu-item{height:56px;min-height:56px;gap:10px;margin:3px 0;padding:7px 10px;border:1px solid;border-radius:10px}.party-menu-badge{display:grid!important;width:34px!important;height:34px!important;flex:0 0 34px;place-items:center;border-radius:9px}.party-menu-badge svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.party-menu-customer{color:#315f9f!important;background:#f1f7ff!important;border-color:#d8e6fb!important}.party-menu-customer .party-menu-badge{color:#3975dc;background:#dfeaff}.party-menu-supplier{color:#9a6118!important;background:#fff7ed!important;border-color:#f2dfc4!important}.party-menu-supplier .party-menu-badge{color:#c37818;background:#ffead0}.party-menu-customer:hover{background:#e2edff!important;border-color:#cbdcf7!important}.party-menu-supplier:hover{background:#ffedd4!important;border-color:#eed4af!important}.party-menu-customer.is-active{background:#dceaff!important;box-shadow:inset 3px 0 0 #3975dc!important}.party-menu-supplier.is-active{background:#ffebce!important;box-shadow:inset 3px 0 0 #c37818!important}
.app-nav-shell .sidebar-bottom{grid-area:bottom;display:grid;grid-template-columns:185px;align-content:center;gap:4px;margin:0!important;padding:4px 0!important;border:0!important}.app-nav-shell .sidebar-bottom>.nav-item{width:185px;height:27px;min-height:27px;flex-direction:row;justify-content:flex-start;gap:6px;padding:2px 8px;border-color:#e1e9ed;background:#f8fafb;border-radius:8px}.app-nav-shell .sidebar-bottom>.nav-item .nav-icon{width:22px!important;height:22px!important;flex-basis:22px;border:0!important;border-radius:6px!important;background:transparent!important;box-shadow:none}.app-nav-shell .sidebar-bottom>.nav-item .nav-icon svg{width:17px;height:17px}.app-nav-shell .sidebar-bottom>.nav-item .nav-copy{width:auto!important;place-items:start!important}.app-nav-shell .sidebar-bottom>.nav-item .nav-copy b{font-size:9px;text-align:left}.app-nav-shell .user-card{width:185px;margin:0;padding:5px 7px;border:1px solid #e1e9ed;border-radius:9px;background:#f8fafb}.app-nav-shell .user-avatar{width:29px;height:29px}.app-nav-toggle{display:none}
.dashboard-main{min-height:0;background:var(--bd-canvas)}.topbar{min-height:54px;padding:0 24px}.section-content{max-width:1660px;padding:18px 24px 32px}.new-button,.primary-small,.primary-button{background:#079d96!important;border-color:#079d96!important;box-shadow:none!important}.new-button:hover,.primary-small:hover,.primary-button:hover{background:#078b85!important;transform:none!important}.secondary-button{color:#0a6d68;border-color:#b7dedb;background:#fff}.data-table th{font-size:8px}.data-table td{font-size:9px}.data-table th,.data-table td{padding-top:9px;padding-bottom:9px}.panel,.data-panel,.kpi-card,.settings-card,.vat-panel,.organizer-panel{border-radius:10px}
@media(max-width:1250px) and (min-width:821px){.app-nav-shell .main-navigation{grid-template-columns:repeat(4,minmax(130px,1fr))}.app-nav-shell{padding-bottom:11px!important}.app-nav-shell .nav-item,.app-nav-shell .nav-menu>summary{height:76px;min-height:76px;flex-direction:row;justify-content:flex-start;gap:10px;padding:7px 10px;text-align:left}.app-nav-shell .nav-copy{width:auto!important;place-items:start!important}.app-nav-shell .nav-copy b{text-align:left}.app-nav-shell .nav-icon{width:43px!important;height:43px!important;flex-basis:43px}.app-nav-shell .nav-icon svg{width:27px;height:27px}.nav-menu>summary>i{position:static;margin-left:auto}}
@media(max-width:820px){.app-nav-shell{grid-template-columns:auto 1fr auto;grid-template-areas:"brand spacer toggle";min-height:58px;padding:0 13px!important}.app-nav-toggle{grid-area:toggle;display:grid;width:42px;height:42px;align-self:center;place-items:center;color:var(--bd-navy);background:#f4f8f9;border:1px solid var(--bd-line);border-radius:10px}.app-nav-shell .main-navigation{position:fixed;z-index:50;top:58px;right:0;bottom:0;display:none;width:min(390px,94vw);grid-template-columns:1fr 1fr;align-content:start;gap:8px;padding:14px!important;background:#fff;border-left:1px solid var(--bd-line);box-shadow:-18px 20px 50px rgba(18,44,68,.17);overflow:auto!important}.app-nav-shell.is-open .main-navigation{display:grid}.app-nav-shell .main-navigation>.nav-item,.app-nav-shell .main-navigation>.nav-menu>summary{height:94px;min-height:94px}.app-nav-shell .sidebar-bottom{display:none}.nav-dropdown{position:fixed;top:160px;right:14px;left:auto;width:min(350px,88vw)}.topbar{padding:0 13px}.company-switch{min-width:0;max-width:170px}.license-pill{display:none}.section-content{padding:16px 13px 28px}.kpi-grid,.accounting-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-fields{grid-template-columns:1fr}.modal-field.full{grid-column:auto}}
@media(max-width:520px){.app-nav-shell .main-navigation{grid-template-columns:1fr 1fr;width:100vw}.app-nav-shell .main-navigation>.nav-item,.app-nav-shell .main-navigation>.nav-menu>summary{height:88px;min-height:88px}.app-nav-shell .nav-icon{width:44px!important;height:44px!important;flex-basis:44px}.app-nav-shell .nav-icon svg{width:27px;height:27px}.kpi-grid,.accounting-kpis,.commercial-summary,.summary-cards{grid-template-columns:1fr}.topbar-actions{gap:4px}.company-switch{max-width:145px}.dashboard-language{width:58px}.icon-button{display:none}.section-content{padding-inline:10px}}
@media print{.app-nav-shell{display:none!important}}
