.modal-backdrop{align-items:center!important;justify-content:center;padding:16px}.modal-backdrop>:is(.modal-card,.modal-dialog,.form-sheet),dialog.body-modal{width:min(var(--modal-width),100vw - 32px)!important;max-width:var(--modal-width)!important;max-height:calc(100dvh - 32px)!important;border-radius:20px!important;background:var(--sur, #fff);box-sizing:border-box}.modal-backdrop>:is(.modal-card,.modal-dialog,.form-sheet){position:relative;inset:auto;padding:var(--modal-padding)!important;gap:14px!important;overflow-y:auto}:is(.modal-backdrop,.body-modal) :is(.modal-header,.modal-hdr,.sheet-hdr,.modal-body,.form-body){padding:0!important}:is(.modal-backdrop,.body-modal) :is(.modal-body,.form-body,.step-pane){gap:10px!important}:is(.modal-backdrop,.body-modal) :is(.modal-header,.modal-hdr,.sheet-hdr,.body-modal-header) :is(h2,h3),:is(.modal-backdrop,.body-modal) .modal-card>h3{font-size:15px!important;font-weight:800}:is(.modal-backdrop,.body-modal) :is(.form-group,.f-group){min-width:0;margin-bottom:0!important;gap:4px!important}:is(.modal-backdrop,.body-modal) label:not(.btn){font-size:11px!important;font-weight:700!important;color:var(--tx2, #5b6660)}:is(.modal-backdrop,.body-modal) input:not([type=checkbox]):not([type=radio]):not([type=hidden]),:is(.modal-backdrop,.body-modal) select,:is(.modal-backdrop,.body-modal) textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:36px!important;height:auto;padding:var(--modal-control-padding)!important;font-size:var(--modal-control-font-size)!important;line-height:16px!important;font-weight:400!important;font-family:inherit;border:1px solid var(--line, #e5eae6);border-radius:12px!important;background:var(--sur, #fff);color:var(--tx, #111814)}:is(.modal-backdrop,.body-modal) input:not([type=checkbox]):not([type=radio]):not([type=hidden])::placeholder,:is(.modal-backdrop,.body-modal) select::placeholder,:is(.modal-backdrop,.body-modal) textarea::placeholder{font-size:inherit!important}:is(.modal-backdrop,.body-modal) textarea{resize:vertical}:is(.modal-backdrop,.body-modal) :is(.form-row,.grid-2,.form-grid){gap:10px!important}:is(.modal-backdrop,.body-modal) .form-grid{grid-template-columns:minmax(0,1fr)!important}:is(.modal-backdrop,.body-modal) :is(.modal-footer,.modal-ftr,.modal-actions){padding:12px 0 0!important}label.required:after{content:" *";color:var(--app-danger, #ef4444)}@media(max-width:767px){:is(.modal-backdrop,.body-modal){--modal-control-font-size: 16px}:is(.modal-backdrop,.body-modal) input:not([type=checkbox]):not([type=radio]),:is(.modal-backdrop,.body-modal) select,:is(.modal-backdrop,.body-modal) textarea{line-height:20px!important}:is(.modal-backdrop,.body-modal) :is(.form-row,.grid-2){grid-template-columns:minmax(0,1fr)}}@font-face{font-family:Plus Jakarta Sans;src:url(/assets/fonts/plus-jakarta-sans/PlusJakartaSans-Latin.woff2) format("woff2");font-style:normal;font-weight:400 800;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/assets/fonts/plus-jakarta-sans/PlusJakartaSans-LatinExt.woff2) format("woff2");font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308-0309,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+2020-202F,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Material Symbols Rounded;src:url(/assets/fonts/material-symbols/MaterialSymbolsRounded.woff2) format("woff2");font-style:normal;font-weight:300 700;font-display:block}@font-face{font-family:Inter;src:url(/assets/fonts/inter/Inter-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/fonts/inter/Inter-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/fonts/inter/Inter-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/fonts/inter/Inter-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--pageBg: #e8ece9;--bg: #f6f8f7;--sur: #ffffff;--sur2: #f0f4f1;--line: #e5eae6;--tx: #111814;--tx2: #5b6660;--tx3: #8d968f;--acc: #16A34A;--accSoft: #e7f5ec;--shadow: 0 1px 2px rgba(16,24,20,.05), 0 6px 18px rgba(16,24,20,.05);--hdr: rgba(255,255,255,.86);--rad: 16px;--pad: 16px;--gap: 14px;--modal-width: 440px;--modal-padding: 20px;--modal-control-padding: 9px 12px;--modal-control-font-size: 12px;--app-primary: var(--acc);--app-primary-hover: #15803D;--app-primary-dark: #0F172A;--app-primary-light: var(--accSoft);--app-primary-accent: #3B82F6;--primary: var(--app-primary);--primary-hover: var(--app-primary-hover);--primary-light: var(--app-primary-light);--secondary: var(--app-primary-dark);--bg-main: var(--bg);--bg-card: var(--sur);--text-muted: var(--tx3);--border-color: var(--line);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: var(--rad);--radius-xl: 24px;--shadow-sm: var(--shadow);--shadow-md: var(--shadow);--shadow-lg: 0 12px 28px -4px rgba(15, 23, 42, .12);--app-background: var(--bg);--app-surface: var(--sur);--app-surface-secondary: var(--sur2);--app-surface-tertiary: var(--line);--app-text-primary: var(--tx);--app-text-secondary: var(--tx2);--app-text-muted: var(--tx3);--app-text-inverse: #FFFFFF;--app-border: var(--line);--app-border-focus: #93C5FD;--app-success: #16A34A;--app-success-light: #DCFCE7;--app-warning: #F59E0B;--app-warning-light: #FEF3C7;--app-danger: #EF4444;--app-danger-light: #FEE2E2;--app-info: #3B82F6;--app-info-light: #E0F2FE;--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.375rem;--font-size-3xl: 1.625rem;--app-radius-xs: 4px;--app-radius-sm: 8px;--app-radius-md: 14px;--app-radius-lg: 18px;--app-radius-xl: 24px;--app-radius-full: 9999px;--touch-target-min: 48px;--header-height: 56px;--safe-area-bottom: env(safe-area-inset-bottom, 0px);--bottom-nav-height: calc(64px + var(--safe-area-bottom));--transition: all .2s cubic-bezier(.4, 0, .2, 1)}[data-mode=dark],body.dark-theme{--pageBg: #080b09 !important;--bg: #0f1512 !important;--sur: #171f1a !important;--sur2: #1c2620 !important;--line: #26332b !important;--tx: #eaf0ec !important;--tx2: #a4b3ab !important;--tx3: #75857c !important;--accSoft: rgba(34,197,94,.15) !important;--shadow: 0 1px 2px rgba(0,0,0,.5) !important;--hdr: rgba(15,21,18,.88) !important;--app-background: #0f1512 !important;--app-surface: #171f1a !important;--app-surface-secondary: #1c2620 !important;--app-border: #26332b !important;--app-text-primary: #eaf0ec !important;--app-text-secondary: #a4b3ab !important;--app-text-muted: #75857c !important}.ms{font-family:Material Symbols Rounded,sans-serif;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"opsz" 24}.msf{font-variation-settings:"FILL" 1,"wght" 500,"opsz" 24}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pop{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade-up{animation:fadeUp .3s ease backwards}.animate-fade-up:has(.modal-backdrop,.lightbox-backdrop){animation:none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100vw;overflow-x:hidden;height:100%;font-family:var(--font-family)}body{font-family:var(--font-family);background-color:var(--app-background);color:var(--app-text-primary);line-height:1.5;font-size:var(--font-size-sm);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}app-tenant-layout{--font-family: "Plus Jakarta Sans", system-ui, sans-serif;--header-height: 54px;--bottom-nav-height: calc(74px + var(--safe-area-bottom));font-family:var(--font-family);line-height:normal}app-tenant-layout [data-scroll],app-tenant-layout .drawer-scroll-body{scrollbar-width:none}app-tenant-layout [data-scroll]::-webkit-scrollbar,app-tenant-layout .drawer-scroll-body::-webkit-scrollbar{display:none}app-tenant-layout :is(button,input,select,textarea){font-family:inherit}app-tenant-layout :is(a,button,[role=button]):focus-visible{outline:2px solid var(--acc);outline-offset:3px}html:has(app-tenant-layout),body:has(app-tenant-layout){scrollbar-width:none}html:has(app-tenant-layout)::-webkit-scrollbar,body:has(app-tenant-layout)::-webkit-scrollbar{display:none}button,input,textarea,select,option{font-family:inherit}a{color:var(--app-primary);text-decoration:none}.text-muted{color:var(--app-text-secondary)!important}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-weight:600;color:var(--app-text-primary)}h1,.page-title{font-size:22px;font-weight:600;line-height:1.25}h2,h3,.section-title{font-size:17px;font-weight:600;line-height:1.3}h4,.card-title{font-size:15px;font-weight:600;line-height:1.35}.card,.app-card{background:var(--app-surface);border-radius:var(--app-radius-md);border:1px solid var(--app-border);box-shadow:var(--app-shadow-xs);padding:1.25rem;transition:var(--transition)}.card:hover,.app-card:hover{box-shadow:var(--app-shadow-sm)}.form-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.form-grid{grid-template-columns:repeat(3,1fr)}}.grid-2{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr)}}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.form-group label{font-size:13px;font-weight:500;color:var(--app-text-secondary);letter-spacing:.01em}.form-group label.required:after{content:" *";color:var(--app-danger)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--app-border);border-radius:var(--app-radius-md);font-size:14px;font-weight:400;font-family:inherit;background-color:var(--app-surface);color:var(--app-text-primary);transition:var(--transition);min-height:var(--touch-target-min)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--app-primary);box-shadow:0 0 0 3px #1e3a8a1f}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:var(--app-text-muted);font-size:13px;font-weight:400}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--app-radius-md);font-weight:600;font-size:14.5px;font-family:inherit;cursor:pointer;border:none;transition:var(--transition);min-height:var(--touch-target-min);touch-action:manipulation;white-space:nowrap}.btn:active{transform:scale(.97)}.btn[disabled]{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background-color:var(--app-primary);color:var(--app-text-inverse)}.btn-primary:hover{background-color:var(--app-primary-hover)}app-tenant-layout .btn.btn-edit{min-height:44px;padding:10px 14px;border:1px solid var(--app-primary);border-radius:10px;background:var(--app-primary-light);color:var(--app-primary-hover);font-size:12px;font-weight:700}app-tenant-layout .btn.btn-edit .ms{font-size:18px}app-tenant-layout .btn.btn-edit:hover{background:var(--app-primary);color:var(--app-text-inverse)}.btn-secondary{background-color:var(--app-surface-secondary);color:var(--app-text-primary)}.btn-secondary:hover{background-color:var(--app-surface-tertiary)}.btn-outline{background:transparent;border:1px solid var(--app-border);color:var(--app-text-primary)}.btn-outline:hover{background:var(--app-primary-light);border-color:var(--app-primary);color:var(--app-primary)}.btn-success{background-color:var(--app-success);color:var(--app-text-inverse)}.btn-success:hover{background-color:#15803d}.btn-danger{background-color:var(--app-danger);color:var(--app-text-inverse)}.btn-danger:hover{background-color:#b91c1c}.btn-sm{padding:.4rem .75rem;min-height:36px;font-size:var(--font-size-xs);border-radius:var(--app-radius-sm)}.btn-lg{padding:.95rem 1.5rem;min-height:50px;font-size:var(--font-size-base);border-radius:var(--app-radius-lg)}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.table th,.table td{padding:.85rem 1rem;border-bottom:1px solid var(--app-border);text-align:left;vertical-align:middle}.table th{font-weight:700;color:var(--app-text-secondary);background-color:var(--app-surface-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em}.table tbody tr:hover{background-color:var(--app-primary-light)}.fab-btn{position:fixed;bottom:calc(var(--bottom-nav-height) + 16px);right:18px;width:56px;height:56px;border-radius:50%;background:var(--app-primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--app-shadow-float);border:none;cursor:pointer;z-index:400;transition:var(--transition)}.fab-btn:hover{transform:scale(1.05)}.fab-btn:active{transform:scale(.95)}.badge,.app-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:var(--app-radius-full);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.02em}.badge.active,.badge.ACTIVE,.badge.won,.badge.WON,.badge.completed,.badge.COMPLETED,.badge.approved,.badge.APPROVED,.badge.badge-success,.app-badge.active,.app-badge.ACTIVE,.app-badge.won,.app-badge.WON,.app-badge.completed,.app-badge.COMPLETED,.app-badge.approved,.app-badge.APPROVED,.app-badge.badge-success{background:var(--app-success-light);color:var(--app-success)}.badge.trial,.badge.TRIAL,.badge.pending,.badge.PENDING,.badge.in_review,.badge.IN_REVIEW,.badge.negotiation,.badge.NEGOTIATION,.badge.badge-warning,.app-badge.trial,.app-badge.TRIAL,.app-badge.pending,.app-badge.PENDING,.app-badge.in_review,.app-badge.IN_REVIEW,.app-badge.negotiation,.app-badge.NEGOTIATION,.app-badge.badge-warning{background:var(--app-warning-light);color:var(--app-warning)}.badge.inactive,.badge.INACTIVE,.badge.suspended,.badge.SUSPENDED,.badge.lost,.badge.LOST,.badge.rejected,.badge.REJECTED,.badge.expired,.badge.EXPIRED,.badge.badge-danger,.app-badge.inactive,.app-badge.INACTIVE,.app-badge.suspended,.app-badge.SUSPENDED,.app-badge.lost,.app-badge.LOST,.app-badge.rejected,.app-badge.REJECTED,.app-badge.expired,.app-badge.EXPIRED,.app-badge.badge-danger{background:var(--app-danger-light);color:var(--app-danger)}.badge.draft,.badge.DRAFT,.badge.badge-neutral,.app-badge.draft,.app-badge.DRAFT,.app-badge.badge-neutral{background:var(--app-surface-tertiary);color:var(--app-text-secondary)}.badge.sent,.badge.SENT,.badge.viewed,.badge.VIEWED,.badge.badge-info,.app-badge.sent,.app-badge.SENT,.app-badge.viewed,.app-badge.VIEWED,.app-badge.badge-info{background:var(--app-info-light);color:var(--app-info)}.sticky-bottom-bar{position:fixed;bottom:0;left:0;right:0;background:var(--app-surface);border-top:1px solid var(--app-border);padding:.85rem 1.25rem;display:flex;align-items:center;gap:.85rem;z-index:600;box-shadow:0 -4px 16px #0f172a14}@media(min-width:1024px){.sticky-bottom-bar{left:260px}}.modal-backdrop{position:fixed;inset:0;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:900;display:flex;align-items:center;justify-content:center;padding:1rem}body:has(.modal-backdrop,.lightbox-backdrop){overflow:hidden}.modal-backdrop>:is(.modal-card,.modal-dialog,.form-sheet){min-height:0;max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);overflow-y:auto;overscroll-behavior:contain}.modal-backdrop :is(.modal-header,.modal-hdr,.sheet-hdr,.modal-footer,.modal-ftr,.modal-actions){flex-shrink:0}.modal-backdrop>.modal-dialog>.modal-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}.modal-dialog{background:var(--app-surface);border-radius:var(--app-radius-lg);box-shadow:var(--app-shadow-lg);width:100%;max-width:580px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.bottom-sheet{position:fixed;left:0;right:0;bottom:0;background:var(--app-surface);border-top-left-radius:var(--app-radius-xl);border-top-right-radius:var(--app-radius-xl);box-shadow:var(--app-shadow-lg);z-index:950;padding:1.5rem;animation:slideUp .25s cubic-bezier(0,0,.2,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;max-width:380px;width:calc(100% - 2rem)}.toast{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1.1rem;border-radius:var(--app-radius-md);background:var(--app-surface);box-shadow:var(--app-shadow-lg);border-left:4px solid var(--app-primary);animation:slideIn .3s ease-out}.toast.success{border-left-color:var(--app-success)}.toast.error{border-left-color:var(--app-danger)}.toast.warning{border-left-color:var(--app-warning)}.toast.info{border-left-color:var(--app-info)}.toast .toast-title{font-weight:700;font-size:var(--font-size-sm)}.toast .toast-desc{font-size:var(--font-size-xs);color:var(--app-text-secondary)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#edf2f7,#e2e8f0 75%);background-size:200% 100%;animation:skeletonPulse 1.5s infinite;border-radius:var(--app-radius-sm)}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.mobile-section-tabs{display:flex;gap:.5rem;overflow-x:auto;white-space:nowrap;padding-bottom:.5rem;margin-bottom:1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-section-tabs::-webkit-scrollbar{display:none}.mobile-section-tabs .tab-item{padding:.55rem 1rem;border-radius:var(--app-radius-full);font-size:var(--font-size-xs);font-weight:700;color:var(--app-text-secondary);background:var(--app-surface-secondary);border:1px solid var(--app-border);cursor:pointer;transition:var(--transition)}.mobile-section-tabs .tab-item.active{background:var(--app-primary);color:#fff;border-color:var(--app-primary)}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:768px){.metric-grid{grid-template-columns:repeat(4,1fr)}}.metric-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius-md);padding:.9rem 1rem;display:flex;flex-direction:column;gap:.25rem}.metric-card .metric-label{font-size:13px;font-weight:500;color:var(--app-text-secondary);text-transform:uppercase;letter-spacing:.02em}.metric-card .metric-value{font-size:26px;font-weight:600;color:var(--app-text-primary);line-height:1.2;letter-spacing:-.3px}.metric-card .metric-change{font-size:.72rem;font-weight:700}.metric-card .metric-change.positive{color:var(--app-success)}.metric-card .metric-change.negative{color:var(--app-danger)}.progress-bar-wrap{width:100%;height:8px;background:var(--app-surface-tertiary);border-radius:var(--app-radius-full);overflow:hidden;margin:.4rem 0}.progress-bar-wrap .progress-fill{height:100%;background:var(--app-primary);border-radius:var(--app-radius-full);transition:width .3s ease}.progress-bar-wrap .progress-fill.healthy{background:var(--app-success)}.progress-bar-wrap .progress-fill.attention{background:var(--app-warning)}.progress-bar-wrap .progress-fill.critical{background:var(--app-danger)}@media(max-width:1023px){.page-container>:not(router-outlet){display:block;min-width:0;max-width:100%}app-tenant-layout .tenant-layout-wrapper :is(.pill-bar,.pill-filters,.filter-pills,.mobile-tabs-container,.mobile-section-tabs,.version-selector-row,.tabs-scroll-bar,.quick-btns-row){min-width:0;max-width:100%;flex-wrap:wrap;white-space:normal;margin-inline:0;overflow-x:clip}body ::-webkit-scrollbar:horizontal{height:0;display:none}body :is(.table-container,.table-wrapper,.table-responsive,.measurement-table-wrap,.items-table-wrapper,.quick-scroller,.meta-row,.status-tabs){min-width:0;max-width:100%;scrollbar-width:none}body :is(.table-container,.table-wrapper,.table-responsive,.measurement-table-wrap,.items-table-wrapper,.quick-scroller,.meta-row,.status-tabs)::-webkit-scrollbar{display:none}}@media(max-width:767px){.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-flex{display:flex!important}}@media(min-width:768px){.mobile-only{display:none!important}.desktop-only{display:block!important}table.desktop-only{display:table!important}}app-tenant-layout .page-container>:not(router-outlet){display:block;min-width:0;max-width:100%}:is(app-tenant-layout,app-quotation-approval,app-variation-approval,app-body-modal) .app-input{width:100%;min-width:0;min-height:48px;padding:.75rem;border:1px solid var(--app-border);border-radius:var(--app-radius-sm);background:var(--app-surface);color:var(--app-text-primary);font:inherit}:is(app-tenant-layout,app-quotation-approval,app-variation-approval,app-body-modal) :is(input,select,textarea):focus-visible,:is(app-tenant-layout,app-quotation-approval,app-variation-approval,app-body-modal) button:focus-visible,:is(app-tenant-layout,app-quotation-approval,app-variation-approval,app-body-modal) a:focus-visible{outline:2px solid var(--app-primary);outline-offset:3px}app-tenant-layout :is(.table-container,.table-wrapper,.table-responsive,.boq-table-wrapper,.items-table-wrapper){min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}@media screen and (max-width:1023px){app-tenant-layout :is(.sticky-bottom-bar,.mobile-bottom-bar,.mobile-bottom-actions){bottom:var(--bottom-nav-height);display:flex!important;flex-wrap:wrap;gap:.5rem;padding:.75rem;z-index:600}app-tenant-layout :is(.sticky-bottom-bar,.mobile-bottom-bar,.mobile-bottom-actions) .btn{min-width:0;white-space:normal;flex:1}app-tenant-layout :is(.quotation-builder-wrapper,.design-detail-wrapper){padding-bottom:6rem}}@media screen and (min-width:768px){app-tenant-layout :is(.mobile-bottom-bar,.mobile-bottom-actions).mobile-only{display:none!important}}@media screen and (max-width:767px){app-tenant-layout .page-container :is(.app-card,.card,.metric-card,.kpi-card,.m-card,.form-group,.form-row,.grid-2,.grid-3,.sum-col){min-width:0}app-tenant-layout .page-container :is(h1,h2,h3,h4,p,.metric-value,.kpi-value,.val,.grand-val){overflow-wrap:anywhere}app-tenant-layout .page-container :is(.top-nav-bar,.header-main,.header-actions,.status-actions,.card-header-flex,.boq-header-row,.hero-top-row,.filter-controls,.filter-row,.gallery-toolbar,.sec-hdr){flex-wrap:wrap;gap:.75rem;min-width:0}app-tenant-layout .page-container :is(.top-nav-bar,.header-actions)>.btn{white-space:normal}app-tenant-layout .page-container :is(.filter-controls,.filter-row)>:is(input,select,.search-box){min-width:0;max-width:100%}app-tenant-layout .page-container :is(.hero-top-row .profile-meta,.company-branding>div,.brand-block>div,.t-body){min-width:0}app-tenant-layout .page-container :is(.avatar-large,.company-logo,.company-logo-badge,.logo){flex-shrink:0}:is(app-tenant-layout,app-quotation-approval,app-variation-approval,app-body-modal) :is(input,select,textarea){font-size:16px;max-width:100%}app-tenant-layout :is(.modal-card,.modal-dialog,.form-sheet) :is(.form-row,.grid-2){grid-template-columns:minmax(0,1fr)}app-tenant-layout :is(.modal-card,.modal-dialog,.form-sheet) :is(.modal-header,.modal-footer,.modal-actions,.banner-item){gap:.75rem;flex-wrap:wrap}app-tenant-layout :is(.modal-card,.modal-dialog,.form-sheet) :is(.modal-footer,.modal-actions)>.btn{flex:1 1 100%;white-space:normal}app-tenant-layout .page-container .category-tabs{flex-wrap:wrap}app-tenant-layout .page-container .quick-touch-actions{grid-template-columns:repeat(2,minmax(0,1fr))}app-tenant-layout .page-container .ver-pills{flex-wrap:wrap;min-width:0}app-tenant-layout .page-container .search-box{min-width:0;max-width:100%}app-tenant-layout .page-container .boq-mobile-cards,app-tenant-layout .page-container .mobile-items-list{display:flex!important}app-tenant-layout .page-container .boq-card .grid-2,app-tenant-layout .page-container .mobile-item-card .grid-3{grid-template-columns:minmax(0,1fr)}app-tenant-layout .page-container :is(.item-card-top,.boq-card-header){gap:.5rem}app-tenant-layout .page-container :is(.icon-del-btn,.del-btn,.btn-remove,.btn-del-photo,.close-btn){min-width:44px;min-height:44px;flex-shrink:0}app-tenant-layout .page-container :is(.margin-banner,.metrics-grid,.kpi-cards-grid,.metric-grid){grid-template-columns:repeat(2,minmax(0,1fr))}app-tenant-layout .page-container .val-box{align-items:flex-start}.toast-content{min-width:0;overflow-wrap:anywhere}.toast-close{min-width:44px;min-height:44px;flex-shrink:0}}