/* Bundled Manrope font licence
Copyright 2018 The Manrope Project Authors (https://github.com/googlefonts/manrope)

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL


-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------

PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.

The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded,
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.

DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.

"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).

"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).

"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.

"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.

PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:

1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.

2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.

3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.

4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.

5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.

TERMINATION
This license becomes null and void if any of the above conditions are
not met.

DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.

*/
:root{--navy:#102541;--blue:#1263e6;--blue-light:#eaf2ff;--teal:#087e6d;--green-bg:#e6f6ee;--orange:#a05c08;--orange-bg:#fff3dd;--red:#b43b49;--red-bg:#fff0f2;--ink:#203653;--muted:#62748c;--line:#dfe7f0;--bg:#f3f6fb;--radius:16px;--shadow:0 5px 24px #17345b08}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:var(--blue)}:focus-visible{outline:3px solid #78aaff;outline-offset:3px}button svg{pointer-events:none}svg.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin-top:0}h1{font-size:30px;line-height:1.2;letter-spacing:-1px;margin-bottom:7px;color:var(--navy)}h2{font-size:20px;letter-spacing:-.4px;margin-bottom:6px;color:var(--navy)}h3{font-size:16px;margin-bottom:12px;color:var(--navy)}small,.small{font-size:13px}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:1.4px;font-size:11px;font-weight:800;color:var(--muted);margin-bottom:8px}.hidden,[hidden]{display:none!important}.shell{min-height:100dvh;display:grid;grid-template-columns:238px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100dvh;overflow:auto;background:#fff;border-right:1px solid var(--line);padding:27px 16px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:9px;color:var(--navy);font-weight:900;letter-spacing:-.6px;font-size:21px;text-decoration:none;background:none;border:0;text-align:left;padding:0}.brand-mark{width:32px;height:35px;background:var(--blue);clip-path:polygon(45% 0,100% 100%,70% 100%,44% 44%,19% 100%,0 100%);display:block}.brand small{display:block;font-size:10px;font-weight:600;letter-spacing:1.3px;color:var(--muted);margin-top:1px}.side-brand{padding:0 12px 30px}.nav-label{padding:22px 12px 7px;font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#798ba1;font-weight:800}.side-link{display:flex;align-items:center;gap:11px;background:none;border:0;width:100%;padding:11px 13px;min-height:46px;border-radius:10px;color:#526680;text-align:left;font-size:14px;margin:3px 0;font-weight:550}.side-link.active{background:var(--blue-light);color:var(--blue);font-weight:750}.side-link:hover{background:#f3f6fc}.side-link .count{margin-left:auto;padding:1px 6px;border-radius:5px;background:#e6edf8;font-size:11px}.side-foot{margin-top:auto;padding:28px 12px 0;color:var(--muted);font-size:12px}.side-foot b{display:block;color:var(--navy);margin-bottom:4px}.main-wrap{min-width:0}.app-header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#ffffffec;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px);gap:15px}.header-left,.header-right,.row{display:flex;align-items:center;gap:12px}.header-search{border:1px solid var(--line);background:#f7f9fd;border-radius:10px;display:flex;align-items:center;color:var(--muted);padding:10px 13px;gap:12px;min-width:270px;font-size:13px}.header-search kbd{margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:4px;padding:0 5px;font-size:11px}.role-chip{font-size:12px;background:var(--blue-light);border-radius:30px;padding:6px 12px;color:var(--blue);font-weight:650}.icon-btn{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#4a617e;position:relative}.icon-btn:hover{background:var(--blue-light);color:var(--blue)}.icon-btn .dot{width:7px;height:7px;border-radius:50%;background:#f19b39;position:absolute;top:9px;right:10px;border:1px solid white}.avatar{height:43px;width:43px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:#e8f0ff;color:var(--blue);font-size:15px;font-weight:800}.avatar.circle{border-radius:50%}.profile-button{display:flex;align-items:center;gap:10px;background:none;border:0;text-align:left;padding:0;color:var(--navy)}.profile-button small{display:block;color:var(--muted);font-size:11px}.workspace{max-width:1390px;margin:0 auto;padding:30px 34px 50px}.demo-line{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;margin-bottom:20px;flex-wrap:wrap}.demo-line .live-dot{width:6px;height:6px;background:var(--teal);border-radius:50%}.page-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:25px;gap:20px}.page-head p{color:var(--muted);font-size:14px;margin:0}.page-actions{display:flex;gap:9px;flex-wrap:wrap}.btn{border:1px solid var(--blue);background:var(--blue);color:white;font-weight:650;padding:11px 17px;border-radius:10px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-size:13px;line-height:1.4}.btn:hover{filter:brightness(.96)}.btn.secondary{background:#fff;color:var(--blue);border-color:#c9dafa}.btn.ghost{background:transparent;color:var(--muted);border-color:transparent}.btn.danger{background:var(--red);border-color:var(--red)}.btn.success{background:var(--teal);border-color:var(--teal)}.btn.sm{padding:8px 12px;min-height:44px;font-size:12px}.btn.full{width:100%}.card{border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);margin-bottom:20px;min-width:0}.card.flat{box-shadow:none}.card-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.card-title h2,.card-title h3{margin:0}.grid{display:grid;gap:20px}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-lower{grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr)}.metrics{margin-bottom:24px;gap:16px}.metric{padding:20px;margin:0;position:relative}.metric-icon{display:grid;place-items:center;width:39px;height:39px;background:var(--blue-light);color:var(--blue);border-radius:11px;margin-bottom:19px}.metric.green .metric-icon{background:#e5f6f0;color:var(--teal)}.metric.amber .metric-icon{background:var(--orange-bg);color:var(--orange)}.metric.purple .metric-icon{background:#f0eaff;color:#7751b5}.metric strong{font-size:29px;line-height:1.2;display:block;color:var(--navy);letter-spacing:-.8px}.metric p{font-size:13px;margin:6px 0;color:var(--muted)}.metric small{font-size:11px;color:var(--teal)}.metric .corner-link{position:absolute;right:15px;top:17px;color:#8698b0}.progress{height:8px;background:#eaf0f8;border-radius:8px;overflow:hidden;margin:14px 0}.progress span{height:100%;display:block;background:var(--blue);border-radius:8px;max-width:100%}.progress.teal span{background:#20a68a}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;background:var(--blue-light);color:#1c5bb4;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap;line-height:1.6}.badge.green{background:var(--green-bg);color:var(--teal)}.badge.orange{background:var(--orange-bg);color:var(--orange)}.badge.red{background:var(--red-bg);color:var(--red)}.badge.gray{background:#eef1f5;color:#63758b}.badge svg{height:13px;width:13px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:flex;flex-direction:column;gap:4px;min-width:0}.row.wrap,.between.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.right{text-align:right}.list-row{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid #edf1f7;min-width:0}.list-row:last-child{border-bottom:0}.list-row .title{font-size:14px;font-weight:700;color:var(--navy);overflow-wrap:anywhere}.list-row .desc{font-size:12px;color:var(--muted);margin:4px 0}.list-row .meta{font-size:11px;color:var(--muted)}.record-link{background:none;border:0;color:inherit;text-align:left;padding:0;width:100%}.record-link:hover .title{color:var(--blue)}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:17px}.search-field{position:relative;flex:1;min-width:180px}.search-field>svg{position:absolute;left:13px;top:13px;color:#7186a3;width:18px;height:18px}.search-field input{padding-left:40px!important}.control,input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;min-height:45px;padding:11px 12px;background:#fbfcfe;border:1px solid #d7e1ed;border-radius:9px;color:var(--ink);font-size:14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue)!important;box-shadow:0 0 0 3px #1263e617}textarea{resize:vertical;min-height:110px;line-height:1.6}input[type=checkbox]{width:19px;height:19px;accent-color:var(--blue);flex-shrink:0}input:read-only{background:#f0f4f9;color:var(--muted)}.toolbar select{width:auto;max-width:220px;flex:0 1 auto}.chips,.tabs{display:flex;gap:7px;overflow:auto;max-width:100%;padding-bottom:3px;margin-bottom:18px;scrollbar-width:thin}.chip{border:1px solid var(--line);background:#fff;color:var(--muted);font-size:12px;min-height:44px;white-space:nowrap;padding:9px 13px;border-radius:8px}.chip.on{background:var(--blue);border-color:var(--blue);color:white}.tabs{border-bottom:1px solid var(--line);gap:20px}.tab{border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);font-size:13px;padding:11px 3px;min-height:44px;white-space:nowrap}.tab.on{border-color:var(--blue);color:var(--blue);font-weight:750}.field{margin-bottom:18px;min-width:0}.field label{display:block;font-size:12px;font-weight:700;color:#415a78;margin-bottom:7px}.field .help{font-size:11px;color:var(--muted);margin:6px 0 0}.required{color:var(--red)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.form-grid>.full{grid-column:1/-1}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:10px;flex-wrap:wrap}.form-actions .autosave{margin-right:auto;color:var(--muted);font-size:11px}.form-width{max-width:920px;margin:0 auto}.field-error{background:var(--red-bg);border:1px solid #f3cbd2;padding:12px 15px;border-radius:9px;font-size:13px;color:var(--red);margin-bottom:16px}.notice{display:flex;gap:10px;align-items:flex-start;background:#edf4ff;border:1px solid #d2e3fc;padding:14px 16px;border-radius:11px;font-size:12px;color:#315b8b;margin-bottom:20px}.notice p{margin:0}.notice.success{background:#edf9f4;border-color:#ccebdd;color:var(--teal)}.notice.warning{background:#fff7e9;border-color:#f4dfb9;color:#8b631c}.notice svg{width:18px;height:18px;margin-top:1px}.empty{text-align:center;padding:45px 20px;color:var(--muted)}.empty .icon{width:39px;height:39px;color:#9fb3ce;margin-bottom:12px}.empty h3{margin:0 0 7px}.empty p{font-size:13px;max-width:370px;margin:0 auto 18px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:15px;margin-top:12px;font-size:12px;color:var(--muted);flex-wrap:wrap}.pagination select{width:75px}.pagination .icon-btn{min-width:40px;min-height:40px}.detail-hero{display:flex;align-items:center;gap:17px;margin-bottom:22px}.detail-hero .avatar{height:62px;width:62px;border-radius:18px;font-size:24px}.detail-hero h2{margin:0 0 5px;font-size:23px}.detail-hero p{margin:0;color:var(--muted);font-size:13px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:20px}.kv{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #eef2f7;font-size:13px}.kv:last-child{border-bottom:0}.kv span:first-child{color:var(--muted)}.kv b{text-align:right;max-width:65%;overflow-wrap:anywhere}.timeline{border-left:2px solid #d9e5f5;margin:12px 0 8px 7px;padding-left:22px}.timeline-item{position:relative;padding:0 0 23px;font-size:13px}.timeline-item:before{content:'';position:absolute;height:9px;width:9px;left:-28px;top:5px;background:var(--blue);border:2px solid white;border-radius:50%;box-shadow:0 0 0 2px #d9e5f5}.timeline-item b{display:block;color:var(--navy);font-size:13px;margin-bottom:4px}.timeline-item small{color:var(--muted);font-size:11px}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.module{background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px;color:var(--ink);text-align:left;min-height:135px}.module>svg{width:27px;height:27px;color:var(--blue);margin-bottom:15px}.module b{display:block;color:var(--navy);margin-bottom:5px}.module small{font-size:12px;color:var(--muted)}.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.kanban-col{background:#eaf0f7;border:1px solid #dce5f0;border-radius:13px;padding:13px;min-width:0}.kanban-head{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:750;margin-bottom:14px;color:var(--navy)}.deal-card{padding:16px;margin-bottom:10px;cursor:grab}.deal-card button{background:none;border:0;padding:0;width:100%;text-align:left;min-height:44px;color:var(--navy);font-weight:700;font-size:13px}.deal-card .amount{font-size:20px;font-weight:800;margin:11px 0;color:var(--navy)}.timer-wrap{padding:28px;text-align:center}.timer-ring{height:205px;width:205px;border:9px solid #c6e9e0;border-top-color:#20a98c;border-radius:50%;margin:15px auto 25px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f9fdfb}.timer-ring strong{font-size:34px;letter-spacing:1px;color:var(--navy);font-variant-numeric:tabular-nums}.timer-ring span{font-size:12px;color:var(--muted)}.location-card{height:150px;border-radius:12px;background-color:#f1f7f6;background-image:linear-gradient(26deg,transparent 46%,#fff 47%,#fff 52%,transparent 53%),linear-gradient(105deg,transparent 30%,#fff 31%,#fff 36%,transparent 37%);border:1px solid #dce8e4;display:grid;place-items:center;margin-bottom:17px;position:relative}.location-card .icon{height:32px;width:32px;color:var(--teal)}.location-card small{position:absolute;bottom:9px;color:#4e7e75;font-size:11px}.line-editor{border:1px solid var(--line);border-radius:11px;padding:16px;margin:13px 0;background:#fcfdff}.line-editor .form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.line-editor .field{margin-bottom:3px}.line-editor input{min-height:44px}.line-editor .line-title{font-size:14px;font-weight:750;color:var(--navy)}.catalog-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:13px 0}.catalog-row:last-child{border:0}.catalog-row b{font-size:13px;display:block}.catalog-row small{font-size:11px;color:var(--muted)}.catalog-row .price{font-size:13px;font-weight:750;margin-left:auto;white-space:nowrap}.summary{background:#f5f8fd;border-radius:12px;padding:18px;margin:17px 0}.summary .between{padding:7px 0;font-size:13px}.summary .grand{padding-top:13px;border-top:1px solid #d9e3f2;margin-top:7px;color:var(--blue);font-size:19px;font-weight:800}.table-wrap{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:12px;min-width:510px}th{text-align:left;color:var(--muted);font-weight:650;background:#f5f8fd}td,th{padding:12px;border-bottom:1px solid var(--line)}td.number,th.number{text-align:right}.check-row{display:flex;gap:12px;align-items:flex-start;min-height:44px;padding:10px 0;font-size:13px}.task-done{text-decoration:line-through;color:var(--muted)}.doc-card{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:13px;border-radius:11px;margin-bottom:11px;font-size:12px}.doc-card b{display:block;color:var(--navy)}.doc-card small{color:var(--muted);font-size:11px}.attachment-note{font-size:11px;margin-top:7px;color:var(--muted)}.mobile-brand,.mobile-menu,.bottom-nav{display:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fffffffa;backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:35;justify-content:space-around;padding:7px 6px max(7px,env(safe-area-inset-bottom));min-height:69px}.bottom-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-width:52px;min-height:48px;background:none;border:0;color:var(--muted);font-size:10px}.bottom-nav button.active{color:var(--blue);font-weight:750}.bottom-nav button.active svg{stroke-width:2.5}.toast{position:fixed;bottom:25px;left:calc(50% + 119px);transform:translateX(-50%);max-width:min(580px,90vw);width:max-content;box-shadow:0 8px 35px #09234c25;background:var(--navy);color:white;border-radius:12px;padding:13px 18px;font-size:13px;z-index:90;pointer-events:none}.toast.error{background:#94333d}dialog{border:0;border-radius:19px;padding:0;width:min(600px,calc(100vw - 28px));box-shadow:0 25px 90px #071d4a35;color:var(--ink);max-height:90dvh;overflow:auto}dialog::backdrop{background:#0e264977;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:1}.dialog-head h2{margin:0;font-size:19px}.dialog-body{padding:24px}.auth-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,1fr);background:white}.auth-story{padding:48px 10%;background:#edf4ff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-story:before{content:'';width:600px;height:600px;border:1px solid #d4e4fb;border-radius:50%;position:absolute;right:-170px;bottom:-180px;pointer-events:none}.auth-story h1{font-size:49px;max-width:490px;line-height:1.1;letter-spacing:-1.8px}.auth-story h1 span{color:var(--blue)}.auth-story p{color:#6882a4;max-width:370px}.auth-mini{background:#ffffffda;border:1px solid #d8e5f9;border-radius:18px;padding:25px;max-width:410px;position:relative;z-index:1;margin:30px 0}.auth-mini .row{margin:13px 0}.auth-mini .bubble{width:36px;height:36px;border-radius:10px;background:var(--blue-light);display:grid;place-items:center;color:var(--blue)}.auth-form-wrap{display:flex;align-items:center;justify-content:center;padding:45px 35px}.auth-form{width:100%;max-width:390px}.auth-form .brand{margin-bottom:38px}.auth-form h1{font-size:29px}.auth-form>p{color:var(--muted);font-size:14px;margin-bottom:25px}.auth-tabs{display:flex;background:#f1f5fc;padding:4px;border-radius:11px;margin-bottom:27px}.auth-tabs button{flex:1;border:0;min-height:42px;border-radius:8px;background:none;color:var(--muted);font-size:13px;font-weight:700}.auth-tabs button.on{background:white;box-shadow:0 2px 6px #17345b10;color:var(--blue)}.otp-input{letter-spacing:12px;font-size:26px!important;text-align:center;font-weight:800;max-width:100%;padding-left:22px!important}.auth-footer{font-size:11px;color:var(--muted);margin-top:27px;text-align:center}.stepper{display:flex;margin-bottom:25px;gap:13px}.stepper .step{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.stepper i{font-style:normal;display:grid;place-items:center;background:#e5ecf7;border-radius:50%;width:25px;height:25px;font-size:11px;font-weight:800}.stepper .on{color:var(--blue);font-weight:700}.stepper .on i{background:var(--blue);color:#fff}.storage-warning{background:#fff0e8;color:#a84d20;padding:10px 20px;font-size:12px}.skip-link{position:fixed;top:-100px;left:15px;z-index:200;background:white;padding:12px}.skip-link:focus{top:10px}.num{font-variant-numeric:tabular-nums}.spacer{height:14px}.print-only{display:none}.break{overflow-wrap:anywhere}.action-rows .form-grid{grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:10px}.upload-label{cursor:pointer}.banner-kpi{background:var(--navy);color:white;border:0}.banner-kpi h2,.banner-kpi h3{color:white}.banner-kpi .muted{color:#bbcee7}.banner-kpi .btn.secondary{background:#fff;color:var(--blue);border:0}.banner-kpi .badge{background:#ffffff20;color:#dfeeff}.menu-dialog .module-grid{grid-template-columns:1fr 1fr}.badge-group{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media screen{.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-lower,.detail-grid{grid-template-columns:1fr}.header-search{min-width:180px}.workspace{padding:26px 24px 45px}.app-header{padding:0 24px}.profile-button .profile-name{display:none}.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-story{padding:40px 8%}.auth-story h1{font-size:39px}}
@media screen{.shell{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.app-header{height:66px;padding:0 19px;gap:8px}.mobile-brand,.mobile-menu{display:flex}.header-search,.header-breadcrumb,.profile-button,.role-chip{display:none}.header-left{gap:10px}.mobile-brand .brand-mark{height:25px;width:24px}.mobile-brand.brand{font-size:18px}.mobile-brand small{display:none}.header-right{gap:5px}.header-right .icon-btn{border:0;min-width:40px}.mobile-menu{border:0;background:none;padding:0;min-width:30px;color:var(--navy)}.workspace{padding:23px 20px 105px}.bottom-nav{display:flex}.page-head{margin-bottom:20px;gap:12px;flex-wrap:wrap}.page-head h1{font-size:25px;letter-spacing:-.7px}.page-head p{font-size:12px}.page-actions{margin-left:auto}.page-actions .btn{font-size:12px;padding:10px 12px}.demo-line{font-size:10px;margin-bottom:18px}.card{padding:19px;margin-bottom:17px}.metrics{gap:11px;margin-bottom:20px}.metric{padding:16px;margin:0;min-height:155px}.metric strong{font-size:25px}.metric-icon{width:35px;height:35px;margin-bottom:15px}.metric p{font-size:12px}.metric small{font-size:10px}.cols-2,.cols-3{grid-template-columns:1fr}.dashboard-lower{gap:0}.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{column-gap:14px}.auth-shell{display:block}.auth-story{display:none}.auth-form-wrap{padding:45px 23px;min-height:100dvh}.auth-form{max-width:400px}.auth-form .brand{margin-bottom:55px}.toast{left:50%;bottom:91px;max-width:calc(100vw - 34px);font-size:12px}.kanban{grid-template-columns:1fr 1fr;gap:11px}.kanban-col{padding:11px}.deal-card{padding:12px}.deal-card .amount{font-size:18px}.list-row{gap:11px}.list-row .title{font-size:13px}.list-row .desc{font-size:12px}.line-editor .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-rows .form-grid{grid-template-columns:1fr 1fr}.action-rows .action-desc{grid-column:1/-1}.toolbar{gap:8px}.toolbar select{font-size:12px;max-width:100%;flex:1}.toolbar .search-field{flex-basis:100%}.detail-hero{gap:12px}.detail-hero h2{font-size:20px}.detail-hero .avatar{width:51px;height:51px;font-size:21px}.detail-hero .badge{align-self:flex-start}.stepper{gap:7px;flex-wrap:wrap}.stepper .step{font-size:11px}.stepper i{height:23px;width:23px}.form-actions{justify-content:stretch}.form-actions .btn{flex:1}.form-actions .autosave{flex-basis:100%;margin-bottom:4px}.kv{font-size:12px}.module-grid{gap:11px}.module{padding:17px;min-height:132px}.module b{font-size:14px}.module small{font-size:11px}}
@media(max-width:380px){.workspace{padding-left:14px;padding-right:14px}.app-header{padding:0 13px}.card{padding:16px}.form-grid{grid-template-columns:1fr}.form-grid>.full{grid-column:auto}.page-head h1{font-size:23px}.page-actions{margin-left:0}.kanban{grid-template-columns:1fr}.header-right .icon-btn{min-width:36px}.mobile-brand.brand{font-size:16px}.metric strong{font-size:24px}.catalog-row .avatar{display:none}.bottom-nav button{min-width:48px}.action-rows .form-grid{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr 1fr}}
@media print{.sidebar,.app-header,.bottom-nav,.demo-line,.page-actions,.toast,.no-print{display:none!important}.shell{display:block}.workspace{padding:0;max-width:none}.card{box-shadow:none;break-inside:avoid}.print-only{display:block}.detail-grid{display:block}body{background:#fff}}

/* AE Connect business UI: neutral surfaces, compact records and official product imagery. */
:root{--navy:#1c2b39;--ink:#293846;--blue:#0079a0;--blue-light:#edf5f8;--muted:#687581;--line:#dce1e6;--bg:#f6f7f8;--radius:6px;--shadow:none;--teal:#26734d;--green-bg:#edf5ef;--orange:#8d610d;--orange-bg:#faf3e5;--red:#ab3842;--red-bg:#faecee}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:14px;line-height:1.5;background:var(--bg)}
h1{font-size:25px;font-weight:650;letter-spacing:-.35px;line-height:1.3}h2{font-size:19px;letter-spacing:0;font-weight:650}h3{font-size:14px;font-weight:650;letter-spacing:0}small,.small{font-size:12px}.eyebrow{font-size:10px;letter-spacing:.8px;font-weight:600}
.shell{grid-template-columns:218px minmax(0,1fr)}.sidebar{padding:22px 12px;background:#fff}.side-brand{padding:0 13px 19px}.brand{gap:0}.brand-mark{display:none}.brand-crop{display:block;width:150px;height:36px;overflow:hidden;position:relative}.brand-crop img{position:absolute;width:220px;height:88px;max-width:none;left:-35px;top:-39px;object-fit:contain}.brand-caption{font-size:10px;color:var(--muted);font-weight:500;letter-spacing:1px;margin-top:4px}
.nav-label{padding:18px 13px 5px;color:#84909b;font-size:10px;letter-spacing:.7px}.side-link{min-height:42px;border-radius:3px;padding:9px 12px;border-left:3px solid transparent;font-size:13px;font-weight:450;color:#4c5b68;margin:1px 0;gap:10px}.side-link svg{width:17px;height:17px;stroke-width:1.6}.side-link.active{background:#f0f5f7;border-left-color:var(--blue);font-weight:600;color:#076b8b}.side-link:hover{background:#f5f7f8}.side-foot{font-size:10px;padding:25px 13px 0}.side-foot b{font-size:11px;font-weight:600}
.app-header{height:64px;background:#fff;backdrop-filter:none;padding:0 28px}.header-breadcrumb{font-size:12px}.header-search{border-radius:5px;min-height:36px;padding:7px 11px;background:#f7f8f9;border-color:#e3e7eb;min-width:230px;font-size:12px}.header-search kbd{border-radius:2px}.header-search svg{width:16px;height:16px}.role-chip{border-radius:3px;border:1px solid #e0e5e9;background:#fff;color:#6a7680;font-size:10px;font-weight:500;padding:4px 8px}.profile-button .avatar{height:31px;width:31px;font-size:11px}.profile-button .profile-name b{font-size:12px;font-weight:600}.profile-button small{font-size:10px}.icon-btn{border-radius:4px;background:transparent;border-color:transparent;min-width:40px;min-height:44px;color:#637280}.icon-btn:hover{background:#f1f4f6;color:var(--blue)}.icon-btn .icon{width:18px;height:18px}
.workspace{max-width:1400px;padding:24px 28px 45px}.demo-line{font-size:10px;gap:6px;margin-bottom:15px;color:#8a959e}.demo-line .live-dot{background:#9cabb5;width:4px;height:4px}.page-head{margin-bottom:20px;gap:15px;align-items:center}.page-head p{font-size:12px;margin-top:4px;color:#7a858e}.page-actions{gap:7px}.page-actions .btn{font-size:12px}.btn{border-radius:4px;box-shadow:none;min-height:42px;padding:10px 14px;font-size:12px;font-weight:550;gap:7px}.btn svg{width:16px;height:16px}.btn.secondary{color:#3b5367;border-color:#cbd3da;background:#fff}.btn.ghost{color:#5f7180}.btn.success{background:#287346;border-color:#287346}.btn.danger{background:#a83c46;border-color:#a83c46}.btn.sm{font-size:11px;min-height:40px;padding:8px 11px}
.card{border-radius:6px;box-shadow:none;padding:18px;border-color:var(--line);margin-bottom:16px;background:#fff}.card-title{margin-bottom:13px}.card-title h3{font-size:14px}.grid{gap:16px}.detail-grid{grid-template-columns:minmax(0,1.6fr) minmax(275px,1fr);gap:18px}.dashboard-lower{grid-template-columns:minmax(0,1.6fr) minmax(275px,1fr)}
.metrics{border:1px solid var(--line);border-radius:6px;overflow:hidden;gap:0;margin-bottom:22px;background:#fff}.metric{border:0;border-right:1px solid var(--line);border-radius:0;padding:17px 20px;min-height:116px;margin:0;box-shadow:none;display:flex;flex-direction:column}.metric:last-child{border-right:0}.metric-icon,.metric .corner-link{display:none}.metric strong{order:2;font-size:28px;letter-spacing:-.3px;font-weight:600;margin:2px 0 3px;line-height:1.3}.metric p{order:1;color:#687782;font-size:12px;margin:0}.metric small{order:3;color:#8c969e;font-size:10px}.banner-kpi{background:#fff;color:var(--ink);border:1px solid var(--line)}.banner-kpi h2,.banner-kpi h3{color:var(--navy)}.banner-kpi .muted{color:var(--muted)}.banner-kpi .eyebrow{color:#7e8b96!important}.progress{border-radius:2px;height:5px;background:#edf1f4;margin:12px 0}.progress span{border-radius:2px;background:var(--blue)}.progress.teal span{background:#638e83}
.avatar{border-radius:4px;background:#f1f3f5;color:#617382;width:36px;height:36px;font-size:12px;font-weight:600}.avatar svg{width:18px;height:18px}.record-mark{background:#f5f6f7;border:1px solid #e7ebee;color:#74818c;font-size:11px}.record-mark .icon{width:18px;height:18px;stroke-width:1.5}.avatar.circle{background:#ecf1f4}.badge{font-size:10px;border-radius:3px;line-height:1.5;letter-spacing:0;font-weight:550;padding:3px 7px}.badge.gray{background:#f0f2f4;color:#727e88}.badge.orange{background:#fbf3e3;color:#926318}.badge.green{background:#edf5ee;color:#2e7446}.badge.red{background:#f9edef;color:#a34550}
.list-row{padding:13px 0;border-color:#e9edf0;gap:12px}.list-row .title{font-size:13px;font-weight:600;line-height:1.5}.list-row .desc{font-size:12px;color:#6e7c88;margin:3px 0}.list-row .meta{font-size:10px;color:#8b959d}.record-link:hover .title{text-decoration:underline}.toolbar{gap:8px;margin-bottom:14px}.toolbar select{font-size:12px}.search-field input{min-height:42px}.chips{gap:5px;margin-bottom:15px}.chip{border-radius:4px;min-height:39px;padding:8px 11px;font-size:11px;background:#fff;border-color:#dce2e7}.chip.on{background:#edf5f8;color:#12677f;border-color:#aacbd7;font-weight:600}.tabs{gap:22px;margin-bottom:18px}.tab{font-size:12px;min-height:43px;border-bottom-width:2px;font-weight:450}.tab.on{font-weight:600}.field{margin-bottom:16px}.field label{font-size:12px;font-weight:550;color:#566573;margin-bottom:6px}.field .help{font-size:10px;color:#919ba4}.control,input:not([type=checkbox]):not([type=radio]),select,textarea{background:#fff;border-radius:4px;border-color:#cfd7df;font-size:13px;min-height:42px;padding:10px 11px}textarea{min-height:100px}.form-grid{column-gap:16px}.form-actions{padding-top:16px}.form-actions .autosave{font-size:10px;color:#8a969e}.notice{border-radius:4px;font-size:11px;padding:11px 13px;background:#f1f5f8;border-color:#dce6ec;color:#607586;gap:9px}.notice.success{background:#f1f7f2;border-color:#d9e7dc;color:#53705b}.notice.warning{background:#fcf8ee;border-color:#eee2c5;color:#917743}.notice svg{height:16px;width:16px}.field-error{border-radius:4px;font-size:12px}.kv{padding:10px 0;font-size:12px;border-color:#edf0f3}.kv b{font-weight:550}.detail-hero{gap:13px;margin-bottom:19px}.detail-hero h2{font-size:21px;font-weight:600}.detail-hero .avatar{width:48px;height:48px;font-size:18px;border-radius:5px}.detail-hero p{font-size:12px}.summary{border-radius:4px;padding:14px 16px;background:#f5f7f9}.summary .between{font-size:12px;padding:6px 0}.summary .grand{font-size:17px;font-weight:650;color:#263e51}.table-wrap{border:1px solid #e0e5e9;border-radius:4px}table{font-size:11px;min-width:530px}td,th{padding:10px 12px;border-color:#e8edf0}th{font-size:10px;color:#7b8993;letter-spacing:.3px;font-weight:600;background:#f6f8f9}td b{font-weight:550}td small{font-size:9px}.table-wrap+.summary{margin-top:14px}
.product-thumb{width:62px;height:52px;object-fit:contain;background:white;border:1px solid #e7ebee;border-radius:4px;flex-shrink:0;display:block;padding:3px}.product-thumb.line-photo{width:76px;height:56px}.product-thumb.table-photo{width:43px;height:36px;padding:1px;border:0}.product-cell{display:flex;align-items:center;gap:10px;min-width:185px}.product-cell>span{display:block}.catalog-row{gap:12px;padding:13px 0;border-color:#e9edf0}.catalog-row b{font-size:12px;font-weight:550}.catalog-row small{font-size:10px;line-height:1.7;display:block}.catalog-row .avatar{display:none}.catalog-row .btn{min-width:56px;min-height:40px;font-size:11px}.line-editor{border-radius:4px;background:white;padding:14px;margin:12px 0}.line-editor .line-title{font-weight:600;font-size:13px}.line-editor .form-grid{margin-top:13px}.product-reference{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.product-reference>div{border:1px solid #e7ebee;padding:9px 7px;border-radius:4px;text-align:center}.product-reference img{height:65px;width:100%;object-fit:contain;display:block;margin-bottom:7px}.product-reference b{font-size:10px;font-weight:500;color:#657684}.product-credit{font-size:10px;color:#8d989f;margin:10px 0 0}
.timeline{border-left:1px solid #dce4e9;padding-left:20px;margin-left:6px}.timeline-item{font-size:12px;padding-bottom:20px}.timeline-item:before{width:6px;height:6px;left:-24px;top:6px;background:#7a9cae;border:1px solid white;box-shadow:0 0 0 2px white}.timeline-item b{font-size:12px;font-weight:550}.timeline-item small{font-size:10px;color:#8d99a2}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;background:white;border:1px solid var(--line);border-radius:5px;padding:4px 16px}.module{border:0;border-bottom:1px solid #e9edf0;border-radius:0;background:none;box-shadow:none;display:grid;grid-template-columns:24px 1fr;gap:2px 11px;min-height:66px;padding:13px 4px}.module>svg{grid-row:1/3;width:19px;height:19px;align-self:center;margin:0;color:#6d8393}.module b{margin:0;font-size:13px;font-weight:550}.module small{font-size:10px;color:#99a3ab}.module:hover{background:#fafbfc}.kanban-col{border-radius:5px;background:#f0f3f5;border-color:#dfe5e9;padding:12px}.kanban-head{font-size:11px;font-weight:600;color:#657b8b}.deal-card{border-radius:4px;box-shadow:none;padding:13px}.deal-card button{font-size:12px;font-weight:550;min-height:39px}.deal-card .amount{font-size:18px;font-weight:600}.deal-card .avatar{width:25px!important;height:25px!important;background:#eef2f5}.doc-card{border-radius:4px;padding:11px}.doc-card b{font-weight:550}.location-card{border-radius:4px}.timer-ring{border-width:5px;box-shadow:none;background:#fff;height:180px;width:180px}.timer-ring strong{font-size:30px;font-weight:550}.timer-wrap{padding:14px}.toast{border-radius:5px;font-size:12px;background:#243a4c;box-shadow:0 4px 18px #00000014;left:calc(50% + 109px)}dialog{border-radius:7px;box-shadow:0 14px 60px #132d4729}.dialog-head{padding:17px 20px}.dialog-head h2{font-size:17px;font-weight:600}.dialog-body{padding:20px}dialog::backdrop{background:#20364666;backdrop-filter:none}
.auth-story{background:#f5f7f8;padding:35px 10%}.auth-story:before{display:none}.auth-story h1{font-size:30px;font-weight:550;line-height:1.25;letter-spacing:-.5px}.auth-story h1 span{color:var(--navy)}.auth-story p{font-size:13px;color:#7b8994}.auth-mini{border-radius:5px;box-shadow:none;padding:18px;background:#fff}.auth-mini .bubble{border-radius:3px;background:#f1f4f6;color:#788e9d}.auth-products{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:450px;margin-top:27px}.auth-products figure{margin:0;padding:15px;border:1px solid #e0e6eb;background:white;border-radius:4px}.auth-products figure:first-child{grid-column:1/-1}.auth-products img{height:125px;width:100%;object-fit:contain}.auth-products figure:first-child img{height:150px}.auth-products figcaption{font-size:11px;color:#8b98a2;margin-top:10px}.auth-form h1{font-size:24px;letter-spacing:-.25px;font-weight:600}.auth-form>p{font-size:13px}.auth-tabs{border-radius:4px;background:#f1f4f6;padding:3px}.auth-tabs button{border-radius:3px;font-size:12px;font-weight:550}.auth-tabs button.on{box-shadow:0 1px 3px #17345b10;color:#305d78}.auth-footer{font-size:10px;color:#91a0aa;line-height:1.7}.bottom-nav{backdrop-filter:none;box-shadow:none}.bottom-nav button{font-size:10px;font-weight:450;color:#7f8c97}.bottom-nav button.active{color:#086d92;font-weight:600}.bottom-nav button.active svg{stroke-width:2}.bottom-nav button svg{width:19px;height:19px;stroke-width:1.6}
@media screen{.detail-grid,.dashboard-lower{grid-template-columns:1fr}.metric{border-bottom:1px solid var(--line)}.metric:nth-child(even){border-right:0}.metric:nth-last-child(-n+2){border-bottom:0}.auth-story{padding:35px 7%}.header-search{min-width:170px}.app-header{padding:0 21px}.workspace{padding:22px 22px 45px}}
@media screen{.shell{grid-template-columns:1fr}.app-header{height:58px;padding:0 16px}.mobile-brand .brand-crop{width:138px;height:32px}.mobile-brand .brand-crop img{width:205px;height:82px;left:-33px;top:-37px}.workspace{padding:18px 16px 96px}.demo-line{font-size:9px;margin-bottom:13px}.page-head{align-items:center;margin-bottom:16px}.page-head h1{font-size:22px;font-weight:600;letter-spacing:-.25px}.page-head p{font-size:11px;line-height:1.6}.page-actions{margin-left:0}.page-actions .btn{min-height:40px;font-size:11px;padding:9px 12px}.metrics{margin-bottom:18px}.metric{padding:14px 15px;min-height:104px}.metric strong{font-size:26px;line-height:1.3}.metric p{font-size:11px}.metric small{font-size:9px}.card{padding:16px;margin-bottom:14px}.card-title h3{font-size:13px}.card-title .btn{font-size:10px}.list-row .title{font-size:12px}.list-row .desc{font-size:11px;line-height:1.6}.list-row .meta{font-size:10px}.avatar{height:33px;width:33px}.field label{font-size:11px}.field .help{font-size:10px}.btn{min-height:44px}.chip{min-height:40px;font-size:10px;padding:8px 10px}.module-grid{grid-template-columns:1fr;padding:3px 14px}.module{min-height:61px}.module b{font-size:12px}.module>svg{width:18px;height:18px}.product-thumb{width:57px;height:48px}.product-thumb.line-photo{width:64px;height:48px}.product-cell{gap:7px;min-width:180px}.product-reference img{height:58px}.catalog-row{gap:10px}.catalog-row b{font-size:11px;line-height:1.6}.catalog-row small{font-size:10px}.catalog-row .btn{padding:7px 10px;font-size:10px;min-width:52px}.line-editor{padding:12px}.line-editor .line-title{font-size:12px}.line-editor .form-grid{column-gap:12px}.detail-hero h2{font-size:18px}.detail-hero .avatar{height:42px;width:42px;font-size:16px}.detail-hero p{font-size:11px}.form-actions .btn{font-size:11px}.notice{font-size:10px;line-height:1.7;padding:10px 12px}.kv{font-size:11px}.summary .between{font-size:11px}.summary .grand{font-size:17px}.toast{left:50%;bottom:86px;font-size:11px}.bottom-nav{min-height:64px;padding-top:5px;padding-bottom:max(5px,env(safe-area-inset-bottom))}.bottom-nav button{min-height:47px}.auth-form-wrap{padding:35px 23px}.auth-form .brand{margin-bottom:42px}.auth-form h1{font-size:23px}.auth-products{display:none}}
@media(max-width:380px){.workspace{padding-left:12px;padding-right:12px}.app-header{padding:0 11px}.page-head h1{font-size:20px}.card{padding:14px}.metric{padding:12px;min-height:101px}.metric p{font-size:10px}.metric small{font-size:9px}.metric strong{font-size:24px}.mobile-brand .brand-crop{width:126px}.module-grid{grid-template-columns:1fr}.catalog-row b{font-size:11px}.product-thumb{width:49px;height:43px}.product-thumb.line-photo{width:54px;height:44px}.header-right{gap:0}.mobile-menu{min-width:28px}.header-right .icon-btn{min-width:34px}.kanban{grid-template-columns:1fr}}
@media print{.product-thumb{width:35px;height:28px}.product-credit{display:none}.workspace{padding:0}.brand-crop img{position:static;width:160px;height:60px}.card{border-radius:0}}
#page-title:focus{outline:none}
.grid>*,.detail-grid>*,.dashboard-lower>*{min-width:0}
@media screen{.detail-grid,.dashboard-lower{grid-template-columns:minmax(0,1fr)}}
@media screen{.list-row .title{font-size:13px}.list-row .desc{font-size:12px}.list-row .meta{font-size:11px}.field label{font-size:12px}.control,input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:14px;min-height:44px}.metric p{font-size:12px}.metric small{font-size:10px}.chip{min-height:44px;font-size:11px}.btn.sm,.catalog-row .btn{min-height:44px;font-size:11px}.header-right .icon-btn,.mobile-menu.icon-btn{min-width:44px;min-height:44px}.notice{font-size:11px}.kv{font-size:12px}.catalog-row b{font-size:12px}}

/* Readable mobile records, staff portraits and restrained business colour. */
svg.icon.lucide-filled{fill:currentColor;fill-opacity:1;stroke:none;stroke-width:0}
.side-link.active svg.icon,.bottom-nav button.active svg.icon{stroke:none;stroke-width:0}
.user-avatar{overflow:hidden;background:#e9eff3;border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0}.user-avatar img{display:block;width:100%;height:100%;object-fit:cover}.user-avatar.header-avatar{width:34px;height:34px}.user-avatar.inline-avatar{width:21px;height:21px;min-width:21px;margin:0 5px 0 0}.user-avatar.owner-avatar{width:28px!important;height:28px!important}.detail-hero .user-avatar.profile-avatar{width:76px;height:76px;border-radius:50%}.person-meta,.person-value,.timeline-person{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.person-value{justify-content:flex-end}.timeline-person{font-size:11px}.timeline-person .inline-avatar{width:17px;height:17px;min-width:17px}.record-tools{min-width:0}.record-results{min-width:0}.list-row[data-status='Submitted'] .badge{background:#fff2d8;color:#986215}.list-row[data-status='Approved'] .badge,.list-row[data-status='Completed'] .badge{background:#e8f5ed;color:#247547}.list-row[data-status='Sent Back'] .badge,.list-row[data-status='Closed Lost'] .badge{background:#fcebed;color:#af3e4d}
:root{--blue:#087fc2;--blue-light:#edf5fb;--teal:#22866c}.side-link.active{border-left-color:#087fc2;color:#0872ad;background:#edf6fb}.side-link[data-go='visits'] svg{color:#23856d}.side-link[data-go='tasks'] svg{color:#bd8a30}.side-link[data-go='pipeline'] svg{color:#8466af}.side-link[data-go='moms'] svg{color:#568b90}.side-link[data-go='quotes'] svg{color:#3a82bc}.side-link[data-go='approvals'] svg{color:#b4812d}.side-link[data-go='orders'] svg{color:#5b79ab}.metric{border-top:3px solid #438cc7}.metric.green{border-top-color:#399d82}.metric.amber{border-top-color:#d0a049}.metric.purple{border-top-color:#9479bb}.metric strong{color:#2c6b9c}.metric.green strong{color:#27866b}.metric.amber strong{color:#a47825}.metric.purple strong{color:#8064a3}.badge.green{background:#e6f4ec;color:#237846}.badge.orange{background:#fff2d9;color:#996719}.badge.red{background:#fcebed;color:#ad4050}.badge:not(.green):not(.orange):not(.red):not(.gray){background:#eaf2fb;color:#387bb4}.notice.success{border-left:3px solid #58a887}.notice.warning{border-left:3px solid #d3a44d}.banner-kpi{border-top:3px solid #5d9aad}.chip.on{background:#eaf4fc;border-color:#adcee8;color:#176fa8}.page-actions>.btn:not(.secondary):not(.ghost){background:#087fc2;border-color:#087fc2}.module>svg{color:#4c8cb5}.module[data-go='tasks']>svg{color:#ba8a35}.module[data-go='visits']>svg{color:#2d8e73}.module[data-go='pipeline']>svg{color:#8872b0}.module[data-go='moms']>svg{color:#4d9693}.module[data-go='approvals']>svg{color:#bb8c3c}.form-actions .btn:not(.secondary):not(.ghost){box-shadow:none}
.mobile-product-lines{display:none}.document-preview{border:1px solid var(--line);width:100%;height:65dvh;background:#f4f6f8;border-radius:5px}.document-image{display:block;max-width:100%;max-height:65dvh;margin:auto;object-fit:contain}
@media screen{
 .header-left{gap:6px}.mobile-brand .brand-crop{width:126px}.mobile-brand .brand-crop img{width:190px;height:76px;left:-30px;top:-33px}.header-right{gap:0}.header-right .profile-button{display:flex!important;min-width:42px;min-height:44px;justify-content:center}.profile-button .profile-name{display:none}.profile-button .header-avatar{width:30px;height:30px;border:2px solid white;box-shadow:0 0 0 1px #e0e7ec}.header-right .icon-btn{min-width:40px}.mobile-menu.icon-btn{min-width:38px}
 .record-list.card{padding:0;border:0;background:transparent;box-shadow:none}.record-tools{background:#fff;border:1px solid #dce4eb;border-radius:8px;padding:13px;margin-bottom:12px}.record-tools .toolbar{margin-bottom:0;gap:8px}.record-tools .chips{margin-top:11px;margin-bottom:0;padding-bottom:0}.record-tools .toolbar>.search-field{flex-basis:100%}.record-tools .toolbar>select{min-height:42px;font-size:12px}.record-tools .toolbar>select:only-of-type{width:100%}
 .record-results>.list-row{border:1px solid #dce4eb;border-left:3px solid #b6cad9;border-radius:7px;background:#fff;padding:14px 13px;margin-bottom:10px;gap:11px;box-shadow:none;align-items:flex-start}.record-results>.list-row[data-status='Submitted'],.record-results>.list-row[data-status='Pending Review'],.record-results>.list-row[data-status='Awaiting Stock']{border-left-color:#d6aa58}.record-results>.list-row[data-status='Completed'],.record-results>.list-row[data-status='Approved'],.record-results>.list-row[data-status='Closed Won'],.record-results>.list-row[data-status='Active']{border-left-color:#65a88e}.record-results>.list-row[data-status='Sent Back'],.record-results>.list-row[data-status='Closed Lost']{border-left-color:#cc7c89}
 .record-results .record-link.row{display:grid;grid-template-columns:39px minmax(0,1fr) 15px;gap:3px 11px;align-items:start}.record-link>.record-mark,.record-link>.product-thumb{grid-column:1;grid-row:1/3;margin-top:2px}.record-link>.grow{grid-column:2;grid-row:1;min-width:0}.record-link>.badge{grid-column:2;grid-row:2;justify-self:start;align-self:start;margin-top:6px;font-size:10px}.record-link>.stack{grid-column:2;grid-row:2;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:10px;margin-top:8px;text-align:left}.record-link>.stack b{font-size:14px;font-weight:650;color:#335d7c}.record-link>svg:last-child{grid-column:3;grid-row:1;align-self:center;width:15px;height:15px;color:#9aafbe}.record-results .record-mark{width:39px;height:39px;border-radius:6px;background:#f0f5f9;color:#6488a2;border-color:#e1eaf1}.record-results .title{font-size:14px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.record-results .desc{font-size:12px;margin:4px 0;color:#708291;line-height:1.55}.record-results .meta{font-size:11px;line-height:1.7;color:#8a9aa6}.record-results .meta .inline-avatar{width:17px;height:17px;min-width:17px}.record-results .list-row>.grow{padding-top:1px}.record-results .list-row>input[type=checkbox]{margin-top:5px;width:20px;height:20px}.record-results>.empty{background:#fff;border:1px solid var(--line);border-radius:7px;padding:30px 18px}.record-list [data-footer]{background:#fff;border:1px solid #dce4eb;border-radius:6px;padding:0 12px}.record-list .pagination{border:0;margin:0;padding:11px 0;font-size:11px}.record-list .pagination .icon-btn{min-width:36px}.record-list .pagination select{min-width:55px;width:60px;min-height:40px;font-size:11px}
 .desktop-line-table{display:none!important}.mobile-product-lines{display:block;min-width:0}.mobile-product-line{border-bottom:1px solid #e4eaf0;padding:15px 0 16px}.mobile-product-line:first-child{padding-top:3px}.mobile-product-line:last-child{border-bottom:0;padding-bottom:3px}.mobile-product-head{display:flex;align-items:center;gap:12px;min-width:0}.mobile-product-head .product-thumb{width:62px;height:54px;border-radius:6px;padding:4px}.mobile-product-head h4{font-size:13px;font-weight:600;line-height:1.5;margin:0 0 4px;color:#2a455c;overflow-wrap:anywhere}.mobile-product-head .product-code{font-size:10px;color:#7c91a1;background:#f1f5f8;border-radius:3px;padding:2px 6px;display:inline-block}.mobile-line-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0 0;padding:11px 0;border-top:1px solid #eff2f5;border-bottom:1px solid #eff2f5}.mobile-line-facts>div{min-width:0}.mobile-line-facts dt{font-size:10px;color:#8a9aa7;margin-bottom:4px}.mobile-line-facts dd{font-size:12px;color:#3a546b;margin:0;font-weight:550;overflow-wrap:anywhere}.mobile-line-amount{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;font-size:11px;color:#708797}.mobile-line-amount small{font-size:9px;color:#99a7b1;margin-left:2px}.mobile-line-amount b{font-size:15px;font-weight:650;color:#29678f}.summary{margin-top:17px;background:#f2f7fb;border:1px solid #e1ebf3}.summary .grand{color:#246b99;font-size:18px}.detail-hero{background:#fff;border:1px solid #dce4eb;border-radius:8px;padding:16px;margin-bottom:15px;align-items:flex-start}.detail-hero .avatar{margin-top:3px}.detail-hero h2{font-size:18px;line-height:1.35;margin-bottom:5px}.detail-hero p{font-size:12px;line-height:1.6}.detail-hero>.badge{margin-left:auto;font-size:10px}.detail-grid .card{border-radius:8px}.detail-grid .card-title{padding-bottom:11px;border-bottom:1px solid #eef2f5;margin-bottom:10px}.kv{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(0,1.5fr);align-items:start;font-size:12px;gap:12px;padding:11px 0}.kv>b{max-width:none;width:100%;line-height:1.65;font-weight:550}.kv>span:first-child{line-height:1.65;font-size:11px}.kv:has(b .person-value){align-items:center}.person-value{gap:4px}.detail-grid .notice{font-size:11px;border-radius:6px}.page-head h1{color:#263f54}.card h3{color:#3c607b}.timer-ring{border-color:#bce4d7;border-top-color:#39a27f}.timer-ring strong{color:#24775e}.bottom-nav button.active{color:#087fc2}.bottom-nav{border-top-color:#dce7ef}
}
@media(max-width:380px){.mobile-brand .brand-crop{width:109px}.mobile-brand .brand-crop img{width:167px;height:67px;left:-27px;top:-28px}.header-left{gap:3px}.header-right .icon-btn{min-width:36px}.header-right .profile-button{min-width:36px}.mobile-menu.icon-btn{min-width:34px}.record-results .record-link.row{grid-template-columns:33px minmax(0,1fr) 12px;gap:4px 8px}.record-results .record-mark{width:33px;height:33px}.record-results>.list-row{padding:12px 10px}.record-results .title{font-size:13px}.record-results .desc{font-size:11px}.mobile-line-facts{gap:5px}.mobile-line-facts dd{font-size:11px}.mobile-line-amount small{display:block;margin:0}.mobile-product-head .product-thumb{width:53px;height:49px}.kv{grid-template-columns:90px minmax(0,1fr);gap:9px}}
@media screen{.header-right .icon-btn,.header-right .profile-button,.mobile-menu.icon-btn{min-width:44px;min-height:44px}.pagination .icon-btn{min-width:44px!important;min-height:44px}.pagination select{min-height:44px!important}}

/* Native workspace design: one hierarchy, quiet grouped surfaces, and readable text. */
:root{--navy:#162439;--ink:#26364b;--blue:#1764e8;--blue-light:#edf3ff;--muted:#6b7788;--line:#e6eaf0;--bg:#f5f6f9;--radius:12px}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased;background:var(--bg)}
button,input,select,textarea{font:inherit}button{touch-action:manipulation}button:focus-visible,summary:focus-visible{outline:3px solid #8db3ff;outline-offset:3px}h1,h2,h3,h4{color:var(--navy)}
.shell{grid-template-columns:224px minmax(0,1fr)}.sidebar{padding:24px 14px;border-right:1px solid var(--line)}.side-brand{padding:0 10px 26px}.nav-label{color:#8290a3;letter-spacing:1px;font-weight:650;font-size:10px;padding:22px 13px 6px}.side-link{font-size:13px;min-height:44px;padding:11px 13px;border:0;border-radius:8px;color:#59687b;gap:12px}.side-link svg{color:#7c8ba0!important;width:18px;height:18px}.side-link.active{background:#edf3ff;color:#185bc7;border:0}.side-link.active svg{color:#2468d9!important}.side-link:hover{background:#f3f5f9}.side-foot{color:#7a8797}.app-header{height:76px;padding:0 32px;border-bottom:1px solid var(--line);background:white}.header-breadcrumb{font-size:13px}.header-search{border:0;background:#f3f5f8;border-radius:9px;font-size:13px;min-height:42px}.header-search kbd{background:#fff;color:#7f8da0;border:0}.role-chip{border:0;display:flex;align-items:center;gap:9px;background:transparent;color:#607085;font-size:11px}.demo-tag{font-size:9px;padding:3px 6px;border:1px solid #dfe6ef;border-radius:4px;color:#7f8b9d}.profile-button .header-avatar{width:36px;height:36px}.header-right .icon-btn{color:#66778e}.demo-line{display:none}
.workspace{max-width:1320px;margin:auto;padding:32px 32px 56px}.page-head{gap:16px;margin:0 0 26px;align-items:center}.page-head h1{font-size:30px;font-weight:720;letter-spacing:-1px;line-height:1.18;color:var(--navy);margin:0}.page-head p{font-size:13px;line-height:1.5;color:var(--muted);margin-top:7px}.page-actions{gap:8px}.btn,.page-actions .btn{min-height:44px;font-size:13px;font-weight:620;border-radius:9px;padding:11px 15px;background:var(--blue);border-color:var(--blue);box-shadow:none}.btn svg{width:17px;height:17px}.btn.secondary{color:#3e526b;border:1px solid #dce3ec;background:white}.btn.ghost{background:transparent;border-color:transparent;color:#5b7090}.btn.sm{min-height:40px;font-size:12px;border-radius:8px}.btn.danger{background:#a83848;border-color:#a83848}.btn.success{background:#24815c;border-color:#24815c}.page-actions>.btn:not(.secondary):not(.ghost){background:var(--blue);border-color:var(--blue)}
.card{padding:22px;border:1px solid #e6eaf0;border-radius:12px;background:white;margin-bottom:20px;box-shadow:none}.card-title{margin-bottom:16px}.card h3,.card-title h3{font-size:15px;font-weight:650;letter-spacing:-.15px;color:#253a55}.card h2{font-size:23px;font-weight:690;letter-spacing:-.5px}.card p.small{font-size:14px;line-height:1.7}.grid{gap:20px}.detail-grid{gap:24px;grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr)}.detail-grid>*{min-width:0}.detail-grid .card{border-radius:12px}.detail-grid .card-title{border:0;padding-bottom:0}.detail-hero{background:white;border:1px solid #e6eaf0;border-radius:12px;padding:22px;gap:16px;margin-bottom:22px}.detail-hero h2{font-size:25px;letter-spacing:-.6px}.detail-hero p{font-size:13px;color:#708096}.detail-hero>.avatar{width:52px;height:52px;font-size:18px;background:#edf3ff;color:#3866a8;border:0;border-radius:12px}.detail-hero>.badge{margin-left:auto}.badge{font-size:11px;font-weight:550;line-height:1.4;padding:5px 8px;border-radius:5px;white-space:normal}.badge.green{background:#eaf5ee;color:#2d7854}.badge.orange{background:#fff3dd;color:#946419}.badge.gray{background:#f0f2f5;color:#69788b}.badge.red{background:#fcecef;color:#ac4353}.badge:not(.green):not(.orange):not(.red):not(.gray){background:#eaf1ff;color:#3168b8}
.record-list.card{padding:0;border:0;background:transparent;border-radius:0}.record-tools{padding:0;margin-bottom:20px;background:transparent;border:0;border-radius:0}.record-tools .toolbar{display:flex;flex-wrap:nowrap;gap:10px;margin:0;align-items:flex-start}.record-tools .search-field{min-width:0;flex:1;background:white;border:1px solid #e0e6ef;border-radius:10px;padding:0 14px;min-height:48px}.record-tools .search-field svg{width:18px;height:18px;color:#8a98ac}.record-tools .search-field input{font-size:14px;min-height:46px;background:transparent;padding:10px 0;border:0;width:100%;box-shadow:none;outline:none}.record-filter-panel{position:relative;flex:none;min-width:48px;z-index:4}.record-filter-panel summary{list-style:none;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;background:white;border:1px solid #dfe5ee;border-radius:10px;color:#4e637e;font-size:12px;font-weight:600;padding:11px 14px;cursor:pointer}.record-filter-panel summary::-webkit-details-marker{display:none}.record-filter-panel summary svg{width:20px;height:20px;transform:rotate(90deg)}.record-filter-panel[open] summary{color:var(--blue);border-color:#9bbcf8;background:#edf3ff}.record-filter-options{position:absolute;right:0;top:56px;background:white;border:1px solid #dfe5ee;border-radius:12px;padding:16px;width:252px;box-shadow:0 12px 40px #223b5a18;display:grid;gap:15px}.record-filter-options label{font-size:12px;font-weight:600;color:#61748c}.record-filter-options select{width:100%;display:block;margin-top:6px;min-height:44px;font-size:13px}.record-tools .record-segments{gap:22px;padding:0;margin:14px 0 0;overflow-x:auto;border-bottom:1px solid #dfe5ef;scrollbar-width:none;border-radius:0}.record-segments::-webkit-scrollbar{display:none}.record-segments .chip{min-height:46px;flex-shrink:0;padding:9px 0 12px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#7a8798;font-size:13px;line-height:1.2;font-weight:550;margin-bottom:-1px}.record-segments .chip.on{color:var(--blue);border:0;border-bottom:2px solid var(--blue);background:transparent;font-weight:680}.record-results{background:white;border:1px solid #e3e8f0;border-radius:12px;overflow:hidden;padding:0 20px}.record-results>.list-row{padding:20px 0;margin:0;border:0;border-bottom:1px solid #edf0f5;border-radius:0;border-left:0;background:none;box-shadow:none;gap:14px;align-items:flex-start}.record-results>.list-row:last-child{border-bottom:0}.record-results .record-link.row{display:grid;grid-template-columns:42px minmax(0,1fr) auto 14px;gap:14px;align-items:center;width:100%;padding:0;text-align:left}.record-link>.record-mark,.record-link>.product-thumb{grid-column:auto;grid-row:auto;margin:0}.record-link>.grow{grid-column:auto;grid-row:auto;min-width:0}.record-link>.badge{grid-column:auto;grid-row:auto;justify-self:end;margin:0}.record-link>.stack{grid-column:auto;grid-row:auto;width:auto;display:flex;flex-direction:column;gap:7px;align-items:flex-end;margin:0;text-align:right}.record-link>.stack b{font-size:16px;font-weight:650;color:#213c61}.record-link>svg:last-child{grid-column:auto;grid-row:auto;width:14px;height:14px;color:#b4bfcd;align-self:center}.record-results .record-mark{width:42px;height:42px;border:0;border-radius:10px;font-size:12px;background:#edf3fb;color:#5c7eac}.record-results .title{font-size:15px;font-weight:650;line-height:1.4;color:#20344f;overflow-wrap:anywhere}.record-results .desc{font-size:13px;line-height:1.6;color:#6d7d91;margin:5px 0}.record-results .meta{font-size:12px;line-height:1.65;color:#8793a4}.record-results .meta .inline-avatar{width:20px;height:20px;min-width:20px}.record-link:hover .title{text-decoration:none;color:var(--blue)}.record-list [data-footer]{padding:0 4px;border:0;background:transparent}.record-list .pagination{margin:0;padding:16px 0;border:0;min-height:42px;font-size:12px;color:#8a96a6}.pagination.compact span:last-child{color:#9da7b4}.record-results>.empty{border:0;background:transparent;padding:36px 18px}.record-results>.record-group-label{margin:0 -20px;padding:11px 20px;background:#f7f9fc;border:0;border-bottom:1px solid #ebeff5;color:#65768c;font-size:11px;font-weight:650;display:flex;justify-content:space-between;letter-spacing:.2px}.record-group-label span{color:#9aa6b6}
.task-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:#eef3fc;border-radius:12px;padding:18px 0;margin-bottom:22px;max-width:640px}.task-stat{min-height:54px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;border:0;border-right:1px solid #dce5f4;background:transparent;padding:0 23px;text-align:left}.task-stat:last-child{border:0}.task-stat strong{font-size:28px;line-height:1.1;font-weight:710;letter-spacing:-.8px;color:#235bb3}.task-stat span{font-size:12px;color:#72839b}.task-stat.overdue strong{color:#bd6543}.task-stat.completed strong{color:#3e8c75}.task-stat.on span{color:var(--blue);font-weight:650}.task-check{display:flex;align-items:center;justify-content:center;width:36px;height:44px;min-width:36px;position:relative;cursor:pointer;margin:-5px 0 0 -6px}.task-check input{position:absolute;width:26px;height:26px;opacity:0;cursor:pointer;margin:0;z-index:1}.task-check>span{width:24px;height:24px;border:1.5px solid #cbd5e3;border-radius:50%;display:grid;place-items:center;background:white;color:transparent}.task-check span svg{width:14px;height:14px}.task-check input:checked+span{background:#2273df;border-color:#2273df;color:white}.task-check input:focus-visible+span{outline:3px solid #97baf7;outline-offset:3px}.task-record .grow{padding:0;min-width:0}.task-record button.title{font-size:15px;font-weight:650;min-height:24px;display:block;text-align:left;line-height:1.5;color:#21334c}.task-record .desc{margin:5px 0 12px}.task-record-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.task-time{font-size:12px;color:#6f8199;display:inline-flex;align-items:center;gap:5px}.task-time svg{width:13px;height:13px;color:#7f94af}.task-time.late{color:#b95151}.task-priority{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#8391a2}.task-priority i{width:5px;height:5px;background:#b3c5d7;border-radius:50%}.task-priority.high{color:#b76a39}.task-priority.high i{background:#d58a47}.task-priority.low i{background:#76a394}.task-owner{margin-left:auto;display:inline-flex;align-items:center;gap:3px;font-size:11px;color:#8390a1}.task-owner .inline-avatar{width:22px;height:22px;min-width:22px}.task-done{color:#8b97a6!important;text-decoration:line-through!important}.is-complete .desc,.is-complete .task-record-footer{opacity:.7}
.tabs{gap:25px;border-bottom:1px solid #e1e7f0;margin:0 0 22px}.tab{font-size:13px;min-height:47px;padding:10px 0;border-bottom:2px solid transparent;color:#7a8aa0}.tab.on{color:var(--blue);border-bottom-color:var(--blue)}.kv{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.5fr);padding:14px 0;gap:18px;align-items:start;font-size:13px;border-color:#edf1f6}.kv>span:first-child{font-size:12px;color:#7b899b;line-height:1.7}.kv>b{font-size:13px;line-height:1.7;font-weight:550;width:auto;max-width:none;color:#354860}.person-value{justify-content:flex-end}.field{margin-bottom:20px}.field label{font-size:13px;font-weight:580;color:#526780;margin-bottom:8px}.control,input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:14px;min-height:46px;border-radius:8px;border-color:#dbe2ec;padding:12px;background:#fff;color:#263b55}.field .help{font-size:11px;color:#8694a6;line-height:1.6}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6b9aef;outline:3px solid #1764e80b}.form-actions{border-color:#edf1f5;padding-top:20px}.form-actions .autosave{font-size:11px;color:#8a98a9}.form-actions .btn{font-size:13px}.notice{font-size:12px;line-height:1.7;padding:14px;border-radius:9px;border:0;background:#edf3fb;color:#667c97;margin-bottom:16px}.notice.success{background:#edf6f0;color:#527660;border-left:0}.notice.warning{background:#fff6e7;color:#927344;border-left:0}.notice svg{width:17px;height:17px}.summary{padding:16px;background:#f6f8fc;border:0;border-radius:10px;margin-top:18px}.summary .between{font-size:13px;padding:7px 0}.summary .grand{font-size:20px;color:#1c3e6b;font-weight:700;border-top-color:#dfe6f1}.commercial-heading{padding:4px 0 24px;border-bottom:1px solid #edf1f7;margin-bottom:22px}.commercial-heading h2{font-size:24px;line-height:1.3;letter-spacing:-.7px;margin:14px 0 6px}.commercial-heading>p{font-size:12px;color:#8190a3;margin:0 0 22px}.commercial-total{display:block;font-size:34px;letter-spacing:-1.2px;line-height:1.1;color:#193b6a;font-weight:730;font-variant-numeric:tabular-nums}.commercial-total-label{display:block;margin-top:7px;color:#8a98aa;font-size:11px}.commercial-validity{display:flex;align-items:center;gap:6px;font-size:12px;color:#6a7f9c;margin-top:20px}.commercial-validity svg{width:14px;height:14px}.products-heading{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:18px!important}.products-heading span{font-size:11px;color:#8b9aaf;font-weight:450}.billing-details{margin-top:20px;padding-top:18px;border-top:1px solid #edf1f6}.billing-details summary{display:flex;align-items:center;justify-content:space-between;list-style:none;font-size:13px;color:#526d91;cursor:pointer;min-height:30px}.billing-details summary::-webkit-details-marker{display:none}.billing-details summary svg{width:14px;height:14px;transform:rotate(90deg)}.billing-details[open] summary svg{transform:rotate(-90deg)}
.metrics{border:0;background:none;gap:16px;overflow:visible}.metric{background:white;border:1px solid #e4e9f2;border-top:0!important;border-radius:12px;padding:20px;min-height:124px;position:relative}.metric strong{font-size:30px;color:#1f3d69!important;font-weight:700;letter-spacing:-.7px;margin:7px 0}.metric p{font-size:12px;color:#657991}.metric small{font-size:10px;color:#96a1b1}.banner-kpi{background:#eaf1fe;border:0}.banner-kpi .eyebrow{font-size:10px;color:#6e8bb9!important}.banner-kpi h2{font-size:30px;color:#28578f}.banner-kpi .muted{color:#7a93b3}.progress{height:5px;background:#dce6f5}.progress.teal span{background:#6c94cf}.module-grid{border:0;border-radius:12px;padding:4px 20px;gap:0 26px}.module{min-height:77px;grid-template-columns:36px minmax(0,1fr);gap:3px 14px;padding:17px 0}.module>svg{width:22px;height:22px;justify-self:center;color:#597caa}.module b{font-size:14px;color:#354c6b}.module small{font-size:11px;color:#91a0b3}.doc-card,.line-editor{border-radius:9px;border-color:#e5eaf2}.timeline-item b{font-size:13px;line-height:1.6}.timeline-person{font-size:11px}.table-wrap{border-color:#e7ecf4;border-radius:8px}table{font-size:12px}th{font-size:11px}td,th{padding:13px 12px}.product-thumb{border-color:#edf0f5;border-radius:8px}.kanban-col{background:#edf1f7;border:0;border-radius:10px;padding:14px}.kanban-head{font-size:12px}.deal-card{border-radius:9px;border:0}.deal-card button{font-size:14px}.deal-card .amount{font-size:20px}.auth-form h1{font-size:29px;font-weight:720;letter-spacing:-.8px}.auth-tabs{border-radius:9px}.auth-tabs button{border-radius:7px}.toast{left:calc(50% + 112px);border-radius:9px;font-size:13px}
@media screen{.shell{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.mobile-brand,.mobile-menu{display:flex}.app-header{height:68px;padding:0 24px}.header-breadcrumb,.header-search,.role-chip{display:none}.header-left{gap:12px}.header-right{gap:5px}.header-right .profile-button{display:flex!important;min-width:44px;min-height:44px;padding:0;justify-content:center}.profile-name{display:none}.header-avatar{width:32px!important;height:32px!important}.header-left .mobile-menu{display:none}.mobile-brand .brand-crop{width:137px;height:32px}.mobile-brand .brand-crop img{width:205px;height:82px;left:-32px;top:-36px}.header-right .icon-btn{min-height:44px;min-width:44px}.bottom-nav{display:flex;min-height:74px;padding:7px 12px max(7px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e4eaf3;box-shadow:0 -3px 14px #223b5a03;backdrop-filter:none}.bottom-nav button{min-width:62px;min-height:54px;gap:5px;font-size:10px;font-weight:550;color:#95a2b3;position:relative}.bottom-nav button svg{width:21px;height:21px}.bottom-nav button.active{color:var(--blue);font-weight:650}.bottom-nav button.active:before{content:'';width:40px;height:3px;background:var(--blue);position:absolute;top:-7px;border-radius:0 0 4px 4px}.workspace{padding:28px 24px 114px;max-width:820px}.detail-grid,.dashboard-lower{grid-template-columns:minmax(0,1fr);gap:0}.toast{left:50%;bottom:96px}.cols-2,.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.module-grid{grid-template-columns:1fr 1fr}.profile-button .header-avatar{border:0;box-shadow:none}}
@media screen{.workspace{padding:24px 20px 110px}.app-header{height:64px;padding:0 20px;background:var(--bg);border-bottom:0}.header-left{gap:0}.header-right{gap:2px}.mobile-brand .brand-crop{width:133px;height:32px}.header-right .icon-btn{color:#7789a3}.page-head{flex-wrap:nowrap;align-items:center;margin-bottom:22px;gap:14px}.page-head h1{font-size:30px;letter-spacing:-1px;font-weight:730;line-height:1.2}.page-head p{font-size:12px;color:#8391a5;margin-top:6px;line-height:1.6}.page-head>div:first-child{min-width:0;flex:1}.page-actions{margin:0;flex-shrink:0;display:flex;gap:7px;flex-wrap:wrap;max-width:46%}.page-actions .btn{font-size:12px;min-height:42px;padding:10px 12px;border-radius:9px}.page-actions:has(>.btn:nth-child(2)){max-width:100%;flex-basis:100%}.page-head:has(.page-actions>.btn:nth-child(2)){flex-wrap:wrap}.record-tools{padding:0;margin:0 0 17px;border:0;background:transparent}.record-tools .toolbar{flex-wrap:nowrap;gap:9px}.record-tools .toolbar>.search-field{flex-basis:auto}.record-tools .search-field{padding:0 13px;min-height:46px;border:0;background:#e9edf3;border-radius:10px}.record-tools .search-field input{font-size:14px;min-height:46px;padding:10px 0}.record-filter-panel summary{min-height:46px;width:46px;padding:0;background:#e9edf3;border:0}.record-filter-panel summary>span{display:none}.record-filter-options{width:240px;top:54px}.record-tools .record-segments{margin:12px 0 0;padding:0;gap:24px}.record-segments .chip{font-size:13px;min-height:46px;padding:10px 0 13px}.record-results{border:0;border-radius:12px;padding:0 17px;box-shadow:0 1px 2px #243e6310}.record-results>.list-row{padding:19px 0;gap:12px;border:0;border-bottom:1px solid #edf1f6;margin:0;border-left:0;border-radius:0;background:transparent}.record-results .record-link.row{display:grid;grid-template-columns:38px minmax(0,1fr) 12px;gap:5px 12px;align-items:start}.record-link>.record-mark,.record-link>.product-thumb{grid-column:1;grid-row:1/3;margin-top:2px}.record-link>.grow{grid-column:2;grid-row:1;min-width:0}.record-link>.badge{grid-column:2;grid-row:2;justify-self:start;margin:6px 0 0}.record-link>.stack{grid-column:2;grid-row:2;flex-direction:row;justify-content:space-between;align-items:center;gap:9px;width:100%;margin-top:9px;text-align:left}.record-link>.stack b{font-size:16px;color:#2c4c75;font-weight:680}.record-link>svg:last-child{grid-column:3;grid-row:1;align-self:center;width:12px;height:12px;color:#b1bfd1}.record-results .record-mark{width:38px;height:38px;font-size:11px;border:0;border-radius:9px;background:#edf3fb;color:#6986ad}.record-results .title{font-size:15px;line-height:1.45;font-weight:640;color:#203550}.record-results .desc{font-size:12px;line-height:1.6;margin:5px 0;color:#7b8ba0}.record-results .meta{font-size:11px;color:#94a1b2;line-height:1.6}.record-results .meta .inline-avatar{width:18px;height:18px;min-width:18px}.record-list [data-footer]{padding:0 4px;border:0;border-radius:0;background:none}.record-list .pagination{padding:15px 0;font-size:11px;border:0}.record-results>.record-group-label{padding:10px 17px;margin:0 -17px;color:#8091a8;background:#fafbfe;border:0;border-bottom:1px solid #edf1f7;font-size:11px;font-weight:600}.record-results>.empty{border:0;border-radius:0;background:transparent;padding:36px 15px}.task-overview{padding:17px 0;margin:0 0 22px;border-radius:12px;background:#eaf0fb}.task-stat{padding:0 18px;min-height:50px}.task-stat strong{font-size:28px}.task-stat span{font-size:11px}.task-record button.title{font-size:15px;line-height:1.45}.task-record .desc{margin:5px 0 11px}.task-record-footer{gap:9px;align-items:center}.task-time{font-size:11px;gap:5px}.task-date{display:none}.task-priority{font-size:10px}.task-owner{font-size:10px;margin-left:auto}.task-owner>span:last-child{display:none}.task-owner .inline-avatar{width:23px;height:23px;min-width:23px;margin:0}.task-check{width:32px;min-width:32px;margin-left:-5px}.task-check>span{width:22px;height:22px}.record-results>.task-record{gap:8px;padding:19px 0}.record-results .task-record>.grow{padding-top:0}.task-record .task-record-footer{margin-right:1px}.card{padding:20px;border:0;border-radius:12px;margin-bottom:18px;box-shadow:0 1px 2px #243e630d}.card-title h3,.card h3{font-size:14px;color:#3d5472}.detail-grid .card{border-radius:12px}.detail-grid .card-title{border:0;padding-bottom:0;margin-bottom:15px}.detail-hero{border:0;border-radius:12px;padding:20px;gap:12px;margin-bottom:20px;flex-wrap:wrap}.detail-hero>.avatar{width:46px;height:46px;font-size:17px;border-radius:11px}.detail-hero h2{font-size:22px;line-height:1.3;letter-spacing:-.6px}.detail-hero p{font-size:12px;line-height:1.6}.detail-hero>.badge{font-size:10px;margin-left:58px}.detail-hero>.grow{flex-basis:calc(100% - 65px)}.detail-hero:has(.profile-avatar)>.badge{margin-left:auto}.tabs{gap:27px;margin-bottom:20px}.tab{font-size:13px;min-height:45px}.kv{grid-template-columns:minmax(85px,.8fr) minmax(0,1.5fr);padding:13px 0;font-size:13px;gap:12px}.kv>span:first-child{font-size:12px;line-height:1.65;color:#8897aa}.kv>b{font-size:13px;line-height:1.65;font-weight:520}.notice{font-size:12px;border-radius:10px;padding:13px 14px}.field label{font-size:13px}.control,input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px;min-height:48px;border-radius:9px;padding:12px}.field .help{font-size:11px}.form-grid{column-gap:15px}.form-actions .btn{font-size:13px;min-height:46px}.form-actions .autosave{font-size:11px}.form-width .card{padding:20px}.commercial-heading{padding:0 0 22px;margin-bottom:20px}.commercial-heading h2{font-size:23px;margin:12px 0 5px;line-height:1.3}.commercial-heading>p{font-size:11px;margin:0 0 20px}.commercial-total{font-size:34px;line-height:1.12}.commercial-total-label{font-size:11px}.commercial-validity{margin-top:17px;font-size:11px}.products-heading{font-size:14px!important;margin:0 0 16px!important}.mobile-product-lines{display:block}.desktop-line-table{display:none!important}.mobile-product-line{padding:17px 0 20px;border-bottom:1px solid #edf1f7}.mobile-product-line:first-child{padding-top:0}.mobile-product-line:last-child{padding-bottom:0}.mobile-product-head{gap:13px}.mobile-product-head .product-thumb{width:64px;height:58px;padding:5px;border:1px solid #edf1f7;border-radius:8px}.mobile-product-head h4{font-size:14px;line-height:1.45;font-weight:650;margin:0 0 5px;color:#2d4566}.mobile-product-head .product-code{background:none;padding:0;font-size:10px;color:#96a3b5}.mobile-line-facts{padding:0;margin:15px 0 0;border:0;gap:8px}.mobile-line-facts dt{font-size:10px;color:#94a1b3;margin-bottom:5px}.mobile-line-facts dd{font-size:12px;color:#425977;font-weight:550;line-height:1.4}.mobile-line-amount{margin-top:16px;font-size:11px;color:#8b9bb0}.mobile-line-amount small{font-size:9px;color:#a3aebe}.mobile-line-amount b{font-size:16px;font-weight:680;color:#2e568b}.summary{margin-top:22px;padding:15px;border:0;background:#f3f6fc;border-radius:10px}.summary .between{font-size:12px}.summary .grand{font-size:21px;padding-top:13px;margin-top:8px}.billing-details{margin-top:20px}.billing-details summary{font-size:12px}.metric{padding:17px;border-radius:12px;min-height:112px;border:0;border-top:0;border-right:0;border-bottom:0}.metrics{gap:12px;margin-bottom:24px}.metric strong{font-size:29px;margin:6px 0}.metric p{font-size:11px}.metric small{font-size:10px}.metric:nth-child(even){border:0}.metric:nth-last-child(-n+2){border:0}.metric.green,.metric.amber,.metric.purple{border-top:0}.module-grid{grid-template-columns:1fr;background:white;border:0;border-radius:12px;padding:4px 20px}.module{padding:17px 0;min-height:76px;grid-template-columns:31px minmax(0,1fr);gap:3px 14px}.module b{font-size:14px;font-weight:600}.module small{font-size:11px}.module>svg{width:22px;height:22px}.kanban{grid-template-columns:minmax(0,1fr);gap:16px}.kanban-col{padding:17px;background:white;border-radius:12px}.kanban-head{font-size:13px}.deal-card{background:#f5f8fc;border-radius:9px;border:0;padding:16px;margin-bottom:12px}.deal-card button{font-size:14px;min-height:30px}.deal-card .amount{font-size:21px}.doc-card{padding:14px;border-radius:9px}.catalog-row b{font-size:13px}.catalog-row small{font-size:11px}.catalog-row .btn{font-size:12px;min-height:44px}.line-editor .line-title{font-size:14px}.line-editor{padding:14px;border-radius:9px}.stepper{gap:12px}.stepper .step{font-size:11px}.timeline-item b{font-size:13px}.timeline-item small{font-size:11px}.auth-form-wrap{padding:35px 25px}.auth-form h1{font-size:28px}.auth-form .brand{margin-bottom:45px}.toast{font-size:12px}.card>.row.wrap{gap:9px}.bottom-nav{z-index:35}}
@media(max-width:380px){.workspace{padding:20px 16px 108px}.app-header{padding:0 16px}.page-head h1{font-size:27px;letter-spacing:-.8px}.page-head{gap:10px}.page-actions .btn{font-size:11px;padding:10px;min-height:42px}.card,.form-width .card{padding:17px}.record-results{padding:0 14px}.record-results .record-link.row{grid-template-columns:33px minmax(0,1fr) 10px;gap:5px 9px}.record-results .record-mark{width:33px;height:33px;font-size:10px;border-radius:8px}.record-results .title,.task-record button.title{font-size:14px}.record-results .desc{font-size:11px}.record-results .meta{font-size:10px}.record-tools .record-segments{gap:21px}.record-segments .chip{font-size:12px}.task-stat{padding:0 15px}.task-stat strong{font-size:26px}.task-stat span{font-size:10px}.task-overview{padding:16px 0}.record-results>.record-group-label{margin:0 -14px;padding:10px 14px}.task-priority{font-size:10px}.task-record-footer{gap:7px}.task-owner .inline-avatar{width:20px;height:20px;min-width:20px}.commercial-total{font-size:31px}.mobile-product-head .product-thumb{width:54px;height:52px}.mobile-product-head h4{font-size:13px}.mobile-line-facts dd{font-size:11px}.mobile-line-facts dt{font-size:10px}.mobile-line-amount b{font-size:15px}.kv{grid-template-columns:82px minmax(0,1fr);gap:9px}.kv>b{font-size:12px}.kv>span:first-child{font-size:11px}.mobile-brand .brand-crop{width:121px}.mobile-brand .brand-crop img{width:186px;height:74px;left:-29px;top:-33px}.header-right .icon-btn{min-width:40px}.bottom-nav button{min-width:52px}.task-time{font-size:10px}.cols-2,.cols-3{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Search controls inherit the surrounding field surface, without nested boxes. */
.record-tools .search-field input{background:transparent;border:0;border-radius:0;box-shadow:none;outline:none;min-width:0;padding:10px 0;font-size:14px}.record-tools .search-field input:focus{box-shadow:none;outline:none}.record-results .meta{color:#7e8ea3}.record-results .desc{color:#6f7f94}.person-meta{display:inline-flex;flex-wrap:nowrap;white-space:nowrap;gap:3px}.commercial-heading .commercial-total-label{color:#7d8da4}
@media screen{.mobile-line-facts dt{font-size:11px}.mobile-line-facts dd{font-size:12px}.record-results .meta{color:#8796a9}.person-meta{font-size:11px}.record-results .record-link .meta{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.commercial-heading>p{line-height:1.6}}
@media(max-width:380px){.person-meta{font-size:10px}.mobile-line-facts dt{font-size:10px}.mobile-line-facts dd{font-size:11px}}

.brand-crop img{mix-blend-mode:multiply}

/* Selected visual direction: colourful CRM with distinct, consistent module accents. */
:root{--crm-accent:#2466df;--crm-soft:#eaf1ff;--crm-line:#ccdcfa}
body{--blue:var(--crm-accent);--blue-light:var(--crm-soft)}
body:has(.workspace[data-view^='lead']),body:has(.workspace[data-view='assign']){--crm-accent:#08897a;--crm-soft:#e5f5f0;--crm-line:#c3e7df}
body:has(.workspace[data-view^='task']){--crm-accent:#7043d1;--crm-soft:#f0eafa;--crm-line:#ddd0f4}
body:has(.workspace[data-view^='visit']),body:has(.workspace[data-view='activevisit']){--crm-accent:#c26319;--crm-soft:#fff0df;--crm-line:#f5d7b7}
body:has(.workspace[data-view^='customer']),body:has(.workspace[data-view^='contact']),body:has(.workspace[data-view='kyc']){--crm-accent:#087f9d;--crm-soft:#e4f3f8;--crm-line:#bfdfeb}
body:has(.workspace[data-view='pipeline']),body:has(.workspace[data-view='opportunity']){--crm-accent:#5e52cb;--crm-soft:#eeecfc;--crm-line:#d6d1f3}
body:has(.workspace[data-view^='mom']){--crm-accent:#aa438a;--crm-soft:#f9eaf3;--crm-line:#edcce0}
body:has(.workspace[data-view^='order']),body:has(.workspace[data-view='reservations']),body:has(.workspace[data-view='procurement']){--crm-accent:#087f69;--crm-soft:#e4f4ed;--crm-line:#bfe3d7}
body:has(.workspace[data-view^='application']){--crm-accent:#a66816;--crm-soft:#fff3df;--crm-line:#eedcb8}
body:has(.workspace[data-view='approvals']),body:has(.workspace[data-view='devices']){--crm-accent:#6150bd;--crm-soft:#eeebfa;--crm-line:#d6d0f1}
.page-identity{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.page-copy{min-width:0}.page-symbol{width:48px;height:48px;min-width:48px;display:grid;place-items:center;background:var(--crm-accent);color:#fff;border-radius:13px}.page-symbol svg{width:23px;height:23px}.page-head h1{overflow-wrap:anywhere}.page-head p{color:#7a88a0}.page-actions>.btn:not(.secondary):not(.ghost),.form-actions .btn:not(.secondary):not(.ghost){background:var(--crm-accent);border-color:var(--crm-accent)}
.record-tools .search-field{border-color:var(--crm-line)}.record-tools .search-field svg{color:var(--crm-accent)}.record-filter-panel summary{background:var(--crm-soft);border-color:var(--crm-line);color:var(--crm-accent)}.record-filter-panel[open] summary{background:var(--crm-accent);border-color:var(--crm-accent);color:white}.record-tools .record-segments{border-bottom-color:var(--crm-line)}.record-segments .chip.on{border-bottom-color:var(--crm-accent);color:var(--crm-accent)}.record-results .record-mark{background:var(--crm-soft);color:var(--crm-accent)}.record-results>.record-group-label{color:var(--crm-accent);background:var(--crm-soft)}.record-group-label span{color:var(--crm-accent);opacity:.65}.record-link>.stack b{color:var(--crm-accent)}
.card-title{padding-bottom:13px;border-bottom:1px solid var(--crm-soft)}.card-title h3{display:flex;align-items:center;gap:8px;color:#334c6c}.card-title h3:before{content:'';display:inline-block;width:4px;height:16px;border-radius:2px;background:var(--crm-accent);flex-shrink:0}.detail-grid .card-title{border-bottom:1px solid var(--crm-soft);padding-bottom:12px}.detail-hero{border-top:3px solid var(--crm-accent)}.detail-hero>.avatar{background:var(--crm-soft);color:var(--crm-accent)}.tab.on{border-bottom-color:var(--crm-accent);color:var(--crm-accent)}.stepper .on{color:var(--crm-accent)}.stepper .on i{background:var(--crm-accent)}
.task-overview{background:transparent;padding:0;gap:10px;max-width:none}.task-stat{padding:20px;border:0;border-radius:12px;background:var(--crm-accent);gap:6px;min-height:96px}.task-stat strong{color:white;font-size:31px;letter-spacing:-.8px}.task-stat span{color:#eee6ff;font-size:12px}.task-stat.overdue{background:#fff0e1;border:1px solid #f6dfc7}.task-stat.overdue strong{color:#b65b24}.task-stat.overdue span{color:#b2815e}.task-stat.completed{background:#e4f4ed;border:1px solid #cce8da}.task-stat.completed strong{color:#21855e}.task-stat.completed span{color:#689681}.task-stat.on{outline:2px solid var(--crm-accent);outline-offset:3px}.task-stat.today.on span{color:white}.task-stat.overdue.on span{color:#a65d27}.task-stat.completed.on span{color:#267455}.task-check input:checked+span{background:var(--crm-accent);border-color:var(--crm-accent)}.task-priority.high{color:#b36a20}.task-priority.high i{background:#db963b}
.commercial-heading{background:var(--crm-soft);margin:-22px -22px 24px;padding:24px 22px;border-radius:12px 12px 0 0;border-bottom:0}.commercial-heading h2{color:#1f3d66}.commercial-total{color:var(--crm-accent)}.commercial-validity{color:#607da7}.products-heading span{background:var(--crm-soft);color:var(--crm-accent);padding:4px 8px;border-radius:5px}.summary{background:var(--crm-soft)}.summary .grand{color:var(--crm-accent);border-top-color:var(--crm-line)}.mobile-line-amount b{color:var(--crm-accent)}.billing-details summary{color:var(--crm-accent)}.banner-kpi{background:#e7efff}.banner-kpi h2{color:#2466df}.progress.teal span{background:var(--crm-accent)}
.metric{--metric-accent:#2466df;--metric-soft:#eaf1ff;border-top:3px solid var(--metric-accent)!important;background:white}.metric.green{--metric-accent:#13856d;--metric-soft:#e4f5ec}.metric.amber{--metric-accent:#c3821b;--metric-soft:#fff3dc}.metric.purple{--metric-accent:#8051c8;--metric-soft:#f1eafa}.metric-icon{display:grid;place-items:center;position:absolute;top:15px;right:15px;width:30px;height:30px;border-radius:8px;background:var(--metric-soft);color:var(--metric-accent);margin:0}.metric-icon svg{width:16px;height:16px}.metric p{padding-right:27px;color:#6c7f99}.metric strong{color:var(--metric-accent)!important}.side-link.active{background:var(--crm-soft);color:var(--crm-accent)}.side-link.active svg{color:var(--crm-accent)!important}.side-link[data-go='leads'] svg{color:#128d7e!important}.side-link[data-go='visits'] svg{color:#cb7a32!important}.side-link[data-go='tasks'] svg{color:#8057d4!important}.side-link[data-go='pipeline'] svg{color:#7061ce!important}.side-link[data-go='moms'] svg{color:#b15b9a!important}.side-link[data-go='orders'] svg{color:#178e74!important}.module>svg{color:var(--crm-accent)}.module[data-go='leads']>svg{color:#128d7e}.module[data-go='tasks']>svg{color:#8057d4}.module[data-go='visits']>svg{color:#cb7a32}.module[data-go='orders']>svg{color:#178e74}.bottom-nav button.active{color:var(--crm-accent)}.bottom-nav button.active:before{background:var(--crm-accent)}
@media screen{.page-identity{gap:11px}.page-symbol{width:43px;height:43px;min-width:43px;border-radius:12px}.page-symbol svg{width:21px;height:21px}.record-tools .search-field{background:white;box-shadow:inset 0 0 0 1px var(--crm-line)}.record-filter-panel summary{background:var(--crm-soft);color:var(--crm-accent)}.record-filter-panel[open] summary{background:var(--crm-accent);color:white}.task-overview{gap:9px;margin-bottom:23px}.task-stat{padding:16px 15px;min-height:92px;gap:6px}.task-stat strong{font-size:30px}.task-stat span{font-size:11px}.detail-grid .card-title{border-bottom:1px solid var(--crm-soft);padding-bottom:12px}.commercial-heading{margin:-20px -20px 22px;padding:22px 20px 24px}.metric{padding:17px;border-top:3px solid var(--metric-accent)!important}.metric strong{font-size:clamp(20px,5.5vw,29px)}.metric p{font-size:11px;padding-right:24px}.metric-icon{right:12px;top:13px;width:25px;height:25px;border-radius:7px}.metric-icon svg{width:14px;height:14px}.detail-hero{border-top:3px solid var(--crm-accent)}}
@media(max-width:380px){.page-identity{gap:9px}.page-symbol{width:37px;height:37px;min-width:37px;border-radius:10px}.page-symbol svg{width:19px;height:19px}.page-head h1{font-size:25px}.page-head p{font-size:11px}.task-stat{padding:15px 12px;min-height:88px}.task-stat strong{font-size:27px}.task-stat span{font-size:10px}.task-overview{gap:7px}.commercial-heading{margin:-17px -17px 20px;padding:20px 17px 22px}.metric{padding:14px}.metric p{font-size:10px}.metric-icon{right:9px;width:23px;height:23px}.metric strong{font-size:20px}}
/* Use the same resilient record grid in dashboard queues and detail sections. */
.card .list-row>.record-link.row{display:grid;grid-template-columns:42px minmax(0,1fr) auto 14px;gap:14px;align-items:center;width:100%;padding:0;text-align:left}.card .record-link.row .title{font-size:14px;line-height:1.5;overflow-wrap:normal;word-break:normal}.card .record-link.row .desc{font-size:12px;line-height:1.6}.metric{margin:0}
@media screen{.card .list-row>.record-link.row{grid-template-columns:38px minmax(0,1fr) 12px;gap:5px 12px;align-items:start}.workspace[data-view='home'] .page-head,.workspace[data-view='manager'] .page-head{flex-wrap:wrap}.workspace[data-view='home'] .page-identity,.workspace[data-view='manager'] .page-identity{flex-basis:100%}.workspace[data-view='home'] .page-actions,.workspace[data-view='manager'] .page-actions{max-width:none;margin-top:1px}.workspace[data-view='home'] .page-actions .btn,.workspace[data-view='manager'] .page-actions .btn{white-space:nowrap}.card .record-link.row .title{font-size:14px}.metric{margin:0}}
@media(max-width:380px){.card .list-row>.record-link.row{grid-template-columns:33px minmax(0,1fr) 10px;gap:5px 9px}.card .record-link.row .title{font-size:13px}.card .record-link.row .desc{font-size:11px}}
.warehouse-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
@media screen{.warehouse-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.warehouse-metrics .metric{min-height:102px;padding:15px 12px}.warehouse-metrics .metric-icon,.warehouse-metrics .metric small{display:none}.warehouse-metrics .metric p{padding:0;font-size:11px;line-height:1.45;min-height:31px}.warehouse-metrics .metric strong{font-size:26px;margin:6px 0 0}}
@media(max-width:380px){.warehouse-metrics{gap:7px}.warehouse-metrics .metric{padding:12px 10px}.warehouse-metrics .metric p{font-size:10px}.warehouse-metrics .metric strong{font-size:24px}}
/* Lead next steps: generous, consistent touch targets. */
.lead-next-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lead-next-actions>.btn{width:100%;min-height:60px;justify-content:flex-start;text-align:left;padding:16px 18px;font-size:16px;line-height:1.4;font-weight:620;gap:12px;white-space:normal;border-radius:10px}
.lead-next-actions>.btn svg{width:22px;height:22px;flex-shrink:0}
.lead-next-actions>.btn:last-child:nth-child(odd){grid-column:1/-1}
@media screen{.lead-next-actions{grid-template-columns:minmax(0,1fr);gap:12px}.lead-next-actions>.btn{min-height:60px;padding:16px 18px;font-size:16px}}
@media(max-width:380px){.lead-next-actions>.btn{padding:16px 14px;font-size:15px;gap:10px}.lead-next-actions>.btn svg{width:21px;height:21px}}

.home-quick-actions{grid-template-columns:minmax(0,1fr)}
/* Stage-aware next actions and the sales lifecycle. */
.workflow-card .card-title{align-items:center}.workflow-tag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:5px;background:var(--crm-soft);color:var(--crm-accent);font-size:10px;line-height:1.4;font-weight:650;white-space:nowrap}.workflow-tag.required{background:#eaf1ff;color:#3564ab}.workflow-tag.optional{background:#f0f3f6;color:#7c8a9a}.workflow-tag.converted{background:#e6f5ed;color:#287c59}.workflow-tag.closed{background:#faeaf0;color:#a54c66}.sales-journey{list-style:none;margin:4px 0 22px;padding:4px 0 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}.sales-journey li{position:relative;display:flex;align-items:center;flex-direction:column;gap:8px;min-width:0;text-align:center;color:#9ba7b7;font-size:11px}.sales-journey li:before{content:'';position:absolute;top:13px;left:-50%;width:100%;height:2px;background:#e7edf4;z-index:0}.sales-journey li:first-child:before{display:none}.sales-journey li>span{position:relative;z-index:1;display:grid;place-items:center;width:28px;height:28px;border:2px solid white;border-radius:50%;background:#eff3f8;color:#a0adbd;font-weight:650;font-size:10px}.sales-journey li>span svg{width:12px;height:12px}.sales-journey li.done>span{background:var(--crm-soft);color:var(--crm-accent)}.sales-journey li.done:before{background:var(--crm-line)}.sales-journey li.current>span{background:var(--crm-accent);color:white}.sales-journey li.current small{color:var(--crm-accent);font-weight:650}.sales-journey small{font-size:10px;line-height:1.4}.workflow-recommendation{padding:18px;background:var(--crm-soft);border-radius:10px}.workflow-recommendation h2,.quote-next h2{font-size:20px;line-height:1.35;letter-spacing:-.4px;margin:0 0 8px}.workflow-recommendation p{font-size:13px;color:#71859e;line-height:1.7;margin:0 0 17px}.workflow-primary,.workflow-secondary{grid-template-columns:minmax(0,1fr)}.workflow-primary>.btn{min-height:60px}.workflow-options{margin-top:20px;border-top:1px solid #edf1f6;padding-top:16px}.workflow-options summary,.workflow-manual summary{min-height:36px;display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;font-size:13px;color:#536d8c;font-weight:600}.workflow-options summary::-webkit-details-marker,.workflow-manual summary::-webkit-details-marker{display:none}.workflow-options summary>span{color:#9aa6b5;font-size:10px;font-weight:450;margin-left:auto}.workflow-options summary>svg,.workflow-manual summary>svg{width:13px;height:13px;transform:rotate(90deg);margin-left:auto}.workflow-options[open] summary>svg,.workflow-manual[open] summary>svg{transform:rotate(-90deg)}.workflow-options summary>span+svg{margin-left:0}.workflow-options>p{font-size:12px;color:#8a98aa;line-height:1.7;margin:10px 0 16px}.workflow-secondary>.btn{font-size:14px;min-height:54px;padding:14px 16px}.workflow-secondary>.btn svg{width:19px;height:19px}.workflow-link-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px}.workflow-link-row>.btn{font-size:11px;min-height:38px;padding:8px 0}.workflow-link-row>span{font-size:10px;color:#9aa7b7;text-align:right}.workflow-manual p{font-size:12px!important}.onboarding-track{list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:0;margin:0 0 16px}.onboarding-track li{display:flex;align-items:center;gap:11px;font-size:13px;color:#8b99ac;padding:10px 0}.onboarding-track i,.onboarding-track li>svg{display:grid;place-items:center;width:25px;height:25px;min-width:25px;border-radius:50%;background:#f1f4f8;color:#9ba9bb;font-size:10px;font-style:normal}.onboarding-track li>svg{padding:7px;background:#e7f5ed;color:#34835d}.onboarding-track .current{color:var(--crm-accent);font-weight:650}.onboarding-track .current i{background:var(--crm-accent);color:white}.quote-next{max-width:none}.quote-next .workflow-primary{max-width:520px}.quote-next>p{margin-bottom:18px}
@media screen{.workflow-recommendation{padding:16px}.workflow-recommendation h2,.quote-next h2{font-size:20px}.workflow-recommendation p{font-size:12px}.workflow-recommendation .btn{font-size:15px;padding:15px 16px}.sales-journey{margin:2px -4px 20px}.sales-journey small{font-size:9px}.sales-journey li{gap:6px}.workflow-link-row>span{max-width:85px}.workflow-options summary{font-size:13px}.workflow-secondary>.btn{font-size:14px;min-height:54px}.workflow-primary{gap:10px}.quote-next .workflow-primary{max-width:none}}
@media(max-width:380px){.workflow-recommendation{padding:14px}.workflow-recommendation h2,.quote-next h2{font-size:18px}.workflow-recommendation .btn{font-size:14px;padding:14px 12px;gap:8px}.workflow-recommendation .btn svg{width:18px;height:18px}.workflow-link-row{gap:4px}.workflow-link-row>.btn{font-size:10px}.workflow-link-row>span{font-size:9px}.sales-journey small{font-size:8px}.sales-journey li>span{width:25px;height:25px}.sales-journey li:before{top:11px}.workflow-tag{font-size:9px}}

.workflow-secondary>.btn{min-height:60px}

.workflow-fast-path{margin:9px 0 -5px}.workflow-fast-path .btn{color:var(--crm-accent);font-size:12px;min-height:44px}

/* Quotation builder: compact mobile forms with clear commercial sections. */
.proposal-steps{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.proposal-steps li{display:flex;align-items:center;gap:10px;color:#7c889c;font-size:12px;border-bottom:3px solid #dde4ef;padding:0 0 12px}.proposal-steps li>span{display:flex;align-items:center;justify-content:center;background:#e5eaf2;border-radius:50%;width:30px;height:30px;flex:none;font-weight:700}.proposal-steps li.current{color:#2156bc;border-color:#3065d3}.proposal-steps li.current>span{background:#3065d3;color:white}.proposal-steps li.done{color:#087d6e;border-color:#0b9887}.proposal-steps li.done>span{background:#d9f4ec}.proposal-steps .icon{width:16px;height:16px}.eyebrow{display:block;letter-spacing:.08em;font-size:10px;font-weight:750;color:#3763ab;margin-bottom:8px}.proposal-builder .card>h3{font-size:20px;margin:0 0 18px}.proposal-line{border:1px solid #dce4f1;background:#fbfcff;border-radius:12px;padding:18px;margin:0 0 18px}.proposal-line .line-title{font-size:15px;margin:3px 0 7px}.proposal-line .form-grid{margin-top:18px;gap:14px}.stock-label{display:block;color:#08796c;font-size:11px;margin-top:5px;line-height:1.5}.stock-short{color:#a25008}.proposal-disclosure{border-top:1px solid #dce4f1;padding-top:14px;margin-top:16px}.proposal-disclosure>summary{font-size:13px;font-weight:650;display:flex;gap:8px;align-items:center;list-style:none;cursor:pointer;min-height:40px}.proposal-disclosure>summary>span{font-size:11px;color:#778398;font-weight:400}.proposal-disclosure>summary>.icon{margin-left:auto;width:16px;height:16px}.proposal-disclosure[open]>summary{margin-bottom:12px}.proposal-disclosure[open]>summary>.icon{transform:rotate(90deg)}.clause-choice{align-items:flex-start;padding:14px 0;border-bottom:1px solid #edf0f6}.clause-choice input{margin-top:3px;flex:none}.clause-choice b{font-size:13px;display:block}.clause-choice small{display:block;color:#6d7c91;font-size:12px;line-height:1.6;margin-top:4px}.terms-toolbar{display:flex;gap:4px;flex-wrap:wrap;background:#eef3fb;padding:5px;border:1px solid #d6deeb;border-bottom:0;border-radius:8px 8px 0 0}.terms-toolbar .btn{min-height:38px;padding:8px;font-size:12px}.terms-editor{background:white;min-height:140px;border:1px solid #d6deeb;padding:14px;border-radius:0 0 8px 8px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.terms-editor:focus{outline:2px solid #3267d4;outline-offset:2px}.terms-editor ul,.terms-editor ol,.rich-terms ul,.rich-terms ol{padding-left:22px}.terms-editor p{margin-bottom:8px}.proposal-terms{margin-top:22px;padding-top:12px;border-top:1px solid #e4e9f2;overflow-wrap:anywhere}.proposal-terms h4{font-size:13px;margin:14px 0 6px}.proposal-terms p,.rich-terms{font-size:13px;color:#4e6079;line-height:1.7}.remittance-panel{display:flex;align-items:flex-start;gap:18px;margin-top:16px}.remittance-qr{width:130px;max-width:100%;flex:none}.remittance-qr svg{display:block;width:100%;height:auto;background:white;border:1px solid #e1e7f0;border-radius:8px}.remittance-panel h4{font-size:14px;line-height:1.6}.remittance-panel .kv{font-size:12px}.remittance-panel .help{margin-top:12px}.proposal-submit{display:grid;gap:12px;margin:22px 0 12px}.proposal-submit .btn{min-height:54px}.scheme-reward{background:#e8f6ed;color:#206d43;padding:12px;display:flex;gap:8px;align-items:center;border-radius:8px;font-size:12px}.scheme-reward .icon{flex:none;width:18px}.reel-summary{font-size:11px;color:#5e7087;background:#f0f4fa;padding:8px 10px;border-radius:6px;line-height:1.7;overflow-wrap:anywhere}.proposal-offer-summary .kv b{overflow-wrap:anywhere}.proposal-builder aside{min-width:0}

@media screen{.proposal-steps{gap:8px;margin-bottom:20px}.proposal-steps li{flex-direction:column;align-items:flex-start;gap:7px;font-size:10px;line-height:1.4}.proposal-steps li>span{height:26px;width:26px}.proposal-builder .card>h3{font-size:18px}.proposal-line{padding:14px}.proposal-line .form-grid{gap:12px}.proposal-line .line-title{font-size:14px;line-height:1.5}.remittance-panel{flex-direction:column;gap:12px}.remittance-qr{width:132px}.remittance-panel>.grow{width:100%;min-width:0}.proposal-builder .summary{font-size:12px}.proposal-builder .form-actions .btn{max-width:100%;white-space:normal}.terms-toolbar .btn{font-size:11px}.clause-choice small{font-size:11px}.catalog-row .grow{min-width:0}.catalog-row small{overflow-wrap:anywhere}}
@media screen{body:has(.workspace[data-view='quoteform']) .page-head,body:has(.workspace[data-view='quoteterms']) .page-head,body:has(.workspace[data-view='customerdetail']) .page-head{flex-direction:column;align-items:stretch;gap:16px}body:has(.workspace[data-view='quoteform']) .page-actions,body:has(.workspace[data-view='quoteterms']) .page-actions,body:has(.workspace[data-view='customerdetail']) .page-actions{width:100%;margin:0}body:has(.workspace[data-view='quoteform']) .page-actions>.btn,body:has(.workspace[data-view='quoteterms']) .page-actions>.btn,body:has(.workspace[data-view='customerdetail']) .page-actions>.btn{width:100%;min-height:44px}body:has(.workspace[data-view='quoteform']) .page-copy h1,body:has(.workspace[data-view='quoteterms']) .page-copy h1,body:has(.workspace[data-view='customerdetail']) .page-copy h1{overflow-wrap:normal;word-break:normal}}

/* Saved multimodal shipment legs; no horizontal tables on mobile. */
.transport-builder>.help{margin:0 0 18px}.transport-add{min-height:52px;margin-bottom:22px}.transport-list-heading{display:flex;align-items:flex-start;gap:12px;justify-content:space-between;margin-bottom:16px}.transport-list-heading h4{font-size:14px;line-height:1.5;margin:0;max-width:75%}.transport-count{white-space:nowrap;flex:none;background:#edf1fa;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:650;color:#4a5e85}.transport-legs{list-style:none;padding:0;margin:0;display:grid;gap:14px}.transport-leg{padding:18px;background:#fbfcff;border:1px solid #dce4f0;border-radius:12px;min-width:0}.transport-leg-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}.transport-leg-top>b{margin-left:auto;font-size:16px;white-space:nowrap}.transport-mode{font-size:11px;font-weight:700;padding:5px 10px;border-radius:6px}.mode-road{background:#dff4ec;color:#137756}.mode-air{background:#e5edff;color:#315dbe}.mode-sea{background:#eee5fc;color:#7548ad}.transport-leg>h4{font-size:14px;margin:0 0 18px;overflow-wrap:anywhere}.transport-route{margin:0 0 16px 5px}.transport-route>div{position:relative;padding:0 0 18px 20px;border-left:1px dashed #b8c8dc}.transport-route>div:last-child{padding-bottom:0;border-left-color:transparent}.transport-route small{display:block;font-size:10px;color:#77859a;margin-bottom:4px}.transport-route p{font-size:13px;line-height:1.5;color:#344c6e;overflow-wrap:anywhere;margin:0}.route-dot{position:absolute;width:8px;height:8px;left:-4px;top:3px;border:2px solid #668ac1;background:#fbfcff;border-radius:50%}.route-dot.destination{background:#3768ce;border-color:#3768ce}.transport-arrival{display:flex;align-items:center;gap:8px;font-size:11px;color:#687d98;line-height:1.5;border-top:1px solid #e5ebf4;padding-top:12px}.transport-arrival .icon{width:16px;height:16px;flex:none}.transport-arrival b{display:block;color:#405779;font-size:12px}.transport-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.transport-actions .btn{min-height:44px;font-size:12px}.transport-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;margin-top:6px;color:#244f9e;font-size:13px;line-height:1.6}.transport-total>strong{font-size:21px;flex:none}.transport-total small{display:block;font-size:10px;color:#72839a}.transport-empty{padding:24px 14px;text-align:center;border:1px dashed #cbd6e6;border-radius:10px;color:#8190a4}.transport-empty>.icon{width:26px;height:26px;color:#7792ba;margin-bottom:10px}.transport-empty p{font-size:13px;color:#4b6280;margin:0 0 7px}.transport-empty small{font-size:11px;line-height:1.6;display:block}.transport-plan-readonly{border-top:1px solid #e5ebf4;padding-top:20px;margin-top:20px}[data-form='transportLeg'] .form-actions .btn{min-height:48px}[data-form='transportLeg'] .help{margin:0 0 16px}
@media(max-width:380px){.transport-leg{padding:14px}.transport-leg-top{gap:7px}.transport-leg-top>b{font-size:14px}.transport-count{font-size:9px}.transport-list-heading h4{font-size:13px}.transport-total{font-size:12px}.transport-total>strong{font-size:18px}[data-form='transportLeg'] .form-actions{display:grid;grid-template-columns:1fr}[data-form='transportLeg'] .form-actions .btn{width:100%}}
/* Meeting outcome and MOM drawer, aligned to the existing CRM palette. */
fieldset{border:0;padding:0;margin:0;min-width:0}#modal.mom-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(760px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:20px 0 0 20px;padding:0;overflow:hidden;box-shadow:-15px 0 65px #16284024;--crm-accent:#aa438a;--crm-soft:#f9eaf3}#modal.mom-drawer::backdrop{background:#14264166}#modal.mom-drawer .dialog-head{padding:22px 26px;border-bottom:1px solid #ead9e5;background:#fff}#modal.mom-drawer .dialog-head h2{font-size:22px}#modal.mom-drawer .dialog-body{height:calc(100dvh - 87px);overflow:auto;background:#faf7fb;padding:24px}#modal.mom-drawer .mom-editor{max-width:none;margin:0}#modal.mom-drawer .mom-editor>.card{margin:0;padding:24px;border-color:#eadfe8}#modal.mom-drawer .btn:not(.secondary):not(.ghost):not(.danger):not(.success){background:#aa438a;border-color:#aa438a}.mom-context{border:1px solid #edcce0;border-radius:10px;background:#fdf5fa;padding:8px 15px;margin:14px 0 22px}.mom-context .kv{font-size:12px}.mom-context .kv b{max-width:65%;overflow-wrap:anywhere}.mom-section-label{margin-top:28px!important}.mom-discussion{min-height:220px}.mom-audio{border:1px solid #e0dcea;background:#fcfaff;border-radius:10px;padding:14px;margin:12px 0 22px}.mom-audio summary{list-style:none;cursor:pointer;display:flex;gap:8px;align-items:center;font-size:13px;font-weight:700;flex-wrap:wrap}.mom-audio summary .icon{color:#aa438a;width:18px}.mom-audio summary span{font-size:11px;color:#7c7188;font-weight:400}.mom-audio[open]>summary{margin-bottom:16px}.mom-audio .notice{font-size:12px}.mom-audio audio{display:block;width:100%;max-width:100%;margin:12px 0}.mom-audio-file{margin:12px 0;overflow-wrap:anywhere;font-size:13px}.mom-audio-file small{display:block;color:#708098;margin-top:5px}.mom-transcript{margin-top:18px;padding:15px;background:#f3edf8;border-radius:8px;font-size:13px;line-height:1.7}.mom-transcript ul{padding-left:20px}.mom-editor .form-actions{align-items:stretch}.mom-editor .form-actions .autosave{flex-basis:100%}.mom-review-actions{display:grid;gap:10px}.meeting-activity{border-bottom:1px solid #edf0f6;padding-bottom:18px;margin-bottom:16px}.meeting-activity:last-child{border-bottom:0;margin-bottom:0}.meeting-activity .list-row{border:0;padding-bottom:8px}.meeting-activity-footer{padding:0 8px 0 62px}.meeting-activity-footer>p{margin:2px 0 12px;color:#64748b}.meeting-activity-footer .row{gap:10px}.mom-editor .line-editor{background:#fbf9fc;border-color:#e8dce5}.mom-editor .line-editor>.between{margin-bottom:10px}.mom-editor .terms-toolbar{background:#f7eef6}.rich-terms{white-space:normal}.rich-terms p{margin:8px 0}.mom-discussion:empty:before{content:'Write requirements, decisions and key takeaways…';color:#98a0ae;pointer-events:none}
@media screen{#modal.mom-drawer{border-radius:0}#modal.mom-drawer .dialog-head{padding:18px 16px}#modal.mom-drawer .dialog-body{padding:12px;height:calc(100dvh - 78px)}#modal.mom-drawer .mom-editor>.card{padding:17px}.mom-editor .form-actions{display:grid}.mom-editor .form-actions .btn{width:100%;white-space:normal}.mom-context{padding:8px 10px}.mom-context .kv{align-items:flex-start;gap:12px}.mom-context .kv b{max-width:62%;text-align:right}.mom-audio{padding:12px}.mom-audio .row .btn{white-space:normal;max-width:100%}.meeting-activity-footer{padding-left:0}.meeting-activity .list-row .avatar{display:none}.meeting-activity .list-row{gap:8px}.mom-discussion{min-height:220px}}

/* Manual lead capture: five focused sections with linked local masters. */
.lead-capture-width{width:100%;max-width:820px;margin:0 auto}.lead-capture-width .card{margin-bottom:18px}.lead-capture-width h3{font-size:20px;margin-bottom:18px}.lead-capture-width .form-grid{gap:18px}.lead-capture-width .form-grid .field{margin:0}.lead-capture-width select,.lead-capture-width input:not([type=checkbox]),.lead-capture-width textarea{min-height:46px}.lead-capture-width .help{font-size:12px;line-height:1.6;margin-bottom:18px}.lead-duplicate-status{margin-top:20px}.lead-duplicate-status .notice p{font-size:12px;margin:7px 0 12px;line-height:1.6}.lead-duplicate-status .btn{min-height:42px}.lead-product{border:1px solid #dbe4ed;border-radius:12px;padding:18px;margin:18px 0;background:#fbfdfd}.lead-product>.between{margin-bottom:16px;font-size:13px}.lead-product-meta{display:flex;gap:12px;align-items:center;font-size:12px;margin:14px 0 18px;color:#316461}.lead-product-meta small{display:block;color:#6c7e91;margin-top:5px}.lead-product-meta .product-thumb{width:44px;height:44px}.lead-add-product{min-height:48px;margin:12px 0}.lead-estimate{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0 24px;color:#087d70;font-size:14px}.lead-estimate small{display:block;color:#778a99;font-size:11px;margin-top:5px}.lead-estimate>b{font-size:22px;white-space:nowrap}.lead-empty-note{padding:18px 0;font-size:13px;line-height:1.7;color:#7b8898}.lead-file{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 0;border-top:1px solid #e4eaf0}.lead-file>.icon{flex:none;color:#528c82;width:20px}.lead-file>.grow{min-width:120px;overflow-wrap:anywhere}.lead-file b{font-size:12px;display:block}.lead-file small{font-size:10px;color:#758799;display:block;margin-top:5px}.lead-file .btn{min-height:42px;font-size:11px}.lead-save-card .btn{min-height:56px;flex:1}.lead-saved-product{display:flex;align-items:center;gap:12px;border-top:1px solid #e6edf0;padding:16px 0;font-size:12px}.lead-saved-product .product-thumb{width:44px;height:44px;flex:none}.lead-saved-product .grow{min-width:0}.lead-saved-product small{display:block;font-size:10px;color:#728697;margin-top:5px}.lead-saved-product>b{white-space:nowrap;color:#14796f}[data-lead-upload-status]{font-size:12px;color:#167c68;margin:12px 0;line-height:1.6}
@media screen{.lead-capture-width h3{font-size:18px}.lead-capture-width .form-grid{gap:16px}.lead-capture-width .form-grid:has([name='recommendedASM']){grid-template-columns:1fr}.lead-capture-width .lead-product .form-grid{grid-template-columns:1fr}.lead-estimate{font-size:12px}.lead-estimate>b{font-size:19px}.lead-estimate small{font-size:10px}.lead-saved-product{flex-wrap:wrap}.lead-saved-product .grow{min-width:170px}.lead-saved-product>b{margin-left:56px}.lead-save-card .form-actions{display:grid;grid-template-columns:1fr}.lead-file .btn{padding:8px 10px}.lead-capture-width .field>input[type=file]{font-size:12px}}

.mom-context .kv{grid-template-columns:100px minmax(0,1fr)}.mom-context .kv b{max-width:100%;width:100%}[data-view=momdetail] .kv b{max-width:100%}
@media screen{.workspace[data-view^='mom'] .page-head{flex-direction:column;align-items:stretch;gap:16px}.workspace[data-view^='mom'] .page-identity{width:100%;flex-basis:auto}.workspace[data-view^='mom'] .page-copy h1{overflow-wrap:break-word;word-break:normal}.workspace[data-view^='mom'] .page-actions{max-width:none;width:100%;margin:0}.workspace[data-view^='mom'] .page-actions>.btn{width:100%;min-height:44px}}
@media screen{.lead-capture-width .form-grid:has([name='person']),.lead-capture-width .form-grid:has([name='asmId']){grid-template-columns:1fr}body:has(.workspace[data-view='leaddetail']) .page-head{flex-direction:column;align-items:stretch;gap:16px}body:has(.workspace[data-view='leaddetail']) .page-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));width:100%;margin:0}body:has(.workspace[data-view='leaddetail']) .page-actions>.btn{min-height:44px;width:100%}body:has(.workspace[data-view='leaddetail']) .page-copy h1{overflow-wrap:normal;word-break:normal}}

/* User-supplied Airy Blue Network Waves artwork, shared by login and OTP. */
.auth-shell{position:relative;isolation:isolate;background:#edf6ff}.auth-background{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center top;pointer-events:none;user-select:none}.auth-story,.auth-form-wrap{background:transparent}.auth-form>p,.auth-footer,.auth-story p,.auth-story>small{color:#52677f}
/* Compact wordmark; preserve the original image proportions and crop. */
@media screen{
 .brand .brand-crop{width:112.5px;height:27px}
 .brand .brand-crop img{width:165px;height:66px;left:-26.25px;top:-29.25px}
}
@media screen{
 .mobile-brand .brand-crop{width:100px;height:24px}
 .mobile-brand .brand-crop img{width:153.75px;height:61.5px;left:-24px;top:-27px}
}
@media screen and (max-width:380px){
 .mobile-brand .brand-crop{width:91px;height:24px}
 .mobile-brand .brand-crop img{width:139.5px;height:55.5px;left:-21.75px;top:-24.75px}
}

/* Inventory follows the existing teal operations palette. */
.workspace[data-view='inventory'],.workspace[data-view='inventorydetail'],.workspace[data-view='inwarddetail']{--crm-accent:#087f75;--crm-soft:#e8f6f2;--crm-line:#bfe7dc}
.inventory-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(115deg,#086f67,#168c76);padding:26px 30px;border-radius:16px;color:white;margin-bottom:20px}.inventory-hero .eyebrow{color:#b7e9dc;font-size:10px}.inventory-hero h2{color:white;font-size:30px;letter-spacing:-1px;margin:0 0 8px}.inventory-hero p{color:#c3e9e0;font-size:13px;margin:0}.inventory-hero-icon{display:grid;place-items:center;flex:none;background:#ffffff18;border:1px solid #ffffff24;border-radius:16px;width:70px;height:70px}.inventory-hero-icon .icon{width:36px;height:36px}
.inventory-health{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}.stock-health{border:1px solid #dbe8e2;background:white;border-radius:12px;padding:18px;text-align:left;color:#17684f;cursor:pointer;display:flex;flex-direction:column;gap:5px;min-width:0;border-top:3px solid #219c72}.stock-health strong{font-size:30px;line-height:1.2}.stock-health span{font-size:13px;font-weight:650}.stock-health small{font-size:10px;color:#7d8e9a}.stock-health.health-1{color:#a46b0a;border-top-color:#d99c2b}.stock-health.health-2{color:#bb4e4e;border-top-color:#d66b6b}
.inventory-tabs{display:flex;gap:7px;overflow-x:auto;padding-bottom:10px;margin-bottom:18px;scrollbar-width:thin}.inventory-tab{background:#eaf0f2;border:1px solid transparent;border-radius:8px;font:inherit;font-size:12px;padding:12px 16px;white-space:nowrap;color:#536d79;cursor:pointer}.inventory-tab.on{background:#087f75;color:white}.inventory-tab:focus-visible,.stock-health:focus-visible{outline:3px solid #4c9deb;outline-offset:3px}.inventory-toolbar{display:flex;gap:18px;justify-content:space-between;align-items:center;margin:22px 0 16px}.inventory-toolbar h2{font-size:19px;margin:0}.inventory-toolbar .help{margin:6px 0 0}
.inventory-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inventory-actions .btn{min-height:42px;white-space:normal}.inventory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.inventory-incoming{background:white;border:1px solid #dfe8ed;border-radius:12px;padding:20px;min-width:0}.inventory-incoming h3{font-size:15px;margin:16px 0 0}.inventory-incoming .kv{font-size:12px}
.inventory-product,.inventory-reservation,.inventory-cable,.inventory-movement{padding:22px 0;border-bottom:1px solid #e6eef0;min-width:0}.inventory-product:last-child,.inventory-reservation:last-child,.inventory-cable:last-child,.inventory-movement:last-child{border-bottom:0}.inventory-product h3,.inventory-reservation h3,.inventory-cable h3{font-size:16px;line-height:1.5;margin:0;overflow-wrap:anywhere}.inventory-reservation>.between,.inventory-cable>.between{margin-bottom:12px}.inventory-record-head{display:flex;gap:16px;align-items:center}.inventory-record-head .product-thumb{width:58px;height:58px;flex:none}.inventory-record-head .grow{min-width:0}.inventory-record-head small{color:#8796a5;font-size:11px}.inventory-record-head .eyebrow{margin-bottom:4px}.inventory-badges{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.stock-breakdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0;padding:16px 0;border-block:1px solid #edf1f3}.stock-breakdown>div{min-width:0}.stock-breakdown dt{font-size:10px;color:#7b8e9b;margin:0 0 7px}.stock-breakdown dd{margin:0;font-size:15px;font-weight:700;color:#3b5264;overflow-wrap:anywhere}.stock-breakdown .free-stock dd{color:#087f75}.inventory-record-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.inventory-record-foot>span{font-size:11px;color:#8898a5}.cable-length{display:flex;flex-direction:column;gap:4px;margin:16px 0}.cable-length strong{font-size:27px;color:#137c6f}.cable-length>span{font-size:11px;color:#8b9ba8}.inventory-cable .progress{margin-bottom:15px}.inventory-cable .inventory-actions{margin-top:18px}.inventory-cable .between.small{gap:8px;flex-wrap:wrap;font-size:11px}.inventory-movement h3{font-size:13px;line-height:1.6;margin:12px 0 5px}.inventory-movement p{font-size:12px;color:#627a8d;line-height:1.6;margin:0 0 8px;overflow-wrap:anywhere}.inventory-movement>small{display:block;font-size:10px;line-height:1.7;color:#8a9ba9}.inventory-movement>.between>b{font-size:14px}.inventory-movement .badge{font-size:10px}.inventory-progress{list-style:none;padding:0;margin:0 0 20px}.inventory-progress li{display:flex;gap:12px;align-items:center;padding:10px 0;color:#91a1ae;font-size:12px}.inventory-progress li>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#edf1f5;font-size:11px;flex:none}.inventory-progress li.done{color:#087f75;font-weight:600}.inventory-progress li.done>span{background:#daf2e9}
.inventory-demand>summary{display:flex;gap:12px;align-items:center;cursor:pointer;list-style:none;font-size:13px;font-weight:650}.inventory-demand>summary>span{flex:1}.inventory-demand>summary b{display:block;color:#a67928;font-size:10px;font-weight:500;margin-top:5px}.inventory-demand>summary>.icon{width:20px;height:20px;color:#168c76}.inventory-demand[open]>summary{margin-bottom:18px}.inventory-demand[open]>summary>.icon:last-child{transform:rotate(90deg)}.demand-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 0;border-top:1px solid #e7eef0;min-width:0}.demand-row>div{min-width:0;flex:1}.demand-row b{font-size:12px}.demand-row small{display:block;font-size:10px;color:#869aa7;line-height:1.6;margin-top:5px}.demand-row>span{text-align:right;flex:none}

@media screen{.workspace[data-view='inventory'] .page-head,.workspace[data-view='inventorydetail'] .page-head,.workspace[data-view='inwarddetail'] .page-head{flex-direction:column;align-items:stretch;gap:16px}.workspace[data-view='inventory'] .page-actions,.workspace[data-view='inventorydetail'] .page-actions,.workspace[data-view='inwarddetail'] .page-actions{max-width:none;width:100%;margin:0}.workspace[data-view='inventory'] .page-actions .inventory-actions{display:grid;grid-template-columns:1fr 1fr}.inventory-hero{padding:23px 20px;border-radius:12px}.inventory-hero h2{font-size:25px}.inventory-hero p{font-size:11px}.inventory-hero-icon{width:48px;height:48px;border-radius:12px}.inventory-hero-icon .icon{width:25px;height:25px}.inventory-health{gap:9px;margin-bottom:20px}.stock-health{padding:14px 12px;gap:5px}.stock-health strong{font-size:26px}.stock-health span{font-size:11px}.stock-health small{font-size:9px}.inventory-tab{font-size:11px;padding:12px 14px}.inventory-product h3,.inventory-reservation h3,.inventory-cable h3{font-size:14px}.stock-breakdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stock-breakdown dd{font-size:17px}.inventory-record-head .product-thumb{width:48px;height:48px}.inventory-record-head{gap:12px}.inventory-record-foot>span{font-size:10px}.inventory-toolbar{align-items:stretch;flex-direction:column;gap:12px}.inventory-toolbar h2{font-size:18px}.inventory-toolbar>.btn{width:100%}.inventory-grid{grid-template-columns:1fr}.inventory-movement>.between{gap:8px}.inventory-movement .badge{white-space:normal}.demand-row{align-items:flex-start;gap:10px}.demand-row>span{max-width:110px}.demand-row b{font-size:11px}.inventory-actions>.btn{flex:1}}
@media(max-width:380px){.inventory-hero{padding:20px 16px;gap:10px}.inventory-hero h2{font-size:23px}.inventory-hero .eyebrow{font-size:8px}.stock-health{padding:12px 9px}.stock-health span{font-size:10px}.stock-health small{font-size:8px}.inventory-health{gap:7px}.inventory-record-foot{gap:5px}}

/* Employee self-service: purple personal workspace with clear request states. */
.workspace:is([data-view='ess'],[data-view='attendance'],[data-view='leaves'],[data-view='expenses'],[data-view='employeeassets'],[data-view='hrresources'],[data-view='hrprofile'],[data-view='separation'],[data-view='hrreviews']){--crm-accent:#7254b8;--crm-soft:#f0ebfa;--crm-line:#dbcef0}
.hr-welcome{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:28px 30px;background:linear-gradient(120deg,#62469f,#8c68c1);color:white;border-radius:16px;margin-bottom:20px}.hr-welcome .eyebrow{color:#e0d3f3;font-size:10px}.hr-welcome h2{color:white;margin:0 0 9px;font-size:30px;letter-spacing:-.8px}.hr-welcome p{color:#e3d8f2;font-size:12px;margin:0}.hr-welcome-avatar{width:64px;height:64px;min-width:64px;border:3px solid #ffffff50}.hr-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px}.hr-overview>section{padding:20px;background:white;border:1px solid #e7e1f1;border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.hr-overview>section>.icon{width:20px;color:#8d71bc}.hr-overview strong{font-size:29px;line-height:1.3;color:#65459c}.hr-overview b{font-size:13px;color:#41536d}.hr-overview small{font-size:11px;color:#8a96a7;line-height:1.5}.hr-overview .btn{padding:5px 0;min-height:32px;font-size:11px}.hr-section-label{display:flex;align-items:baseline;gap:14px;justify-content:space-between;margin:0 0 16px}.hr-section-label h2{font-size:19px;margin:0}.hr-section-label>span{font-size:10px;color:#95a0b0}.hr-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:25px}.hr-module{font:inherit;background:white;border:1px solid #e4e6ed;padding:22px;display:flex;align-items:center;gap:16px;min-height:105px;border-radius:12px;text-align:left;cursor:pointer;min-width:0}.hr-module>.grow{min-width:0}.hr-module b{font-size:15px;display:block;margin-bottom:7px;color:#34455d}.hr-module small{display:block;line-height:1.6;font-size:11px;color:#8b98a9}.hr-module>.icon{width:15px;flex:none;color:#a7b0c0}.hr-module-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#eee8f8;color:#8260b5;flex:none;margin-bottom:14px}.hr-module>.hr-module-icon{margin:0}.hr-module-icon>.icon{width:23px;height:23px}.hr-tone-blue .hr-module-icon{background:#e9f0fd;color:#4f7bc2}.hr-tone-purple .hr-module-icon{background:#eee8f9;color:#9068bd}.hr-tone-orange .hr-module-icon{background:#fff0e3;color:#c78a4f}.hr-tone-teal .hr-module-icon{background:#e4f3ef;color:#489c88}.hr-tone-pink .hr-module-icon{background:#fbeaf3;color:#bc79a4}.hr-tone-slate .hr-module-icon{background:#eef0f5;color:#8290a7}.hr-module:hover{border-color:#cab9e5;background:#fdfcfe}.hr-module:focus-visible{outline:3px solid #8d6fbd;outline-offset:3px}.hr-footnote{font-size:11px;line-height:1.8;color:#99a1b0;margin:20px 0 12px;overflow-wrap:anywhere}
.hr-punch-card{border-top:3px solid #8c6bb8!important}.hr-punch-card h2{font-size:24px;line-height:1.4;margin:16px 0 8px;letter-spacing:-.4px}.hr-punch-card>p{font-size:13px;color:#8290a5;line-height:1.7}.hr-punch-card>small{display:block;color:#9ba5b4;line-height:1.7;font-size:10px;margin-top:15px}.hr-punch-actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.hr-punch-actions .btn{min-height:48px}.hr-section-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0 18px}.hr-section-toolbar h2{font-size:18px;margin:0}.hr-section-toolbar form{display:flex;align-items:flex-end;gap:10px;min-width:0}.hr-section-toolbar .field{margin:0;min-width:0}.hr-section-toolbar input,.hr-section-toolbar select{font-size:12px;min-height:42px}.hr-section-toolbar .btn{min-height:42px;white-space:nowrap}.hr-section-toolbar label{font-size:10px}.hr-stat-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 22px}.hr-stat-strip>div{background:white;border:1px solid #e3e6ef;border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:7px;min-width:0}.hr-stat-strip strong{color:#6c529e;font-size:23px;line-height:1.4;overflow-wrap:anywhere}.hr-stat-strip span{font-size:11px;color:#9aA4b2}.hr-attendance-row{padding:18px 0;border-bottom:1px solid #ebedf3}.hr-attendance-row:last-child{border-bottom:0}.hr-attendance-row>.between>b{font-size:13px}.hr-badge-row{display:flex;flex-wrap:wrap;gap:6px}.hr-punch-times{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 12px}.hr-punch-times dt{font-size:10px;color:#96a0b0;margin:0 0 6px}.hr-punch-times dd{font-size:13px;font-weight:650;margin:0;color:#4e6079}.hr-location>summary{font-size:10px;color:#8e80ab;cursor:pointer;min-height:32px;line-height:2.4}.hr-location p{font-size:10px;line-height:1.8;color:#8c98a9;overflow-wrap:anywhere}.hr-location small{display:block}.hr-leave-balances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:18px}.hr-balance{background:#f3eefb;border:1px solid #e5daf4;border-radius:12px;padding:20px;min-width:0}.hr-balance>span{font-size:11px;color:#8f75b6;font-weight:700}.hr-balance strong{font-size:32px;display:block;margin:12px 0 8px;color:#71529d;line-height:1.2}.hr-balance strong small{font-size:14px;font-weight:450;color:#af9fc5}.hr-balance h3{font-size:13px;margin:0 0 9px}.hr-balance p{font-size:10px;color:#9b8cac;line-height:1.7;margin:0}.balance-cl{background:#eaf4fb;border-color:#d5e7f5}.balance-cl>span,.balance-cl strong{color:#5d8daf}.balance-cl p{color:#91a5b6}.balance-sl{background:#eaf5f0;border-color:#d4e9df}.balance-sl>span,.balance-sl strong{color:#5a9a7d}.balance-sl p{color:#8fab9e}.hr-request{padding:21px 0;border-bottom:1px solid #e9edf3;min-width:0}.hr-request:last-child{border-bottom:0}.hr-request h3{font-size:16px;margin:12px 0 8px;line-height:1.5}.hr-request h3>span{font-size:11px;font-weight:500;color:#a0a8b6;margin-left:8px}.hr-date-range{font-size:12px;color:#7d6c9f;line-height:1.6;margin:0 0 9px}.hr-reason{font-size:12px;line-height:1.8;color:#8290a4;margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere}.hr-review-note{font-size:11px;color:#7f6a9a;line-height:1.8;padding:12px;background:#f5f1fa;border-radius:7px;overflow-wrap:anywhere}.hr-inline-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:15px}.hr-inline-actions>.btn{min-height:42px;white-space:normal}.hr-claim-amount{display:flex;gap:12px;justify-content:space-between;align-items:baseline;flex-wrap:wrap}.hr-claim-amount>strong{font-size:24px;color:#8a699d;line-height:1.5}.hr-claim-amount h3{margin-bottom:0}.hr-simple-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:20px 0;padding:0;gap:8px}.hr-simple-steps>li{font-size:12px;color:#967eB5;border-bottom:2px solid #e2d9f0;padding:10px 0;display:flex;gap:9px}.hr-holiday{display:flex;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid #e9edf3}.hr-calendar-day{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;width:48px;height:53px;border:1px solid #e5dcf2;border-radius:9px;background:#f8f5fc;flex:none}.hr-calendar-day b{font-size:20px;color:#8970af}.hr-calendar-day small{font-size:9px!important;color:#b19cc8}.hr-holiday>div>b{font-size:13px;display:block}.hr-holiday small{font-size:10px;display:block;color:#9ca5b2;margin-top:5px}.hr-asset-grid,.hr-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hr-asset h2,.hr-resource h2{font-size:20px;line-height:1.5;margin:18px 0 9px}.hr-asset .kv{font-size:12px}.hr-resource p,.hr-resource-copy{font-size:13px;line-height:1.9;color:#7e8ba0}.hr-resource>small{font-size:10px;color:#a6aebb}.hr-resource .hr-module-icon{margin:0}.hr-demo-document{font-size:10px;color:#a181b5;background:#f4edf8;padding:12px;border-radius:7px;letter-spacing:.06em;font-weight:650;line-height:1.7}.hr-profile-identity{display:flex;gap:15px;align-items:center;margin:0 0 26px}.hr-profile-identity h2{font-size:20px;margin:0 0 6px}.hr-profile-identity small{font-size:10px;color:#a0a8b8}.hr-profile-identity+.form-grid,.hr-profile-identity~h3{margin-bottom:18px}.hr-profile-identity~h3{margin-top:22px;font-size:15px}.hr-profile-identity~.btn{margin-top:20px}.hr-exit-intro h2{font-size:24px;letter-spacing:-.5px;margin-bottom:12px}.hr-exit-intro p{font-size:13px;line-height:1.9;color:#8a95a6;margin-bottom:22px}.hr-clearance-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:22px 0 12px}.hr-clearance-heading>b{font-size:13px}.hr-clearance-heading>span{font-size:10px;color:#9cA5b3}.hr-clearances>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #e9edf3;padding:17px 0}.hr-clearance-icon{width:30px;height:30px;background:#f0edf5;border-radius:50%;display:grid;place-items:center;color:#b0a2c3;flex:none}.hr-clearance-icon.done{background:#e7f4ed;color:#6ca485}.hr-clearance-icon>.icon{width:15px}.hr-clearances b{display:block;font-size:13px}.hr-clearances small{display:block;color:#a0a8b4;font-size:10px;line-height:1.7;margin-top:5px;overflow-wrap:anywhere}.hr-clearances .grow{min-width:90px}.hr-clearances .badge{font-size:10px}.hr-review-tabs{overflow-x:auto;flex-wrap:nowrap;white-space:nowrap}.hr-receipt{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid #e8edf3;padding:13px 0}.hr-receipt>span{font-size:12px;overflow-wrap:anywhere;min-width:0}.hr-receipt small{display:block;font-size:10px;color:#9aa7b8;margin-top:5px}
@media screen{.workspace:is([data-view='ess'],[data-view='attendance'],[data-view='leaves'],[data-view='expenses'],[data-view='employeeassets'],[data-view='hrresources'],[data-view='hrprofile'],[data-view='separation'],[data-view='hrreviews']) .page-head{flex-direction:column;align-items:stretch;gap:15px}.workspace:is([data-view='ess'],[data-view='attendance'],[data-view='leaves'],[data-view='expenses'],[data-view='employeeassets'],[data-view='hrresources'],[data-view='hrprofile'],[data-view='separation'],[data-view='hrreviews']) .page-actions{max-width:none;width:100%;margin:0}.workspace:is([data-view='leaves'],[data-view='expenses']) .page-actions>.btn{width:100%;min-height:44px}.hr-welcome{padding:24px 20px;border-radius:12px}.hr-welcome h2{font-size:27px}.hr-welcome-avatar{width:54px;height:54px;min-width:54px}.hr-welcome .eyebrow{font-size:8px}.hr-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:24px}.hr-overview>section:first-child{grid-column:1/-1;display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:5px 9px;align-items:center;padding:18px}.hr-overview>section:first-child>.icon{grid-row:1/3}.hr-overview>section:first-child>b{font-size:13px}.hr-overview>section:first-child>small{grid-column:2}.hr-overview>section:first-child>.btn{grid-column:3;grid-row:1/3;max-width:105px;font-size:10px;white-space:normal;text-align:right;justify-content:flex-end}.hr-overview>section:not(:first-child){padding:17px}.hr-overview b{font-size:11px;line-height:1.7}.hr-overview small{font-size:10px}.hr-overview>section:not(:first-child)>.icon{display:none}.hr-overview strong{font-size:27px}.hr-section-label h2{font-size:18px}.hr-section-label>span{font-size:9px}.hr-module-grid{grid-template-columns:1fr;gap:11px}.hr-module{min-height:99px;padding:19px 16px;gap:14px}.hr-module b{font-size:14px}.hr-module small{font-size:10px}.hr-module-icon{width:41px;height:41px;border-radius:11px}.hr-module-icon>.icon{width:21px;height:21px}.hr-punch-card h2{font-size:21px}.hr-punch-actions{display:grid;grid-template-columns:1fr;gap:10px}.hr-punch-actions>.btn{width:100%}.hr-section-toolbar{flex-direction:column;align-items:stretch;gap:14px}.hr-section-toolbar form{width:100%}.hr-section-toolbar .field{flex:1}.hr-section-toolbar .btn{font-size:11px}.hr-stat-strip{gap:8px}.hr-stat-strip>div{padding:14px 10px;gap:6px}.hr-stat-strip strong{font-size:18px}.hr-stat-strip span{font-size:9px;line-height:1.6}.hr-leave-balances{gap:9px}.hr-balance{padding:16px 11px}.hr-balance strong{font-size:28px}.hr-balance strong small{font-size:11px}.hr-balance h3{font-size:10px;line-height:1.5;min-height:15px}.hr-balance p{font-size:9px}.hr-balance>span{font-size:10px}.hr-punch-times dd{font-size:12px}.hr-attendance-row>.between>b{font-size:12px}.hr-badge-row>.badge{font-size:9px}.hr-request h3{font-size:14px}.hr-request .eyebrow{font-size:9px}.hr-claim-amount>strong{font-size:21px}.hr-asset-grid,.hr-resource-grid{grid-template-columns:1fr;gap:0}.hr-clearances>div>.btn{margin-left:42px;width:calc(100% - 42px)}.hr-clearances .grow{flex-basis:calc(100% - 120px)}.hr-clearance-heading>b{font-size:11px}.hr-profile-identity h2{font-size:18px}.hr-profile-identity small{line-height:1.8}.hr-inline-actions>.btn{flex:1;min-height:44px}.hr-resource .hr-inline-actions{align-items:stretch}.hr-resource .hr-inline-actions>.btn{font-size:12px}.hr-footnote{font-size:10px}.hr-location p{font-size:9px}.hr-simple-steps>li{font-size:10px;gap:6px}}
@media(max-width:380px){.hr-welcome{padding:22px 17px}.hr-welcome h2{font-size:25px}.hr-overview>section:not(:first-child){padding:14px}.hr-overview>section:first-child{padding:16px 13px}.hr-overview>section:first-child>.btn{max-width:89px}.hr-stat-strip strong{font-size:16px}.hr-stat-strip span{font-size:8px}.hr-leave-balances{gap:7px}.hr-balance{padding:14px 9px}.hr-balance p{font-size:8px}.hr-balance h3{font-size:9px}.hr-balance strong{font-size:25px}.hr-module{padding:18px 14px;gap:11px}.hr-module b{font-size:13px}.hr-module small{font-size:9px}}

/* One mobile app layout on phones, tablets and desktop browsers. */
@media screen{
 :root{--mobile-app-width:480px}
 html{min-height:100%;background:#e8edf4}
 body{width:100%;max-width:var(--mobile-app-width);min-height:100dvh;margin:0 auto;background:var(--bg)}
 #app,.shell,.main-wrap{width:100%;min-width:0}
 .shell{display:block;min-height:100dvh}
 .sidebar,.auth-story,.auth-products,.header-breadcrumb,.header-search,.role-chip,.profile-name,.desktop-line-table{display:none!important}
 .mobile-brand,.mobile-menu{display:flex}
 .app-header{width:100%;height:64px;padding:0 20px;gap:12px}
 .header-left,.header-right{min-width:0}
 .workspace{width:100%;max-width:none;margin:0;padding:24px 20px 110px}
 .detail-grid,.dashboard-lower,.kanban,.module-grid,.hr-module-grid,.hr-asset-grid,.hr-resource-grid,.inventory-grid{grid-template-columns:minmax(0,1fr)}
 .mobile-product-lines{display:block}
 .bottom-nav{display:flex;position:fixed;left:50%;right:auto;transform:translateX(-50%);width:min(100vw,var(--mobile-app-width));max-width:var(--mobile-app-width)}
 .auth-shell{width:100%;min-height:100dvh;grid-template-columns:minmax(0,1fr)}
 .auth-form-wrap{width:100%;min-width:0;min-height:100dvh}
 .auth-form{width:100%;max-width:100%}
 #modal{width:min(456px,calc(100vw - 24px));max-width:calc(100vw - 24px)}
 #modal.mom-drawer{inset:0;margin:0 auto;width:min(100vw,var(--mobile-app-width));max-width:var(--mobile-app-width);height:100dvh;border-radius:0}
 .toast{width:max-content;max-width:min(448px,calc(100vw - 32px));left:50%;right:auto}
 .proposal-offer-summary{position:static}
}
@media screen and (max-width:380px){
 .workspace{padding:20px 16px 108px}
 .app-header{padding:0 16px}
}

/* AE Connect digital identity. Website-derived palette, with accessible app controls.
   Sources and usage: brand-guidelines.html. Loaded last to own the app theme. */
@font-face{font-family:Manrope;src:url('fonts/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
:root{
  --brand-cyan:#00b1f0;--brand-blue:#0096d6;--brand-mid:#0090c6;--brand-deep:#036e97;
  --brand-navy:#102a43;--brand-ink:#272727;--brand-body:#4a4a4a;--brand-muted:#6e7681;
  --brand-light:#f2f9fc;--brand-line:#e4edf2;--brand-white:#fff;--brand-control:#738694;
  --brand-success:#167348;--brand-warning:#875600;--brand-danger:#b12e40;
  --brand-success-soft:#eaf5ee;--brand-warning-soft:#fff3dd;--brand-danger-soft:#fcecef;
  --brand-soft:#e6f5fc;--brand-active-line:#b6dfef;
  --brand-gradient:linear-gradient(120deg,#00b1f0,#0090c6 60%,#036e97);
  --navy:var(--brand-navy);--ink:var(--brand-ink);--muted:var(--brand-muted);
  --line:var(--brand-line);--bg:var(--brand-light);--radius:12px;
  --teal:var(--brand-success);--green-bg:var(--brand-success-soft);
  --orange:var(--brand-warning);--orange-bg:var(--brand-warning-soft);
  --red:var(--brand-danger);--red-bg:var(--brand-danger-soft);
}
/* Repeat the class specificity of the former module themes, including :has(). */
body,body:has(.workspace[data-view]),body .workspace[data-view],#modal.mom-drawer{
  --crm-accent:var(--brand-deep);--crm-soft:var(--brand-soft);--crm-line:var(--brand-active-line);
  --blue:var(--brand-deep);--blue-light:var(--brand-soft);
}
body{font-family:Manrope,system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:500;color:var(--brand-body)}
html{background:#e7eff4}
button,input,select,textarea{font-family:inherit}
h1,h2,h3,h4,.page-head h1,.card h3,.card-title h3,.module b,.hr-module b{color:var(--brand-ink);font-weight:700}
.page-head h1{font-size:28px;line-height:1.25;letter-spacing:-.8px}
.page-head p{color:var(--brand-body);font-size:13px;line-height:1.7}
a{color:var(--brand-deep)}
:focus-visible,button:focus-visible,summary:focus-visible,.hr-module:focus-visible,.inventory-tab:focus-visible,.stock-health:focus-visible{outline:3px solid var(--brand-deep);outline-offset:3px}
input:focus,select:focus,textarea:focus{border-color:var(--brand-deep);box-shadow:0 0 0 3px #00b1f026}
.app-header{border-bottom-color:var(--brand-line);background:#fffffff5}
.mobile-brand .brand-crop{flex-shrink:0}
.btn,.page-actions .btn{font-weight:700;min-height:44px;border-radius:8px}
.btn.secondary{color:var(--brand-deep);border-color:var(--brand-active-line);background:#fff}
.btn.ghost{color:var(--brand-deep)}
.btn.danger,.page-actions>.btn.danger,.form-actions .btn.danger{background:var(--brand-danger);border-color:var(--brand-danger);color:#fff}
.btn.success,.page-actions>.btn.success,.form-actions .btn.success{background:var(--brand-success);border-color:var(--brand-success);color:#fff}
.icon-btn{color:var(--brand-deep);border-color:var(--brand-line)}
.page-symbol{background:var(--brand-soft);color:var(--brand-deep);border:1px solid var(--brand-active-line)}
.bottom-nav{border-top-color:var(--brand-line)}
.bottom-nav button{font-weight:600;color:var(--brand-muted)}
.bottom-nav button.active{color:var(--brand-deep);font-weight:800}
.bottom-nav button.active:before{background:var(--brand-cyan)}
.card,.detail-hero,.record-results,.hr-module,.hr-overview>section,.hr-stat-strip>div{border-color:var(--brand-line)}
.module>svg,.module[data-go]>svg,body .workspace .hr-module-icon{background:var(--brand-soft);color:var(--brand-deep)}
.module>svg{background:transparent}
.module small,.hr-module small,.hr-overview small,.hr-overview b,.hr-stat-strip span,.hr-section-label>span,.hr-footnote{color:var(--brand-muted)}
.module:hover,.hr-module:hover{background:var(--brand-light);border-color:var(--brand-active-line)}
.record-filter-panel[open] summary{background:var(--brand-deep);color:#fff;border-color:var(--brand-deep)}
.record-tools .search-field{box-shadow:none;border-color:var(--brand-control)}
.record-filter-panel summary{border-color:var(--brand-control)}
.record-segments .chip{color:var(--brand-muted)}
.record-group-label span{opacity:1}
.record-link>.stack b{color:var(--brand-ink)}
.badge:not(.green):not(.orange):not(.red):not(.gray){color:var(--brand-deep);background:var(--brand-soft)}
.badge.green,.notice.success{color:var(--brand-success);background:var(--brand-success-soft)}
.badge.orange,.notice.warning{color:var(--brand-warning);background:var(--brand-warning-soft)}
.badge.red,.field-error{color:var(--brand-danger);background:var(--brand-danger-soft)}
.badge.gray{color:var(--brand-muted);background:#f0f3f5}
.notice{color:var(--brand-deep);background:var(--brand-light);border-color:var(--brand-active-line)}
.field label{color:var(--brand-body);font-weight:600}
.field .help,.auth-footer{color:var(--brand-muted)}
.control,input:not([type=checkbox]):not([type=radio]),select,textarea{border-color:var(--brand-control);border-radius:8px;color:var(--brand-ink)}
input::placeholder,textarea::placeholder{color:var(--brand-muted);opacity:1}
input[type=checkbox],input[type=radio]{accent-color:var(--brand-deep)}
.metric,.metric.purple{--metric-accent:var(--brand-deep);--metric-soft:var(--brand-soft)}
.metric.green{--metric-accent:var(--brand-success);--metric-soft:var(--brand-success-soft)}
.metric.amber{--metric-accent:var(--brand-warning);--metric-soft:var(--brand-warning-soft)}
.metric.purple .metric-icon{color:var(--brand-deep);background:var(--brand-soft)}
body .metric:is(.green,.amber,.purple) .metric-icon{color:var(--metric-accent);background:var(--metric-soft)}
.metric p,.metric small{color:var(--brand-muted)}
.banner-kpi{background:var(--brand-navy);color:#fff}
.banner-kpi h2,.banner-kpi h3{color:#fff}
.banner-kpi .eyebrow{color:#8fddfa!important}
.banner-kpi .muted{color:#daeaf2}
.progress{background:#d7e9f2}
.banner-kpi .progress{background:#ffffff30}
.progress span,.progress.teal span{background:var(--brand-cyan)}
.task-stat span{color:#fff}
.task-stat.overdue,.task-stat.completed{border-color:var(--brand-line)}
.task-stat.overdue strong,.task-stat.overdue span,.task-stat.overdue.on span{color:var(--brand-warning)}
.task-stat.completed strong,.task-stat.completed span,.task-stat.completed.on span{color:var(--brand-success)}
.task-stat.overdue{background:var(--brand-warning-soft)}.task-stat.completed{background:var(--brand-success-soft)}
.timer-ring{border-color:var(--brand-active-line);border-top-color:var(--brand-cyan);background:#fff}
.inventory-hero,.hr-welcome{background:linear-gradient(120deg,#102a43,#036e97);border-radius:12px}
.inventory-hero h2,.hr-welcome h2{color:#fff;font-weight:700}
.inventory-hero .eyebrow,.hr-welcome .eyebrow{color:#9ae2fc}
.inventory-hero p,.hr-welcome p{color:#e1f4fc;line-height:1.7}
.inventory-tab{background:#fff;color:var(--brand-body);border-color:var(--brand-line)}
.inventory-tab.on{background:var(--brand-deep);color:#fff;border-color:var(--brand-deep)}
.stock-health{color:var(--brand-success);border-color:var(--brand-line);border-top-color:var(--brand-success)}
.stock-health.health-1{color:var(--brand-warning);border-top-color:var(--brand-warning)}
.stock-health.health-2{color:var(--brand-danger);border-top-color:var(--brand-danger)}
.stock-health small{color:var(--brand-muted)}
.inventory-demand>summary>.icon,.inventory-progress li.done{color:var(--brand-deep)}
.inventory-progress li.done>span{background:var(--brand-soft)}
.hr-overview strong,.hr-overview>section>.icon,.hr-stat-strip strong,.hr-location>summary,.hr-date-range{color:var(--brand-deep)}
.hr-review-note{color:var(--brand-deep);background:var(--brand-soft)}
.hr-clearance-icon{color:var(--brand-muted);background:#f0f3f5}
.hr-clearance-icon.done{color:var(--brand-success);background:var(--brand-success-soft)}
.hr-resource p,.hr-resource-copy{color:var(--brand-body)}
.hr-punch-card{border-top-color:var(--brand-cyan)!important}
body .hr-balance{background:var(--brand-light);border-color:var(--brand-active-line)}
body .hr-balance>span,body .hr-balance strong{color:var(--brand-deep)}
body .hr-balance p,body .hr-balance strong small{color:var(--brand-muted)}
#modal.mom-drawer .dialog-head,#modal.mom-drawer .mom-editor>.card{border-color:var(--brand-line)}
#modal.mom-drawer .dialog-body{background:var(--brand-light)}
#modal.mom-drawer .btn:not(.secondary):not(.ghost):not(.danger):not(.success){background:var(--brand-deep);border-color:var(--brand-deep)}
.mom-context,.mom-audio,.mom-editor .line-editor{background:var(--brand-light);border-color:var(--brand-active-line)}
.mom-transcript,.mom-editor .terms-toolbar{background:var(--brand-soft)}
.mom-audio summary .icon{color:var(--brand-deep)}
.auth-tabs{background:#e4f0f6;border:1px solid var(--brand-active-line)}
.auth-tabs button{color:var(--brand-body);font-weight:600}
.auth-tabs button.on{color:var(--brand-deep);background:#fff;font-weight:800}
.auth-form h1{font-size:28px;font-weight:800;color:var(--brand-ink)}
.auth-form>p,.auth-form .eyebrow,.auth-footer{color:var(--brand-body)}
.auth-form .notice{background:#ffffffe8}
.toast{background:var(--brand-navy);color:#fff;border-radius:8px}
@media screen and (max-width:380px){.page-head h1{font-size:25px}.auth-form h1{font-size:25px}}