:root{--navy:#12263f;--navy2:#1b3656;--blue:#2f75d6;--blue2:#eaf2ff;--bg:#f4f7fb;--card:#fff;--text:#1d2b3a;--muted:#6d7b8a;--line:#dfe6ee;--green:#218c68;--greenbg:#e9f7f1;--orange:#c8781a;--orangebg:#fff3e4;--red:#c44949;--redbg:#fff0f0;--shadow:0 12px 35px rgba(25,52,82,.1)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.login-screen{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0d2138,#274c75);padding:24px}.login-card{width:min(440px,100%);background:#fff;border-radius:22px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.28)}.logo-row,.brand{display:flex;align-items:center;gap:12px}.logo-row strong,.brand strong{display:block;letter-spacing:.08em}.logo-row span,.brand span{display:block;font-size:12px;color:var(--muted);margin-top:3px}.logo-mark{width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#2d7de0,#1e4f8d);color:#fff;display:grid;place-items:center;font-weight:800;font-size:21px}.pilot-badge{display:inline-flex;margin:28px 0 7px;background:var(--blue2);color:var(--blue);font-weight:700;font-size:12px;padding:7px 10px;border-radius:999px}.login-card h1{margin:8px 0 8px;font-size:30px}.login-card>p{color:var(--muted);line-height:1.55}.login-card form{display:grid;gap:16px;margin-top:25px}label{display:grid;gap:7px;font-weight:650;font-size:13px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:11px 12px;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:#6ba2e8;box-shadow:0 0 0 3px rgba(47,117,214,.12)}textarea{min-height:92px;resize:vertical}.credentials{margin-top:18px;background:#f7f9fc;border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;gap:5px;font-size:12px;color:var(--muted)}.app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:var(--navy);color:#dbe7f5;padding:20px 14px;display:flex;flex-direction:column;z-index:20}.brand{padding:0 10px 20px;border-bottom:1px solid rgba(255,255,255,.11)}.brand span{color:#8fa8c2}.sidebar nav{display:grid;gap:4px;margin-top:19px}.nav-item{border:0;background:transparent;color:#b8c9da;padding:11px 12px;border-radius:9px;text-align:left;display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:600}.nav-item:hover,.nav-item.active{background:#254362;color:#fff}.nav-item span:first-child{width:22px;text-align:center;font-size:17px}.sidebar-bottom{margin-top:auto}.user-mini{display:flex;align-items:center;gap:10px;padding:16px 8px 2px;border-top:1px solid rgba(255,255,255,.11)}.user-mini strong,.user-mini span{display:block}.user-mini span{font-size:11px;color:#8fa8c2;margin-top:3px}.avatar{width:36px;height:36px;border-radius:50%;background:#3d6a96;display:grid;place-items:center;font-weight:800}.main{min-width:0}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 24px;position:sticky;top:0;z-index:15}.mobile-menu{display:none;border:0;background:none;font-size:23px}.search{display:flex;align-items:center;gap:9px;background:#f5f7fa;border:1px solid #e7ebf0;border-radius:10px;padding:0 12px;max-width:480px;flex:1}.search input{border:0;background:transparent;padding:10px 0;box-shadow:none}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.save-state{font-size:12px;color:var(--green)}.btn{border:1px solid transparent;border-radius:9px;padding:10px 14px;font-weight:700;cursor:pointer}.btn.primary{background:var(--blue);color:#fff}.btn.primary:hover{background:#2669bf}.btn.secondary{background:#fff;border-color:var(--line);color:var(--text)}.btn.danger{background:var(--redbg);color:var(--red);border-color:#f4caca}.btn.full{width:100%}.pilot-notice{margin:18px 24px 0;background:#fff8df;border:1px solid #f0dda2;color:#795d10;padding:11px 14px;border-radius:10px;font-size:13px}.content{padding:24px}.page-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:800;color:var(--blue);margin:0 0 6px}.page-head h1{font-size:28px;margin:0 0 6px}.page-head p{color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 4px 16px rgba(32,60,89,.04)}.stat span{font-size:12px;color:var(--muted);font-weight:650}.stat strong{font-size:27px;display:block;margin:10px 0 6px}.stat small{color:var(--green)}.grid-2{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 16px rgba(32,60,89,.04);overflow:hidden}.card-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.card-head h3{margin:0;font-size:16px}.card-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.activity{padding:8px 18px}.activity-item{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:start;padding:13px 0;border-bottom:1px solid #edf0f4}.activity-item:last-child{border:0}.activity-icon{width:36px;height:36px;border-radius:10px;background:var(--blue2);color:var(--blue);display:grid;place-items:center;font-weight:800}.activity-item strong{display:block;font-size:13px}.activity-item p,.activity-item time{margin:4px 0 0;color:var(--muted);font-size:12px}.progress-list{padding:15px 18px;display:grid;gap:16px}.progress-row{display:grid;grid-template-columns:1fr auto;gap:8px}.progress-row strong{font-size:13px}.progress-row span{font-size:12px;color:var(--muted)}.progress{grid-column:1/-1;height:8px;background:#edf1f6;border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;background:var(--blue);border-radius:999px}.toolbar{display:flex;gap:9px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.toolbar .spacer{flex:1}.filter-select{width:auto;min-width:170px}.table-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:880px}.data-table th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:#f8fafc;text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}.data-table td{padding:13px 14px;border-bottom:1px solid #edf0f4;font-size:13px;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tr:hover td{background:#fbfdff}.cell-main strong,.cell-main span{display:block}.cell-main span{font-size:11px;color:var(--muted);margin-top:4px}.status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.status.green{background:var(--greenbg);color:var(--green)}.status.orange{background:var(--orangebg);color:var(--orange)}.status.red{background:var(--redbg);color:var(--red)}.status.blue{background:var(--blue2);color:var(--blue)}.actions{display:flex;gap:6px}.action-btn{border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 8px;cursor:pointer;font-size:12px}.action-btn:hover{border-color:#99bce8}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.entity-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 4px 16px rgba(32,60,89,.04)}.entity-card header{display:flex;justify-content:space-between;gap:12px}.entity-card h3{margin:0;font-size:15px}.entity-card p{color:var(--muted);font-size:12px;line-height:1.45}.entity-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.entity-meta div{background:#f7f9fc;border-radius:9px;padding:10px}.entity-meta span,.entity-meta strong{display:block}.entity-meta span{font-size:10px;color:var(--muted);text-transform:uppercase}.entity-meta strong{font-size:13px;margin-top:4px}.entity-card footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:12px}.empty{background:#fff;border:1px dashed #bdc8d4;border-radius:14px;padding:50px;text-align:center;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:rgba(12,30,50,.55);display:grid;place-items:center;padding:20px;z-index:50}.modal{background:#fff;border-radius:16px;width:min(760px,100%);max-height:92vh;overflow:auto;box-shadow:var(--shadow)}.modal.small{width:min(470px,100%)}.modal header{display:flex;justify-content:space-between;align-items:start;padding:20px 22px;border-bottom:1px solid var(--line)}.modal header span{font-size:10px;letter-spacing:.12em;color:var(--blue);font-weight:800}.modal h2{margin:5px 0 0;font-size:22px}.icon-close{border:0;background:#f0f3f7;border-radius:8px;width:34px;height:34px;font-size:22px;cursor:pointer}.modal form{padding:20px 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label.wide{grid-column:1/-1}.modal footer{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.import-body{padding:22px;display:grid;gap:16px}.import-body p{color:var(--muted);line-height:1.5}.toast{position:fixed;right:24px;bottom:24px;background:#13263e;color:#fff;border-radius:11px;padding:12px 15px;display:flex;align-items:center;gap:10px;transform:translateY(90px);opacity:0;transition:.25s;z-index:80;box-shadow:var(--shadow)}.toast.show{transform:translateY(0);opacity:1}.toast b{width:24px;height:24px;border-radius:50%;background:var(--green);display:grid;place-items:center}.settings-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.setting-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.setting-card h3{margin:0 0 7px}.setting-card p{color:var(--muted);font-size:13px;line-height:1.5}.setting-card .btn{margin-top:8px}.kanban{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:12px;overflow:auto;padding-bottom:6px}.kanban-col{background:#edf2f7;border-radius:12px;padding:10px;min-height:320px}.kanban-head{display:flex;justify-content:space-between;align-items:center;padding:5px 5px 10px;font-size:12px;font-weight:800}.kanban-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:9px;box-shadow:0 3px 10px rgba(22,49,79,.06)}.kanban-card h4{margin:0 0 6px;font-size:13px}.kanban-card p{font-size:11px;color:var(--muted);margin:0 0 10px}.kanban-card footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.calc-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.calc-summary div{background:#f7f9fc;border-radius:8px;padding:9px}.calc-summary span,.calc-summary strong{display:block}.calc-summary span{font-size:9px;color:var(--muted);text-transform:uppercase}.calc-summary strong{font-size:12px;margin-top:4px}
@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.cards-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.app{grid-template-columns:220px 1fr}.save-state{display:none}}
@media(max-width:760px){.app{display:block}.sidebar{position:fixed;left:-270px;width:250px;transition:.25s}.sidebar.open{left:0;box-shadow:20px 0 50px rgba(0,0,0,.22)}.mobile-menu{display:block}.topbar{padding:0 12px}.content{padding:16px}.pilot-notice{margin:12px 16px 0}.top-actions .secondary{display:none}.top-actions .btn{padding:9px 10px}.stats{grid-template-columns:1fr 1fr}.cards-grid,.settings-list{grid-template-columns:1fr}.page-head{align-items:start}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.modal-backdrop{padding:8px}.calc-summary{grid-template-columns:1fr}.search{max-width:none}}
@media(max-width:470px){.stats{grid-template-columns:1fr}.search input{width:100px}.page-head h1{font-size:24px}.login-card{padding:25px}}

/* v2: central client and project cards */
.page-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.link-button{border:0;background:none;padding:0;color:var(--text);cursor:pointer;text-align:left}.link-button:hover{color:var(--blue);text-decoration:underline}.muted-line{display:inline-block;margin-top:5px;color:var(--muted);font-size:11px}.count-pill{border:0;background:var(--blue2);color:var(--blue);font-weight:800;min-width:34px;height:28px;border-radius:999px;cursor:pointer}.primary-action{border-color:#b8d2f3;background:var(--blue2);color:var(--blue);font-weight:750}.danger-text{color:var(--red);border-color:#efcccc}.clickable{cursor:pointer}.clickable:hover{border-color:#9dbfe9;transform:translateY(-1px)}
.client-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.client-summary>div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px}.client-summary span,.client-summary strong{display:block}.client-summary>div>span:first-child{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px}.client-summary strong{font-size:14px}.tabs{display:flex;gap:6px;overflow:auto;border-bottom:1px solid var(--line);margin-bottom:16px}.tab-btn{border:0;border-bottom:3px solid transparent;background:transparent;padding:12px 14px;color:var(--muted);font-weight:750;cursor:pointer;white-space:nowrap}.tab-btn.active{color:var(--blue);border-bottom-color:var(--blue)}
.detail-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:15px}.detail-grid.two-columns{grid-template-columns:1fr 1.2fr}.detail-section{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;min-width:0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:16px}.section-head h3{margin:0;font-size:16px}.section-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.info-grid.single{grid-template-columns:1fr}.info-item{border:1px solid #e9eef4;background:#f9fbfd;border-radius:10px;padding:11px;min-width:0}.info-item.wide{grid-column:1/-1}.info-item span,.info-item strong{display:block}.info-item>span:first-child{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:5px}.info-item strong{font-size:13px;line-height:1.45;overflow-wrap:anywhere}.info-item a{color:var(--blue);text-decoration:none}.info-item a:hover{text-decoration:underline}.not-set{color:#9aa7b5;font-weight:500}.notes-box{background:#f8fafc;border:1px dashed #cbd5df;border-radius:10px;padding:14px;color:var(--text);font-size:13px;line-height:1.6;min-height:76px}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.contact-card{border:1px solid var(--line);border-radius:12px;padding:15px;background:#fcfdff}.contact-role{display:inline-flex;background:var(--blue2);color:var(--blue);font-size:10px;font-weight:800;padding:5px 8px;border-radius:999px;text-transform:uppercase}.contact-card h4{margin:11px 0 8px}.contact-card p{margin:6px 0;font-size:13px;color:var(--muted)}.contact-card a{color:var(--blue);text-decoration:none}.contact-card small{display:block;margin-top:9px;color:var(--muted);line-height:1.4}.card-actions{margin-top:13px;border-top:1px solid var(--line);padding-top:10px}
.contract-list{display:grid;gap:12px}.contract-card{border:1px solid var(--line);border-radius:12px;padding:15px}.contract-main{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.contract-main h4{margin:7px 0 5px}.contract-main p{margin:0;color:var(--muted);font-size:12px}.contract-number{font-size:11px;font-weight:800;color:var(--blue);letter-spacing:.05em}.contract-notes{margin:12px 0;background:#f8fafc;border-radius:9px;padding:10px;font-size:12px;color:var(--muted)}.contract-actions{border-top:1px solid var(--line);padding-top:11px;margin-top:12px}.file-toolbar{display:flex;justify-content:space-between;align-items:center;margin:14px 0 8px}.file-toolbar strong{font-size:12px}.file-groups{display:grid;gap:10px}.file-group{border:1px solid #e9edf2;border-radius:10px;overflow:hidden}.file-group h5{margin:0;padding:9px 11px;background:#f7f9fc;font-size:11px;text-transform:uppercase;color:var(--muted)}.file-group h5 span{float:right;background:#e7edf4;border-radius:999px;padding:2px 7px}.file-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:10px 11px;border-top:1px solid #edf0f4}.file-icon{width:38px;height:38px;border-radius:9px;background:var(--blue2);color:var(--blue);display:grid;place-items:center;font-size:9px;font-weight:850}.file-info{min-width:0}.file-info a{display:block;color:var(--text);font-size:12px;font-weight:750;text-decoration:none;overflow-wrap:anywhere}.file-info a:hover{color:var(--blue);text-decoration:underline}.file-info span{display:block;margin-top:4px;color:var(--muted);font-size:10px}.files-empty{border:1px dashed #becad6;border-radius:11px;padding:28px;text-align:center;color:var(--muted);font-size:12px}
.project-list{display:grid;gap:9px}.project-row{width:100%;border:1px solid var(--line);background:#fff;border-radius:11px;padding:13px 14px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:15px;cursor:pointer}.project-row:hover{border-color:#9bbde7;background:#fbfdff}.project-row>div:first-child span,.project-row>div:first-child strong,.project-row>div:first-child small{display:block}.project-row>div:first-child span{color:var(--blue);font-size:10px;font-weight:800}.project-row>div:first-child strong{margin-top:5px;font-size:14px}.project-row>div:first-child small{margin-top:5px;color:var(--muted)}.project-row-status{display:flex;align-items:center;gap:12px}.project-row-status>b{font-size:13px}.project-row-status>span:last-child{font-size:11px;color:var(--blue);font-weight:750}
.timeline{display:grid}.timeline-item{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid #edf0f4}.timeline-item:last-child{border-bottom:0}.timeline-icon{width:38px;height:38px;border-radius:10px;background:var(--blue2);color:var(--blue);display:grid;place-items:center;font-weight:850}.timeline-item.system .timeline-icon{background:#eef1f4;color:#6a7886}.timeline-top{display:flex;justify-content:space-between;gap:10px}.timeline-top strong{font-size:13px}.timeline-top time{font-size:10px;color:var(--muted);white-space:nowrap}.timeline-label{display:inline-block;margin-top:5px;color:var(--blue);font-size:10px;font-weight:750}.timeline-content p{font-size:12px;line-height:1.5;margin:8px 0;color:var(--muted)}.timeline-content small{display:block;background:#f8fafc;border-radius:8px;padding:8px;color:var(--muted)}.timeline-actions{margin-top:9px}.timeline-actions .action-btn{font-size:10px;padding:4px 7px}
.form-section-title{grid-column:1/-1;margin-top:4px;padding:8px 0 5px;border-bottom:1px solid var(--line);font-size:12px;font-weight:850;color:var(--navy);text-transform:uppercase;letter-spacing:.05em}.upload-body{padding:20px 22px;display:grid;gap:16px}.upload-hint{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.modal #uploadForm footer{padding:16px 22px 20px;margin:0;border-top:1px solid var(--line)}
@media(max-width:1050px){.detail-grid,.detail-grid.two-columns{grid-template-columns:1fr}.client-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.page-head{display:grid}.page-actions{width:100%}.page-actions .btn{flex:1}.contact-grid{grid-template-columns:1fr}.project-row{align-items:flex-start}.project-row-status{display:grid;justify-items:end}.file-row{grid-template-columns:38px 1fr}.file-row .action-btn{grid-column:2;justify-self:start}.timeline-top{display:grid}.client-summary{grid-template-columns:1fr 1fr}.info-grid{grid-template-columns:1fr}.info-item.wide{grid-column:auto}}
@media(max-width:470px){.client-summary{grid-template-columns:1fr}.section-head{align-items:flex-start;display:grid}.section-head .btn{width:100%}.project-row{display:grid}.project-row-status{justify-items:start;grid-template-columns:auto auto}.project-row-status>span:last-child{grid-column:1/-1}}


/* v3: client finance, documents, correspondence */
.detail-stack{display:grid;gap:15px}.group-pill{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eef3f8;color:#445d78;font-size:10px;font-weight:800}.danger-number{color:var(--red)}
.document-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.document-category{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fcfdff;min-width:0}.document-category-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.document-category-head>div{display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center}.document-category-head span{width:24px;height:24px;border-radius:7px;background:var(--blue2);color:var(--blue);display:grid;place-items:center;font-size:10px;font-weight:850}.document-category-head strong{font-size:12px}.document-category-head small{grid-column:2;color:var(--muted);font-size:10px;margin-top:2px}.document-category .files-empty{padding:16px}.document-category .file-row{grid-template-columns:36px 1fr auto}.document-category .file-icon{width:34px;height:34px}.compact-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.split-sections{display:grid;gap:18px}.subtable{border:1px solid var(--line);border-radius:12px;overflow:hidden}.subtable-title{padding:11px 13px;background:#f5f8fb;font-size:12px;font-weight:850;color:var(--navy);border-bottom:1px solid var(--line)}.subtable-title span{float:right;background:#e5ebf2;border-radius:999px;padding:2px 8px;color:var(--muted)}.table-scroll{overflow:auto}.compact-table{min-width:840px}.compact-table th,.compact-table td{padding:10px 11px;font-size:11px}.field-hint{font-size:10px;color:var(--muted);font-weight:500;line-height:1.35}.sidebar{overflow-y:auto}.sidebar-bottom{padding-bottom:8px}
@media(max-width:950px){.document-category-grid,.compact-cards{grid-template-columns:1fr}}

.checkbox-field{display:flex!important;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}.checkbox-field input{width:18px;height:18px;margin:1px 0 0;padding:0;flex:0 0 auto}.checkbox-field span{font-size:12px;line-height:1.45}.form-grid input[readonly]{background:#f2f6fb;color:#49627c}.group-pill{display:inline-flex;padding:5px 8px;border-radius:999px;background:var(--blue2);color:var(--blue);font-size:11px;font-weight:800}

/* v5 — project workspace */
.project-summary{grid-template-columns:repeat(6,minmax(0,1fr))}
.project-progress-banner{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px 18px;margin:0 0 16px;box-shadow:var(--shadow-sm)}
.project-progress-banner>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.project-progress-banner span{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.project-progress-banner b{font-size:18px;color:var(--navy)}
.progress.large{height:10px}
.project-main-grid{grid-template-columns:minmax(0,2fr) minmax(280px,.8fr)}
.project-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.status-panel{display:grid;gap:12px}.status-panel>div:not(:first-child){padding:12px;border-radius:12px;background:#f7f9fc;display:flex;justify-content:space-between;gap:16px}.status-panel span{color:var(--muted);font-size:12px}.status-panel strong{font-size:13px;text-align:right}
.project-description{white-space:pre-wrap;line-height:1.65;color:var(--text);min-height:110px;padding:4px 0}
.project-comment-form{display:grid;gap:10px;margin-bottom:18px}.project-comment-form textarea{width:100%;min-height:92px;resize:vertical;border:1px solid var(--border);border-radius:12px;padding:12px 14px;font:inherit;background:#fff}.comment-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.file-attach-inline{border:1px solid var(--border);border-radius:10px;padding:9px 12px;background:#fff;font-size:13px;font-weight:700;cursor:pointer}.file-attach-inline input{display:none}
.comment-list{display:grid;gap:12px}.project-comment{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:14px 0;border-top:1px solid var(--border)}.project-comment:first-child{border-top:0}.comment-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e8f1ff;color:var(--blue);font-weight:800}.comment-body{min-width:0}.comment-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.comment-meta>span{font-size:12px;color:var(--muted)}.comment-body>p{white-space:pre-wrap;margin:8px 0 0;line-height:1.55}.comment-meta .row-actions{margin-left:auto}
.mini-progress{display:flex;align-items:center;gap:8px;min-width:120px}.mini-progress .progress{width:85px}.mini-progress span{font-size:12px;font-weight:700}
.qa-list{display:grid;gap:10px}.qa-card{border:1px solid var(--border);border-radius:12px;padding:13px;background:#fff}.qa-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}.qa-card>strong{display:block;font-size:13px;line-height:1.45}.qa-card>p{margin:8px 0;line-height:1.5;color:var(--text)}.qa-card>small{color:var(--muted)}
@media(max-width:1100px){.project-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.project-main-grid{grid-template-columns:1fr}}
@media(max-width:720px){.project-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.project-info-grid{grid-template-columns:1fr}.comment-form-actions{align-items:stretch;flex-direction:column}.comment-form-actions .btn,.file-attach-inline{text-align:center;width:100%}}
.legacy-note{margin-top:14px;padding:12px 14px;border-radius:10px;background:#fff8e8;border:1px solid #f2dfaa}.legacy-note span{display:block;font-size:11px;font-weight:800;color:#7a5a00;text-transform:uppercase;margin-bottom:5px}.legacy-note p{margin:0;white-space:pre-wrap}


/* v6 — compact tabbed workspaces */
.workspace-main-tabs,.workspace-menu-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  overflow:visible;
  padding:9px;
  margin:0 0 14px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#fff;
  box-shadow:0 4px 16px rgba(32,60,89,.04);
}
.workspace-menu-tabs{
  position:sticky;
  top:78px;
  z-index:12;
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(8px);
}
.workspace-main-tabs .tab-btn,.workspace-menu-tabs .tab-btn{
  border:1px solid #dce6f0;
  border-radius:9px;
  background:#f7f9fc;
  color:#536579;
  padding:9px 12px;
  font-size:12px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
}
.workspace-main-tabs .tab-btn:hover,.workspace-menu-tabs .tab-btn:hover{background:#eef5ff;border-color:#b8d1ef;color:var(--blue)}
.workspace-main-tabs .tab-btn.active,.workspace-menu-tabs .tab-btn.active{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 4px 12px rgba(47,117,214,.18)}
.workspace-panel-hidden{display:none!important}
.workspace-panel-full{grid-column:1/-1!important;width:100%}
.client-sub-tabs{margin-top:-5px;background:#f9fbfd;box-shadow:none;position:static}
@media(max-width:760px){
  .workspace-main-tabs,.workspace-menu-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .workspace-menu-tabs{position:relative;top:auto}
  .workspace-main-tabs .tab-btn,.workspace-menu-tabs .tab-btn{flex:0 0 auto}
}


/* v8 personal/director dashboard */
.dashboard-stats{margin-bottom:16px}.stat.stat-alert{border-color:#f1b4b4;background:#fffafa}.stat.stat-alert strong,.stat.stat-alert small{color:var(--red)}
.dashboard-task-card{margin-top:16px}.dashboard-task-card .table-scroll{overflow:auto}.dashboard-count{min-width:32px;height:32px;border-radius:999px;background:var(--blue2);color:var(--blue);font-weight:800;display:grid;place-items:center;padding:0 9px}.dashboard-task-table{min-width:1050px}.dashboard-status-select{min-width:145px;padding:7px 28px 7px 9px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:12px;font-weight:700;color:var(--text)}.task-row-overdue td{background:#fffafa}.task-row-overdue:hover td{background:#fff6f6}.task-due{font-size:12px;font-weight:700;white-space:nowrap}.task-due.overdue{color:var(--red)}.task-due.today{color:var(--orange)}.task-progress-cell{min-width:115px;display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}.task-progress-cell .progress{grid-column:auto;height:7px}.task-progress-cell small{font-weight:700;color:var(--muted)}
.team-overview{margin:0 0 16px}.team-overview-grid{padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.team-member-card{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;background:#fbfdff}.team-member-avatar{width:42px;height:42px;border-radius:12px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:850;font-size:17px}.team-member-main strong,.team-member-main span{display:block}.team-member-main strong{font-size:14px}.team-member-main span{font-size:11px;color:var(--muted);margin-top:3px}.team-member-metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid var(--line);padding-top:10px}.team-member-metrics span{font-size:11px;color:var(--muted)}.team-member-metrics b{color:var(--text);font-size:14px;margin-right:3px}.dashboard-completed{margin-top:16px;opacity:.92}
@media(max-width:900px){.team-overview-grid{grid-template-columns:1fr}}@media(max-width:760px){.dashboard-stats{grid-template-columns:1fr 1fr}.team-member-metrics{grid-template-columns:1fr 1fr 1fr}}@media(max-width:470px){.dashboard-stats{grid-template-columns:1fr}.team-member-metrics{grid-template-columns:1fr}}

/* v9: attachments and employee directory */
.file-form-field input[type=file]{margin-top:8px;padding:12px;background:#f8fafc;border:1px dashed #b7c5d6;border-radius:10px;width:100%}
.table-file-links{display:flex;flex-direction:column;gap:3px;margin-top:6px;max-width:220px}.table-file-links a{font-size:12px;color:#2369c7;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-file-links a:hover{text-decoration:underline}
.setting-card-wide{grid-column:1/-1}.setting-card-wide .section-head{margin-bottom:14px}
#uploadCategoryControl label{display:flex;flex-direction:column;gap:7px;font-weight:700}#uploadCategoryControl input,#uploadCategoryControl select{width:100%}

/* v10 — task workspace requested by client */
.task-summary{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:16px}
.task-menu-tabs{margin-top:0;position:sticky;top:78px;z-index:13}
.task-tab-content{display:grid;gap:16px;min-width:0}
.task-summary-layout{display:grid;gap:16px}.task-summary-pairs{align-items:start}
.compact-feed-item{padding:11px 0;border-top:1px solid var(--line)}.compact-feed-item:first-of-type{border-top:0}.compact-feed-item strong,.compact-feed-item span{display:block}.compact-feed-item strong{font-size:13px}.compact-feed-item span{margin-top:3px;font-size:11px;color:var(--muted)}.compact-feed-item p{margin:7px 0 0;font-size:12px;line-height:1.5;color:var(--text);white-space:pre-wrap}
.task-time-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.task-time-summary>div{padding:14px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.task-time-summary span,.task-time-summary strong{display:block}.task-time-summary span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.task-time-summary strong{margin-top:6px;font-size:18px;color:var(--navy)}
.table-subline{display:block;margin-top:4px;color:var(--muted);font-size:11px;max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.task-title-link{padding:0;border:0;background:transparent;text-align:left;font:inherit;color:var(--blue);cursor:pointer}.task-title-link:hover{text-decoration:underline}
.notification-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.notification-card{border:1px solid var(--line);border-radius:13px;background:#fff;padding:14px;box-shadow:0 4px 14px rgba(32,60,89,.04)}.notification-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.notification-card-head>div{min-width:0}.notification-card-head span:first-child{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.notification-card-head strong{display:block;font-size:14px}.notification-card>p{line-height:1.55;font-size:13px;white-space:pre-wrap}.notification-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.notification-meta span{font-size:11px;color:var(--muted);background:#f4f7fb;border-radius:999px;padding:5px 8px}.notification-actions{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}
@media(max-width:1100px){.task-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.notification-list{grid-template-columns:1fr}}
@media(max-width:760px){.task-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.task-menu-tabs{position:relative;top:auto}.task-time-summary{grid-template-columns:1fr}.task-summary-pairs{grid-template-columns:1fr}}

/* v12: task quick entry and inline editing */
.section-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.task-quick-entry-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:#fff}
.task-quick-entry-bar>div:first-child strong,.task-quick-entry-bar>div:first-child span{display:block}.task-quick-entry-bar>div:first-child strong{font-size:14px;color:var(--navy)}.task-quick-entry-bar>div:first-child span{margin-top:3px;font-size:12px;color:var(--muted)}
.task-quick-entry-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.task-summary-card{min-height:300px;display:flex;flex-direction:column}.task-summary-feed{margin-top:10px;min-height:80px}
.task-summary-comment-form{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;padding:10px 0 4px;border-bottom:1px solid var(--line)}
.task-summary-comment-form textarea{width:100%;min-height:64px;resize:vertical;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font:inherit;background:#fff}
.inline-file-link{color:var(--blue);text-decoration:none}.inline-file-link:hover{text-decoration:underline}
.task-inline-description{display:grid;gap:10px}.task-inline-description textarea{width:100%;min-height:160px;resize:vertical;border:1px solid var(--border);border-radius:12px;padding:14px;font:inherit;line-height:1.55;background:#fff;color:var(--text)}
.task-detail-email-list{display:grid;gap:0}
@media(max-width:760px){.task-quick-entry-bar{align-items:flex-start;flex-direction:column}.task-quick-entry-actions{justify-content:flex-start;width:100%}.task-summary-comment-form{grid-template-columns:1fr}.task-summary-comment-form .btn{width:100%}.section-actions{justify-content:flex-start}}


/* v13 inline editing and product master card */
.inline-edit-form{margin-top:14px}.inline-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.inline-edit-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#40556d}.inline-edit-grid label.wide{grid-column:1/-1}.inline-edit-grid input,.inline-edit-grid textarea,.inline-edit-grid select,.inline-history-form textarea{width:100%;border:1px solid #dbe5ef;border-radius:10px;background:#fff;padding:11px 12px;font:inherit;color:#15283d}.inline-edit-grid textarea,.inline-history-form textarea{min-height:92px;resize:vertical}.inline-edit-actions{display:flex;justify-content:flex-end;margin-top:12px}.inline-history-form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin:10px 0 18px}.inline-history-form textarea{min-height:72px}.manual-history .timeline-dot{box-shadow:0 0 0 4px rgba(45,119,219,.13)}
.product-tabs{margin-bottom:18px}.product-description-grid{align-items:start}.product-finance-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.product-finance-cards>div{padding:14px;border:1px solid #e0e8f1;border-radius:12px;background:#f8fbff}.product-finance-cards span{display:block;font-size:11px;text-transform:uppercase;color:#7b8da1;margin-bottom:6px}.product-finance-cards strong{font-size:18px}.product-description-text{min-height:130px}.product-stage-block{margin-top:18px}.product-stage-block .subtable-title{margin-bottom:8px}.section-total{display:flex;justify-content:flex-end;gap:24px;align-items:center;margin-top:18px;padding:16px 18px;border-radius:12px;background:#eef5ff;border:1px solid #d7e7fb;font-size:16px}.section-total strong{font-size:20px}.product-stage-block tfoot td{background:#f8fafc;border-top:1px solid #dfe7ef}
@media(max-width:800px){.inline-edit-grid,.product-finance-cards{grid-template-columns:1fr}.inline-history-form{grid-template-columns:1fr}.product-stage-block .table-scroll{overflow-x:auto}}

/* v14 product workspace */
.product-tabs{overflow-x:auto;white-space:nowrap;padding-bottom:4px;scrollbar-width:thin}.product-tab-content{min-width:0}.product-description-wide{grid-column:1/-1}.product-image-wrap{min-height:210px;display:flex;align-items:center;justify-content:center;border:1px dashed #cbd8e6;border-radius:14px;background:#f8fbff;overflow:hidden}.product-image-wrap img{display:block;max-width:100%;max-height:360px;object-fit:contain}.product-stock-split{margin-top:22px}.product-stock-split h4{margin:0 0 10px}.table-subline{display:block;color:#718096;margin-top:4px;max-width:420px}.product-tabs .tab-btn{flex:0 0 auto}


/* v15: inline product editing and stage attachments */
.stage-upload-btn{margin-top:6px;white-space:nowrap}.product-stage-block .table-file-links{max-width:250px}.product-stage-block .table-file-links a{max-width:215px}.stage-file-row{display:flex;align-items:center;gap:5px}.stage-file-row a{flex:1;min-width:0}.stage-file-delete{width:22px;height:22px;border:0;border-radius:6px;background:#fff1f1;color:#b42318;cursor:pointer;font-weight:800}.product-stage-block td .not-set{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.product-description-wide .inline-edit-form{margin-top:4px}.product-description-wide textarea{min-height:150px}.product-tab-content .inline-history-form{margin-top:0}.product-tab-content .inline-history-form textarea{min-height:76px}

.stock-inline-actions{display:flex;justify-content:flex-end;margin:12px 0}.product-stock-split>div>h4{margin-bottom:6px}

/* v20.44 — product invoice, development and tooling summary */
.product-invoice-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin:0 0 12px;padding:16px 17px;border:1px solid #dbe7f2;border-radius:13px;background:linear-gradient(135deg,#f9fcff,#eef6ff)}
.product-invoice-panel.is-linked{border-color:#b9d5f3;background:linear-gradient(135deg,#f6fbff,#eaf4ff)}
.product-invoice-panel.is-manual{border-style:dashed;background:#fbfcfe}
.product-invoice-panel>div:first-child>span,.product-invoice-facts span{display:block;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#71839a}
.product-invoice-panel>div:first-child>strong{display:block;margin:5px 0 4px;font-size:18px;color:#1f405f;overflow-wrap:anywhere}
.product-invoice-panel>div:first-child>small{display:block;max-width:390px;color:#61758d;font-size:11px;line-height:1.45}
.product-invoice-facts{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.product-invoice-facts>div{min-width:108px;padding:8px 10px;border-left:1px solid #cfe0f2}
.product-invoice-facts strong{display:block;margin-top:4px;font-size:13px;color:#263f58;white-space:nowrap}
.product-invoice-open{font-size:12px;font-weight:800;color:#1d62ae}
.product-finance-cards .product-finance-total{border-color:#d9b666;background:linear-gradient(135deg,#fffaf0,#fff1c9)}
.product-finance-total span{color:#896000!important}.product-finance-total strong{color:#8c5e00}
.product-summary .product-summary-total{border-color:#d9b666;background:linear-gradient(135deg,#fffaf0,#fff0c8)}
.product-summary .product-summary-total strong{color:#8b5f00}
.product-stage-links{display:grid;grid-template-columns:minmax(190px,.6fr) minmax(0,1.4fr);gap:16px;align-items:start;margin-top:14px;padding:14px 16px;border:1px solid #e0e8f0;border-radius:12px;background:#fbfdff}
.product-stage-links span,.product-stage-links small{display:block}.product-stage-links span{font-size:11px;font-weight:850;color:#405a74;text-transform:uppercase;letter-spacing:.05em}.product-stage-links small{margin-top:4px;font-size:11px;line-height:1.4;color:var(--muted)}
.product-stage-links>div:last-child{display:flex;gap:7px;flex-wrap:wrap}.product-stage-links a{display:inline-flex;align-items:center;min-height:30px;padding:6px 9px;border:1px solid #caddec;border-radius:8px;background:#fff;color:#2369c7;font-size:11px;font-weight:750;text-decoration:none;max-width:100%;overflow-wrap:anywhere}.product-stage-links a:hover{border-color:#78a9dc;background:#f1f8ff}
.linked-invoice-value input{border-color:#bdd5eb;background:#f2f7fc;color:#49627c}.linked-invoice-value::after{content:'Підтягнуто з CRM';font-size:10px;font-weight:700;color:#3972a9;margin-top:-2px}
@media(max-width:760px){.product-invoice-panel{grid-template-columns:1fr;gap:13px}.product-invoice-facts{justify-content:flex-start}.product-invoice-facts>div{padding-left:0;border-left:0;min-width:0}.product-stage-links{grid-template-columns:1fr;gap:10px}}

/* v17 document registry */
.document-type-tabs{margin-top:14px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.document-type-tabs .tab{white-space:nowrap}.file-count-badge{display:inline-flex;min-width:28px;height:28px;align-items:center;justify-content:center;border-radius:999px;background:#eef5ff;color:#2367c9;font-weight:700}.document-description{white-space:pre-wrap;line-height:1.65;padding:4px 0}.field-muted{opacity:.72}.timeline{display:grid;gap:10px}.timeline-item{border:1px solid var(--line,#dfe6ef);border-radius:12px;padding:12px 14px;background:#fff}.timeline-item span{display:block;color:#748096;font-size:12px;margin-bottom:4px}.timeline-item p{margin:4px 0 0;color:#667085}.table-card .empty{min-width:260px}.document-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:900px){.document-category-grid{grid-template-columns:1fr}.document-type-tabs{max-width:calc(100vw - 60px)}}


/* v18 inline document registry */
.document-quick-entry{margin:14px 0}
.document-inline-form{display:grid;gap:14px}
.document-inline-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.document-inline-grid label{min-width:0}
.document-inline-grid label.wide{grid-column:1/-1}
.document-inline-grid textarea{min-height:88px}
.document-inline-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding-top:2px}
.document-row{cursor:pointer}
.document-row:hover td{background:#f2f7fd!important}
.document-row td:first-child strong{color:var(--blue)}
@media(max-width:1200px){.document-inline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.document-inline-grid{grid-template-columns:1fr}.document-inline-grid label.wide{grid-column:auto}.document-inline-actions{justify-content:stretch}.document-inline-actions .btn{flex:1}}

/* v19 document registry navigation and inline editing */
.document-open-link{display:flex;flex-direction:column;align-items:flex-start;gap:3px;border:0;background:transparent;padding:0;text-align:left;cursor:pointer;color:inherit;font:inherit}
.document-open-link strong{color:var(--blue);text-decoration:underline;text-underline-offset:2px}
.document-open-link span{color:var(--muted,#68758a);font-size:12px}
.document-inline-editor-row td{background:#f8fbff!important;padding:14px!important}
.document-inline-editor{border:1px solid #cfe0f5;border-radius:14px;background:#fff;padding:16px;box-shadow:0 8px 24px rgba(28,74,124,.06)}
.document-inline-editor .section-head.compact{margin-bottom:12px;padding-bottom:10px}
.document-inline-editor-row:hover td{background:#f8fbff!important}


/* v20 document workspace */
.document-category-section .section-head { align-items: center; }
.document-category-create { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--border); }
.document-detail-info .info-item.wide { grid-column: 1 / -1; }
.document-relation-link { font-weight: 700; text-align: left; }
.document-detail-actions { display:flex; gap:8px; flex-wrap:wrap; }
@media (max-width: 760px) {
  .document-category-section .section-head { align-items:flex-start; }
}

/* v20.1 — дворівнева навігація документів */
.document-subtype-panel{margin-top:14px;padding-top:14px;border-top:1px solid var(--line,#dfe6ef)}
.document-subtype-label{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#6b778c;margin-bottom:9px}
.document-subtype-tabs{display:flex;gap:8px;overflow-x:auto;flex-wrap:nowrap;padding:2px 0 6px;scrollbar-width:thin}
.document-subtype-tabs .tab{white-space:nowrap;background:#fff;border:1px solid var(--line,#dfe6ef)}
.document-subtype-tabs .tab.active{background:#e9f2ff;border-color:#9fc2ef;color:#1f66c2;box-shadow:inset 0 0 0 1px rgba(31,102,194,.06)}
@media(max-width:760px){.document-subtype-panel{margin-top:10px;padding-top:10px}.document-subtype-tabs{max-width:calc(100vw - 54px)}}

/* v20.1 — редагування службових та пов'язаних даних документа */
.compact-document-form{margin-top:4px}
.document-inline-grid.two-col-form{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.document-inline-grid.two-col-form{grid-template-columns:1fr}}


/* v20.4 — sales pipeline */
.nav-group{display:grid;gap:3px}.nav-parent{width:100%}.nav-chevron{margin-left:auto;font-size:13px;transition:.2s}.nav-group.collapsed .nav-chevron{transform:rotate(-90deg)}.nav-submenu{display:grid;gap:2px;padding:0 0 4px 34px}.nav-group.collapsed .nav-submenu{display:none}.nav-subitem{border:0;background:transparent;color:#9fb4c9;padding:8px 10px;border-radius:8px;text-align:left;cursor:pointer;font-size:12px;font-weight:650}.nav-subitem:hover,.nav-subitem.active{background:#254362;color:#fff}.sales-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.sales-record-summary{grid-template-columns:repeat(6,minmax(0,1fr))}.sales-tabs{overflow-x:auto;white-space:nowrap}.sales-tab-content{min-width:0}.sales-inline-main{padding:0}.sales-inline-main .form-section-title{grid-column:1/-1}.sales-form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;padding-top:8px}.sales-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:15px}.sales-quick-form{display:grid;gap:10px}.sales-quick-form textarea{min-height:90px}.summary-row{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #edf0f4;font-size:12px}.summary-row:last-child{border-bottom:0}.summary-row span{color:var(--muted);white-space:nowrap}.sales-line-wrap>.section-head{margin-bottom:12px}.sales-total-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:14px}.sales-total-grid>div{background:#f7faff;border:1px solid #dfe9f5;border-radius:10px;padding:12px}.sales-total-grid span,.sales-total-grid strong,.sales-total-grid small{display:block}.sales-total-grid span{font-size:10px;text-transform:uppercase;color:var(--muted)}.sales-total-grid strong{font-size:15px;margin-top:5px}.sales-total-grid small{color:var(--green);margin-top:3px}.related-sales-list{margin-top:15px}.related-sales-list h4{margin:0 0 10px}.related-sales-card{display:flex;width:100%;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--line);background:#fff;border-radius:10px;cursor:pointer;text-align:left;margin-bottom:8px}.related-sales-card:hover{border-color:#9fc2ef;background:#f8fbff}.related-sales-card span{color:var(--muted)}.sales-main-document{display:flex;gap:12px;align-items:center;padding:12px;border-radius:10px;background:#f7faff;border:1px solid #dfe9f5;margin-bottom:12px}.sales-main-document span{font-size:11px;color:var(--muted);text-transform:uppercase}.sales-comment-list .timeline-item{display:flex;justify-content:space-between;gap:12px}.sales-advance-btn{white-space:nowrap}

/* v20.76 — calculation approval controls */
.sales-record-summary .calculation-status-select{width:100%;min-width:0;min-height:36px;border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(23,49,78,.06)}.sales-record-summary .calculation-status-select:disabled{cursor:default;opacity:1;color:var(--text);background:#f5f8fb}.project-sales-lineage{margin-top:0}.project-sales-email-history{margin-top:16px}
@media(max-width:1100px){.sales-record-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.sales-total-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.sales-stats{grid-template-columns:1fr 1fr}.sales-record-summary{grid-template-columns:1fr 1fr}.sales-summary-grid{grid-template-columns:1fr}.sales-total-grid{grid-template-columns:1fr 1fr}.nav-submenu{padding-left:28px}}

/* v20.5: quick editing in sales summary */
.summary-row-editable{display:flex;align-items:center;justify-content:space-between;gap:12px}.summary-row-editable .summary-row-main{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.summary-row-editable .action-btn{flex:0 0 auto}@media(max-width:680px){.summary-row-editable{align-items:flex-start;flex-direction:column}.summary-row-editable .action-btn{width:100%}}

/* v20.6 client revisions */
.kanban-single-row{display:flex;gap:12px;overflow-x:auto;align-items:stretch;padding-bottom:12px}.kanban-single-row .kanban-col{flex:0 0 250px;min-width:250px}.draggable-card{cursor:grab}.draggable-card:active{cursor:grabbing}.drag-over{outline:2px dashed var(--blue);outline-offset:-5px;background:#e7f1ff}.dragging{opacity:.55}.task-kanban-meta{display:flex;justify-content:space-between;align-items:center;margin:8px 0;font-size:11px}.upload-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.product-list-preview{display:grid;grid-template-columns:minmax(260px,.8fr) 1.2fr;gap:16px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:14px}.product-list-image{min-height:250px;border:1px dashed #cbd8e6;border-radius:12px;background:#f8fbff;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-list-image img{width:100%;height:100%;max-height:360px;object-fit:contain}.product-image-placeholder{color:var(--muted);font-weight:700}.product-preview-data h3{margin:0 0 4px}.product-preview-data>p{color:var(--muted)}.product-preview-description{white-space:pre-wrap;line-height:1.55}.product-select-row{cursor:pointer}.product-select-row.selected-record td{background:#e8f2ff!important;border-top:1px solid #9fc3ef;border-bottom:1px solid #9fc3ef}.product-select-row:focus{outline:2px solid var(--blue);outline-offset:-2px}.product-list-table{max-height:52vh}.product-list-table tbody tr:hover td{background:#f2f7fd}.nav-item{min-height:42px}.sidebar nav{overflow-y:auto;padding-right:3px}.sidebar nav::-webkit-scrollbar{width:4px}.sidebar nav::-webkit-scrollbar-thumb{background:#355572;border-radius:99px}@media(max-width:900px){.product-list-preview{grid-template-columns:1fr}.upload-meta-grid{grid-template-columns:1fr}.kanban-single-row .kanban-col{flex-basis:220px}}
.selectable-list-row{cursor:pointer}.selectable-list-row.selected-record td{background:#e8f2ff!important}.selectable-list-row:focus{outline:2px solid var(--blue);outline-offset:-2px}

/* v20.8 — compact sticky product identifier; product list is the primary workspace */
.product-sticky-preview{
  position:sticky;
  top:78px;
  z-index:12;
  margin-bottom:12px;
  max-height:25vh;
}
.product-list-preview-compact{
  grid-template-columns:150px minmax(0,1fr);
  gap:14px;
  padding:12px 14px;
  margin:0;
  max-height:25vh;
  min-height:0;
  overflow:hidden;
  box-shadow:0 8px 22px rgba(32,60,89,.08);
}
.product-list-image-compact{
  width:150px;
  height:min(150px,21vh);
  min-height:0;
  border-radius:10px;
}
.product-list-image-compact img{width:100%;height:100%;max-height:none;object-fit:contain}
.product-preview-data-compact{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:8px}
.product-preview-title{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.product-preview-title h3{font-size:17px;margin:0 0 2px}.product-preview-title p{margin:0;color:var(--muted);font-size:11px}
.product-preview-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.product-preview-facts>div{background:#f7f9fc;border:1px solid #edf1f5;border-radius:8px;padding:7px 9px;min-width:0}
.product-preview-facts span,.product-preview-facts strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-preview-facts span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.product-preview-facts strong{font-size:11px;margin-top:3px}
.product-preview-description-compact{margin:0!important;font-size:11px;line-height:1.35!important;color:var(--muted)!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal!important}
.product-register-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:6px 0 10px;padding:0 2px}
.product-register-heading h2{margin:0;font-size:22px}.product-register-heading .eyebrow{display:block;margin-bottom:3px}.product-register-heading p{margin:0;max-width:560px;color:var(--muted);font-size:12px;text-align:right}
.product-list-table-primary{max-height:calc(100vh - 350px);min-height:310px}
@media(max-height:760px){.product-list-preview-compact{grid-template-columns:120px minmax(0,1fr);padding:9px 11px}.product-list-image-compact{width:120px;height:min(120px,19vh)}.product-preview-facts>div:nth-child(5){display:none}.product-preview-facts{grid-template-columns:repeat(4,minmax(0,1fr))}.product-preview-description-compact{-webkit-line-clamp:1}.product-list-table-primary{max-height:calc(100vh - 305px)}}
@media(max-width:1050px){.product-preview-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.product-preview-facts>div:nth-child(n+4){display:none}}
@media(max-width:760px){.product-sticky-preview{top:72px;max-height:none}.product-list-preview-compact{grid-template-columns:86px minmax(0,1fr);max-height:none}.product-list-image-compact{width:86px;height:86px}.product-preview-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.product-preview-facts>div:nth-child(n+3){display:none}.product-preview-description-compact{display:none}.product-register-heading{align-items:flex-start;flex-direction:column}.product-register-heading p{text-align:left}.product-list-table-primary{max-height:58vh}}

/* v20.8 — unified document taxonomy and auto registry */
.upload-taxonomy-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-taxonomy-grid label{min-width:0}@media(max-width:700px){.upload-taxonomy-grid{grid-template-columns:1fr}}


/* v20.11 — product register cleanup */
.product-actions-col,.product-row-actions{width:96px;text-align:right!important;white-space:nowrap}
.product-row-actions .action-btn{position:relative;z-index:2}
.product-register-heading{margin-top:0}
body .content{padding-top:18px}
@media(max-width:760px){body .content{padding-top:12px}.product-actions-col,.product-row-actions{width:82px}}

/* v20.11 — logistics universal relation */
.hidden-field{display:none!important}
.relation-badge{display:inline-block;max-width:280px;white-space:normal;line-height:1.25;padding:5px 8px;border-radius:8px;background:#f3f6fb;color:#31445d;font-size:12px}
.logistics-table th:nth-child(4),.logistics-table td:nth-child(4){min-width:220px}
.logistics-table th:nth-child(8),.logistics-table td:nth-child(8){min-width:220px}

/* v20.16 - Payments workspace */
.payment-direction-tabs{margin-bottom:16px}
.payment-register-section{padding-top:16px}
.payment-register-card{overflow:hidden}
.payment-register-table th:nth-child(1){min-width:160px}
.payment-register-table th:nth-child(2),.payment-register-table th:nth-child(3){min-width:150px}
.payment-register-table th:nth-child(4){min-width:90px}
.payment-register-table th:nth-child(5){min-width:260px}
.payment-register-table th:nth-child(6){min-width:130px}
.payment-register-table td{vertical-align:middle}
.payment-register-row .cell-main>span{max-width:260px}
.payment-register-amount strong{display:block;color:#17272e;font-size:15px;white-space:nowrap}
.payment-register-amount span{display:block;margin-top:3px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.06em}
.payment-detail-tabs{margin-bottom:16px}
.payment-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff}
.payment-detail-row{display:grid;grid-template-columns:minmax(135px,.72fr) minmax(0,1.28fr);gap:12px;align-items:center;min-height:48px;padding:10px 14px;border-bottom:1px solid var(--border);background:#fff}
.payment-detail-row:nth-child(odd){border-right:1px solid var(--border)}
.payment-detail-row span{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.02em}
.payment-detail-row strong{font-size:14px;color:var(--text);overflow-wrap:anywhere}
.payment-detail-row .status{justify-self:start}
@media(max-width:900px){.payment-detail-grid{grid-template-columns:1fr}.payment-detail-row:nth-child(odd){border-right:0}.payment-register-card{overflow-x:auto}}


/* v20.17: payment fields editable directly in the payment card */
.payment-inline-form{display:block}
.payment-inline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.payment-inline-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.payment-inline-field>span{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.035em}
.payment-inline-field input,.payment-inline-field select,.payment-inline-field textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font:inherit;outline:none}
.payment-inline-field textarea{min-height:88px;resize:vertical}
.payment-inline-field input:focus,.payment-inline-field select:focus,.payment-inline-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(45,116,220,.10)}
.payment-inline-wide{grid-column:1/-1}
.payment-system-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}
.payment-system-info>div{padding:10px 12px;border-radius:10px;background:var(--soft);min-width:0}
.payment-system-info span{display:block;margin-bottom:4px;font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.payment-system-info strong{display:block;font-size:13px;overflow-wrap:anywhere}
.payment-inline-actions{display:flex;justify-content:flex-end;margin-top:16px}
@media(max-width:900px){.payment-inline-grid{grid-template-columns:1fr}.payment-inline-wide{grid-column:auto}.payment-system-info{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.payment-system-info{grid-template-columns:1fr}.payment-inline-actions .btn{width:100%}}


/* v20.19 — Calculation workspace */
.calculation-kanban{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));gap:14px;overflow-x:auto;align-items:start;padding-bottom:8px}.calculation-kanban-column{min-width:260px}.calculation-card{cursor:grab}.calculation-card.dragging{opacity:.55}.calculation-card .kanban-open{width:100%;border:0;background:transparent;text-align:left;padding:0;display:flex;flex-direction:column;gap:5px;color:inherit}.calculation-card .kanban-open strong{font-size:15px}.calculation-card .kanban-open span,.calculation-card .kanban-open small{color:var(--muted)}.calculation-card-actions{display:flex;gap:6px;margin-top:10px}.calculation-chain{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px 16px;margin-bottom:12px}.calculation-chain span{color:var(--muted)}.calc-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));gap:10px;margin-bottom:14px}.calc-kpi-grid>div{background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px}.calc-kpi-grid span,.calculated-field span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.calc-kpi-grid strong{display:block;margin-top:5px;font-size:15px}.calculation-tabs{overflow-x:auto;flex-wrap:nowrap;margin-bottom:12px}.calculation-tabs .tab-btn{white-space:nowrap}.calculation-workspace{padding:18px}.calculation-inline-form .form-grid{margin-top:0}.calculation-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calculation-inline-form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:13px}.calculation-inline-form input,.calculation-inline-form select{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 11px;background:#fff}.inline-form-actions{display:flex;justify-content:flex-end;margin-top:16px}.calc-material-table input,.calc-material-table select{min-width:120px;border:1px solid var(--border);border-radius:8px;padding:8px;background:#fff}.calc-section-total{text-align:right;padding:12px 4px;font-size:15px}.calculation-cost-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.calculation-cost-columns>div{display:grid;gap:10px;padding:14px;border:1px solid var(--border);border-radius:14px;background:#fafcff}.calculation-cost-columns h3{margin:0 0 4px}.calculated-field{border:1px solid var(--border);border-radius:10px;background:#f7f9fc;padding:10px 12px}.calculated-field strong{display:block;margin-top:5px}.calculated-field.highlight{background:#edf8f2;border-color:#b9e5cb}.calculation-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}.calculation-breakdown>div{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;background:#f7f9fc}.calculation-breakdown .breakdown-total{grid-column:1/-1;background:#eef4ff;font-size:15px}.kanban-column.drag-over{outline:2px dashed #3478d4;outline-offset:2px}
@media(max-width:1200px){.calc-kpi-grid{grid-template-columns:repeat(3,1fr)}.calculation-kanban{grid-template-columns:repeat(4,280px)}}@media(max-width:760px){.calc-kpi-grid{grid-template-columns:repeat(2,1fr)}.calculation-form-grid,.calculation-cost-columns{grid-template-columns:1fr}.calculation-breakdown{grid-template-columns:1fr}.calculation-breakdown .breakdown-total{grid-column:auto}}

/* v20.20 — interactive Overview dashboard */
.dashboard-nav-card,
.dashboard-team-card { cursor:pointer; position:relative; transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.dashboard-nav-card:hover,
.dashboard-team-card:hover,
.dashboard-nav-card:focus-visible,
.dashboard-team-card:focus-visible { transform:translateY(-2px); box-shadow:0 10px 28px rgba(15,42,72,.10); border-color:#9fc5f2; outline:none; }
.dashboard-nav-card em { display:block; margin-top:8px; color:#2d72cf; font-style:normal; font-size:12px; font-weight:700; opacity:.78; }
.dashboard-card-arrow { margin-left:auto; color:#2d72cf; font-size:12px; font-weight:700; white-space:nowrap; }
.dashboard-task-row { cursor:pointer; }
.dashboard-task-row:hover td { background:#f4f8fd; }
.dashboard-task-row:focus-visible { outline:2px solid #2d72cf; outline-offset:-2px; }
.muted-dashboard-client { display:block; margin-top:3px; color:#738197; font-size:12px; font-weight:500; }
.task-filter-banner { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 16px; padding:14px 16px; background:#eef6ff; border:1px solid #c9def8; border-radius:14px; }
.task-filter-banner div { display:grid; gap:3px; }
.task-filter-banner span { font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:#60758d; font-weight:700; }
.task-filter-banner strong { font-size:15px; color:#17324f; }
.task-filter-banner small { color:#6f7f91; }
@media (max-width:720px){ .task-filter-banner{align-items:flex-start;flex-direction:column}.dashboard-card-arrow{margin-left:0} }

/* v20.21 — production workspace */
.production-table-wrap{overflow-x:auto}.production-table-wrap table{min-width:1480px}.production-table-wrap tr[data-open-production]{cursor:pointer}.production-table-wrap tr[data-open-production]:hover td{background:#f7fbff}.production-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 15px}.production-summary>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px;min-width:0}.production-summary span,.production-summary strong{display:block}.production-summary span{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:5px}.production-summary strong{font-size:15px;overflow-wrap:anywhere}.production-relations{display:flex;flex-wrap:wrap;gap:8px;margin:-3px 0 15px}.production-relations .link-button{border:1px solid #dce8f5;background:#f7fbff;border-radius:999px;padding:7px 10px}.production-inline-form{grid-template-columns:repeat(2,minmax(0,1fr))}.production-inline-form .form-section-title{grid-column:1/-1}.production-good-output{background:#f7fbff;border:1px solid #dce8f5;border-radius:10px;padding:13px}.production-good-output span,.production-good-output strong,.production-good-output small{display:block}.production-good-output span{font-size:10px;text-transform:uppercase;color:var(--muted)}.production-good-output strong{font-size:18px;margin:4px 0}.production-good-output small{color:var(--muted)}.production-form-actions{display:flex;justify-content:flex-end;padding-top:4px}@media(max-width:980px){.production-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.production-summary{grid-template-columns:1fr 1fr}.production-inline-form{grid-template-columns:1fr}}

/* v20.22 communication */
.communication-summary{margin-bottom:16px}.communication-table{min-width:1500px}.communication-preview{display:inline-block;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-content small{display:block;margin-top:5px}.table-file-links span{font-size:12px;color:var(--muted)}

/* v20.23 communication cards + detail */
.communication-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.communication-card{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;display:flex;flex-direction:column;min-height:280px}
.communication-card:hover,.communication-card:focus{transform:translateY(-2px);border-color:#a9c7ec;box-shadow:0 10px 28px rgba(32,60,89,.10);outline:none}
.communication-card-message{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:52px}
.communication-card-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
.communication-next{background:#f7f9fc;border-radius:9px;padding:10px;margin:0 0 14px}.communication-next span,.communication-next strong,.communication-next small{display:block}.communication-next span{font-size:10px;color:var(--muted);text-transform:uppercase}.communication-next strong{font-size:13px;margin-top:4px}.communication-next small{font-size:11px;color:var(--muted);margin-top:4px}.communication-card footer{margin-top:auto;gap:12px}.communication-card footer .actions{flex-wrap:wrap;justify-content:flex-end}
.communication-detail-summary{margin-bottom:16px}.communication-detail-grid{align-items:start}.communication-full-text{white-space:pre-wrap;line-height:1.55;font-weight:500!important}.communication-attachment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.communication-file{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:#f9fbfd;text-decoration:none;color:var(--text)}.communication-file:hover{border-color:#a9c7ec;background:#f2f7fd}.communication-file strong{font-size:13px}.communication-file span{font-size:11px;color:var(--muted)}
.communication-table-row{cursor:pointer}
@media(max-width:900px){.communication-cards-grid,.communication-attachment-list{grid-template-columns:1fr}}

/* v20.24 — A&Z Packaging unified brand system */
:root{
  --navy:#18272e;
  --navy2:#22353d;
  --blue:#e99a00;
  --blue2:#fff3d2;
  --primary:#f5aa00;
  --primary-strong:#df8b00;
  --primary-soft:#fff4d8;
  --bg:#f6f4ef;
  --card:#ffffff;
  --text:#17252c;
  --muted:#747974;
  --line:#e8dfd1;
  --border:#e8dfd1;
  --soft:#fbf8f1;
  --green:#22845c;
  --greenbg:#eaf7f0;
  --orange:#b86d00;
  --orangebg:#fff1d9;
  --red:#bd4545;
  --redbg:#fff0ef;
  --shadow:0 18px 44px rgba(35,31,22,.08);
  --shadow-sm:0 8px 24px rgba(35,31,22,.06);
}

html{background:var(--bg);scrollbar-color:#d3a136 #efe9df}
body{
  min-width:320px;
  background:var(--bg);
  color:var(--text);
  font-family:"Montserrat","Segoe UI",Arial,sans-serif;
  letter-spacing:-.006em;
}
button,input,select,textarea{font-family:inherit}
button{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(245,170,0,.23);outline-offset:2px}
::selection{background:#ffd66f;color:#17252c}

/* Company mark — the supplied logo is used without altering the artwork. */
.company-logo{position:relative;flex:0 0 auto;overflow:hidden;background:#fff}
.company-logo img{position:absolute;top:50%;left:50%;width:300px;height:auto;max-width:none;transform:translate(-50%,-50%);object-fit:contain}
.company-logo-login{width:176px;height:98px;border:1px solid #eee5d8;border-radius:18px;box-shadow:0 8px 24px rgba(44,38,27,.06)}
.company-logo-sidebar{width:176px;height:92px;border-radius:15px;border:1px solid rgba(245,170,0,.28);box-shadow:0 12px 28px rgba(0,0,0,.14)}
.brand-copy{min-width:0}
.brand-copy strong{font-size:12px;font-weight:850;letter-spacing:.08em}
.brand-copy span{font-size:11px}

/* Login */
.login-screen{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 18%,rgba(255,190,43,.24),transparent 25%),
    radial-gradient(circle at 88% 82%,rgba(245,170,0,.15),transparent 30%),
    linear-gradient(145deg,#101c21 0%,#1c2d34 58%,#22383f 100%);
}
.login-screen::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.22;
  background-image:radial-gradient(circle,rgba(255,188,30,.7) 1.4px,transparent 1.6px);
  background-size:24px 24px;
  mask-image:linear-gradient(120deg,#000,transparent 48%,#000);
}
.login-screen::after{content:"";position:absolute;z-index:-1;width:420px;height:420px;right:-140px;top:-150px;border:1px solid rgba(255,193,43,.28);border-radius:50%;box-shadow:0 0 0 55px rgba(255,193,43,.025),0 0 0 110px rgba(255,193,43,.02)}
.login-card{position:relative;width:min(520px,100%);padding:38px 40px 34px;border:1px solid rgba(245,170,0,.28);border-radius:24px;box-shadow:0 36px 110px rgba(0,0,0,.32)}
.login-card::before{content:"";position:absolute;left:40px;right:40px;top:0;height:4px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,#ffca28,#f4a400,#ed8b00)}
.logo-row{gap:18px}
.logo-row .brand-copy strong{color:var(--text);font-size:14px}
.logo-row .brand-copy span{color:var(--muted);margin-top:5px}
.pilot-badge{margin-top:26px;background:var(--primary-soft);color:#9c6200;border:1px solid #f5d686;padding:7px 11px}
.login-card h1{font-size:32px;line-height:1.15;letter-spacing:-.035em}
.login-card>p{max-width:430px;color:#69716f}
.login-card label{color:#344249}
.login-card input{min-height:47px}
.credentials{background:#fbf8f1;border-color:#eee3d3;color:#757976}

/* Application frame */
.app{grid-template-columns:278px minmax(0,1fr)}
.sidebar{
  width:auto;
  padding:18px 13px 14px;
  background:
    radial-gradient(circle at 18% 8%,rgba(255,185,20,.13),transparent 23%),
    linear-gradient(180deg,#17262d 0%,#122027 100%);
  color:#eef2ef;
  border-right:1px solid rgba(245,170,0,.16);
  box-shadow:12px 0 36px rgba(21,31,36,.08);
}
.sidebar::after{content:"";position:absolute;inset:auto 0 0 0;height:160px;pointer-events:none;opacity:.16;background-image:radial-gradient(circle,rgba(255,187,22,.8) 1px,transparent 1.2px);background-size:18px 18px;mask-image:linear-gradient(transparent,#000)}
.brand{position:relative;z-index:1;display:grid;gap:10px;padding:0 12px 18px;border-bottom:1px solid rgba(255,255,255,.1)}
.brand .brand-copy{display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%}
.brand .brand-copy strong{color:#fff}
.brand .brand-copy span{color:#ffca51;margin:0;white-space:nowrap}
.sidebar nav{position:relative;z-index:1;gap:4px;margin-top:12px;padding-right:4px}
.nav-section-label{margin:15px 10px 5px;color:#d99a24;font-size:9px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.nav-section-label:first-child{margin-top:2px}
.nav-item{position:relative;min-height:44px;padding:8px 10px;color:#c6d0ce;border:1px solid transparent;border-radius:11px;font-size:12px;font-weight:700}
.nav-item>span:first-child{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:9px;background:rgba(255,255,255,.065);color:#f5b52e;font-size:14px}
.nav-item:hover{color:#fff;background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.06);transform:translateX(2px)}
.nav-item.active{color:#18262d;background:linear-gradient(135deg,#ffcd3b,#f3a400);border-color:#ffd45d;box-shadow:0 9px 22px rgba(233,154,0,.23)}
.nav-item.active>span:first-child{background:rgba(255,255,255,.62);color:#273238}
.sidebar nav::-webkit-scrollbar-thumb{background:#b07b20}
.sidebar-bottom{position:relative;z-index:1;padding-top:8px;background:linear-gradient(180deg,transparent 0%,rgba(18,32,39,.94) 18%)}
.sidebar-bottom>.nav-item{width:100%}
.user-mini{border-top-color:rgba(255,255,255,.1);padding:14px 9px 4px}
.user-mini strong{color:#fff;font-size:12px}
.user-mini span{color:#9fadaa}
.avatar{background:linear-gradient(145deg,#ffca36,#e99300);color:#17252c;box-shadow:0 6px 18px rgba(233,154,0,.2)}

.main{position:relative;min-height:100vh;background:
  radial-gradient(circle at 96% 2%,rgba(255,190,45,.13),transparent 20%),
  linear-gradient(180deg,#faf9f6 0,#f6f4ef 220px,#f6f4ef 100%)}
.topbar{height:78px;padding:0 28px;background:rgba(255,255,255,.94);border-bottom:1px solid #eee5d8;box-shadow:0 7px 24px rgba(35,31,22,.035);backdrop-filter:blur(14px)}
.mobile-menu{width:42px;height:42px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--text)}
.mobile-brand{display:none;align-items:center;gap:5px;height:40px;color:var(--text);font-size:10px;letter-spacing:.08em}
.mobile-brand img{width:90px;height:38px;object-fit:contain}
.search{max-width:540px;min-height:44px;padding:0 14px;background:#f8f5ef;border-color:#eee4d4;border-radius:12px}
.search>span{color:#bd7900;font-weight:850;font-size:18px}
.search:focus-within{background:#fff;border-color:#efb840;box-shadow:0 0 0 4px rgba(245,170,0,.11)}
.search input{color:var(--text)}
.search input::placeholder{color:#919690}
.save-state{position:relative;padding-left:14px;color:#378060;font-weight:700}
.save-state::before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;border-radius:50%;background:#43a976;box-shadow:0 0 0 4px rgba(67,169,118,.12);transform:translateY(-50%)}
.content{padding:26px 30px 34px}

/* Buttons and controls */
.btn{min-height:41px;border-radius:10px;padding:10px 16px;font-size:12px;letter-spacing:.005em}
.btn.primary{color:#16242b;background:linear-gradient(135deg,#ffca2b 0%,#f5aa00 62%,#ed9600 100%);border-color:#eda000;box-shadow:0 8px 18px rgba(224,143,0,.17)}
.btn.primary:hover{color:#111d22;background:linear-gradient(135deg,#ffd348,#f5aa00);box-shadow:0 11px 24px rgba(224,143,0,.25);transform:translateY(-1px)}
.btn.primary:active{transform:translateY(0);box-shadow:0 4px 10px rgba(224,143,0,.16)}
.btn.secondary{background:#fff;color:#27343a;border-color:#e4d9c9;box-shadow:0 3px 9px rgba(35,31,22,.025)}
.btn.secondary:hover{border-color:#efb840;background:#fffaf0;color:#8a5700}
.btn.danger{background:var(--redbg);border-color:#efc7c2}
.action-btn{min-height:30px;border-radius:8px;border-color:#e4d9c9;color:#344047;background:#fff;font-weight:650}
.action-btn:hover{color:#8a5700;border-color:#efb840;background:#fff9ec}
.primary-action{color:#855300;border-color:#efd18f;background:#fff4d4}
.count-pill,.dashboard-count,.file-count-badge,.group-pill{background:#fff1cb;color:#965e00;border:1px solid #f1d58f}
.link-button,.task-title-link,.inline-file-link,.table-file-links a,.info-item a{color:#ae6b00}
.link-button:hover,.task-title-link:hover,.inline-file-link:hover,.table-file-links a:hover,.info-item a:hover{color:#d78300}

input,select,textarea,
.payment-inline-field input,.payment-inline-field select,.payment-inline-field textarea,
.calculation-inline-form input,.calculation-inline-form select,
.calc-material-table input,.calc-material-table select,
.project-comment-form textarea,.task-summary-comment-form textarea,.task-inline-description textarea{
  color:var(--text);
  background:#fff;
  border-color:#e2d8ca;
  border-radius:10px;
}
input:hover,select:hover,textarea:hover{border-color:#d9c7aa}
input:focus,select:focus,textarea:focus,
.payment-inline-field input:focus,.payment-inline-field select:focus,.payment-inline-field textarea:focus{
  border-color:#efb036;
  box-shadow:0 0 0 4px rgba(245,170,0,.11);
}
.checkbox-field{background:#fbf8f1;border-color:#e6dbcc}
.checkbox-field input{accent-color:#e99a00}
.form-grid input[readonly]{background:#f4f1eb;color:#606864}
.file-form-field input[type=file],.product-image-wrap,.product-list-image{background:#fcfaf6;border-color:#ddcfba}

/* Titles, page rhythm and reusable surfaces */
.page-head{align-items:flex-end;margin-bottom:22px;padding:3px 2px 0}
.eyebrow{display:flex;align-items:center;gap:8px;color:#b67100;font-size:10px;letter-spacing:.16em}
.eyebrow::before{content:"";width:24px;height:2px;border-radius:99px;background:linear-gradient(90deg,#f5aa00,#ffd157)}
.page-head h1{color:#17252c;font-size:30px;line-height:1.16;font-weight:850;letter-spacing:-.035em}
.page-head p{max-width:740px;color:#727873;line-height:1.5}
.page-actions{justify-content:flex-end}

.card,.stat,.entity-card,.setting-card,.detail-section,.table-card,
.client-summary>div,.project-progress-banner,.notification-card,.task-quick-entry-bar,
.calculation-chain,.calc-kpi-grid>div,.production-summary>div,.kanban-card,
.team-member-card,.qa-card,.document-category,.calculation-workspace{
  background:#fff;
  border-color:var(--line);
  border-radius:15px;
  box-shadow:var(--shadow-sm);
}
.card,.table-card,.detail-section,.entity-card,.setting-card,.notification-card,.document-category{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.entity-card:hover,.notification-card:hover,.team-member-card:hover,.document-category:hover{border-color:#efd08b;box-shadow:0 14px 34px rgba(68,49,14,.08)}
.card-head,.section-head{border-bottom-color:#eee6db}
.card-head h3,.section-head h3{color:#1b2a31;font-weight:800}
.section-head p,.card-head p{color:#7b807c}
.stat,.client-summary>div,.production-summary>div,.calc-kpi-grid>div{position:relative;overflow:hidden}
.stat::before,.client-summary>div::before,.production-summary>div::before,.calc-kpi-grid>div::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#f5aa00,#ffd86e 68%,transparent)}
.stat strong{color:#1b2b32;font-size:28px}
.stat span,.client-summary>div>span:first-child,.production-summary span,.calc-kpi-grid span{color:#7a7f7b}
.activity-icon,.team-member-avatar,.timeline-icon,.file-icon,.document-category-head span{background:#fff1cb;color:#9b6100;border:1px solid #f1d795}
.team-member-avatar{color:#17252c;background:linear-gradient(145deg,#ffd14c,#f2a300)}
.progress{background:#eee9df}
.progress i{background:linear-gradient(90deg,#e99500,#ffc52b);box-shadow:0 0 10px rgba(239,165,12,.22)}
.mini-progress .progress{background:#eee9df}

/* Tables */
.table-card,.subtable{border-color:#e7ddcf;box-shadow:var(--shadow-sm)}
.data-table th{padding-top:13px;padding-bottom:13px;color:#5f6764;background:linear-gradient(180deg,#fbf8f2,#f8f4eb);border-bottom-color:#e7ddcf;font-size:10px;letter-spacing:.075em}
.data-table td{border-bottom-color:#f0ebe3;color:#2b393f}
.data-table tbody tr:nth-child(even) td{background:#fffdf9}
.data-table tr:hover td,.dashboard-task-row:hover td,.production-table-wrap tr[data-open-production]:hover td,.product-list-table tbody tr:hover td{background:#fff7e7}
.data-table tr:focus-visible{outline-color:#e99a00}
.subtable-title{color:#27353b;background:#fbf6eb;border-bottom-color:#e6dac8}
.selected-record td,.product-select-row.selected-record td,.selectable-list-row.selected-record td{background:#fff2ce!important;border-color:#eeb33d!important}
.relation-badge{color:#6f4a08;background:#fff4d8;border:1px solid #efdbab}

/* Tabs and workspaces */
.tabs{border-bottom-color:#e6dccd}
.tab-btn{color:#6d7470}
.tab-btn:hover{color:#9b6100;background:#fff8e9}
.tab-btn.active{color:#a36500;border-bottom-color:#f2a400}
.workspace-main-tabs,.workspace-menu-tabs{padding:8px;background:rgba(255,255,255,.95);border-color:#e7ddcf;box-shadow:var(--shadow-sm)}
.workspace-main-tabs .tab-btn,.workspace-menu-tabs .tab-btn{color:#5d6764;background:#faf8f3;border-color:#e7ded2}
.workspace-main-tabs .tab-btn:hover,.workspace-menu-tabs .tab-btn:hover{color:#895600;background:#fff7e4;border-color:#ebc76f}
.workspace-main-tabs .tab-btn.active,.workspace-menu-tabs .tab-btn.active{color:#19272e;background:linear-gradient(135deg,#ffcc35,#f2a000);border-color:#eba000;box-shadow:0 7px 17px rgba(233,154,0,.18)}
.client-sub-tabs{background:#fbf8f1}

/* Detail cards, feeds and forms */
.info-item,.entity-meta div,.status-panel>div:not(:first-child),.task-time-summary>div,
.payment-system-info>div,.calculated-field,.calculation-breakdown>div,.calc-summary div,
.product-finance-cards>div,.communication-next,.notification-meta span{
  background:#fbf8f1;
  border-color:#ece2d3;
}
.info-item{border:1px solid #ece2d3}
.info-item>span:first-child,.entity-meta span,.payment-inline-field>span,.calculated-field span{color:#7b807c}
.notes-box{background:#fcfaf6;border-color:#dfd1bd}
.timeline-item,.compact-feed-item,.project-comment{border-color:#eee5d9}
.timeline-item{background:#fff;border-left:3px solid #f2ae22}
.notification-meta span{border:1px solid #eee1ca}
.legacy-note,.inline-note,.task-filter-banner{color:#6d4b0a;background:#fff7df;border-color:#efd895}
.task-filter-banner strong{color:#48330d}
.project-progress-banner b,.task-time-summary strong{color:var(--text)}
.calculated-field.highlight{background:#edf8f2;border-color:#bfe3cb}
.calculation-breakdown .breakdown-total,.section-total{background:#fff3d3;border-color:#efd48e}
.product-preview-facts>div,.product-list-preview,.sales-main-document,.production-good-output,.related-sales-card{background:#fbf8f1;border-color:#e9dfd0}

/* Kanban */
.kanban-col,.kanban-column,.calculation-kanban-column{background:#efece6;border:1px solid #e3dbcf;border-radius:15px}
.kanban-head{color:#4d5957}
.kanban-card{border-top:3px solid #f3b225}
.kanban-card:hover{border-color:#e5bf62;box-shadow:0 12px 28px rgba(68,49,14,.08)}
.drag-over,.kanban-column.drag-over{outline-color:#e99a00;background:#fff5da}

/* Communications */
.communication-card{border-top:3px solid #f4b525}
.communication-card:hover,.communication-card:focus{border-color:#e7b13a;box-shadow:0 14px 34px rgba(68,49,14,.09)}
.communication-file{color:var(--text);background:#fbf8f1;border-color:#e8ddcb}
.communication-file:hover{background:#fff5dc;border-color:#efc45d}

/* Modals, uploads and feedback */
.modal-backdrop{background:rgba(13,26,31,.68);backdrop-filter:blur(5px)}
.modal{position:relative;border:1px solid rgba(245,170,0,.3);border-radius:20px;box-shadow:0 34px 90px rgba(0,0,0,.28)}
.modal::before{content:"";position:absolute;left:24px;right:24px;top:0;height:4px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,#ffcf3f,#f3a000,#ec8c00)}
.modal header{padding-top:24px;background:linear-gradient(180deg,#fffcf5,#fff);border-bottom-color:#eee3d3}
.modal header span{color:#a86a00}
.icon-close{color:#354349;background:#f5f2ec;border:1px solid #e7ddcf}
.icon-close:hover{color:#8c5700;background:#fff2d1;border-color:#edc15d}
.upload-body,.import-body{background:#fff}
.upload-hint{color:#747974}
.toast{color:#fff;background:#18272e;border:1px solid rgba(255,190,35,.35);box-shadow:0 18px 46px rgba(15,27,32,.26)}
.toast b{color:#17252c;background:linear-gradient(145deg,#ffd454,#f3a300)}

/* Small branded refinements */
.pilot-notice{color:#76520d;background:#fff7de;border-color:#efd28a}
.empty{color:#777c78;background:rgba(255,255,255,.72);border-color:#dccaad}
.dashboard-nav-card em,.dashboard-card-arrow{color:#ad6c00}
.dashboard-nav-card:hover,.dashboard-team-card:hover,.dashboard-nav-card:focus-visible,.dashboard-team-card:focus-visible{border-color:#e9be58;box-shadow:0 14px 34px rgba(68,49,14,.08)}
.dashboard-task-row:focus-visible{outline-color:#e99a00}
.status.blue{color:#946000;background:#fff0c8}
.status.orange{color:#965b00;background:#fff0d3}
.status.green{color:#207b57;background:#e8f6ef}
.status.red{color:#b33e3e;background:#fff0ef}
.danger-text{color:var(--red);border-color:#efc7c2}
.product-sticky-preview{top:86px}
.workspace-menu-tabs,.task-menu-tabs{top:86px}

@media(max-width:1180px){
  .app{grid-template-columns:242px minmax(0,1fr)}
  .company-logo-sidebar{width:150px}
  .brand .brand-copy{display:grid;gap:3px}
  .topbar{padding-inline:20px}
  .content{padding-inline:22px}
}

@media(max-width:760px){
  .sidebar{left:-292px;width:278px;padding-top:14px}
  .sidebar.open{left:0}
  .company-logo-sidebar{width:176px}
  .brand .brand-copy{display:flex}
  .topbar{height:72px;padding:0 12px;gap:9px}
  .mobile-menu{display:grid;place-items:center;flex:0 0 42px}
  .mobile-brand{display:flex}
  .search{min-height:40px;padding-inline:10px}
  .search>span{font-size:16px}
  .content{padding:18px 15px 28px}
  .page-head{align-items:flex-start}
  .page-head h1{font-size:25px}
  .page-actions{justify-content:flex-start}
  .product-sticky-preview{top:78px}
  .workspace-menu-tabs,.task-menu-tabs{top:auto}
}

@media(max-width:590px){
  .mobile-brand{display:none}
  .top-actions{gap:5px}
  .top-actions .btn{min-height:38px;padding:8px 10px}
  .search{min-width:0}
  .login-card{padding:31px 24px 26px}
  .login-card::before{left:24px;right:24px}
  .logo-row{align-items:flex-start;flex-direction:column;gap:12px}
  .company-logo-login{width:176px;height:92px}
}

@media(max-width:420px){
  .search input{width:78px}
  .content{padding-inline:12px}
  .page-actions .btn{width:100%}
}

/* v20.25 — responsive A&Z Packaging interface */
.login-card{
  width:min(960px,100%);
  min-height:610px;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);
  overflow:hidden;
  border-radius:28px;
}
.login-card::before{display:none}
.login-brand-panel{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:38px 40px 34px;
  display:flex;
  flex-direction:column;
  color:#fff;
  background:
    radial-gradient(circle at 13% 13%,rgba(255,195,42,.18),transparent 26%),
    linear-gradient(150deg,#19282f 0%,#101d23 100%);
}
.login-brand-panel::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:360px;
  height:360px;
  right:-175px;
  bottom:-135px;
  border-radius:50%;
  background:linear-gradient(145deg,#ffd65a,#eda000);
  box-shadow:0 0 0 48px rgba(248,175,13,.08),0 0 0 96px rgba(248,175,13,.04);
}
.login-brand-panel::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:.15;
  background-image:radial-gradient(circle,rgba(255,196,42,.9) 1.2px,transparent 1.4px);
  background-size:22px 22px;
  mask-image:linear-gradient(135deg,#000,transparent 52%,#000);
}
.login-brand-panel .logo-row{align-items:center}
.login-brand-panel .brand-copy strong{color:#fff}
.login-brand-panel .brand-copy span{color:#aebbb8}
.login-brand-message{position:relative;z-index:1;margin:auto 0;max-width:370px}
.login-brand-kicker{display:flex;align-items:center;gap:9px;color:#ffc844;font-size:10px;font-weight:850;letter-spacing:.17em}
.login-brand-kicker::before{content:"";width:26px;height:2px;border-radius:99px;background:#ffc844}
.login-brand-message h2{margin:17px 0 15px;color:#fff;font-size:44px;line-height:1.04;letter-spacing:-.05em}
.login-brand-message p{margin:0;color:#c5cfcc;font-size:14px;line-height:1.68}
.login-feature-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.login-feature-list span{padding:8px 11px;border:1px solid rgba(255,199,61,.26);border-radius:999px;background:rgba(255,255,255,.06);color:#f5f7f6;font-size:11px;font-weight:750;backdrop-filter:blur(6px)}
.login-version{position:relative;z-index:1;color:#91a19e;font-size:10px;letter-spacing:.08em}
.login-form-panel{padding:48px 52px;display:flex;flex-direction:column;justify-content:center;background:#fff}
.login-form-panel .pilot-badge{align-self:flex-start;margin:0 0 16px}
.login-form-panel h1{margin:0 0 9px;font-size:34px}
.login-form-panel>p{margin:0;color:#747b77;line-height:1.55}
.login-form-panel form{margin-top:28px}
.login-form-panel .btn.full{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;margin-top:2px;font-size:13px}
.login-form-panel .btn.full span{font-size:18px;line-height:1}
.login-form-panel .credentials{margin-top:20px}

.sidebar-close{display:none;width:36px;height:36px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.06);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.sidebar-overlay{display:none;position:fixed;inset:0;z-index:19;border:0;background:rgba(8,18,22,.58);opacity:0;visibility:hidden;backdrop-filter:blur(3px);transition:opacity .24s ease,visibility .24s ease}
.topbar-leading{display:flex;align-items:center;gap:10px}

.content{max-width:1680px;width:100%;margin:0 auto}
.page-head{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:128px;
  padding:22px 24px;
  align-items:center;
  background:linear-gradient(118deg,#fff 0%,#fff 63%,#fff3d4 100%);
  border:1px solid #e9dfd0;
  border-radius:19px;
  box-shadow:var(--shadow-sm);
}
.page-head::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-68px;
  top:-116px;
  width:260px;
  height:260px;
  border:1px solid rgba(234,155,0,.16);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(242,171,18,.035),0 0 0 68px rgba(242,171,18,.025);
}
.page-head>div{position:relative;z-index:1}
.page-head h1{font-size:31px}
.page-head p:last-child{font-size:13px}
.page-actions{position:relative;z-index:1}

.stats,.client-summary,.project-summary,.task-summary,.production-summary,.sales-record-summary{
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
}
.calc-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}
.cards-grid{grid-template-columns:repeat(auto-fit,minmax(285px,1fr))}
.communication-cards-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}
.grid-2{grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr)}
.detail-grid,.detail-grid.two-columns,.project-main-grid{grid-template-columns:minmax(0,1.35fr) minmax(310px,.85fr)}

.card,.stat,.entity-card,.setting-card,.detail-section,.table-card,.client-summary>div,
.project-progress-banner,.notification-card,.task-quick-entry-bar,.calculation-chain,
.calc-kpi-grid>div,.production-summary>div,.kanban-card,.team-member-card,.qa-card,
.document-category,.calculation-workspace{border-radius:17px}
.stat,.client-summary>div,.production-summary>div,.calc-kpi-grid>div{padding:17px 18px}
.entity-card{padding:18px}
.section-head h3{display:flex;align-items:center;gap:9px}
.section-head h3::before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#f2a700;box-shadow:0 0 0 5px rgba(242,167,0,.11)}
.card-head{min-height:68px}
.card-head h3{font-size:15px}
.stat,.dashboard-nav-card,.dashboard-team-card{min-height:116px}
.stat strong{margin-top:12px}
.entity-card header{align-items:flex-start}
.entity-card footer{gap:10px}
.entity-card footer .actions{justify-content:flex-end;flex-wrap:wrap}
.info-item{padding:12px 13px;border-radius:11px}
.info-item strong{font-size:13px}
.status{padding:6px 9px;border:1px solid transparent}
.status.blue{border-color:#eed395}
.status.orange{border-color:#efd3a4}
.status.green{border-color:#c8e8d6}
.status.red{border-color:#f0cdca}

.table-card,.table-scroll{scrollbar-width:thin;scrollbar-color:#d6a63d #f3eee5}
.table-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.data-table th{position:sticky;top:0;z-index:2;white-space:nowrap}
.data-table td{line-height:1.45}
.data-table tbody tr{transition:background-color .16s ease}
.table-card::after{content:"";position:sticky;right:0;display:block;width:1px;height:1px}

.modal form{padding-bottom:24px}
.modal footer{position:sticky;bottom:0;z-index:2;margin:18px -22px -24px;padding:15px 22px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid #eee3d3}
.modal .upload-body+footer{margin:0;padding:15px 22px}
.modal .import-body{padding-bottom:24px}
.form-section-title{margin-top:6px;padding:11px 12px;border-radius:10px;background:#fbf7ed;color:#7e5404;border-left:3px solid #efaa13}

.kanban,.kanban-board,.calculation-kanban{scrollbar-width:thin;scrollbar-color:#d6a63d #eee9df;scroll-snap-type:x proximity}
.kanban-col,.kanban-column,.calculation-kanban-column{scroll-snap-align:start}
.communication-card{min-height:270px}

.content>*{animation:az-content-in .24s ease both}
@keyframes az-content-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

@media(max-width:1280px){
  .app{grid-template-columns:248px minmax(0,1fr)}
  .sidebar{padding-inline:10px}
  .company-logo-sidebar{width:146px;height:80px}
  .company-logo-sidebar img{width:260px}
  .brand{padding-inline:9px}
  .brand .brand-copy{display:grid;gap:3px}
  .nav-item{padding-inline:8px}
  .content{padding:22px}
  .page-head{min-height:118px}
  .grid-2,.detail-grid,.detail-grid.two-columns,.project-main-grid{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)}
}

@media(max-width:1080px){
  .grid-2,.detail-grid,.detail-grid.two-columns,.project-main-grid,.communication-detail-grid,.sales-summary-grid{grid-template-columns:1fr}
  .settings-list,.document-category-grid{grid-template-columns:1fr}
  .page-head{padding:20px}
  .topbar{padding-inline:18px}
}

@media(max-width:980px){
  .app{display:block}
  .main{width:100%}
  .sidebar{
    position:fixed;
    top:0;
    bottom:0;
    left:0!important;
    width:min(302px,88vw);
    height:100dvh;
    z-index:30;
    transform:translateX(-104%);
    transition:transform .25s ease;
    box-shadow:24px 0 65px rgba(0,0,0,.24);
  }
  .sidebar.open{left:0!important;transform:translateX(0)}
  .sidebar-overlay{display:block}
  .sidebar-overlay.open{opacity:1;visibility:visible}
  body.sidebar-open{overflow:hidden}
  .sidebar-close{display:grid;place-items:center;position:absolute;right:8px;top:8px}
  .company-logo-sidebar{width:176px;height:92px}
  .company-logo-sidebar img{width:300px}
  .brand{padding-right:46px}
  .brand .brand-copy{display:flex}
  .mobile-menu{display:grid;place-items:center}
  .mobile-brand{display:flex}
  .topbar{padding-inline:16px}
  .product-sticky-preview{top:86px}
}

@media(max-width:760px){
  .topbar{
    height:auto;
    min-height:118px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:44px 42px;
    gap:8px 10px;
    padding:10px 12px 12px;
  }
  .topbar-leading{grid-column:1;grid-row:1;min-width:0}
  .top-actions{grid-column:2;grid-row:1;margin-left:0}
  .search{grid-column:1/-1;grid-row:2;width:100%;max-width:none;min-height:42px}
  .save-state{display:none}
  .top-actions .secondary{display:none}
  .top-actions .btn{min-height:40px;padding:9px 12px}
  .content{padding:14px 13px 26px}
  .page-head{min-height:0;padding:17px 16px;border-radius:16px;align-items:flex-start}
  .page-head h1{font-size:25px}
  .page-head p:last-child{font-size:12px}
  .page-head::after{right:-125px;top:-160px}
  .page-actions{width:100%;justify-content:flex-start}
  .page-actions .btn{flex:1 1 150px}
  .stats,.client-summary,.project-summary,.task-summary,.production-summary,.sales-record-summary,.calc-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .cards-grid,.communication-cards-grid,.compact-cards{grid-template-columns:1fr}
  .card,.stat,.entity-card,.setting-card,.detail-section,.table-card,.client-summary>div,
  .project-progress-banner,.notification-card,.task-quick-entry-bar,.calculation-chain,
  .calc-kpi-grid>div,.production-summary>div,.kanban-card,.team-member-card,.qa-card,
  .document-category,.calculation-workspace{border-radius:14px}
  .stat,.client-summary>div,.production-summary>div,.calc-kpi-grid>div{min-height:102px;padding:14px}
  .stat strong{font-size:23px}
  .detail-section,.calculation-workspace{padding:15px}
  .section-head{align-items:flex-start}
  .section-actions{width:100%;justify-content:flex-start}
  .section-actions .btn{flex:1}
  .form-grid,.payment-inline-grid,.calculation-form-grid,.production-inline-form,.two-col-form,.upload-meta-grid{grid-template-columns:1fr}
  .form-grid label.wide,.payment-inline-wide,.product-description-wide{grid-column:auto}
  .modal-backdrop{place-items:end center;padding:0}
  .modal,.modal.small{width:100%;max-width:none;max-height:94dvh;border-radius:22px 22px 0 0;border-bottom:0}
  .modal header{padding:22px 18px 16px}
  .modal form,.import-body,.upload-body{padding:17px 18px}
  .modal footer{margin:16px -18px -17px;padding:13px 18px calc(13px + env(safe-area-inset-bottom))}
  .modal .upload-body+footer{padding:13px 18px calc(13px + env(safe-area-inset-bottom))}
  .table-card,.table-scroll{position:relative;max-width:calc(100vw - 26px)}
  .data-table th:first-child,.data-table td:first-child{position:sticky;left:0;z-index:3;box-shadow:7px 0 12px rgba(34,38,35,.04)}
  .data-table th:first-child{z-index:4;background:#f8f4eb}
  .data-table tbody td:first-child{background:#fff}
  .data-table tbody tr:nth-child(even) td:first-child{background:#fffdf9}
  .data-table tbody tr:hover td:first-child{background:#fff7e7}
  .kanban,.kanban-board,.calculation-kanban{margin-inline:-2px;padding-bottom:12px}
  .kanban-col,.kanban-column,.calculation-kanban-column{min-width:min(82vw,300px)}
  .product-sticky-preview{top:126px}
}

@media(max-width:780px){
  .login-screen{padding:15px;align-items:start;overflow:auto}
  .login-card{min-height:0;grid-template-columns:1fr;border-radius:22px}
  .login-brand-panel{min-height:300px;padding:27px 28px 24px}
  .login-brand-message{margin:32px 0 26px}
  .login-brand-message h2{font-size:34px}
  .login-brand-message p{max-width:480px}
  .login-brand-panel::before{width:270px;height:270px;right:-130px;bottom:-145px}
  .login-form-panel{padding:34px 28px 30px}
}

@media(max-width:520px){
  .mobile-brand img{width:82px}
  .mobile-brand strong{display:none}
  .top-actions .btn{font-size:11px}
  .page-head{display:grid;gap:16px}
  .page-actions{display:grid;grid-template-columns:1fr}
  .page-actions .btn{width:100%}
  .stats,.client-summary,.project-summary,.task-summary,.production-summary,.sales-record-summary,.calc-kpi-grid{grid-template-columns:1fr 1fr}
  .entity-meta,.communication-card-meta,.info-grid,.project-info-grid{grid-template-columns:1fr}
  .info-item.wide{grid-column:auto}
  .actions{flex-wrap:wrap}
  .action-btn{min-height:34px}
  .modal footer{display:grid;grid-template-columns:1fr 1fr}
  .modal footer .btn{width:100%}
  .login-screen{padding:0;background:#fff}
  .login-card{border:0;border-radius:0;box-shadow:none}
  .login-brand-panel{min-height:270px;padding:24px 21px 22px}
  .login-brand-panel .logo-row{flex-direction:row}
  .company-logo-login{width:140px;height:78px}
  .company-logo-login img{width:250px}
  .login-brand-message{margin:25px 0 18px}
  .login-brand-message h2{margin-block:13px 10px;font-size:31px}
  .login-brand-message p{font-size:12px;line-height:1.55}
  .login-feature-list{margin-top:17px}
  .login-feature-list span{padding:6px 8px;font-size:10px}
  .login-form-panel{padding:28px 21px calc(28px + env(safe-area-inset-bottom))}
  .login-form-panel h1{font-size:29px}
  .credentials{font-size:10px}
}

@media(max-width:380px){
  .mobile-brand{display:none}
  .stats,.client-summary,.project-summary,.task-summary,.production-summary,.sales-record-summary,.calc-kpi-grid{grid-template-columns:1fr}
  .top-actions .btn{padding-inline:9px}
  .section-actions{display:grid;grid-template-columns:1fr}
  .section-actions .btn{width:100%}
}

/* v20.26 — compact navigation and unified SVG icon system */
.icon-sprite{
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
  pointer-events:none;
}
.nav-icon,.ui-icon,.btn-icon,.mobile-menu svg,.search>svg,.sidebar-close svg,.icon-close svg{
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.app{grid-template-columns:232px minmax(0,1fr)}
.sidebar{
  padding:14px 10px 12px;
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 4%,rgba(255,190,36,.12),transparent 20%),
    linear-gradient(180deg,#17272e 0%,#112027 100%);
}
.brand{
  display:grid;
  grid-template-columns:126px minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:0 4px 13px;
}
.company-logo-sidebar{
  width:126px;
  height:64px;
  border-radius:12px;
  border-color:rgba(255,193,48,.25);
  box-shadow:0 8px 22px rgba(0,0,0,.13);
}
.company-logo-sidebar img{width:190px}
.brand .brand-copy{
  width:auto;
  display:grid;
  justify-content:start;
  align-content:center;
  gap:5px;
}
.brand .brand-copy strong{
  color:#f5f7f5;
  font-size:10px;
  font-weight:850;
  line-height:1;
  letter-spacing:.11em;
  white-space:nowrap;
}
.brand .brand-copy span{
  width:max-content;
  margin:0;
  padding:4px 7px;
  border:1px solid rgba(255,194,46,.22);
  border-radius:999px;
  background:rgba(255,190,32,.08);
  color:#f6bd38;
  font-size:9px;
  font-weight:800;
  line-height:1;
  letter-spacing:.04em;
}
.sidebar nav{
  display:grid;
  grid-auto-rows:max-content;
  flex:1 1 auto;
  min-height:0;
  gap:2px;
  margin:8px 0 5px;
  padding:0 2px 10px;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:none;
}
.sidebar nav::-webkit-scrollbar{display:none}
.nav-section-label{
  margin:10px 8px 3px;
  color:#dca633;
  font-size:8px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:.19em;
}
.nav-section-label:first-child{margin-top:1px}
.nav-item{
  width:100%;
  min-height:38px;
  gap:9px;
  padding:4px 7px;
  border:1px solid transparent;
  border-radius:10px;
  color:#bdc9c7;
  font-size:11.5px;
  font-weight:720;
  line-height:1.25;
}
.nav-item::before{
  content:"";
  position:absolute;
  left:-3px;
  top:50%;
  width:3px;
  height:19px;
  border-radius:0 5px 5px 0;
  background:#ffba16;
  opacity:0;
  transform:translateY(-50%) scaleY(.45);
  transition:opacity .18s ease,transform .18s ease;
}
.sidebar .nav-item>.nav-icon-wrap{
  display:grid;
  place-items:center;
  width:29px;
  height:29px;
  flex:0 0 29px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:9px;
  background:rgba(255,255,255,.055);
  color:#e5a918;
  font-size:inherit;
  transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.nav-icon{width:16px;height:16px}
.nav-label{min-width:0;text-align:left;overflow-wrap:anywhere}
.nav-item:hover{
  color:#f6f8f7;
  border-color:rgba(255,255,255,.055);
  background:rgba(255,255,255,.052);
  transform:translateX(1px);
}
.sidebar .nav-item:hover>.nav-icon-wrap{background:rgba(255,190,31,.11);border-color:rgba(255,190,31,.13);color:#ffc238}
.nav-item.active{
  color:#fff;
  border-color:rgba(255,190,34,.16);
  background:linear-gradient(90deg,rgba(249,174,12,.19),rgba(249,174,12,.055));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 18px rgba(0,0,0,.09);
}
.nav-item.active::before{opacity:1;transform:translateY(-50%) scaleY(1)}
.sidebar .nav-item.active>.nav-icon-wrap{
  color:#17262d;
  border-color:#ffc43d;
  background:linear-gradient(145deg,#ffd34c,#f3a400);
  box-shadow:0 6px 14px rgba(232,151,0,.2);
}
.sidebar-bottom{
  flex:0 0 auto;
  margin-top:0;
  padding-top:7px;
  background:linear-gradient(180deg,rgba(18,32,39,0),#122027 15%);
}
.sidebar-bottom>.nav-item{margin-bottom:5px}
.user-mini{padding:10px 7px 1px;gap:9px}
.user-mini .avatar{width:34px;height:34px;flex:0 0 34px;font-size:14px}
.user-mini strong{font-size:11px}
.user-mini span{font-size:10px}
.sidebar-close,.mobile-menu,.icon-close{align-items:center;justify-content:center}
.sidebar-close svg,.icon-close svg{width:18px;height:18px}
.mobile-menu svg{width:21px;height:21px}
.search>svg{width:18px;height:18px;flex:0 0 18px;color:#b97800}
.button-with-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn-icon{width:16px;height:16px;flex:0 0 16px}
.icon-close{display:grid;font-size:0}

.page-head{gap:24px}
.page-head-main{
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  align-items:center;
  gap:16px;
  min-width:0;
  flex:1 1 auto;
}
.page-head-icon{
  position:relative;
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border:1px solid #f0ce82;
  border-radius:16px;
  color:#a96800;
  background:linear-gradient(145deg,#fffaf0,#ffe9ad);
  box-shadow:0 9px 22px rgba(179,112,0,.11),inset 0 1px 0 #fff;
}
.page-head-icon::after{
  content:"";
  position:absolute;
  right:6px;
  bottom:6px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#f1a500;
  box-shadow:0 0 0 4px rgba(241,165,0,.11);
}
.page-head-icon .ui-icon{width:25px;height:25px;stroke-width:1.7}
.page-head-copy{min-width:0}
.page-head-copy .eyebrow{margin-bottom:6px}
.page-head-copy h1{margin-bottom:5px}
.page-head-copy>p:last-child{margin:0}

.dashboard-stats{gap:12px}
.dashboard-nav-card{
  min-height:130px;
  padding:16px 17px;
  isolation:isolate;
}
.dashboard-nav-card::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:90px;
  height:90px;
  right:-42px;
  bottom:-48px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(247,174,15,.09),rgba(247,174,15,0) 70%);
}
.stat-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.stat-heading>span:first-child{min-width:0;color:#737a76;font-size:11px;font-weight:760}
.stat .stat-icon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  flex:0 0 34px;
  border:1px solid #f0d79d;
  border-radius:10px;
  color:#a86a00;
  background:#fff7e2;
}
.stat-icon .ui-icon{width:17px;height:17px;stroke-width:1.8}
.dashboard-nav-card strong{margin:7px 0 3px;font-size:27px}
.dashboard-nav-card small{display:block;min-height:16px;font-size:11px}
.dashboard-nav-card em{margin-top:7px;font-size:10.5px}
.stat.stat-alert .stat-icon{border-color:#efcdca;color:#bd4545;background:#fff0ef}
.stat.stat-alert::after{background:radial-gradient(circle,rgba(189,69,69,.085),rgba(189,69,69,0) 70%)}

@media(max-width:1280px){
  .app{grid-template-columns:220px minmax(0,1fr)}
  .company-logo-sidebar{width:116px;height:60px}
  .company-logo-sidebar img{width:180px}
  .brand{grid-template-columns:116px minmax(0,1fr);padding-inline:3px}
  .nav-item{padding-inline:6px;font-size:11px}
}

@media(max-width:980px){
  .app{display:block}
  .sidebar{width:min(286px,88vw);padding:14px 10px 12px}
  .brand{grid-template-columns:126px minmax(0,1fr);padding:0 46px 13px 4px}
  .company-logo-sidebar{width:126px;height:64px}
  .company-logo-sidebar img{width:190px}
  .brand .brand-copy{display:grid}
  .sidebar-close{top:4px;right:2px}
}

@media(max-width:760px){
  .page-head{gap:16px}
  .page-head-main{grid-template-columns:46px minmax(0,1fr);gap:12px}
  .page-head-icon{width:46px;height:46px;border-radius:13px}
  .page-head-icon .ui-icon{width:21px;height:21px}
  .dashboard-nav-card{min-height:122px;padding:14px}
  .stat-icon{width:31px;height:31px;flex-basis:31px}
  .stat-icon .ui-icon{width:15px;height:15px}
}

@media(max-width:520px){
  .page-head-main{align-items:start}
  .page-head-copy h1{font-size:24px}
  .page-head-copy>p:last-child{line-height:1.45}
  .dashboard-nav-card{min-height:118px}
}

@media(max-width:420px){
  #addBtn{width:40px;padding:0}
  #addBtn span{display:none}
  #addBtn .btn-icon{width:18px;height:18px}
  .page-head-main{grid-template-columns:40px minmax(0,1fr);gap:10px}
  .page-head-icon{width:40px;height:40px;border-radius:12px}
  .page-head-icon .ui-icon{width:19px;height:19px}
}

/* v20.27 — visible product photo workflow and gallery */
.product-photo-summary{
  position:relative;
  display:grid;
  grid-template-columns:92px minmax(0,1fr) auto;
  align-items:center;
  gap:15px;
  min-height:106px;
  margin:0 0 14px;
  padding:12px 14px;
  overflow:hidden;
  border:1px solid #eadcc4;
  border-radius:17px;
  background:linear-gradient(112deg,#fff 0%,#fffdf8 64%,#fff1c9 100%);
  box-shadow:var(--shadow-sm);
}
.product-photo-summary::after{
  content:"";
  position:absolute;
  right:-48px;
  top:-74px;
  width:170px;
  height:170px;
  pointer-events:none;
  border:1px solid rgba(235,162,10,.15);
  border-radius:50%;
}
.product-photo-summary-thumb{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:92px;
  height:80px;
  padding:0;
  overflow:hidden;
  border:1px solid #ead6ae;
  border-radius:13px;
  color:#aa6a00;
  background:#fff8e7;
  cursor:pointer;
}
.product-photo-summary-thumb:hover{border-color:#e4ae38;box-shadow:0 7px 18px rgba(147,96,0,.11);transform:translateY(-1px)}
.product-photo-summary-thumb img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.product-photo-summary-thumb>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#ffeabd}
.product-photo-placeholder-icon{width:23px;height:23px}
.product-photo-summary-copy{position:relative;z-index:1;min-width:0}
.product-photo-summary-copy>span{display:block;margin-bottom:5px;color:#a76a00;font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.product-photo-summary-copy>strong{display:block;color:#1a2930;font-size:16px}
.product-photo-summary-copy>small{display:block;max-width:570px;margin-top:5px;color:#777e79;font-size:11px;line-height:1.45}
.product-photo-summary-actions{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;gap:8px}

.product-gallery-link{
  width:100%;
  margin-top:9px;
  padding:8px 10px;
  border:0;
  border-radius:9px;
  color:#9a6100;
  background:#fff5dc;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.product-gallery-link:hover{color:#6f4600;background:#ffeab4}
.product-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.product-gallery-card{
  min-width:0;
  overflow:hidden;
  border:1px solid #e6dccd;
  border-radius:15px;
  background:#fff;
  box-shadow:0 7px 20px rgba(45,37,23,.055);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.product-gallery-card:hover{border-color:#ebbf60;box-shadow:0 13px 30px rgba(71,49,12,.09);transform:translateY(-2px)}
.product-gallery-image{position:relative;display:grid;place-items:center;height:230px;padding:12px;background:linear-gradient(145deg,#fbfaf7,#f5f1e8);text-decoration:none}
.product-gallery-image img{display:block;width:100%;height:100%;object-fit:contain}
.product-gallery-image>span{position:absolute;left:10px;top:10px;padding:5px 8px;border:1px solid #f0c968;border-radius:999px;color:#6f4700;background:rgba(255,241,198,.94);font-size:9px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;backdrop-filter:blur(6px)}
.product-gallery-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-top:1px solid #eee5d8}
.product-gallery-meta>div{min-width:0}
.product-gallery-meta strong{display:block;overflow:hidden;color:#26343a;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.product-gallery-meta small{display:block;margin-top:4px;color:#818681;font-size:9px}
.product-gallery-empty{
  min-height:300px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:36px 20px;
  border:1px dashed #dfc995;
  border-radius:15px;
  color:#737b77;
  background:linear-gradient(145deg,#fffdf8,#fbf7ed);
  text-align:center;
}
.product-gallery-empty-icon{width:38px;height:38px;margin-bottom:13px;color:#c18108}
.product-gallery-empty strong{color:#26343a;font-size:16px}
.product-gallery-empty p{max-width:480px;margin:8px 0 18px;font-size:12px;line-height:1.55}

.product-upload-guide{display:grid;gap:13px}
.product-upload-guide>div:first-child{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;padding:12px;border:1px solid #efd596;border-radius:12px;background:#fff7df}
.product-upload-guide>div:first-child>div{min-width:0}
.product-upload-guide strong{display:block;color:#4a3916;font-size:12px}
.product-upload-guide p{margin:4px 0 0;color:#766b54;font-size:10px;line-height:1.45}
.product-upload-guide-icon{width:42px;height:42px;padding:10px;border-radius:12px;color:#a56800;background:#ffe7a7}
.product-upload-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:9px}
.product-upload-preview-empty{grid-column:1/-1;min-height:92px;display:flex;align-items:center;justify-content:center;gap:9px;padding:14px;border:1px dashed #ddd0b9;border-radius:11px;color:#85847d;background:#fbfaf7;font-size:10px;text-align:center}
.product-upload-preview-empty-icon{width:22px;height:22px;flex:0 0 22px;color:#ba7903}
.product-upload-preview-item{min-width:0;padding:7px;border:1px solid #e5d9c6;border-radius:11px;background:#fff}
.product-upload-preview-item img{display:block;width:100%;height:78px;object-fit:contain;border-radius:7px;background:#f6f3ed}
.product-upload-preview-item span{display:block;margin-top:6px;overflow:hidden;color:#343f43;font-size:9px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.product-upload-preview-item small{display:block;margin-top:2px;color:#8a8d88;font-size:8px}
.product-photo-placeholder-icon,.product-gallery-empty-icon,.product-upload-guide-icon,.product-upload-preview-empty-icon{
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media(max-width:760px){
  .product-photo-summary{grid-template-columns:76px minmax(0,1fr);gap:11px;padding:11px}
  .product-photo-summary-thumb{width:76px;height:70px}
  .product-photo-summary-actions{grid-column:1/-1;justify-content:stretch}
  .product-photo-summary-actions .btn{flex:1}
  .product-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .product-gallery-image{height:190px;padding:9px}
}

@media(max-width:520px){
  .product-photo-summary-copy>small{font-size:10px}
  .product-photo-summary-actions{display:grid;grid-template-columns:1fr}
  .product-gallery-grid{grid-template-columns:1fr}
  .product-gallery-image{height:min(72vw,300px)}
  .product-upload-preview{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* v20.29 — editable workspace cards, attachments and unified registers */
.client-live-edit-section{border-top:3px solid #f4b525}
.live-edit-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #efd28c;border-radius:999px;background:#fff5d8;color:#9b6400;font-size:10px;font-weight:850;white-space:nowrap}
.live-edit-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:#f2a900;box-shadow:0 0 0 3px rgba(242,169,0,.14)}
.inline-entity-card-form{display:grid;gap:14px;min-width:0}
.inline-entity-card-grid{align-items:start}
.inline-entity-card-grid label{min-width:0;color:#34464a}
.inline-entity-card-grid input,.inline-entity-card-grid select,.inline-entity-card-grid textarea{border-color:#e4d8c7;background:#fffefa}
.inline-entity-card-grid input:hover,.inline-entity-card-grid select:hover,.inline-entity-card-grid textarea:hover{border-color:#d8b86d}
.inline-entity-card-grid input:focus,.inline-entity-card-grid select:focus,.inline-entity-card-grid textarea:focus{border-color:#eda900;box-shadow:0 0 0 3px rgba(237,169,0,.13)}
.inline-entity-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding-top:13px;border-top:1px solid #eee4d5}
.inline-entity-card-actions>span{margin-right:auto;color:#7d827f;font-size:10px}
.inline-system-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;padding:11px 12px;border:1px solid #ece2d4;border-radius:10px;background:#fbf8f2;color:#777e7a;font-size:10px}
.inline-system-meta strong{color:#26343a}
.sticky-card-save{position:sticky;bottom:12px;z-index:6;display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:14px;padding:12px 14px;border:1px solid #e7c978;border-radius:13px;background:rgba(255,250,235,.96);box-shadow:0 10px 28px rgba(67,49,15,.13);backdrop-filter:blur(8px)}
.sticky-card-save span{margin-right:auto;color:#72694f;font-size:11px}
.communication-inline-form{display:grid;gap:14px}
.communication-inline-form .communication-detail-grid{margin:0}
.communication-attachments-editor{margin-top:0}
.communication-attachment-list{margin-top:14px}
.communication-file-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch;min-width:0}
.communication-file-row .communication-file{min-width:0}
.communication-file-row .danger-action{align-self:stretch;color:#b33a32;background:#fff8f7;border-color:#f0cdc8}
.payment-register-row{cursor:pointer}
.payment-register-row:focus{outline:2px solid #e5a400;outline-offset:-2px}
.payment-register-row td:first-child::after{content:"Відкрити та редагувати →";display:block;margin-top:5px;color:#ad6e00;font-size:9px;font-weight:800}
.production-register-summary{margin-bottom:16px}
.production-register-section,.logistics-register-section{border-top:3px solid #f4b525}
.production-register-section .production-table-wrap{border:1px solid #e7ddcf;border-radius:12px;background:#fff}
.sales-email-table{min-width:1120px}

@media(max-width:760px){
  .inline-entity-card-actions,.sticky-card-save{align-items:stretch;flex-direction:column}
  .inline-entity-card-actions>span,.sticky-card-save span{margin-right:0}
  .inline-entity-card-actions .btn,.sticky-card-save .btn{width:100%}
  .live-edit-badge{justify-self:start}
  .communication-file-row{grid-template-columns:1fr}
  .communication-file-row .danger-action{width:100%}
  .production-register-section .section-head .btn,.logistics-register-section .page-actions{width:100%}
}

/* v20.31 — unified responsive records, discussions and registers */
.employee-picker-field{align-content:start}
.employee-picker-field select{border-color:#dfbd6d;background:#fffdf7}

.production-register-section{overflow:hidden;background:#fff}
.production-register-section .section-head{margin-bottom:14px}
.production-register-section .production-table-wrap{overflow:auto;border-color:#eadfce;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.production-register-table{min-width:1120px}
.production-register-table th{background:#fbf8f1}
.production-register-table td{padding-top:14px;padding-bottom:14px}
.production-register-table .status{margin-top:6px}
.production-output-cell strong{color:#26343a}
.production-table-progress{display:grid;grid-template-columns:minmax(95px,1fr) auto;align-items:center;gap:8px;min-width:145px}
.production-table-progress .progress{grid-column:auto;height:7px}
.production-table-progress strong{color:#9a6400;font-size:11px}
.production-mobile-grid{display:none}
.production-detail-card{overflow:visible}
.production-detail-card .production-inline-form{gap:15px}
.production-detail-card .inline-entity-card-actions{grid-column:1/-1}
.production-good-output{background:#fff8e5;border-color:#ecd18b}

/* v20.45 — direct editing inside the product card */
.product-detail-editor,.product-pricing-editor{overflow:visible}
.product-detail-editor .inline-entity-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.product-main-inline-form .inline-entity-card-actions{margin-top:2px}
.product-invoice-inline-form{margin-top:13px;padding:13px;border:1px solid #eadfc9;border-radius:13px;background:linear-gradient(145deg,#fffdf8,#fffaf0)}
.product-invoice-inline-form .inline-entity-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 13px}
.product-invoice-inline-form .product-invoice-select-field{grid-column:1/-1}
.product-cost-inline-form{margin-top:12px;padding-top:12px;border-top:1px dashed #e5d7be}
.product-cost-inline-form .inline-entity-card-grid{grid-template-columns:minmax(0,250px)}
.product-cost-inline-form .inline-entity-card-actions{margin-top:-2px;padding-top:0;border-top:0}
.product-description-inline-form .inline-entity-card-grid{grid-template-columns:1fr}
.product-description-readonly{margin:0;color:#69716d;line-height:1.6;white-space:pre-wrap}
@media(max-width:760px){
  .product-detail-editor .inline-entity-card-grid,.product-invoice-inline-form .inline-entity-card-grid,.product-cost-inline-form .inline-entity-card-grid{grid-template-columns:1fr}
  .product-invoice-inline-form{padding:11px}
  .product-cost-inline-form .inline-entity-card-actions{padding-top:12px;border-top:1px solid #eee4d5}
}

.product-gallery-toolbar{display:flex;align-items:center;gap:12px;margin:-2px 0 14px;padding:10px 12px;border:1px solid #eadfc9;border-radius:11px;color:#6f746f;background:#fcfaf5;font-size:10px}
.product-gallery-toolbar small{margin-left:auto;color:#858780}
.product-gallery-card.is-primary{border-color:#e8b640;box-shadow:0 10px 28px rgba(134,88,0,.12)}
.product-gallery-meta{align-items:flex-start}
.product-gallery-meta p{margin:7px 0 0;color:#69716e;font-size:10px;line-height:1.45;white-space:normal}
.product-gallery-actions{display:flex;flex-wrap:wrap;gap:7px;padding:0 12px 12px}
.product-gallery-actions .action-btn{flex:1;min-width:max-content;text-align:center}
.product-primary-photo-caption{padding:10px 2px 0}
.product-primary-photo-caption strong{display:block;color:#26343a;font-size:12px}
.product-primary-photo-caption p{margin:5px 0 0;color:#737b77;font-size:10px;line-height:1.45}

.photo-edit-modal form{display:grid;gap:15px}
.photo-edit-preview{display:grid;place-items:center;min-height:210px;padding:12px;overflow:hidden;border:1px solid #eadfcf;border-radius:14px;background:linear-gradient(145deg,#fbfaf7,#f4f0e7)}
.photo-edit-preview img{display:block;width:100%;height:230px;object-fit:contain;border-radius:9px;background:#fff}
.photo-edit-fields{display:grid;gap:14px}
.photo-replacement-field{padding:11px 12px;border:1px dashed #d9c08a;border-radius:11px;background:#fcfaf5}
.photo-replacement-field input{padding:8px;background:#fff}
.photo-replacement-field small{color:#7b7f79;font-size:9px;font-weight:500;line-height:1.45}
.photo-primary-check{grid-template-columns:auto minmax(0,1fr);align-items:center;padding:11px 12px;border:1px solid #ecd18b;border-radius:11px;background:#fff8e5}
.photo-primary-check input{width:18px;height:18px;margin:0;accent-color:#e9a400}
.photo-primary-check span{color:#654a15;font-size:11px}

@media(max-width:760px){
  .production-register-section .production-table-wrap{display:none}
  .production-mobile-grid{display:grid;grid-template-columns:1fr;gap:11px}
  .production-register-card{cursor:pointer}
  .production-register-card:focus{outline:2px solid #e2a500;outline-offset:2px}
  .production-card-number{display:inline-block;margin-bottom:6px;color:#a66b00;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
  .production-card-meta{grid-template-columns:1fr 1fr}
  .production-card-progress{display:grid;gap:7px;margin:12px 0}
  .production-card-progress>div:first-child{display:flex;justify-content:space-between;color:#737b77;font-size:10px}
  .production-card-progress strong{color:#9a6400}
  .production-card-progress .progress{grid-column:auto}
  .production-detail-card .production-inline-form{grid-template-columns:1fr}
  .product-gallery-toolbar{align-items:flex-start;flex-direction:column}
  .product-gallery-toolbar small{margin-left:0}
  .product-gallery-actions .action-btn{min-width:calc(50% - 4px)}
  .photo-edit-preview{min-height:170px}
  .photo-edit-preview img{height:min(56vw,230px)}
}

.unified-discussion{overflow:hidden}
.discussion-composer{display:grid;gap:10px;margin:0 0 18px;padding:14px;border:1px solid #eadfcf;border-radius:14px;background:linear-gradient(145deg,#fffdf8,#fbf7ee)}
.discussion-composer textarea{min-height:92px;resize:vertical;background:#fff}
.discussion-composer-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}
.discussion-file-button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 13px;border:1px solid #dfbd6d;border-radius:9px;color:#7b5708;background:#fff;cursor:pointer;font-size:10px;font-weight:800}
.discussion-file-button input{display:none}
.discussion-list{display:grid;gap:10px}
.discussion-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;padding:13px;border:1px solid #eee4d5;border-radius:13px;background:#fff;box-shadow:0 7px 20px rgba(42,48,48,.04)}
.discussion-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#17282e;background:#ffbd20;font-weight:900}
.discussion-body{min-width:0}.discussion-body header{display:flex;justify-content:space-between;gap:10px}.discussion-body header>div{display:grid;gap:2px}.discussion-body time{color:#8a8f8c;font-size:9px}.discussion-body p{margin:8px 0 0;color:#39474a;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.discussion-files{margin-top:10px}.unified-discussion.is-compact .discussion-item{padding:10px}.unified-discussion.is-compact .discussion-avatar{width:32px;height:32px;border-radius:10px}

.registry-summary,.record-detail-summary{margin-bottom:16px}.registry-section{overflow:hidden}.registry-table-wrap{overflow:auto;border:1px solid #eadfce;border-radius:12px}.registry-table{min-width:980px}.registry-table th{background:#fbf8f1}.registry-table tbody tr{transition:background .16s ease,transform .16s ease}.registry-table tbody tr:hover{background:#fffaf0}
.kanban-single-row{display:flex;align-items:flex-start;gap:14px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x proximity}.kanban-single-row .calculation-kanban-column{flex:1 0 260px;min-width:260px;scroll-snap-align:start}
.record-relations,.production-relations,.calculation-chain{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 15px;padding:12px 14px;border:1px solid #eadfcf;border-radius:13px;background:#fffdf8}
.record-workspace,.calculation-workspace{border-top:3px solid #ffb400}

@media(max-width:760px){
  .discussion-composer{padding:11px}.discussion-composer-actions{align-items:stretch;flex-direction:column}.discussion-composer-actions .btn,.discussion-file-button{width:100%;justify-content:center}.discussion-item{grid-template-columns:32px minmax(0,1fr);padding:11px}.discussion-avatar{width:32px;height:32px;border-radius:10px}.discussion-body header{align-items:flex-start;flex-direction:column}
  .registry-summary,.record-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.product-list-table{overflow:auto}.product-sticky-preview{position:static}.calculation-kanban.kanban-single-row{margin-inline:-4px;padding-inline:4px}
  .workspace-menu-tabs,.calculation-tabs{display:flex;overflow-x:auto;scrollbar-width:thin}.workspace-menu-tabs>* ,.calculation-tabs>*{flex:0 0 auto}
}
@media(max-width:440px){.registry-summary,.record-detail-summary{grid-template-columns:1fr}.discussion-item{grid-template-columns:1fr}.discussion-avatar{display:none}}

@media(max-width:420px){
  .production-card-meta{grid-template-columns:1fr}
  .product-gallery-actions{display:grid;grid-template-columns:1fr}
  .product-gallery-actions .action-btn{width:100%}
}

/* v20.32 — access-control settings */
.settings-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.settings-overview .settings-stat{display:grid;gap:7px;min-height:96px;padding:16px 17px;border:1px solid #e9dfcf;border-radius:14px;background:linear-gradient(145deg,#fff,#fcf9f1);box-shadow:0 8px 22px rgba(54,43,18,.045)}
.settings-overview .settings-stat span{color:#7d817e;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.settings-overview .settings-stat strong{color:#233137;font-size:28px;line-height:1}
.settings-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 16px;padding:5px;border:1px solid #eadfce;border-radius:12px;background:#f7f3eb;width:max-content;max-width:100%}
.settings-tab-btn{min-height:36px;padding:0 13px;border:0;border-radius:8px;color:#6d736f;background:transparent;cursor:pointer;font-size:11px;font-weight:800;white-space:nowrap}
.settings-tab-btn:hover{color:#4c380a;background:#fff8e5}.settings-tab-btn.active{color:#513907;background:#fff;box-shadow:0 3px 10px rgba(69,48,5,.1)}
.settings-users-table{min-width:920px}.settings-users-table td:first-child{min-width:185px}.settings-users-table td:nth-child(2){min-width:220px}.settings-actions-cell{text-align:right;white-space:nowrap}
.settings-current-user{display:inline-flex;margin:5px 0 0;padding:3px 7px;border-radius:999px;color:#765300;background:#fff1c9;font-size:9px;font-weight:850}
.settings-position-label{display:inline-flex;align-items:center;min-height:26px;padding:0 8px;border:1px solid #e6e0d4;border-radius:8px;color:#465253;background:#fbfaf7;font-size:11px;font-weight:750}
.settings-role-director,.settings-role-manager{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border-radius:999px;font-size:9px;font-weight:850}.settings-role-director{color:#624900;background:#fff2c8}.settings-role-manager{color:#28644d;background:#e7f6ee}
.settings-status{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border-radius:999px;font-size:9px;font-weight:850}.settings-status.active{color:#287353;background:#e7f6ee}.settings-status.inactive{color:#a14343;background:#fff0f0}
.settings-footnote{margin:14px 0 0;color:#7c817d;font-size:10px;line-height:1.55}.settings-access-denied{max-width:620px}.settings-loading{max-width:620px}.settings-loading h3{position:relative;padding-left:19px}.settings-loading h3:before{content:'';position:absolute;left:0;top:3px;width:10px;height:10px;border:2px solid #deb444;border-right-color:transparent;border-radius:50%;animation:settings-spin .8s linear infinite}@keyframes settings-spin{to{transform:rotate(360deg)}}
.settings-position-list{display:grid;gap:12px}.settings-position-card{padding:17px;border:1px solid #e9dfcf;border-radius:13px;background:#fff;box-shadow:0 6px 18px rgba(42,40,25,.035)}.settings-position-card.is-inactive{opacity:.68;background:#fcfbf8}
.settings-position-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.settings-position-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.settings-position-title h3{margin:0;font-size:16px}.settings-position-head p{margin:6px 0 0;max-width:720px;color:#767d79;font-size:11px;line-height:1.5}.settings-system-badge{display:inline-flex;padding:4px 7px;border-radius:999px;color:#785900;background:#fff3cf;font-size:9px;font-weight:850}.settings-position-meta{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-top:14px;padding-top:13px;border-top:1px solid #f0e9de;color:#6e7774;font-size:10px;font-weight:700}.settings-access-full,.settings-access-summary,.settings-access-none{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-access-full{color:#755504}.settings-access-summary{color:#3e5558}.settings-access-none{color:#a04a4a}.settings-position-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.settings-position-actions>span{color:#8b8e89;font-size:10px}.settings-logout-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px}.settings-logout-card p{margin:0}.settings-logout-card .btn{margin:0;flex:0 0 auto}.settings-warning-card{border-color:#eed7d0}.settings-warning-card h3{color:#973f3f}
.access-modal{width:min(1060px,100%)}.access-modal form{padding:20px 22px 22px}.access-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.access-form-grid label{min-width:0}.access-form-grid label.wide,.access-form-grid .wide{grid-column:1/-1}.access-form-grid label>small{margin-top:-2px;color:#808582;font-size:9px;font-weight:500;line-height:1.45}.access-toggle{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px!important;min-height:48px;padding:10px 12px;border:1px solid #e5dccd;border-radius:11px;background:#fcfaf6}.access-toggle input{width:18px;height:18px;margin:0;accent-color:#d99700}.access-toggle span{display:grid;gap:3px}.access-toggle b{color:#3c4847;font-size:11px}.access-toggle small{color:#7a807b;font-size:9px;font-weight:500;line-height:1.35}.access-form-note{margin:0;padding:10px 12px;border:1px solid #e8d9aa;border-radius:10px;color:#765a12;background:#fff8e5;font-size:10px;line-height:1.5}
.access-permissions{overflow:hidden;border:1px solid #e4dccf;border-radius:13px;background:#fff}.access-permissions-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 15px;border-bottom:1px solid #eee7dc;background:#fcfaf6}.access-permissions-head h3{margin:0;font-size:14px}.access-permissions-head p{max-width:670px;margin:5px 0 0;color:#767d79;font-size:10px;line-height:1.5}.access-select-all{margin:0!important;white-space:nowrap}.access-permission-row{display:grid;grid-template-columns:minmax(145px,.55fr) minmax(0,1.45fr);gap:15px;padding:12px 15px;border-top:1px solid #f1ece3}.access-permission-row:first-of-type{border-top:0}.access-permission-row>div:first-child{display:grid;align-content:start;gap:3px}.access-permission-row strong{color:#35413f;font-size:11px}.access-permission-row>div:first-child span{color:#8a908c;font-size:9px}.access-permission-actions{display:flex;flex-wrap:wrap;gap:7px}.access-permission-actions label{display:inline-flex;grid-template-columns:auto auto;align-items:center;gap:5px;min-height:28px;padding:0 8px;border:1px solid #e6dfd3;border-radius:7px;background:#fff;font-size:10px;font-weight:700;cursor:pointer}.access-permission-actions label:hover{border-color:#d8b65e;background:#fffdf7}.access-permission-actions input{width:14px;height:14px;margin:0;accent-color:#d99700}
@media(max-width:1080px){.settings-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.access-permission-row{grid-template-columns:1fr}.access-permission-actions{padding-top:1px}}
@media(max-width:760px){.settings-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.settings-overview .settings-stat{min-height:82px;padding:13px}.settings-overview .settings-stat strong{font-size:23px}.settings-tabs{width:100%;overflow:auto;flex-wrap:nowrap}.settings-tab-btn{flex:0 0 auto}.settings-position-head,.settings-position-actions,.settings-logout-card{align-items:flex-start;flex-direction:column}.settings-position-actions .btn,.settings-logout-card .btn{width:100%}.access-modal form{padding:16px}.access-form-grid{grid-template-columns:1fr}.access-form-grid label.wide,.access-form-grid .wide{grid-column:auto}.access-permissions-head{align-items:stretch;flex-direction:column}.access-select-all{width:100%}.access-permission-row{padding:12px}.access-permission-actions{gap:6px}.access-permission-actions label{min-height:30px}.settings-data-tools{grid-template-columns:1fr}}
@media(max-width:420px){.settings-overview{grid-template-columns:1fr 1fr}.settings-overview .settings-stat span{font-size:8px}.settings-overview .settings-stat strong{font-size:21px}}

/* v20.41 — director work journal */
.work-log-card{overflow:hidden}.work-log-head-actions{display:flex;flex-wrap:wrap;gap:8px}.work-log-head-actions .btn{margin:0}.work-log-filters{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin:16px 0 12px;padding:13px;border:1px solid #eadfce;border-radius:13px;background:#fcfaf6}.work-log-filters label{gap:5px;color:#6d746f;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.work-log-filters input,.work-log-filters select{min-height:38px;padding:8px 10px;background:#fff;color:#2e3a39;font-size:12px;font-weight:650;text-transform:none;letter-spacing:normal}.work-log-meta{display:flex;align-items:baseline;gap:7px;margin:0 0 10px;color:#767e79;font-size:11px}.work-log-meta strong{color:#9a6700;font-size:20px;line-height:1}.work-log-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px;margin:0 0 15px}.work-log-summary-card{position:relative;display:grid;gap:3px;min-height:94px;padding:13px 74px 12px 13px;border:1px solid #eadfcf;border-radius:12px;background:linear-gradient(145deg,#fffdf8,#fbf6eb)}.work-log-summary-card strong{color:#35413f;font-size:12px;line-height:1.3}.work-log-summary-card span,.work-log-summary-card small{color:#7b827d;font-size:10px;line-height:1.35}.work-log-summary-card b{position:absolute;right:13px;top:13px;display:grid;place-items:center;min-width:38px;height:38px;padding:0 8px;border-radius:12px;color:#6e4b00;background:#fff0c8;font-size:17px}.work-log-summary-empty{padding:15px;border:1px dashed #d9ccae;border-radius:12px;color:#7c817d;font-size:11px}.work-log-table{min-width:960px}.work-log-table td:nth-child(1){white-space:nowrap}.work-log-table td:nth-child(2){min-width:160px}.work-log-table td:nth-child(3){min-width:155px}.work-log-table td:nth-child(5){min-width:220px;overflow-wrap:anywhere}.work-log-table small{color:#7e8580;font-size:10px}
@media(max-width:760px){.work-log-head-actions{width:100%}.work-log-head-actions .btn{flex:1}.work-log-filters{grid-template-columns:1fr 1fr;padding:11px}.work-log-summary{grid-template-columns:1fr}.work-log-summary-card{min-height:82px}}
@media(max-width:440px){.work-log-filters{grid-template-columns:1fr}}

/* v20.37 — permanent session action and product record navigation */
.sidebar-logout{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 14px);min-height:36px;margin:8px 7px 2px;padding:0 10px;border:1px solid rgba(255,255,255,.16);border-radius:9px;color:#dbe7f5;background:rgba(255,255,255,.045);cursor:pointer;font-size:10px;font-weight:800;letter-spacing:.02em;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.sidebar-logout svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sidebar-logout:hover,.sidebar-logout:focus-visible{color:#fff;border-color:rgba(255,190,34,.48);background:rgba(255,190,34,.13);outline:none}
.sidebar-logout:hover{transform:translateY(-1px)}
.product-select-row:focus-visible td{outline:2px solid #e99a00;outline-offset:-2px}
@media(max-width:760px){.sidebar-logout{min-height:40px;margin-top:10px;font-size:11px}}

/* v20.38 — one-click records and professional costing board */
.selectable-list-row,.settings-user-row{cursor:pointer}
.selectable-list-row:hover td,.settings-user-row:hover td{background:#fff8e8!important}
.selectable-list-row:focus-visible td,.settings-user-row:focus-visible td{outline:2px solid #e99a00;outline-offset:-2px}
.settings-user-row td{transition:background .16s ease}

.calculation-board-summary{display:grid;grid-template-columns:1.1fr repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.calculation-board-metric{display:grid;align-content:start;gap:6px;min-height:112px;padding:16px 17px;border:1px solid #e7dccb;border-radius:15px;background:linear-gradient(145deg,#fff,#fbf7ef);box-shadow:0 9px 24px rgba(50,39,17,.045)}
.calculation-board-metric:first-child{border-color:#e8c569;background:linear-gradient(135deg,#fffdf8,#fff2c8)}
.calculation-board-metric span{color:#777d78;font-size:9px;font-weight:850;letter-spacing:.075em;text-transform:uppercase}
.calculation-board-metric strong{color:#1b2b31;font-size:22px;line-height:1.1;letter-spacing:-.03em}
.calculation-board-metric small{color:#8a8d87;font-size:10px;line-height:1.35}

.calculation-kanban.kanban-single-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch;overflow-x:auto;padding:0 0 12px}
.calculation-kanban.kanban-single-row .calculation-kanban-column{display:grid;grid-template-rows:auto minmax(270px,1fr);min-width:0;overflow:hidden;border:1px solid #e5dbcd;border-radius:17px;background:#f6f3ed;box-shadow:0 9px 25px rgba(48,38,18,.045);scroll-snap-align:start}
.calculation-column-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 15px 13px;border-bottom:1px solid #e5dbcd;background:linear-gradient(145deg,#fffdf9,#f7f3ea)}
.calculation-column-head>div{display:grid;gap:4px;min-width:0}
.calculation-column-head span{display:flex;align-items:center;gap:7px;color:#26353a;font-size:13px;font-weight:850}
.calculation-column-head span i{display:block;width:8px;height:8px;border-radius:50%;background:#e6a519;box-shadow:0 0 0 4px rgba(230,165,25,.12)}
.calculation-column-head small{color:#858980;font-size:10px;font-weight:650}
.calculation-column-head>b{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:10px;color:#6b4c08;background:#fff0c5;font-size:12px}
.calculation-column-stack{display:grid;align-content:start;gap:10px;padding:11px;min-width:0}
.calculation-kanban-empty{display:grid;gap:5px;place-items:center;min-height:174px;padding:18px;border:1px dashed #d9cfbf;border-radius:13px;color:#7f837d;background:rgba(255,255,255,.42);text-align:center}
.calculation-kanban-empty strong{font-size:12px;color:#5b635f}.calculation-kanban-empty span{max-width:190px;font-size:10px;line-height:1.45}

.calculation-card{display:grid;gap:11px;margin:0;padding:14px;border:1px solid #e6dccd;border-top:3px solid #efae1f;border-radius:14px;color:#213037;background:#fff;box-shadow:0 7px 18px rgba(48,38,18,.055);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.calculation-card:hover,.calculation-card:focus-visible{border-color:#e3b14e;border-top-color:#df9700;box-shadow:0 15px 29px rgba(75,53,13,.13);outline:none;transform:translateY(-2px)}
.calculation-card.dragging{cursor:grabbing;opacity:.58;transform:none}
.calculation-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.calculation-card-head>div{display:grid;gap:3px}.calculation-card-head span{color:#8a8d87;font-size:9px;font-weight:850;letter-spacing:.075em;text-transform:uppercase}.calculation-card-head strong{font-size:15px;letter-spacing:-.01em}
.calculation-card-head i{display:grid;place-items:center;width:26px;height:26px;border:1px solid #ecd59c;border-radius:9px;color:#9d6800;background:#fff8e5;font-size:15px;font-style:normal;transition:transform .16s ease}.calculation-card:hover .calculation-card-head i{transform:translate(2px,-2px)}
.calculation-card-client,.calculation-card-product{display:grid;gap:3px;min-width:0}.calculation-card-client>span,.calculation-card-product>span{overflow:hidden;color:#858981;font-size:9px;font-weight:800;letter-spacing:.055em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.calculation-card-client strong,.calculation-card-product strong{overflow:hidden;color:#2e3b3e;font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.calculation-card-product{padding-top:9px;border-top:1px solid #f0e9dd}.calculation-card-product>span{color:#a17110}
.calculation-card-finance{display:grid;grid-template-columns:1fr 1fr;gap:7px}.calculation-card-finance>div{min-width:0;padding:9px 8px;border:1px solid #eee5d8;border-radius:10px;background:#fbf8f2}.calculation-card-finance span,.calculation-card-total span{display:block;color:#858981;font-size:8px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.calculation-card-finance strong{display:block;overflow:hidden;margin-top:4px;color:#26343a;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.calculation-card-total{display:flex;align-items:end;justify-content:space-between;gap:8px;padding:9px 1px 0}.calculation-card-total strong{color:#815400;font-size:14px;white-space:nowrap}
.calculation-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid #f0e9dd;color:#858981;font-size:10px}.calculation-margin{padding:4px 6px;border-radius:7px;font-size:9px;white-space:nowrap}.calculation-margin.is-healthy{color:#1f6e4e;background:#e6f6ec}.calculation-margin.is-watch{color:#865b00;background:#fff1c9}.calculation-margin.is-empty{color:#8b6d34;background:#f3eee3}
.calculation-status-review .calculation-column-head span i{background:#e99a00;box-shadow:0 0 0 4px rgba(233,154,0,.13)}.calculation-status-review .calculation-column-head>b{color:#865b00;background:#fff0c5}.calculation-status-approved .calculation-column-head span i{background:#3aaf78;box-shadow:0 0 0 4px rgba(58,175,120,.13)}.calculation-status-approved .calculation-column-head>b{color:#276548;background:#e5f7ec}.calculation-status-approved .calculation-card{border-top-color:#41af7e}.calculation-status-rejected .calculation-column-head span i{background:#cf6666;box-shadow:0 0 0 4px rgba(207,102,102,.12)}.calculation-status-rejected .calculation-column-head>b{color:#994c4c;background:#ffebeb}.calculation-status-rejected .calculation-card{border-top-color:#ce7070}

@media(max-width:1260px){.calculation-board-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.calculation-kanban.kanban-single-row{grid-template-columns:repeat(4,280px)}.calculation-kanban.kanban-single-row .calculation-kanban-column{min-width:280px}}
@media(max-width:760px){.calculation-board-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:12px}.calculation-board-metric{min-height:94px;padding:13px}.calculation-board-metric strong{font-size:18px}.calculation-board-metric small{font-size:9px}.calculation-kanban.kanban-single-row{margin-inline:-4px;padding-inline:4px;gap:10px}.calculation-kanban.kanban-single-row .calculation-kanban-column{grid-template-rows:auto minmax(240px,1fr);min-width:min(84vw,300px)}.calculation-column-head{padding:13px}.calculation-column-stack{padding:9px}.calculation-card{padding:13px}}
@media(max-width:420px){.calculation-board-summary{grid-template-columns:1fr 1fr}.calculation-board-metric span{font-size:8px}.calculation-board-metric strong{font-size:17px}}

/* v20.42 — deployment notice and local draft recovery */
.maintenance-notice,.draft-recovery-notice{max-width:1680px;margin:0 auto;padding:0 30px}.maintenance-notice-inner,.draft-recovery-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-top:15px;padding:14px 16px;border-radius:14px}.maintenance-notice-inner{border:1px solid #edcb7d;background:linear-gradient(104deg,#fff7df,#fffdf7);box-shadow:0 8px 20px rgba(151,101,4,.08)}.maintenance-notice-mark{display:grid;flex:0 0 27px;place-items:center;width:27px;height:27px;border-radius:9px;color:#784d00;background:#ffe8aa;font-size:17px;font-weight:900}.maintenance-notice-inner>div:last-child{display:grid;gap:3px}.maintenance-notice strong,.draft-recovery-inner strong{color:#3b3a32;font-size:13px}.maintenance-notice p,.draft-recovery-inner p{margin:0;color:#635d50;font-size:12px;line-height:1.45}.maintenance-notice small,.draft-recovery-inner small{color:#8a7450;font-size:10px;line-height:1.45}.draft-recovery-inner{border:1px solid #cbdfe8;background:linear-gradient(104deg,#f3fbff,#fbfeff);box-shadow:0 8px 20px rgba(34,91,120,.07)}.draft-recovery-inner>div:first-child{display:grid;gap:3px;min-width:0}.draft-recovery-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px}.draft-recovery-actions .btn{margin:0;white-space:nowrap}.maintenance-settings-card{border-color:#e4d6b5;background:linear-gradient(145deg,#fffefb,#fbf7ee)}.maintenance-settings-card .section-head{align-items:flex-start}.maintenance-settings-form{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:13px;margin-top:15px}.maintenance-settings-form label.wide,.maintenance-settings-form .wide{grid-column:1/-1}.maintenance-settings-form textarea{min-height:80px}.maintenance-settings-actions{grid-column:1/-1;display:flex;align-items:center;gap:13px;padding-top:2px}.maintenance-settings-actions .btn{margin:0}.maintenance-settings-actions span{max-width:680px;color:#777d78;font-size:10px;line-height:1.45}
@media(max-width:760px){.maintenance-notice,.draft-recovery-notice{padding:0 14px}.maintenance-notice-inner,.draft-recovery-inner{align-items:stretch;flex-direction:column;gap:10px;margin-top:10px;padding:13px}.maintenance-notice-inner{display:grid;grid-template-columns:27px minmax(0,1fr)}.draft-recovery-actions{width:100%;flex:1 1 auto}.draft-recovery-actions .btn{flex:1}.maintenance-settings-form{grid-template-columns:1fr}.maintenance-settings-actions{align-items:stretch;flex-direction:column}.maintenance-settings-actions .btn{width:100%}}

/* v20.46 — compact product workspace and mobile ergonomics */
.product-tabs{scroll-snap-type:x proximity;scroll-padding-inline:4px}
.product-tabs .tab-btn{min-height:40px;scroll-snap-align:start}
.product-description-grid{gap:14px}
.product-detail-editor .section-head,.product-pricing-editor .section-head{margin-bottom:14px}
.product-detail-editor .inline-entity-card-grid{gap:11px 13px}
.product-detail-editor .inline-entity-card-grid label,.product-invoice-inline-form .inline-entity-card-grid label,.product-cost-inline-form .inline-entity-card-grid label{gap:5px;font-size:11px}
.product-detail-editor .inline-entity-card-grid input,.product-detail-editor .inline-entity-card-grid select,.product-invoice-inline-form .inline-entity-card-grid input,.product-invoice-inline-form .inline-entity-card-grid select,.product-cost-inline-form .inline-entity-card-grid input{min-height:40px;padding:9px 10px;font-size:12px}
.product-main-inline-form .inline-entity-card-actions{margin-top:4px}
.product-invoice-panel{gap:15px;padding:14px 15px}
.product-finance-cards{gap:10px;margin:12px 0 14px}
.product-finance-cards>div{min-height:82px;padding:12px}
.product-finance-cards span{margin-bottom:5px;font-size:10px;line-height:1.3}
.product-finance-cards strong{font-size:17px;letter-spacing:-.015em}

@media(min-width:761px) and (max-width:800px){
  .product-finance-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  .product-tabs{margin-inline:-2px;padding:0 2px 4px}
  .product-tabs .tab-btn{min-height:42px;padding:10px 12px;font-size:11px}
  .product-description-grid{gap:12px}
  .product-detail-editor .section-head,.product-pricing-editor .section-head{margin-bottom:12px;padding-bottom:12px}
  .product-detail-editor .inline-entity-card-grid{gap:10px}
  .product-detail-editor .inline-entity-card-grid label,.product-invoice-inline-form .inline-entity-card-grid label,.product-cost-inline-form .inline-entity-card-grid label{gap:5px;font-size:11px}
  .product-detail-editor .inline-entity-card-grid input,.product-detail-editor .inline-entity-card-grid select,.product-invoice-inline-form .inline-entity-card-grid input,.product-invoice-inline-form .inline-entity-card-grid select,.product-cost-inline-form .inline-entity-card-grid input{min-height:44px;padding:10px 11px;font-size:13px}
  .product-main-inline-form .inline-entity-card-actions{position:sticky;bottom:calc(8px + env(safe-area-inset-bottom));z-index:7;margin:5px -2px 0;padding:9px;border:1px solid #ead28f;border-radius:12px;background:rgba(255,252,243,.97);box-shadow:0 9px 22px rgba(84,59,10,.13);backdrop-filter:blur(8px)}
  .product-main-inline-form .inline-entity-card-actions>span{display:none}
  .product-main-inline-form .inline-entity-card-actions .btn{min-height:44px}
  .product-invoice-panel{gap:11px;padding:13px}
  .product-invoice-panel>div:first-child>strong{font-size:17px}
  .product-invoice-facts{gap:8px 14px}
  .product-finance-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:11px 0 13px}
  .product-finance-cards>div{min-height:76px;padding:11px}
  .product-finance-cards span{font-size:9px}
  .product-finance-cards strong{font-size:15px}
  .product-finance-cards .product-finance-total{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px}
  .product-finance-cards .product-finance-total span{margin:0}
}

@media(max-width:350px){
  .product-finance-cards{grid-template-columns:1fr}
  .product-finance-cards .product-finance-total{grid-column:auto;display:block}
  .product-finance-cards .product-finance-total span{margin-bottom:5px}
}

/* v20.47 — compact document filters and sidebar taxonomy */
.nav-documents-group{gap:2px}
.nav-group-row{display:flex;align-items:stretch;gap:3px;min-width:0}
.nav-documents-group .nav-parent{min-width:0;flex:1 1 auto}
.nav-group-toggle{display:grid;place-items:center;flex:0 0 34px;width:34px;min-height:38px;padding:0;border:1px solid transparent;border-radius:10px;color:#b9c8c6;background:transparent;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}
.nav-group-toggle:hover,.nav-group-toggle:focus-visible{border-color:rgba(255,190,34,.2);color:#ffd05a;background:rgba(255,190,31,.1);outline:none}
.nav-expand-chevron{font-size:16px;line-height:1;transform:rotate(0);transition:transform .18s ease}
.nav-documents-group.collapsed .nav-expand-chevron{transform:rotate(-90deg)}
.nav-documents-submenu{gap:2px;padding:1px 3px 5px 38px}
.nav-documents-submenu .nav-subitem{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:29px;padding:5px 8px;border:1px solid transparent;border-radius:8px;font-size:10px;line-height:1.2;transition:background .16s ease,border-color .16s ease,color .16s ease}
.nav-documents-submenu .nav-subitem>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-document-count{display:grid;place-items:center;flex:0 0 auto;min-width:19px;height:18px;padding:0 5px;border-radius:999px;color:#d5dddb;background:rgba(255,255,255,.075);font-size:9px;font-weight:850;line-height:1}
.nav-documents-submenu .nav-subitem:hover{border-color:rgba(255,190,34,.14);background:rgba(255,255,255,.055);color:#fff}
.nav-documents-submenu .nav-subitem.active{border-color:rgba(255,190,34,.24);color:#fff;background:linear-gradient(90deg,rgba(249,174,12,.17),rgba(249,174,12,.04))}
.nav-documents-submenu .nav-subitem.active .nav-document-count{color:#3d2b05;background:#ffd157}

.document-filter-section{position:relative;z-index:4;padding:14px 16px;overflow:visible}
.document-filter-header{display:flex;align-items:center;gap:12px;margin-bottom:10px;min-width:0}
.document-filter-header h3{display:flex;align-items:center;gap:9px;margin:0;color:#1b2a31;font-size:16px;font-weight:800;white-space:nowrap}
.document-filter-header h3::before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#f2a700;box-shadow:0 0 0 5px rgba(242,167,0,.11)}
.document-filter-header p{min-width:0;margin:0;color:#7b807c;font-size:11px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.document-filter-tabs-row{display:flex;align-items:center;gap:8px;min-width:0;position:relative}
.document-type-tabs{display:flex;flex:1 1 auto;gap:7px;min-width:0;margin:0;padding:2px;overflow-x:auto;border:0;scrollbar-width:none;scroll-snap-type:x proximity}
.document-type-tabs::-webkit-scrollbar{display:none}
.document-filter-chip,.document-filter-more{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;border:1px solid #e7ddce;border-radius:11px;color:#344247;background:#fffdf9;box-shadow:0 3px 8px rgba(62,48,22,.035);cursor:pointer;font-size:11px;font-weight:750;line-height:1;white-space:nowrap;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}
.document-filter-chip{flex:0 0 auto;padding:0 11px;scroll-snap-align:start}
.document-filter-chip b,.document-filter-more b{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;color:#697370;background:#f2eee6;font-size:9px;font-weight:850}
.document-filter-chip:hover,.document-filter-more:hover{border-color:#edc366;color:#6e4800;background:#fff9ea;transform:translateY(-1px)}
.document-filter-chip.active,.document-filter-more.active{border-color:#e8a817;color:#2c2920;background:linear-gradient(135deg,#ffd451,#f5aa00);box-shadow:0 6px 15px rgba(218,146,0,.18)}
.document-filter-chip.active b,.document-filter-more.active b{color:#513800;background:rgba(255,255,255,.48)}
.document-type-overflow{position:relative;flex:0 0 auto}
.document-filter-more{padding:0 10px}
.document-filter-more i{font-size:15px;font-style:normal;line-height:1;transition:transform .16s ease}
.document-type-overflow.is-open .document-filter-more i{transform:rotate(180deg)}
.document-filter-overflow-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:31;display:grid;gap:5px;min-width:205px;max-height:min(370px,calc(100vh - 170px));padding:7px;border:1px solid #e6d8c3;border-radius:13px;background:rgba(255,255,255,.98);box-shadow:0 18px 38px rgba(51,38,12,.18);overflow-y:auto;backdrop-filter:blur(10px)}
.document-filter-overflow-menu .document-filter-chip{justify-content:space-between;width:100%;min-height:34px;padding:0 9px;font-size:10px}
.document-filter-section .document-subtype-panel{margin-top:12px;padding-top:11px}
.document-filter-section .document-subtype-tabs{margin-bottom:0}

@media(max-width:760px){
  .nav-documents-submenu{padding-left:35px}
  .nav-documents-submenu .nav-subitem{min-height:32px;font-size:10px}
  .document-filter-section{padding:13px}
  .document-filter-header{gap:9px;margin-bottom:9px}
  .document-filter-header h3{font-size:15px}
  .document-filter-header p{font-size:10px}
  .document-filter-tabs-row{gap:6px}
  .document-type-tabs{gap:6px;padding:1px;margin-left:-1px}
  .document-filter-chip,.document-filter-more{min-height:38px;font-size:10px}
  .document-filter-chip{padding:0 10px}
  .document-filter-overflow-menu{right:0;min-width:min(225px,calc(100vw - 52px));max-height:min(356px,calc(100vh - 150px))}
}

/* v20.49 — stable document classification controls */
.document-filter-section{isolation:isolate}
.document-filter-tabs-row{align-items:flex-start}
.document-type-tabs{flex-wrap:wrap;overflow:visible;padding:0;scroll-snap-type:none}
.document-type-tabs .document-filter-chip{min-height:38px;scroll-snap-align:none}
.document-type-overflow{align-self:flex-start}
.document-filter-more{min-height:38px;padding:0 12px;border-color:#ead49d;background:linear-gradient(180deg,#fffdf8,#fff8e9);box-shadow:0 5px 13px rgba(104,76,17,.07)}
.document-filter-more:focus-visible,.document-filter-chip:focus-visible,.document-subtype-tabs .document-subtype-tab:focus-visible{outline:3px solid rgba(242,166,0,.24);outline-offset:2px}
.document-filter-overflow-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:340px;width:min(420px,calc(100vw - 64px));padding:8px;border-color:#ead6a8;border-radius:14px;background:rgba(255,253,248,.98);box-shadow:0 18px 42px rgba(65,46,11,.18);transform-origin:top right;animation:document-filter-menu-in .16s ease both}
.document-filter-overflow-menu .document-filter-chip{min-height:40px;white-space:normal;text-align:left;line-height:1.28}
.document-filter-overflow-menu .document-filter-chip>span{min-width:0}
@keyframes document-filter-menu-in{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}

.document-filter-section .document-subtype-panel{margin-top:14px;padding:13px;border:1px solid #ede0c9;border-radius:14px;background:linear-gradient(135deg,#fffdf8,#fff9ed)}
.document-filter-section .document-subtype-label{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:#6e5a31;font-size:10px;letter-spacing:.08em}
.document-filter-section .document-subtype-label::before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#f2a700;box-shadow:0 0 0 4px rgba(242,167,0,.12)}
.document-filter-section .document-subtype-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:8px;width:100%;max-width:none;overflow:visible;padding:0;margin:0;border:0}
.document-subtype-tabs .document-subtype-tab{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:44px;padding:9px 10px;border:1px solid #eadfcd;border-radius:11px;background:#fff;color:#344247;box-shadow:0 3px 9px rgba(73,52,14,.035);cursor:pointer;font-size:11px;font-weight:750;line-height:1.28;text-align:left;white-space:normal;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}
.document-subtype-tabs .document-subtype-tab>span{min-width:0;overflow-wrap:anywhere}
.document-subtype-tabs .document-subtype-tab b{display:grid;place-items:center;flex:0 0 auto;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#f3eee3;color:#697370;font-size:9px;font-weight:850;line-height:1}
.document-subtype-tabs .document-subtype-tab:hover{border-color:#edc366;background:#fff9ea;box-shadow:0 7px 16px rgba(115,80,14,.09);transform:translateY(-1px)}
.document-subtype-tabs .document-subtype-tab.active{border-color:#e8a817;background:linear-gradient(135deg,#ffd451,#f5aa00);color:#2c2920;box-shadow:0 7px 17px rgba(218,146,0,.18)}
.document-subtype-tabs .document-subtype-tab.active b{background:rgba(255,255,255,.48);color:#513800}

@media(min-width:761px) and (max-width:1080px){
  .document-filter-section .document-subtype-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  .document-filter-header{align-items:flex-start;flex-direction:column;gap:4px}
  .document-filter-header p{white-space:normal}
  .document-filter-tabs-row{display:block}
  .document-type-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .document-type-tabs .document-filter-chip{justify-content:space-between;width:100%;min-width:0;padding:7px 9px;text-align:left;white-space:normal;line-height:1.2}
  .document-type-overflow{width:100%;margin-top:8px}
  .document-filter-more{justify-content:space-between;width:100%;min-height:42px;padding:0 12px}
  .document-filter-overflow-menu{top:calc(100% + 6px);right:auto;left:0;grid-template-columns:1fr;min-width:100%;width:100%;max-height:min(58vh,420px)}
  .document-filter-overflow-menu .document-filter-chip{min-height:42px}
  .document-filter-section .document-subtype-panel{margin-top:11px;padding:11px}
  .document-filter-section .document-subtype-tabs{grid-template-columns:1fr;gap:7px}
  .document-subtype-tabs .document-subtype-tab{min-height:46px;padding:10px 11px;font-size:12px}
}

@media(max-width:380px){
  .document-type-tabs{grid-template-columns:1fr}
}

/* v20.50 — composed category and navigation actions */
.nav-group-toggle{flex-basis:36px;width:36px;min-height:38px;border-color:rgba(255,255,255,.08);border-radius:11px;color:#bfcbc7;background:rgba(255,255,255,.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
.nav-group-toggle:hover,.nav-group-toggle:focus-visible{border-color:rgba(255,194,44,.34);color:#ffe087;background:rgba(255,190,31,.13);box-shadow:0 5px 13px rgba(0,0,0,.12);transform:translateY(-1px)}
.nav-expand-chevron{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;transform:rotate(0);transition:transform .18s ease}
.nav-documents-group.collapsed .nav-expand-chevron{transform:rotate(-90deg)}

.document-filter-tabs-row{align-items:center;justify-content:flex-start}
.document-type-tabs{flex:0 1 auto;max-width:calc(100% - 178px)}
.document-filter-more{gap:8px;min-height:42px;padding:4px 5px 4px 6px;border-color:#e6ce8a;border-radius:14px;color:#3e4240;background:linear-gradient(145deg,#fffefa 0%,#fff5d9 100%);box-shadow:0 6px 16px rgba(113,81,16,.09)}
.document-filter-more:hover{border-color:#ddab35;color:#563800;background:linear-gradient(145deg,#fffdf7 0%,#ffefbd 100%);box-shadow:0 9px 19px rgba(145,97,7,.14);transform:translateY(-1px)}
.document-filter-more-icon{display:grid;grid-template-columns:repeat(2,5px);gap:3px;place-content:center;flex:0 0 28px;width:28px;height:28px;border:1px solid rgba(224,174,51,.28);border-radius:9px;background:rgba(255,255,255,.74);box-shadow:inset 0 1px 0 rgba(255,255,255,.82)}
.document-filter-more-icon>span{width:5px;height:5px;border-radius:2px;background:#d49a16;box-shadow:0 1px 1px rgba(102,67,0,.14)}
.document-filter-more-icon>span:nth-child(2),.document-filter-more-icon>span:nth-child(3){background:#f2b42e}
.document-filter-more-text{font-size:11px;font-weight:820;letter-spacing:.005em}
.document-filter-more b{min-width:20px;height:20px;padding:0 5px;color:#805e18;background:#f4e3ae;font-size:9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.58)}
.document-filter-more-chevron{display:block;flex:0 0 26px;width:26px;height:26px;padding:5px;border:1px solid rgba(214,170,66,.3);border-radius:8px;fill:none;stroke:#9a6a06;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;background:rgba(255,255,255,.84);transition:transform .18s ease,background .18s ease,stroke .18s ease}
.document-type-overflow.is-open .document-filter-more-chevron{transform:rotate(180deg);background:#fff3cf;stroke:#775000}
.document-filter-more.active{color:#3d2c04;background:linear-gradient(135deg,#ffd451,#f5aa00);box-shadow:0 8px 18px rgba(218,146,0,.2)}
.document-filter-more.active .document-filter-more-icon{border-color:rgba(120,77,0,.18);background:rgba(255,255,255,.54)}
.document-filter-more.active .document-filter-more-icon>span{background:#6f5006}
.document-filter-more.active .document-filter-more-icon>span:nth-child(2),.document-filter-more.active .document-filter-more-icon>span:nth-child(3){background:#916a08}
.document-filter-more.active b{color:#634500;background:rgba(255,255,255,.5)}
.document-filter-more.active .document-filter-more-chevron{border-color:rgba(117,82,0,.18);background:rgba(255,255,255,.55);stroke:#725000}

@media(max-width:760px){
  .nav-group-toggle{flex-basis:38px;width:38px;min-height:39px}
  .document-type-tabs{max-width:none}
  .document-filter-more{justify-content:flex-start;width:100%;min-height:46px;padding:5px 6px}
  .document-filter-more-icon{flex-basis:30px;width:30px;height:30px}
  .document-filter-more-text{flex:1 1 auto;text-align:left;font-size:12px}
  .document-filter-more-chevron{flex-basis:28px;width:28px;height:28px}
}

/* v20.52 — protected project email, mailbox administration and archive */
.project-mail-section{overflow:hidden;border-color:#dbe7e7;background:linear-gradient(145deg,#fff 0%,#f7fbfb 100%)}
.project-mail-section .section-head{align-items:flex-start}
.mail-section-title{display:flex;align-items:center;gap:9px}
.mail-section-title h3{margin:0}
.mail-section-icon{display:grid;place-items:center;width:29px;height:29px;border:1px solid #a7d8d4;border-radius:9px;color:#08756d;background:linear-gradient(135deg,#e8faf7,#d6f2ed);font-size:15px;font-weight:800}
.project-mail-loading,.project-mail-error,.project-mail-empty{display:flex;align-items:center;gap:13px;min-height:96px;padding:17px 18px;border:1px dashed #c9dddd;border-radius:13px;background:rgba(247,252,252,.72);color:#5c6f72}
.project-mail-error{justify-content:space-between;border-style:solid;border-color:#f0cdc9;color:#8b3025;background:#fff9f8}
.project-mail-error>div,.project-mail-empty>div:last-child{min-width:0}
.project-mail-error strong,.project-mail-empty strong{display:block;color:#273e42;font-size:13px}
.project-mail-error span{display:block;margin-top:4px;font-size:11px;line-height:1.45}
.project-mail-empty p{max-width:760px;margin:5px 0 0;font-size:11px;line-height:1.55}
.project-mail-empty-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px;color:#3a827d;background:#e7f5f2;font-size:19px}
.mail-spinner{display:inline-block;flex:0 0 17px;width:17px;height:17px;border:2px solid #b7d9d5;border-top-color:#0b887d;border-radius:50%;animation:mail-spin .7s linear infinite}
@keyframes mail-spin{to{transform:rotate(360deg)}}
.project-mail-feed{display:grid;gap:10px}
.project-mail-item{position:relative;padding:14px 15px 12px;border:1px solid #dce8e8;border-radius:13px;background:#fff;box-shadow:0 4px 12px rgba(22,55,57,.04)}
.project-mail-item.incoming{border-left:4px solid #159187}
.project-mail-item.outgoing{border-left:4px solid #e4a21d;background:linear-gradient(135deg,#fffdfa,#fff 65%)}
.project-mail-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.project-mail-direction{display:flex;align-items:center;gap:9px;min-width:0}
.mail-direction-icon{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:8px;color:#08766f;background:#e3f6f3;font-size:15px;font-weight:900}
.outgoing .mail-direction-icon{color:#9c6500;background:#fff2ce}
.project-mail-direction strong{display:block;color:#263f42;font-size:12px}
.project-mail-direction span{display:block;max-width:min(650px,55vw);overflow:hidden;margin-top:2px;color:#708084;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.project-mail-meta{display:flex;align-items:center;gap:6px;flex:0 0 auto;color:#758487;font-size:10px;white-space:nowrap}
.mail-route-badge{padding:3px 6px;border-radius:999px;color:#08756e;background:#e5f7f3;font-size:9px;font-weight:800;letter-spacing:.02em}
.mail-route-badge.manual{color:#6c5a17;background:#fff3d4}
.project-mail-subject{margin:12px 0 5px;color:#263d40;font-size:13px;font-weight:800;line-height:1.38}
.project-mail-body{max-height:175px;overflow:auto;padding-right:5px;color:#506166;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.mail-delivery-error{margin-top:9px;padding:8px 9px;border:1px solid #f0d0cb;border-radius:8px;color:#934134;background:#fff8f7;font-size:10px;line-height:1.45;overflow-wrap:anywhere}
.mail-delivery-error strong{color:#a43225}
.project-mail-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.mail-attachment{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-height:28px;padding:0 8px;border:1px solid #d7e5e3;border-radius:8px;color:#166b65;background:#f6fbfa;font-size:10px;font-weight:700;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
.mail-attachment:hover{border-color:#8fc7c0;color:#075e57;background:#eaf8f5}
.mail-attachment small{color:#748687;font-size:9px;font-weight:650}
.project-mail-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:24px;margin-top:8px}
.mail-failed-status{color:#b33325;font-size:10px;font-weight:800}
.project-mail-footer{display:flex;flex-wrap:wrap;gap:5px 15px;margin-top:12px;padding-top:10px;border-top:1px solid #e5eeee;color:#738386;font-size:9px;line-height:1.45}
.project-mail-footer span{display:flex;align-items:flex-start;gap:5px}
.project-mail-footer span::before{content:"•";color:#0d9388;font-weight:900}

.mail-settings-layout{display:grid;gap:14px}
.mail-settings-intro{background:linear-gradient(135deg,#f8fdfc,#fffaf0)}
.mail-settings-head-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.mail-routing-policy{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
.mail-routing-policy span{padding:6px 9px;border:1px solid #d9e8e6;border-radius:999px;color:#3c6765;background:#fff;font-size:10px;font-weight:750}
.mailbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(315px,1fr));gap:13px}
.mailbox-card,.mailbox-empty-card{padding:15px;border:1px solid #dde7e6;border-radius:16px;background:linear-gradient(150deg,#fff,#f8fbfb);box-shadow:0 5px 15px rgba(27,59,58,.045)}
.mailbox-card.is-inactive{opacity:.68;filter:saturate(.7)}
.mailbox-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.mailbox-card-head>div:first-child{display:flex;gap:10px;min-width:0}
.mailbox-provider-mark{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #c2e1de;border-radius:10px;color:#08766f;background:#e8f7f4;font-size:15px;font-weight:900}
.mailbox-provider-mark.gmail{border-color:#ecd8c0;color:#ba4e2e;background:#fff5ed}
.mailbox-card h3{margin:0;color:#283f42;font-size:14px}
.mailbox-card p{margin:3px 0 0;color:#728184;font-size:10px;line-height:1.4;overflow-wrap:anywhere}
.mailbox-card-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:13px}
.mailbox-card-meta span{padding:5px 7px;border-radius:7px;color:#576d70;background:#edf5f4;font-size:9px;font-weight:750}
.mailbox-card-sync{margin-top:10px;color:#7b898b;font-size:10px}
.mailbox-error{margin:10px 0 0!important;padding:8px 9px;border:1px solid #f1cbc7;border-radius:9px;color:#a5362c!important;background:#fff7f6;font-size:10px!important;line-height:1.45}
.mailbox-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px}
.mailbox-card-actions .mailbox-help{flex:1 1 100%;color:#697d80;font-size:10px;line-height:1.45}
.mailbox-empty-card{display:flex;align-items:center;justify-content:space-between;gap:14px;grid-column:1 / -1;border-style:dashed;background:#fbfdfd}
.mailbox-empty-card strong{display:block;color:#2a4144;font-size:14px}
.mailbox-empty-card p{margin:4px 0 0;color:#718184;font-size:11px}
.routing-queue-card{overflow:hidden}
.routing-queue-count{display:grid;place-items:center;min-width:29px;height:29px;border-radius:9px;color:#126f69;background:#e3f5f2;font-size:12px;font-weight:850}
.mail-thread-project-select{min-width:195px;max-width:260px;font-size:10px}
.mailbox-editor-form .mailbox-imap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:13px;border:1px solid #e1e9e8;border-radius:12px;background:#fbfdfd}
.mailbox-editor-form .mailbox-imap-grid .mailbox-provider-note{grid-column:1 / -1}
.mailbox-provider-note{padding:11px 12px;border:1px solid #d7e8e5;border-radius:11px;color:#526a6d;background:linear-gradient(135deg,#f1fbf8,#fafffe);font-size:11px;line-height:1.5}
.mailbox-provider-note strong{display:block;color:#206e68;font-size:12px}
.mailbox-provider-note p{margin:3px 0 0}
.mailbox-switches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.mailbox-access-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mailbox-access-list .access-permissions-head{grid-column:1 / -1}
.mailbox-user-access{display:flex;align-items:flex-start;gap:8px;padding:9px;border:1px solid #e0e9e8;border-radius:10px;background:#fbfdfd;cursor:pointer}
.mailbox-user-access input{width:auto;margin-top:2px;accent-color:#0d887d}
.mailbox-user-access b,.mailbox-user-access small{display:block}
.mailbox-user-access b{color:#32494c;font-size:11px}
.mailbox-user-access small{margin-top:2px;color:#78898a;font-size:9px;overflow-wrap:anywhere}

.mail-archive-card{overflow:hidden}
.mail-archive-filters{display:grid;grid-template-columns:minmax(190px,1.35fr) minmax(165px,1fr) minmax(145px,.8fr) auto;gap:9px;align-items:end;margin:13px 0 12px;padding:11px;border:1px solid #e0eae8;border-radius:12px;background:#fbfdfd}
.mail-archive-filters label{display:grid;gap:5px;color:#607276;font-size:10px;font-weight:760}
.mail-archive-filters input,.mail-archive-filters select{width:100%;min-height:34px}
.mail-archive-filter-actions{display:flex;align-items:center;gap:7px;min-height:34px}
.mail-archive-filter-actions .btn{white-space:nowrap}
.mail-archive-table .cell-main{min-width:235px;max-width:380px}
.mail-archive-table .cell-main strong,.mail-archive-table .cell-main small,.mail-archive-project strong,.mail-archive-project small{display:block}
.mail-archive-table .cell-main small,.mail-archive-table td small{margin-top:3px;color:#7a898c;font-size:9px;line-height:1.35;overflow-wrap:anywhere}
.mail-archive-direction{display:inline-flex;align-items:center;min-width:69px;padding:4px 6px;border-radius:7px;font-size:9px;font-weight:800;white-space:nowrap}
.mail-archive-direction.incoming{color:#08766f;background:#e6f6f3}
.mail-archive-direction.outgoing{color:#9a6500;background:#fff1cc}
.mail-archive-project{display:block;max-width:190px;padding:0!important;border:0!important;color:#16706a!important;background:transparent!important;text-align:left;white-space:normal!important}
.mail-archive-project:hover strong{text-decoration:underline}
.mail-archive-project small{margin-top:2px;color:#758689;font-size:9px;line-height:1.35}
.mail-archive-unassigned{color:#9a6420;font-size:10px;font-weight:750}
.mail-archive-routing{display:block;max-width:180px;color:#64777a;font-size:10px;line-height:1.35}
.mail-archive-failed{display:inline-block;margin-top:5px;color:#ae3b2d;font-size:9px;font-weight:850}
.mail-archive-error{margin:0 0 11px;padding:9px 10px;border:1px solid #f2cbc7;border-radius:10px;color:#963b30;background:#fff8f7;font-size:10px;line-height:1.45}
.mail-archive-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px;color:#77878a;font-size:10px}
.mail-archive-pagination>div{display:flex;align-items:center;gap:7px}
.mail-archive-pagination .action-btn:disabled{cursor:not-allowed;opacity:.48}

.mail-compose-modal{width:min(760px,calc(100vw - 28px))}
.mail-composer-body{display:grid;gap:12px}
.mail-compose-project{padding:10px 12px;border:1px solid #cfe6e1;border-radius:11px;color:#43666a;background:linear-gradient(135deg,#eefaf7,#fcfffe);font-size:11px;line-height:1.5}
.mail-compose-project b{color:#08776f}
.mail-compose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.mail-compose-grid label{display:grid;gap:5px;color:#4f6367;font-size:10px;font-weight:780}
.mail-compose-grid label.wide{grid-column:1 / -1}
.mail-compose-grid textarea{min-height:180px;resize:vertical;line-height:1.55}
.mail-compose-grid small{color:#7a898c;font-size:9px;font-weight:550}
.mail-contact-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:9px 10px;border:1px solid #e0e9e7;border-radius:11px;background:#fbfdfd}
.mail-contact-chips>span{margin-right:2px;color:#718185;font-size:10px;font-weight:750}
.mail-contact-chips button{max-width:100%;padding:5px 7px;border:1px solid #cae3df;border-radius:7px;color:#14776f;background:#edf9f6;cursor:pointer;font-size:9px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-contact-chips button:hover{border-color:#72bfb6;background:#dcf4ef}

@media(max-width:760px){
  .project-mail-section .section-head{gap:11px}
  .project-mail-section .section-actions{width:100%}
  .project-mail-section .section-actions .btn{flex:1 1 auto}
  .project-mail-item{padding:12px}
  .project-mail-item-head{align-items:flex-start;flex-direction:column;gap:6px}
  .project-mail-meta{width:100%;justify-content:space-between}
  .project-mail-direction span{max-width:calc(100vw - 100px)}
  .project-mail-body{max-height:230px;font-size:11px}
  .project-mail-footer{display:grid;gap:6px}
  .mail-settings-head-actions{justify-content:flex-start;width:100%}
  .mail-settings-head-actions .btn{flex:1 1 auto}
  .mailbox-grid{grid-template-columns:1fr}
  .mailbox-empty-card{align-items:flex-start;flex-direction:column}
  .mailbox-empty-card .btn{width:100%}
  .mail-archive-filters{grid-template-columns:1fr 1fr}
  .mail-archive-filters label:first-child{grid-column:1 / -1}
  .mail-archive-filter-actions{grid-column:1 / -1}
  .mail-archive-filter-actions .btn{flex:1 1 auto}
  .mail-archive-pagination{align-items:flex-start;flex-direction:column}
  .mail-archive-pagination>div{width:100%;justify-content:space-between}
  .mailbox-editor-form .mailbox-imap-grid,.mailbox-switches,.mailbox-access-list{grid-template-columns:1fr}
  .mailbox-access-list .access-permissions-head{grid-column:auto}
  .mail-compose-modal{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}
  .mail-compose-grid{grid-template-columns:1fr}
  .mail-thread-project-select{min-width:175px}
}

@media(max-width:480px){
  .mail-archive-filters{grid-template-columns:1fr}
  .mail-archive-filters label:first-child,.mail-archive-filter-actions{grid-column:auto}
  .mail-archive-pagination>div{align-items:stretch;flex-wrap:wrap}
  .mail-archive-pagination>div span{width:100%;text-align:center;order:-1}
  .mail-archive-pagination .action-btn{flex:1 1 0}
}

/* v20.54 — CRM inbox, manual first assignment and secure Office document preview */
.mail-archive-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.mail-archive-preview{display:block;max-width:360px;overflow:hidden;color:#8a9698!important;text-overflow:ellipsis;white-space:nowrap}
.mail-inbox-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 14px}
.mail-inbox-stats>div{min-width:0;padding:14px 15px;border:1px solid #dce8e6;border-radius:14px;background:linear-gradient(145deg,#fff,#f7fcfb);box-shadow:0 5px 13px rgba(22,63,60,.04)}
.mail-inbox-stats span,.mail-inbox-stats strong{display:block}.mail-inbox-stats span{color:#738386;font-size:10px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.mail-inbox-stats strong{margin-top:5px;color:#1f4440;font-size:22px;line-height:1}
.mail-inbox-intro{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;padding:14px 16px;border-color:#cfe4df;background:linear-gradient(135deg,#effbf8,#fbfffe)}
.mail-inbox-intro strong{color:#1c6961;font-size:12px}.mail-inbox-intro p{max-width:890px;margin:4px 0 0;color:#536e70;font-size:11px;line-height:1.5}
.mail-inbox-register,.mail-inbox-queue{overflow:hidden}
.mail-inbox-table{min-width:1060px}.mail-inbox-table .cell-main{min-width:270px;max-width:440px}.mail-inbox-table td small{display:block;margin-top:3px;color:#75868a;font-size:9px;line-height:1.4}
.mail-inbox-preview{max-width:420px;overflow:hidden;color:#60777a!important;text-overflow:ellipsis;white-space:nowrap}
.mail-inbox-route{max-width:190px;color:#829093!important}.mail-inbox-delivery{display:inline-flex;align-items:center;min-height:22px;padding:4px 7px;border-radius:7px;color:#1d766e;background:#e5f6f2;font-size:9px;font-weight:800}.mail-inbox-delivery.sent{color:#8e5c00;background:#fff0c9}.mail-inbox-delivery.sending{color:#596d81;background:#edf2f7}
.mail-inbox-assign{display:grid;grid-template-columns:minmax(155px,1fr) auto;gap:6px;align-items:center;min-width:260px}.mail-inbox-assign select{min-width:0;min-height:31px;padding:6px 8px;font-size:10px}.mail-inbox-assign .action-btn{white-space:nowrap}
.mail-inbox-queue{margin-top:14px}.mail-inbox-queue select{min-width:190px;max-width:270px;font-size:10px}
.document-preview-modal{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(1120px,calc(100vw - 30px));height:min(850px,calc(100vh - 30px));max-height:calc(100vh - 30px)}
.document-preview-modal .document-preview-body{position:relative;min-height:0;padding:0 20px 18px;background:#f4f7f8}.document-preview-modal footer{display:flex;justify-content:flex-end;gap:8px}
.document-preview-body iframe{display:block;width:100%;height:100%;min-height:420px;border:1px solid #d7e2e3;border-radius:12px;background:#fff}.document-preview-notice{margin:0 0 10px;padding:9px 11px;border:1px solid #e8d8af;border-radius:10px;color:#705a29;background:#fffaf0;font-size:11px;line-height:1.45}.document-preview-notice.loading{display:flex;align-items:center;gap:8px}.document-preview-notice.loading::before{width:12px;height:12px;border:2px solid #d6ad50;border-top-color:#8b650e;border-radius:50%;content:'';animation:document-preview-spin .8s linear infinite;flex:0 0 auto}@keyframes document-preview-spin{to{transform:rotate(360deg)}}
@media(min-width:761px){.mail-archive-filters{grid-template-columns:minmax(185px,1.25fr) minmax(155px,1fr) minmax(140px,.85fr) minmax(135px,.8fr) auto}}
@media(max-width:760px){.mail-inbox-stats{grid-template-columns:1fr 1fr;gap:9px}.mail-inbox-stats>div{padding:13px}.mail-inbox-stats strong{font-size:20px}.mail-inbox-intro{display:block;padding:13px}.mail-inbox-assign{grid-template-columns:1fr;min-width:195px}.mail-inbox-queue select{min-width:175px}.mail-archive-head-actions{justify-content:flex-start;width:100%}.document-preview-modal{width:calc(100vw - 12px);height:calc(100vh - 12px);max-height:calc(100vh - 12px)}.document-preview-modal .document-preview-body{padding:0 12px 12px}.document-preview-body iframe{min-height:360px}.document-preview-modal footer{padding:12px;justify-content:stretch}.document-preview-modal footer .btn{flex:1 1 auto}}
@media(max-width:420px){.mail-inbox-stats{grid-template-columns:1fr}.document-preview-body iframe{min-height:300px}}

/* v20.56 — full CRM mail without mandatory project binding */
/* Prevent two side-by-side project cards from stretching one another and
   creating a visually empty band above the following section. */
.project-main-grid{align-items:start}
.mail-compose-grid{row-gap:15px}
.mail-compose-grid label{padding-top:1px}
.mail-compose-project.is-fixed{margin-bottom:0;border-color:#e8d7a8;color:#705d29;background:linear-gradient(135deg,#fff8e7,#fffdf7)}
.mail-field-optional{margin-left:5px;color:#0b8379;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.mail-attachments-filter{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:0 10px;border:1px solid #c8dedb;border-radius:9px;color:#316763;background:#fff;cursor:pointer;font:inherit;font-size:10px;font-weight:800;white-space:nowrap;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}
.mail-attachments-filter:hover{border-color:#77bdb5;background:#f3fbf9;box-shadow:0 4px 10px rgba(19,104,96,.08);transform:translateY(-1px)}
.mail-attachments-filter.is-active{border-color:#129487;color:#075d56;background:linear-gradient(135deg,#dcf7f1,#f7fffd);box-shadow:inset 0 0 0 1px rgba(14,143,130,.1)}
.mail-open-button{display:inline-flex;align-items:center;margin-top:7px;padding:4px 7px;border:1px solid #cbe1de;border-radius:7px;color:#0d7169;background:#f4fbf9;cursor:pointer;font:inherit;font-size:9px;font-weight:820;line-height:1.15}
.mail-open-button:hover{border-color:#77bdb5;color:#075e57;background:#e6f7f3}
.mail-message-modal{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(840px,calc(100vw - 28px));max-height:calc(100vh - 28px)}
.mail-message-body{min-height:0;max-height:calc(100vh - 210px);overflow:auto;padding:18px 20px;background:linear-gradient(145deg,#f9fcfc,#f4f8f8)}
.mail-message-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
.mail-message-delivery{padding:4px 7px;border:1px solid #d9e8e5;border-radius:7px;color:#39716c;background:#f5fbfa;font-size:9px;font-weight:800;white-space:nowrap}
.mail-message-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.mail-message-fields>div{min-width:0;padding:9px 10px;border:1px solid #dde9e7;border-radius:10px;background:#fff}
.mail-message-fields .wide{grid-column:1/-1}
.mail-message-fields span,.mail-message-fields strong{display:block}
.mail-message-fields span{margin-bottom:3px;color:#75878a;font-size:9px;font-weight:760;text-transform:uppercase;letter-spacing:.04em}
.mail-message-fields strong{color:#324b4e;font-size:11px;line-height:1.42;overflow-wrap:anywhere}
.mail-message-letter{padding:15px 16px;border:1px solid #dbe8e6;border-radius:13px;background:#fff;box-shadow:0 5px 15px rgba(22,64,60,.04)}
.mail-message-letter h3{margin:0 0 12px;color:#263e42;font-size:15px;line-height:1.42}
.mail-message-text{color:#405b5e;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.mail-message-loading,.mail-message-error{display:flex;align-items:center;gap:10px;min-height:140px;padding:18px;border:1px dashed #c9dddd;border-radius:13px;color:#5c7072;background:#fff}
.mail-message-error{align-items:flex-start;border-style:solid;border-color:#f0d0cb;color:#8f3a2e;background:#fff8f7}.mail-message-error strong,.mail-message-error span{display:block}.mail-message-error span{margin-top:4px;font-size:11px;line-height:1.5}
.mail-message-modal footer{display:flex;justify-content:flex-end;gap:8px}
@media(min-width:761px){.mail-archive-filters{grid-template-columns:minmax(185px,1.2fr) minmax(150px,.95fr) minmax(132px,.75fr) minmax(130px,.72fr) auto}.mail-archive-filter-actions{justify-content:flex-end}}
@media(min-width:761px) and (max-width:1080px){.mail-archive-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.mail-archive-filters label:first-child,.mail-archive-filter-actions{grid-column:1 / -1}.mail-archive-filter-actions{justify-content:flex-start}}
@media(max-width:760px){.mail-attachments-filter{flex:1 1 auto}.mail-message-modal{width:calc(100vw - 14px);max-height:calc(100vh - 14px)}.mail-message-body{max-height:calc(100vh - 190px);padding:13px}.mail-message-fields{grid-template-columns:1fr}.mail-message-fields .wide{grid-column:auto}.mail-message-modal footer{padding:12px;flex-wrap:wrap}.mail-message-modal footer .btn{flex:1 1 auto}}

/* v20.57 — staff profiles, factual work history and KPI dashboard */
.team-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.team-summary-card{min-width:0;padding:15px 16px;border:1px solid #d9e8e5;border-radius:15px;background:linear-gradient(145deg,#fff,#f4faf8);box-shadow:0 7px 17px rgba(20,72,66,.045)}.team-summary-card span,.team-summary-card strong,.team-summary-card small{display:block}.team-summary-card span{color:#718488;font-size:10px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.team-summary-card strong{margin:7px 0 3px;color:#174942;font-size:27px;line-height:1}.team-summary-card small{color:#728386;font-size:10px;line-height:1.35}.team-summary-card.is-alert{border-color:#efd2ca;background:linear-gradient(145deg,#fffaf8,#fff3f0)}.team-summary-card.is-alert strong{color:#b04534}
.team-member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:13px}.team-member-grid .team-member-card{display:block;min-width:0;padding:15px;border:1px solid #d7e6e3;border-radius:16px;background:linear-gradient(150deg,#fff,#f7fbfa);box-shadow:0 6px 16px rgba(22,71,64,.045);cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.team-member-grid .team-member-card:hover,.team-member-grid .team-member-card:focus-visible{border-color:#75bdb5;box-shadow:0 13px 28px rgba(18,99,90,.11);outline:0;transform:translateY(-2px)}.team-member-grid .team-member-card.is-inactive{filter:saturate(.55);opacity:.72}.team-member-header{display:flex;align-items:flex-start;gap:10px}.team-avatar{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #9dcec7;border-radius:13px;color:#075f58;background:linear-gradient(145deg,#daf5ef,#bfe9e1);font-size:14px;font-weight:900}.team-avatar.large{flex-basis:58px;width:58px;height:58px;border-radius:17px;font-size:19px}.team-member-grid .team-member-main{min-width:0;flex:1}.team-member-grid .team-member-main strong{overflow:hidden;color:#294448;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.team-member-grid .team-member-main span{overflow:hidden;color:#75868a;font-size:10px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.team-member-grid .status{margin-left:auto;white-space:nowrap}.team-member-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:14px;padding-top:12px;border-top:1px solid #e4eeec}.team-member-kpi>div{min-width:0}.team-member-kpi span,.team-member-kpi b{display:block}.team-member-kpi span{overflow:hidden;color:#74878a;font-size:9px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.team-member-kpi b{margin-top:3px;color:#24494a;font-size:16px}.team-member-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;color:#76878a;font-size:9px}.team-member-foot>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-card-open{flex:0 0 auto;color:#09766d;font-size:10px;font-weight:850}
.team-profile-hero{display:flex;align-items:center;gap:13px;margin:0 0 15px;padding:17px 18px;border:1px solid #c9e2dd;border-radius:17px;background:linear-gradient(135deg,#effbf8,#fffdf7);box-shadow:0 7px 17px rgba(20,73,68,.04)}.team-profile-hero>div:nth-child(2){min-width:0}.team-profile-hero h2{margin:0;color:#254348;font-size:20px;line-height:1.2}.team-profile-hero p{margin:4px 0 2px;color:#557175;font-size:11px}.team-profile-hero>div:nth-child(2)>span{display:block;overflow:hidden;max-width:420px;color:#74888a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.team-profile-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(70px,1fr));gap:7px;margin-left:auto}.team-profile-hero-stats>div{padding:7px 9px;border:1px solid #d7e9e4;border-radius:10px;background:rgba(255,255,255,.72);text-align:center}.team-profile-hero-stats span,.team-profile-hero-stats b{display:block}.team-profile-hero-stats span{color:#789093;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.team-profile-hero-stats b{margin-top:3px;color:#176960;font-size:17px}.team-profile-hero>.status{margin-left:2px;white-space:nowrap}.employee-tabs{margin-bottom:15px}
.team-detail-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.75fr);gap:14px;align-items:start}.team-detail-layout>aside{display:grid;gap:14px}.employee-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.employee-info-item{min-width:0;padding:10px 11px;border:1px solid #e0eae8;border-radius:11px;background:#fbfdfd}.employee-info-item span,.employee-info-item strong{display:block}.employee-info-item span{color:#7b8b8d;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.employee-info-item strong{overflow:hidden;margin-top:4px;color:#314d50;font-size:11px;line-height:1.35;overflow-wrap:anywhere}.employee-notes{margin-top:11px;padding:11px 12px;border:1px solid #e5ebe9;border-radius:11px;background:#fbfdfd}.employee-notes span{display:block;color:#708184;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.employee-notes p{margin:5px 0 0;color:#4d676a;font-size:11px;line-height:1.5;white-space:pre-wrap}.employee-workload-list{display:grid;gap:7px}.employee-workload-list>div{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px 10px;border:1px solid #e1ebe9;border-radius:10px;background:#fbfdfd}.employee-workload-list span{color:#65797d;font-size:10px}.employee-workload-list b{color:#21524d;font-size:16px}.employee-workload-list .is-danger{border-color:#f0d1ca;background:#fff8f6}.employee-workload-list .is-danger b{color:#b33e2e}.employee-mini-activity{display:grid;gap:8px}.employee-mini-activity>div{padding-bottom:8px;border-bottom:1px solid #edf2f1}.employee-mini-activity>div:last-child{padding-bottom:0;border-bottom:0}.employee-mini-activity span,.employee-mini-activity strong,.employee-mini-activity small{display:block}.employee-mini-activity span{color:#0d7d73;font-size:9px;font-weight:800}.employee-mini-activity strong{overflow:hidden;margin-top:2px;color:#39575a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.employee-mini-activity small{margin-top:2px;color:#879496;font-size:9px}
.employee-profile-editor{margin-top:14px}.employee-profile-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.employee-profile-form label,.employee-kpi-goal-form label{display:grid;gap:5px;color:#607579;font-size:10px;font-weight:780}.employee-profile-form .wide{grid-column:1/-1}.employee-profile-form textarea{min-height:88px;resize:vertical}.employee-profile-form-actions{display:flex;align-items:center;gap:8px;padding-top:2px}
.employee-activity-toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:2px 0 13px;padding:10px 11px;border:1px solid #dfebe8;border-radius:12px;background:#fbfdfd}.employee-activity-toolbar label{display:grid;gap:5px;color:#61777a;font-size:10px;font-weight:780}.employee-activity-toolbar label input{min-width:165px}.employee-activity-toolbar>div{display:flex;align-items:baseline;gap:5px;color:#76878a;font-size:10px}.employee-activity-toolbar b{color:#176b63;font-size:19px}.employee-activity-timeline{display:grid;gap:0}.employee-activity-entry{display:grid;grid-template-columns:116px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e8efee}.employee-activity-entry:last-child{border-bottom:0}.employee-activity-entry time{color:#708487;font-size:10px;line-height:1.35}.employee-activity-entry>div{min-width:0}.employee-activity-entry span,.employee-activity-entry strong,.employee-activity-entry small{display:block}.employee-activity-entry span{color:#08776e;font-size:9px;font-weight:820}.employee-activity-entry strong{overflow:hidden;margin-top:3px;color:#314f52;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.employee-activity-entry small{margin-top:2px;color:#859496;font-size:9px}
.employee-project-list{display:grid;gap:7px}.employee-project-pill{width:100%;padding:10px 11px;border:1px solid #dce9e6;border-radius:10px;color:#2c5252;background:#fbfdfd;cursor:pointer;text-align:left}.employee-project-pill:hover{border-color:#8cc9c0;background:#f0faf7}.employee-project-pill strong,.employee-project-pill span{display:block}.employee-project-pill strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.employee-project-pill span{margin-top:3px;color:#708689;font-size:9px}
.employee-kpi-head-actions{display:flex;align-items:end;gap:8px}.employee-kpi-head-actions label{display:grid;gap:4px;color:#62787b;font-size:9px;font-weight:800}.employee-kpi-head-actions select{min-width:148px;min-height:34px;padding:6px 8px;font-size:10px}.employee-kpi-score{display:flex;align-items:baseline;gap:8px;margin:0 0 13px;padding:12px 13px;border:1px solid #cbe4df;border-radius:13px;background:linear-gradient(135deg,#edfaf6,#fbfffd)}.employee-kpi-score span{color:#557477;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.employee-kpi-score strong{color:#0d6f66;font-size:28px;line-height:1}.employee-kpi-score small{color:#6e8588;font-size:10px}.employee-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:10px}.employee-kpi-card{display:grid;gap:9px;padding:13px;border:1px solid #dde9e6;border-radius:13px;background:#fff}.employee-kpi-card>div:first-child span,.employee-kpi-card>div:first-child strong,.employee-kpi-card>div:first-child small{display:block}.employee-kpi-card>div:first-child span{color:#60797b;font-size:10px;font-weight:800}.employee-kpi-card>div:first-child strong{margin-top:5px;color:#244e4b;font-size:19px}.employee-kpi-card>div:first-child small{margin-top:2px;color:#849295;font-size:9px}.employee-kpi-card p{min-height:27px;margin:0;color:#718387;font-size:9px;line-height:1.45}.employee-kpi-card .action-btn{justify-self:start}.employee-kpi-progress{height:7px;overflow:hidden;border-radius:999px;background:#e5efed}.employee-kpi-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#159486,#53baa9)}.employee-kpi-goal-editor{margin-top:13px;padding:14px;border:1px solid #cce3df;border-radius:14px;background:linear-gradient(135deg,#f6fcfa,#fff)}.employee-kpi-form-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(100px,.65fr)) minmax(135px,.85fr);gap:10px}.employee-kpi-active{align-content:end;padding-bottom:7px}.employee-kpi-active input{width:auto;accent-color:#0c887d}.employee-kpi-form-actions{display:flex;align-items:center;gap:8px;margin-top:12px}.team-empty-state{display:grid;gap:4px;place-items:start;padding:16px;border:1px dashed #bbd8d4;border-radius:12px;color:#5d7477;background:#fbfefd}.team-empty-state strong{color:#315457;font-size:12px}.team-empty-state span{font-size:10px;line-height:1.45}
@media(max-width:1080px){.team-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-detail-layout{grid-template-columns:1fr}.team-detail-layout>aside{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-kpi-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-kpi-active{align-content:center;padding-bottom:0}}
@media(max-width:760px){.team-summary-grid{gap:9px;margin-bottom:12px}.team-summary-card{padding:13px}.team-summary-card strong{font-size:23px}.team-member-grid{grid-template-columns:1fr;gap:10px}.team-member-grid .team-member-card{padding:13px}.team-profile-hero{align-items:flex-start;flex-wrap:wrap;padding:14px}.team-profile-hero>div:nth-child(2){flex:1 1 calc(100% - 72px)}.team-profile-hero>div:nth-child(2)>span{max-width:100%}.team-profile-hero>.status{margin-left:auto}.team-profile-hero-stats{order:4;width:100%;margin-left:0}.employee-info-grid{grid-template-columns:1fr}.team-detail-layout>aside{grid-template-columns:1fr}.employee-profile-form,.employee-kpi-form-grid{grid-template-columns:1fr}.employee-profile-form-actions,.employee-kpi-form-actions{align-items:stretch;flex-wrap:wrap}.employee-profile-form-actions .btn,.employee-kpi-form-actions .btn{flex:1 1 auto}.employee-activity-toolbar{align-items:flex-start;flex-direction:column}.employee-activity-toolbar label,.employee-activity-toolbar label input{width:100%}.employee-activity-entry{grid-template-columns:1fr;gap:5px;padding:11px 0}.employee-activity-entry time{order:2}.employee-activity-entry .action-btn{justify-self:start}.employee-kpi-head-actions{align-items:stretch;flex-wrap:wrap;width:100%}.employee-kpi-head-actions label{flex:1 1 150px}.employee-kpi-head-actions .btn{flex:1 1 auto}.employee-kpi-score{align-items:flex-start;flex-wrap:wrap}.employee-kpi-score small{flex:1 1 100%}.employee-kpi-grid{grid-template-columns:1fr}}
@media(max-width:430px){.team-summary-grid{grid-template-columns:1fr}.team-member-kpi{gap:5px}.team-member-kpi b{font-size:15px}.team-profile-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.team-profile-hero-stats>div{padding:7px 5px}.team-profile-hero-stats b{font-size:15px}.employee-tabs{overflow:auto;flex-wrap:nowrap}.employee-tabs .tab-btn{flex:0 0 auto;white-space:nowrap}}

/* v20.58 — carrier cabinet: TTN creation, tracking and secure integrations */
.delivery-tabs{margin:0 0 15px}.delivery-loading{display:grid;place-items:center;min-height:180px;padding:20px;border:1px dashed #b8d7d3;border-radius:16px;color:#527276;background:linear-gradient(145deg,#fbfffe,#f2faf8);font-size:12px;font-weight:760}.delivery-error{padding:14px 15px;border:1px solid #efcbc5;border-radius:13px;color:#8f3c31;background:#fff8f6}.delivery-error strong,.delivery-error p{display:block}.delivery-error p{margin:5px 0 0;font-size:11px;line-height:1.5}.delivery-error .btn{margin-top:10px}.delivery-error.compact{margin:0 0 13px;padding:10px 11px}.delivery-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:15px}.delivery-stat{min-width:0;padding:14px 15px;border:1px solid #dce9e7;border-radius:15px;background:linear-gradient(145deg,#fff,#f5fbfa);box-shadow:0 6px 15px rgba(22,72,66,.045)}.delivery-stat span,.delivery-stat strong,.delivery-stat small{display:block}.delivery-stat span{overflow:hidden;color:#71858a;font-size:9px;font-weight:820;letter-spacing:.045em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.delivery-stat strong{margin:7px 0 4px;color:#204b48;font-size:27px;line-height:1}.delivery-stat small{overflow:hidden;color:#839194;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.delivery-stat.blue{border-color:#cddfed;background:linear-gradient(145deg,#fafdff,#f0f8ff)}.delivery-stat.blue strong{color:#286a9a}.delivery-stat.amber{border-color:#edddb9;background:linear-gradient(145deg,#fffdf8,#fff8e8)}.delivery-stat.amber strong{color:#977022}.delivery-stat.green{border-color:#cce6da;background:linear-gradient(145deg,#fbfffc,#effaf4)}.delivery-stat.green strong{color:#167352}.delivery-stat.red{border-color:#edcfca;background:linear-gradient(145deg,#fffafa,#fff2f0)}.delivery-stat.red strong{color:#a24434}.delivery-overview-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.7fr);gap:14px;align-items:start}.delivery-recent{overflow:hidden}.delivery-provider-stack{display:grid;gap:9px;padding:14px;border:1px solid #dceae7;border-radius:16px;background:linear-gradient(150deg,#fbfffe,#f4faf8)}.delivery-stack-head h3{margin:0;color:#315255;font-size:14px}.delivery-stack-head p{margin:4px 0 3px;color:#708487;font-size:10px;line-height:1.5}.delivery-provider-card{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:11px;border:1px solid #dfe9e7;border-radius:12px;background:#fff}.delivery-provider-card.ready{border-color:#bcded6;background:linear-gradient(135deg,#f7fdfb,#fff)}.delivery-provider-card>div{display:flex;align-items:center;min-width:0;gap:9px}.delivery-provider-card strong,.delivery-provider-card small{display:block}.delivery-provider-card strong{color:#335155;font-size:11px}.delivery-provider-card small{overflow:hidden;margin-top:2px;color:#809094;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.delivery-provider-mark{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;color:#fff;background:linear-gradient(145deg,#e23529,#bd1e28);font-size:10px;font-weight:900;letter-spacing:.02em}.delivery-provider-mark.ukrposhta{background:linear-gradient(145deg,#ffe34a,#f0bb00);color:#323232}.delivery-provider-workspace{overflow:hidden}.delivery-title-row{display:flex;align-items:flex-start;gap:10px}.delivery-title-row .delivery-provider-mark{flex-basis:38px;width:38px;height:38px;border-radius:12px}.delivery-title-row h3{margin:0}.delivery-title-row p{margin:4px 0 0}.delivery-provider-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 13px;padding:10px 11px;border:1px solid #e2ebe9;border-radius:12px;background:#fbfdfd}.delivery-ready-note{display:grid;gap:2px;color:#8f6630;font-size:10px}.delivery-ready-note b{color:#98762c;font-size:10px}.delivery-ready-note.ready b{color:#137a64}.delivery-ready-note.ready{color:#60857f}.delivery-toolbar-actions{display:flex;gap:7px;flex-wrap:wrap}.delivery-table-wrap{margin:0 -1px}.delivery-table{min-width:920px}.delivery-table .cell-main{min-width:205px}.delivery-table .table-subline{display:block;overflow:hidden;max-width:260px;margin-top:3px;color:#7a8d90;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.delivery-direction{display:inline-flex;align-items:center;min-height:23px;padding:3px 7px;border-radius:7px;font-size:9px;font-weight:850;white-space:nowrap}.delivery-direction.outbound{color:#0d756b;background:#e6f7f3}.delivery-direction.inbound{color:#26698d;background:#eaf5fb}.delivery-status{display:inline-flex;align-items:center;max-width:220px;min-height:23px;padding:3px 7px;border:1px solid #dce6e5;border-radius:7px;color:#5c7174;background:#f8fbfa;font-size:9px;font-weight:800;line-height:1.25}.delivery-status-created{border-color:#d9dded;color:#59658d;background:#f2f4fb}.delivery-status-in_transit{border-color:#cde5ed;color:#27718a;background:#edfbff}.delivery-status-ready{border-color:#eddfb6;color:#896819;background:#fff9e7}.delivery-status-delivered{border-color:#c8e5d6;color:#167152;background:#effbf5}.delivery-status-exception,.delivery-status-cancelled{border-color:#efceca;color:#a24434;background:#fff5f3}.delivery-relation{display:block;max-width:210px;overflow:hidden;color:#64797c;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.delivery-row-actions{display:flex;gap:4px;justify-content:flex-end;flex-wrap:nowrap}.delivery-row-actions .action-btn{white-space:nowrap}.delivery-connections-intro{display:flex;align-items:flex-start;gap:12px;margin-bottom:13px;padding:13px 15px;border:1px solid #cbe3dd;border-radius:14px;color:#507276;background:linear-gradient(135deg,#effbf8,#fbfffe)}.delivery-connections-intro strong{color:#176e65;font-size:12px}.delivery-connections-intro p{margin:1px 0 0;font-size:10px;line-height:1.5}.delivery-connections-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.delivery-connection-card{height:100%}.delivery-connection-state{display:inline-flex;align-items:center;padding:4px 7px;border:1px solid #e5d8b5;border-radius:7px;color:#8c6b25;background:#fff9e9;font-size:9px;font-weight:850;white-space:nowrap}.delivery-connection-state.ready{border-color:#bee1d3;color:#13765c;background:#effbf5}.delivery-connection-grid,.delivery-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.delivery-connection-grid label,.delivery-form-grid label{display:grid;gap:5px;color:#60767a;font-size:10px;font-weight:780}.delivery-connection-grid .wide,.delivery-form-grid .wide{grid-column:1/-1}.delivery-connection-grid small{margin-top:-1px;color:#859497;font-size:9px;font-weight:600;line-height:1.35}.delivery-secret-saved{color:#176f66!important}.delivery-active-toggle{margin-top:12px}.delivery-form-actions{display:flex;justify-content:flex-end;margin-top:12px}.delivery-sync-card{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px}.delivery-sync-card h3{margin:0;color:#315052;font-size:13px}.delivery-sync-card p{margin:4px 0 0;color:#72868a;font-size:10px;line-height:1.5}.delivery-shipment-modal{width:min(840px,calc(100vw - 24px));max-height:calc(100vh - 24px)}.delivery-shipment-modal form{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0}.delivery-shipment-fields{max-height:calc(100vh - 215px);overflow:auto;padding:0 20px 18px}.delivery-modal-intro{margin:0 0 13px;padding:12px 13px;border:1px solid #cfe3df;border-radius:12px;background:linear-gradient(135deg,#f1fbf8,#fff)}.delivery-modal-intro span{color:#078276;font-size:9px;font-weight:850;letter-spacing:.06em}.delivery-modal-intro h3{margin:4px 0;color:#2e4d50;font-size:16px}.delivery-modal-intro p{margin:0;color:#698084;font-size:10px;line-height:1.5}.delivery-kind-grid{margin-bottom:10px}.delivery-relations-grid{margin:0 0 10px;padding:10px;border:1px solid #e0ebe9;border-radius:12px;background:#fbfdfd}.delivery-form-note{display:grid;gap:3px;margin:0 0 10px;padding:10px 11px;border:1px solid #d9e8e5;border-radius:11px;color:#5e7879;background:#f7fcfb;font-size:10px;line-height:1.45}.delivery-form-note b{color:#2d6260}.delivery-checkbox{display:inline-flex!important;grid-template-columns:auto 1fr;align-items:center;gap:7px;margin-top:10px;color:#425f61!important}.delivery-checkbox input{width:auto}.input-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.input-action .action-btn{align-self:stretch;white-space:nowrap}.delivery-reference-results{display:flex;align-items:center;gap:6px;min-height:0;margin:8px 0 10px;flex-wrap:wrap;color:#657a7e;font-size:9px}.delivery-reference-option{padding:5px 7px;border:1px solid #cce3df;border-radius:7px;color:#176b62;background:#f4fbf9;cursor:pointer;font:inherit;font-size:9px;font-weight:750;text-align:left}.delivery-reference-option:hover{border-color:#72bbb2;background:#e8f7f3}.delivery-detail-modal{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(680px,calc(100vw - 20px));max-height:calc(100vh - 20px)}.delivery-detail-body{min-height:0;max-height:calc(100vh - 210px);overflow:auto;padding:16px 20px;background:linear-gradient(145deg,#f8fbfb,#f2f7f7)}.delivery-detail-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.delivery-detail-top>div{display:flex;align-items:center;min-width:0;gap:9px}.delivery-detail-top strong,.delivery-detail-top small{display:block}.delivery-detail-top strong{color:#2c5051;font-size:13px}.delivery-detail-top small{overflow:hidden;margin-top:3px;color:#73878a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.delivery-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:13px}.delivery-detail-grid>div{min-width:0;padding:10px 11px;border:1px solid #dce8e6;border-radius:11px;background:#fff}.delivery-detail-grid span,.delivery-detail-grid strong{display:block}.delivery-detail-grid span{color:#7c8e90;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.delivery-detail-grid strong{overflow:hidden;margin-top:4px;color:#37575a;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.delivery-timeline{padding:13px;border:1px solid #dfeae8;border-radius:13px;background:#fff}.delivery-timeline h3{margin:0 0 8px;color:#345254;font-size:13px}.delivery-timeline-row{display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid #e8f0ee}.delivery-timeline-row:last-child{border-bottom:0}.delivery-timeline-row>span{color:#819194;font-size:9px}.delivery-timeline-row strong,.delivery-timeline-row small{display:block}.delivery-timeline-row strong{color:#405d60;font-size:10px;line-height:1.4}.delivery-timeline-row small{margin-top:2px;color:#849395;font-size:9px}.delivery-detail-modal footer{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}
@media(max-width:1100px){.delivery-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.delivery-overview-grid{grid-template-columns:1fr}.delivery-provider-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-stack-head{grid-column:1/-1}.delivery-connections-grid{grid-template-columns:1fr}}
@media(max-width:760px){.delivery-tabs{overflow:auto;flex-wrap:nowrap}.delivery-tabs .tab-btn{flex:0 0 auto;white-space:nowrap}.delivery-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.delivery-stat{padding:12px}.delivery-stat strong{font-size:23px}.delivery-provider-stack{grid-template-columns:1fr}.delivery-provider-toolbar,.delivery-sync-card{align-items:flex-start;flex-direction:column}.delivery-toolbar-actions,.delivery-toolbar-actions .btn{width:100%}.delivery-toolbar-actions .btn{flex:1 1 auto}.delivery-connections-intro{display:block}.delivery-connection-grid,.delivery-form-grid{grid-template-columns:1fr}.delivery-connection-grid .wide,.delivery-form-grid .wide{grid-column:auto}.delivery-shipment-modal,.delivery-detail-modal{width:calc(100vw - 12px);max-height:calc(100vh - 12px)}.delivery-shipment-fields{max-height:calc(100vh - 185px);padding:0 13px 13px}.delivery-detail-body{max-height:calc(100vh - 180px);padding:13px}.delivery-detail-grid{grid-template-columns:1fr}.delivery-detail-modal footer{padding:12px}.delivery-detail-modal footer .btn{flex:1 1 auto}.delivery-timeline-row{grid-template-columns:1fr;gap:4px}.delivery-status{max-width:150px}.delivery-provider-workspace .section-head{gap:10px}.delivery-provider-workspace .section-head .page-actions{width:100%}.delivery-provider-workspace .section-head .page-actions .btn{flex:1 1 auto}}
@media(max-width:420px){.delivery-stats{grid-template-columns:1fr}.delivery-detail-top{align-items:flex-start;flex-direction:column}.delivery-detail-top>.delivery-status{max-width:100%}.input-action{grid-template-columns:1fr}.input-action .action-btn{min-height:33px}}
.delivery-form-hint{margin:9px 0 0;color:#72868a;font-size:10px;line-height:1.45}

/* v20.60 — full CRM mail client and responsive visual polish */
:root{--az-ink:#1e3037;--az-teal:#0c8479;--az-teal-deep:#075f58;--az-teal-pale:#edf9f6;--az-amber:#e8a51f;--az-amber-pale:#fff7e6;--az-surface:#fff;--az-page:#f5f7f6;--az-line:#dce8e6;--az-muted:#71858a;--az-shadow:0 10px 26px rgba(20,51,53,.07)}
html,body,button,input,select,textarea{font-family:"Montserrat",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
body{background:var(--az-page);color:var(--az-ink);font-size:13px}
button,.btn,.action-btn{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}
.btn:not(:disabled):hover,.action-btn:not(:disabled):hover{transform:translateY(-1px)}
input,select,textarea{border-color:#d6e2e0!important;box-shadow:0 1px 0 rgba(21,67,63,.015)}
input:focus,select:focus,textarea:focus{border-color:#56aea4!important;box-shadow:0 0 0 3px rgba(24,141,129,.12)!important;outline:0}
.detail-section,.setting-card,.table-card{border-color:var(--az-line);box-shadow:0 5px 18px rgba(21,51,53,.035)}
.page-head,.section-head{gap:14px}.page-head h1,.section-head h3{letter-spacing:-.02em}
.mail-nav-unread{display:grid;place-items:center;min-width:19px;height:19px;margin-left:auto;padding:0 5px;border:2px solid #22353a;border-radius:999px;color:#fff;background:#e4553e;font-size:9px;font-weight:850;line-height:1;box-shadow:0 2px 7px rgba(137,44,34,.28)}
.mail-nav-unread.hidden,.task-nav-new.hidden{display:none}.nav-item.has-unread-mail .nav-icon-wrap{color:#f0b634;background:rgba(240,182,52,.13)}
.task-nav-new{display:grid;place-items:center;min-width:19px;height:19px;margin-left:auto;padding:0 5px;border:2px solid #22353a;border-radius:999px;color:#083466;background:#ffcb57;font-size:9px;font-weight:900;line-height:1;box-shadow:0 2px 7px rgba(154,99,0,.24)}.nav-item.has-new-tasks .nav-icon-wrap{color:#fff;background:#267fe0;box-shadow:0 0 0 3px rgba(38,127,224,.15)}

.mail-client-shell{display:grid;grid-template-columns:232px minmax(0,1fr);gap:15px;align-items:stretch;min-height:560px}
.mail-folders{display:flex;flex-direction:column;gap:12px;padding:13px;border:1px solid #d6e6e3;border-radius:18px;background:linear-gradient(160deg,#fff 0%,#f3faf8 100%);box-shadow:var(--az-shadow)}
.mail-compose-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:43px;padding:0 12px;border:1px solid #d99a19;border-radius:11px;color:#493100;background:linear-gradient(135deg,#ffd56b,#efb32b);box-shadow:0 7px 15px rgba(201,144,15,.17);cursor:pointer;font:inherit;font-size:11px;font-weight:800}
.mail-compose-button span{font-size:18px;line-height:1}.mail-compose-button:hover{filter:brightness(1.02);transform:translateY(-1px)}.mail-compose-button:disabled{cursor:not-allowed;filter:grayscale(.4);opacity:.62}
.mail-folder-list{display:grid;gap:4px}.mail-folder-button{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:39px;padding:0 9px;border:1px solid transparent;border-radius:10px;color:#52696b;background:transparent;cursor:pointer;font:inherit;font-size:11px;font-weight:720;text-align:left}.mail-folder-button:hover{border-color:#d1e4e0;color:#176e66;background:#f8fcfb}.mail-folder-button.active{border-color:#9ccfc7;color:#075f58;background:linear-gradient(135deg,#dff5ef,#f8fffd);box-shadow:inset 0 0 0 1px rgba(30,139,126,.06)}.mail-folder-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;color:#347a73;background:#eaf4f2;font-size:14px;font-weight:900}.mail-folder-button.active .mail-folder-icon{color:#fff;background:#109286}.mail-folder-button b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;color:#5d7375;background:#e5efed;font-size:9px;font-weight:850}.mail-folder-button.active b{color:#08665e;background:#bde9e1}.mail-folder-button b:empty{display:none}
.mail-folders-note{display:flex;align-items:flex-start;gap:8px;margin-top:auto;padding:10px;border-top:1px solid #dce9e7;color:#667d7f}.mail-folders-note strong,.mail-folders-note small{display:block}.mail-folders-note strong{font-size:9px;font-weight:830;text-transform:uppercase;letter-spacing:.045em}.mail-folders-note small{margin-top:3px;font-size:9px;line-height:1.4}.mail-sync-dot{flex:0 0 8px;width:8px;height:8px;margin-top:3px;border-radius:50%;background:#2da87e;box-shadow:0 0 0 4px rgba(45,168,126,.12)}
.mail-notification-button{width:100%;min-height:32px;padding:6px 8px;border:1px solid #d2e5e1;border-radius:9px;color:#39746e;background:#fff;cursor:pointer;font:inherit;font-size:9px;font-weight:780}.mail-notification-button:hover{border-color:#85c6bd;color:#075f58;background:#f5fcfa}
.mail-client-workspace{min-width:0;overflow:hidden;border:1px solid #dce9e7;border-radius:18px;background:#fff;box-shadow:var(--az-shadow)}
.mail-client-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px 15px;border-bottom:1px solid #e4edeb;background:linear-gradient(115deg,#fff,#f8fcfb)}.mail-client-head>div:first-child>span{color:#0c897e;font-size:9px;font-weight:850;letter-spacing:.065em;text-transform:uppercase}.mail-client-head h2{margin:5px 0 3px;color:#203e40;font-size:20px;letter-spacing:-.035em}.mail-client-head h2 b{display:inline-grid;place-items:center;min-width:25px;height:25px;margin-left:4px;padding:0 7px;border-radius:999px;color:#fff;background:#159084;font-size:10px;vertical-align:3px}.mail-client-head p{max-width:620px;margin:0;color:#718588;font-size:10px;line-height:1.5}.mail-client-head-meta{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex:0 0 auto;color:#718488;font-size:10px;font-weight:700}.mail-inline-danger{padding:5px 7px;border:1px solid #efd2cc;border-radius:7px;color:#ae4436;background:#fff9f7;cursor:pointer;font:inherit;font-size:9px;font-weight:800}.mail-inline-danger:hover{border-color:#d98f85;background:#fff1ee}
.mail-client-filter-form{display:grid;grid-template-columns:minmax(190px,1.4fr) minmax(145px,.65fr) auto auto auto;gap:8px;align-items:center;padding:11px 14px;border-bottom:1px solid #e5edeb;background:#fbfdfd}.mail-search-field{display:grid!important;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:3px;padding:0 9px!important;border:1px solid #d7e4e1;border-radius:9px;background:#fff}.mail-search-field>span{color:#5c8080;font-size:16px;line-height:1}.mail-search-field input{min-width:0;height:34px;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}.mail-account-field select{width:100%;min-height:35px;font-size:10px}.mail-client-filter-form>.btn{min-height:35px;white-space:nowrap}.mail-filter-reset{min-height:34px;padding:0 5px;border:0;color:#6d8385;background:transparent;cursor:pointer;font:inherit;font-size:10px;font-weight:750}.mail-filter-reset:hover{color:#0a766d}.mail-more-filters{position:relative}.mail-more-filters summary{min-height:34px;padding:9px 10px;border:1px solid #d3e3e0;border-radius:9px;color:#466b6c;background:#fff;cursor:pointer;font-size:9px;font-weight:800;list-style:none;white-space:nowrap}.mail-more-filters summary::-webkit-details-marker{display:none}.mail-more-filters summary::after{float:right;margin-left:7px;content:'⌄';font-size:12px;line-height:8px}.mail-more-filters[open] summary{border-color:#8bc9c1;color:#0b756d;border-radius:9px 9px 0 0;background:#f3fbf9}.mail-more-filters>div{position:absolute;z-index:5;top:33px;right:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:345px;padding:10px;border:1px solid #8bc9c1;border-radius:9px 0 9px 9px;background:#fff;box-shadow:0 12px 28px rgba(23,63,60,.14)}.mail-more-filters label{display:grid;gap:4px;color:#698084;font-size:9px;font-weight:800}.mail-more-filters select{min-height:32px;font-size:9px}
.mail-list{display:grid;min-height:294px}.mail-list-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:start;padding:13px 16px;border:0;border-bottom:1px solid #e8efee;background:#fff;cursor:pointer;text-align:left}.mail-list-item:hover{position:relative;z-index:1;background:linear-gradient(90deg,#f7fcfb,#fff);box-shadow:0 5px 16px rgba(20,78,71,.055)}.mail-list-item:last-child{border-bottom:0}.mail-list-item.is-unread{background:linear-gradient(90deg,#f1fcf9 0%,#fff 55%)}.mail-list-state{position:relative;padding-top:2px}.mail-list-direction{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:#127e74;background:#e4f7f3;font-size:15px;font-weight:900}.mail-list-item.is-draft .mail-list-direction{color:#9d7015;background:#fff2cf}.mail-list-item:not(.is-draft) .mail-list-direction.outgoing{color:#986406;background:#fff1cc}.mail-list-state i{position:absolute;top:0;right:-1px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#e35e49}.mail-list-main{min-width:0}.mail-list-title{display:flex;align-items:baseline;gap:10px;min-width:0}.mail-list-title strong{overflow:hidden;color:#29474a;font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.mail-list-item.is-unread .mail-list-title strong{font-weight:850}.mail-list-title time{flex:0 0 auto;margin-left:auto;color:#879496;font-size:9px;white-space:nowrap}.mail-list-from{display:flex;align-items:center;gap:6px;margin-top:3px;min-width:0;color:#597174;font-size:10px}.mail-list-from>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-item-attachment{display:inline-flex;align-items:center;flex:0 0 auto;gap:3px;padding:2px 5px;border-radius:5px;color:#627c7e;background:#edf4f3;font-size:8px;font-weight:800}.mail-list-main>p{display:-webkit-box;overflow:hidden;max-width:900px;margin:5px 0 0;color:#7b8b8e;font-size:9px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:1}.mail-list-tags{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:7px}.mail-project-chip{max-width:100%;padding:3px 7px;border:1px solid #c9e2dd;border-radius:6px;color:#137169;background:#f3fbf8;cursor:pointer;font:inherit;font-size:8px;font-weight:810;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-project-chip:hover{border-color:#77bdb5;background:#e4f6f1}.mail-project-chip.is-unassigned{border-style:dashed;color:#91651b;background:#fffbf0}.mail-project-chip.is-unassigned:hover{border-color:#d5a74e;color:#76500d;background:#fff6dc}.mail-project-chip.is-muted{border-color:#e1e8e7;color:#889596;background:#f7f9f9;cursor:default}.mail-delivery-tag{display:inline-flex;align-items:center;min-height:20px;padding:2px 6px;border:1px solid #d9e8e6;border-radius:6px;color:#3d7670;background:#f5fbfa;font-size:8px;font-weight:810}.mail-delivery-tag.sent{color:#8c650f;background:#fff8e6;border-color:#edddb4}.mail-delivery-tag.draft{color:#766020;background:#fff7df;border-color:#ead99d}.mail-delivery-tag.failed{color:#a3483c;background:#fff5f3;border-color:#edccc6}.mail-list-actions{display:flex;align-items:center;min-height:28px}.mail-item-action{min-height:27px;padding:0 8px;border:1px solid #d3e3e0;border-radius:7px;color:#3d6666;background:#fff;cursor:pointer;font:inherit;font-size:8px;font-weight:810;white-space:nowrap}.mail-item-action:hover{border-color:#81c3bb;color:#075f58;background:#eefaf7}.mail-client-empty{display:grid;place-items:center;gap:7px;min-height:285px;padding:30px;color:#778b8e;text-align:center}.mail-client-empty strong{color:#476469;font-size:13px}.mail-client-empty span{font-size:10px;line-height:1.5}.mail-client-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-top:1px solid #e5edeb;color:#748689;font-size:10px}.mail-client-pagination>div{display:flex;align-items:center;gap:7px}.mail-client-pagination .action-btn:disabled{cursor:not-allowed;opacity:.45}
.mail-assignment-modal{width:min(530px,calc(100vw - 24px))}.mail-assignment-body{display:grid;gap:14px;padding:0 20px 20px}.mail-assignment-intro{padding:13px;border:1px solid #cbe5df;border-radius:13px;background:linear-gradient(135deg,#eefaf7,#fff)}.mail-assignment-intro span{color:#087a70;font-size:9px;font-weight:850;letter-spacing:.055em;text-transform:uppercase}.mail-assignment-intro h3{margin:5px 0 4px;color:#2a4e50;font-size:14px;line-height:1.35}.mail-assignment-intro p{margin:0;color:#657b7d;font-size:10px;line-height:1.55}.mail-assignment-body>label{display:grid;gap:6px;color:#516a6d;font-size:10px;font-weight:800}.mail-assignment-body select{min-height:39px}.mail-assignment-body small{color:#7f8e90;font-size:9px;font-weight:600;line-height:1.45}.mail-draft-attachments-note{margin:0 0 2px;padding:9px 10px;border:1px solid #e4d49a;border-radius:9px;color:#725c20;background:#fff9e9;font-size:10px;line-height:1.45}
.mail-message-modal footer,.mail-compose-modal footer,.mail-assignment-modal footer{flex-wrap:wrap}.mail-archive-direction.draft{color:#806018;background:#fff3d4}.mail-message-summary .mail-archive-direction{min-width:auto}

.production-register-summary>div,.production-summary>div{border-radius:13px;background:linear-gradient(145deg,#fff,#f7fbfa);box-shadow:0 5px 14px rgba(20,61,57,.04)}.production-register-section{overflow:hidden}.production-register-section .section-head{padding-bottom:2px}.production-register-table tbody tr{transition:background .15s ease,box-shadow .15s ease}.production-register-table tbody tr:hover{position:relative;z-index:1;background:#f5fbfa;box-shadow:inset 3px 0 0 #23a08f}.production-register-table .status{white-space:nowrap}.production-register-card{border-color:#d7e7e3!important;border-radius:15px!important;box-shadow:0 7px 18px rgba(20,61,57,.05)!important}.production-register-card:hover{border-color:#8ecbc2!important;box-shadow:0 10px 24px rgba(20,95,87,.1)!important}.production-card-progress .progress{height:7px;border-radius:999px}.production-card-progress .progress i{border-radius:inherit;background:linear-gradient(90deg,#169484,#5dc2ae)}.production-detail-card{overflow:hidden}.production-inline-form{gap:12px}.production-good-output{border-radius:12px;background:linear-gradient(135deg,#effbf8,#fff)}

@media(max-width:1100px){.mail-client-shell{grid-template-columns:200px minmax(0,1fr)}.mail-client-filter-form{grid-template-columns:minmax(160px,1fr) minmax(125px,.7fr) auto auto}.mail-client-filter-form>.btn{grid-column:3}.mail-filter-reset{grid-column:4}.mail-more-filters>div{right:auto;left:0}.mail-list-main>p{max-width:600px}}
@media(max-width:820px){.mail-client-shell{grid-template-columns:1fr;min-height:0}.mail-folders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px;border-radius:15px}.mail-compose-button{grid-column:1/-1}.mail-folder-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-column:1/-1;gap:5px}.mail-folder-button{grid-template-columns:1fr;justify-items:center;gap:2px;min-height:58px;padding:6px;text-align:center;font-size:9px}.mail-folder-button b{position:absolute;margin:-44px 0 0 40px}.mail-folder-button{position:relative}.mail-folders-note{margin:0;border-top:0;border-right:1px solid #dce9e7}.mail-notification-button{align-self:center}.mail-client-head{padding:15px}.mail-client-filter-form{grid-template-columns:minmax(0,1fr) minmax(130px,.7fr) auto;gap:7px}.mail-search-field{grid-column:1/-1}.mail-more-filters>div{width:min(345px,calc(100vw - 58px))}.mail-list-item{padding:12px}.mail-list-main>p{-webkit-line-clamp:2}.mail-client-pagination{align-items:flex-start;flex-direction:column}.mail-client-pagination>div{width:100%;justify-content:space-between}.production-register-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.content{padding-left:10px!important;padding-right:10px!important}.page-head{align-items:flex-start;flex-direction:column}.page-head .page-actions,.page-head .btn{width:100%}.page-head .page-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mail-folders{grid-template-columns:1fr}.mail-folders-note{border-right:0;border-bottom:1px solid #dce9e7;padding-bottom:9px}.mail-folder-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mail-folder-button{grid-template-columns:23px minmax(0,1fr) auto;justify-items:stretch;min-height:38px;padding:0 8px;text-align:left;font-size:10px}.mail-folder-button b{position:static;margin:0}.mail-client-head{align-items:flex-start;flex-direction:column;gap:8px}.mail-client-head-meta{justify-content:flex-start}.mail-client-filter-form{grid-template-columns:1fr 1fr}.mail-account-field{grid-column:1/-1}.mail-attachments-filter{min-width:0;padding:0 7px}.mail-attachments-filter span{display:none}.mail-more-filters>div{grid-template-columns:1fr;width:calc(100vw - 44px)}.mail-client-filter-form>.btn,.mail-filter-reset{width:100%;grid-column:auto}.mail-list-item{grid-template-columns:31px minmax(0,1fr);gap:8px;padding:11px}.mail-list-actions{grid-column:2;justify-content:flex-end;margin-top:-1px}.mail-list-title{gap:5px}.mail-list-title time{font-size:8px}.mail-list-tags{margin-top:6px}.mail-project-chip{max-width:210px}.mail-client-pagination>div{gap:5px}.mail-client-pagination .action-btn{flex:1 1 0;font-size:9px}.mail-compose-modal,.mail-message-modal,.mail-assignment-modal{width:calc(100vw - 12px);max-height:calc(100vh - 12px)}.mail-message-body{padding:13px;max-height:calc(100vh - 190px)}.mail-message-fields{grid-template-columns:1fr}.mail-message-fields .wide{grid-column:auto}.mail-compose-modal footer,.mail-message-modal footer,.mail-assignment-modal footer{padding:11px}.mail-compose-modal footer .btn,.mail-message-modal footer .btn,.mail-assignment-modal footer .btn{flex:1 1 auto}.mail-assignment-body{padding:0 13px 13px}.production-register-summary{grid-template-columns:1fr 1fr!important}.production-register-summary>div,.production-summary>div{padding:11px!important}.production-inline-form{grid-template-columns:1fr!important}.production-inline-form .wide{grid-column:auto!important}}
/* v20.60 — compact mail-client controls and non-jarring partial refreshes */
#mailClientShell{contain:layout paint;animation:az-mail-panel-in .18s ease-out}
@keyframes az-mail-panel-in{from{opacity:.72;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}
.mail-client-filter-form{grid-template-columns:minmax(220px,1.45fr) minmax(160px,.72fr) auto auto auto auto}
.mail-more-filters>div{grid-template-columns:repeat(3,minmax(132px,1fr));width:510px}
.mail-more-filters select{max-width:100%}
.mail-folder-button{transition:color .15s ease,background .15s ease,border-color .15s ease,transform .15s ease}
.mail-folder-button:not(.active):hover{transform:translateX(2px)}
.mail-folder-button[data-mail-folder="spam"] .mail-folder-icon{color:#a85932;background:#fff1ea}
.mail-folder-button[data-mail-folder="deleted"] .mail-folder-icon{color:#9c4a4a;background:#fff0f0}
.mail-folder-button[data-mail-folder="archive"] .mail-folder-icon{color:#5b6a96;background:#eef1ff}
.mail-list-item{transition:background .16s ease,box-shadow .16s ease,opacity .16s ease}
.mail-list-item:focus-visible,.mail-folder-button:focus-visible,.mail-compose-button:focus-visible,.mail-notification-button:focus-visible{outline:3px solid rgba(24,141,129,.24);outline-offset:2px}
.mail-client-head-meta>span{padding:5px 8px;border:1px solid #dceae7;border-radius:999px;background:#fff;color:#527377}
.mail-more-filters[open]>div{animation:az-mail-filter-in .14s ease-out}
@keyframes az-mail-filter-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.mail-client-filter-form{grid-template-columns:minmax(160px,1fr) minmax(130px,.72fr) auto auto}.mail-client-filter-form>.btn{grid-column:auto}.mail-filter-reset{grid-column:auto}.mail-more-filters>div{grid-template-columns:repeat(2,minmax(145px,1fr));width:365px}}
@media(max-width:820px){.mail-folder-list{grid-template-columns:repeat(3,minmax(0,1fr))}.mail-client-filter-form{grid-template-columns:minmax(0,1fr) minmax(130px,.72fr) auto}.mail-more-filters>div{grid-template-columns:1fr 1fr;width:min(390px,calc(100vw - 58px))}}
@media(max-width:560px){.mail-folder-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mail-client-filter-form{grid-template-columns:1fr 1fr}.mail-more-filters>div{grid-template-columns:1fr;width:calc(100vw - 44px)}.mail-more-filters summary{width:100%}}
.mail-project-field select{width:100%;min-height:35px;font-size:10px}
@media(max-width:820px){.mail-project-field{grid-column:1/-1}}

/* v20.61 — unified controls, live mail filtering and monthly task planner */
.btn,.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 14px;border:1px solid transparent;border-radius:11px;font-family:inherit;font-size:11px;font-weight:800;letter-spacing:.005em;line-height:1.1;box-shadow:0 2px 0 rgba(17,46,49,.025);text-decoration:none}.btn:disabled,.action-btn:disabled{cursor:not-allowed;opacity:.48;transform:none!important}.btn.primary{border-color:#d89000;color:#2f2102;background:linear-gradient(135deg,#ffd85d 0%,#f4aa05 100%);box-shadow:0 8px 17px rgba(206,143,0,.2)}.btn.primary:hover{border-color:#b97800;color:#261a00;background:linear-gradient(135deg,#ffe27c 0%,#f3a400 100%);box-shadow:0 12px 23px rgba(206,143,0,.25)}.btn.secondary{border-color:#d7e4e1;color:#38575a;background:linear-gradient(180deg,#fff 0%,#f8fbfa 100%);box-shadow:0 4px 10px rgba(20,62,61,.045)}.btn.secondary:hover{border-color:#9dcac4;color:#075f58;background:#f2fbf8;box-shadow:0 9px 18px rgba(18,102,93,.11)}.btn.danger{border-color:#efcbc5;color:#a13d31;background:linear-gradient(180deg,#fffafa,#fff3f1);box-shadow:0 4px 11px rgba(159,60,48,.06)}.btn.danger:hover{border-color:#db9489;color:#862d24;background:#fff0ee}.action-btn{min-height:33px;padding:0 10px;border-color:#d9e5e2;color:#486367;background:linear-gradient(180deg,#fff,#f7fbfa);font-size:10px;box-shadow:none}.action-btn:hover{border-color:#82beb6;color:#075f58;background:#eefaf7;box-shadow:0 6px 13px rgba(16,102,92,.11)}.action-btn[data-edit],.action-btn.action-edit{border-color:#ead29c;color:#87600a;background:#fffaf0}.action-btn[data-edit]:hover,.action-btn.action-edit:hover{border-color:#d7ad4d;color:#684902;background:#fff3d5}.action-btn[data-delete],.action-btn.action-delete,.action-btn.danger-text{border-color:#efd0cb;color:#a34235;background:#fff8f7}.action-btn[data-delete]:hover,.action-btn.action-delete:hover,.action-btn.danger-text:hover{border-color:#dc958b;color:#8a3026;background:#fff0ee}.action-btn.primary-action{border-color:#b8ded8;color:#086f66;background:linear-gradient(135deg,#e5f8f4,#f7fffc)}.action-btn.primary-action:hover{border-color:#74bdb4;color:#075f58;background:#d8f4ed}.actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.data-table .actions{min-width:max-content}.btn:focus-visible,.action-btn:focus-visible{outline:3px solid rgba(23,143,130,.22);outline-offset:2px}

.mail-client-filter-form{gap:9px;padding:13px 14px;border-top:1px solid rgba(255,255,255,.74);background:linear-gradient(115deg,#f7fbfa,#fffdf9)}.mail-search-field,.mail-account-field select,.mail-project-field select{min-height:38px!important;border-radius:11px!important}.mail-client-filter-form>.btn{min-height:38px}.mail-filter-reset{min-height:38px;padding:0 10px;border:1px solid transparent;border-radius:10px;color:#6d8082;background:transparent;font-size:10px}.mail-filter-reset:hover{border-color:#d5e5e1;color:#086f66;background:#effaf7}.mail-more-filters{min-width:142px}.mail-more-filters summary{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:38px;padding:0 10px;border-color:#d6e5e1;border-radius:11px;color:#365f61;background:linear-gradient(180deg,#fff,#f4faf8);box-shadow:0 3px 9px rgba(19,80,73,.045);font-size:10px;font-weight:820}.mail-more-filters summary::before{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;content:'☷';border:1px solid #c9e3de;border-radius:7px;color:#08796f;background:#eaf7f4;font-size:14px;line-height:1}.mail-more-filters summary::after{float:none;margin:0 0 0 auto;content:'⌄';color:#548080;font-size:15px;line-height:1;transition:transform .16s ease}.mail-more-filters:hover summary{border-color:#97cbc4;color:#075f58;background:#f2fbf8}.mail-more-filters[open] summary{border-color:#65b8ae;border-radius:11px 11px 0 0;color:#075f58;background:linear-gradient(135deg,#e3f7f1,#f8fffd);box-shadow:0 7px 15px rgba(18,104,94,.12)}.mail-more-filters[open] summary::after{transform:rotate(180deg)}.mail-more-filters>div{top:37px;right:0;grid-template-columns:repeat(2,minmax(145px,1fr));gap:10px;width:365px;padding:13px;border-color:#8fcac2;border-radius:12px 0 12px 12px;background:linear-gradient(145deg,#fff,#f6fbfa);box-shadow:0 18px 38px rgba(24,73,68,.18)}.mail-more-filters label{gap:6px;color:#5c7779;font-size:9px;letter-spacing:.02em}.mail-more-filters select{min-height:35px;border-radius:9px;font-size:10px}.mail-attachments-filter{min-height:38px;border-radius:11px}.mail-client-head-meta>span{min-height:29px;display:inline-flex;align-items:center}

.month-dashboard{margin:0 0 16px;padding:18px;border:1px solid #d8e7e3;border-radius:19px;background:radial-gradient(circle at 100% 0,rgba(249,192,55,.15),transparent 29%),linear-gradient(145deg,#fff,#f6fbfa);box-shadow:0 10px 26px rgba(20,62,59,.055)}.month-dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.month-dashboard-head>div:first-child>span,.month-schedule-card header span{display:block;color:#0a8075;font-size:9px;font-weight:900;letter-spacing:.075em}.month-dashboard-head h2{margin:5px 0 3px;color:#223f42;font-size:20px;letter-spacing:-.035em}.month-dashboard-head p{margin:0;color:#708488;font-size:10px;line-height:1.5}.month-dashboard-nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.month-dashboard-nav .action-btn{min-width:34px;padding:0 8px;font-size:15px}.month-dashboard-nav strong{min-width:142px;color:#294a4d;font-size:12px;text-align:center;text-transform:capitalize}.month-dashboard-today{min-height:33px;padding:0 10px;border:1px solid #e6c771;border-radius:9px;color:#795300;background:#fff8df;cursor:pointer;font:inherit;font-size:10px;font-weight:820}.month-dashboard-today:hover{border-color:#d7a832;background:#ffefb7}.month-dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:15px 0}.month-dashboard-metrics>div{min-width:0;padding:10px 11px;border:1px solid #deebe8;border-radius:12px;background:rgba(255,255,255,.78)}.month-dashboard-metrics span,.month-dashboard-metrics strong{display:block}.month-dashboard-metrics span{overflow:hidden;color:#7a8d90;font-size:9px;font-weight:790;text-overflow:ellipsis;white-space:nowrap}.month-dashboard-metrics strong{overflow:hidden;margin-top:5px;color:#1d6861;font-size:17px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.month-dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(255px,.34fr);gap:12px;align-items:stretch}.month-calendar-card,.month-schedule-card{border:1px solid #dceae7;border-radius:15px;background:#fff;overflow:hidden}.month-calendar-scroll{overflow-x:auto}.month-calendar-grid{min-width:650px}.month-calendar-weekdays,.month-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:#e6efed}.month-calendar-weekdays{background:#eef5f3}.month-calendar-weekdays span{padding:8px 5px;color:#6d8384;font-size:9px;font-weight:850;text-align:center;text-transform:uppercase}.month-calendar-day{position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:112px;padding:8px;border:0;background:#fff;color:#263f42;cursor:pointer;text-align:left}.month-calendar-day:hover{z-index:1;background:#fbfffd;box-shadow:inset 0 0 0 1px #99d0c8}.month-calendar-day:focus-visible{z-index:2;outline:3px solid rgba(22,141,128,.23);outline-offset:-3px}.month-calendar-day.is-empty{min-height:112px;background:#f9fbfa;cursor:default}.month-calendar-day.is-today{background:linear-gradient(145deg,#fffdf4,#fff8e7)}.month-calendar-day.is-selected{box-shadow:inset 0 0 0 2px #159588;background:linear-gradient(145deg,#effbf8,#fff)}.month-calendar-date{color:#385559;font-size:11px;font-weight:880}.month-calendar-count{position:absolute;top:7px;right:7px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;color:#0b7169;background:#e2f5f0;font-size:8px;font-weight:900}.month-calendar-count:empty{display:none}.month-calendar-items{display:grid;gap:4px;margin-top:6px}.month-task-chip{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:4px;min-width:0;padding:4px;border:1px solid #d9e8e4;border-radius:7px;color:#315458;background:#f7fbfa;cursor:pointer;font:inherit;text-align:left}.month-task-chip:hover{border-color:#75beb5;box-shadow:0 3px 8px rgba(25,103,94,.08)}.month-task-chip time{overflow:hidden;color:#087c71;font-size:8px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.month-task-chip span{display:block;overflow:hidden;font-size:8px;font-weight:750;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.month-task-chip.is-urgent{border-color:#efc4bd;background:#fff5f3}.month-task-chip.is-urgent time{color:#b34737}.month-task-chip.is-high{border-color:#e8d196;background:#fffaf0}.month-task-chip.is-high time{color:#9c720d}.month-task-chip.is-overdue{border-color:#edc0bb;background:#fff2f0}.month-task-chip.is-overdue time{color:#b0382d}.month-task-chip.is-completed{border-color:#cce6d8;background:#f1fbf5}.month-task-chip.is-completed time{color:#277957}.month-task-more{justify-self:start;padding:1px 0;border:0;color:#0c7b70;background:transparent;cursor:pointer;font:inherit;font-size:8px;font-weight:850}.month-task-more:hover{color:#075f58;text-decoration:underline}.month-schedule-card{display:flex;flex-direction:column}.month-schedule-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:13px;border-bottom:1px solid #e4edeb;background:linear-gradient(135deg,#f3fbf8,#fffdf6)}.month-schedule-card h3{margin:4px 0 0;color:#2b4d50;font-size:13px;text-transform:capitalize}.month-schedule-card header b{display:grid;place-items:center;min-width:26px;height:26px;border-radius:9px;color:#087b70;background:#dbf3ed;font-size:11px}.month-schedule-list{display:grid;gap:6px;min-height:144px;padding:10px}.month-schedule-row{display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:8px;border:1px solid #dce9e6;border-radius:10px;color:#304e51;background:#fff;cursor:pointer;font:inherit;text-align:left}.month-schedule-row:hover{border-color:#82c1b8;background:#f3fbf8}.month-schedule-row time{color:#087c71;font-size:9px;font-weight:900}.month-schedule-row span{min-width:0}.month-schedule-row strong,.month-schedule-row small{display:block}.month-schedule-row strong{overflow:hidden;color:#345357;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.month-schedule-row small{overflow:hidden;margin-top:2px;color:#7b8d90;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.month-schedule-row em{color:#7c8e90;font-size:8px;font-style:normal;white-space:nowrap}.month-schedule-row.is-urgent,.month-schedule-row.is-overdue{border-left:3px solid #d9604e}.month-schedule-row.is-high{border-left:3px solid #dda92a}.month-schedule-row.is-completed{border-left:3px solid #42a97d}.month-schedule-empty{display:grid;place-items:center;min-height:110px;padding:14px;color:#7b8d90;font-size:10px;text-align:center}.month-schedule-card>p{margin:auto 10px 10px;padding-top:9px;border-top:1px solid #edf2f1;color:#849496;font-size:8px;line-height:1.45}

@media(max-width:1100px){.month-dashboard-layout{grid-template-columns:1fr}.month-schedule-card{min-height:0}.month-schedule-list{grid-template-columns:repeat(2,minmax(0,1fr))}.month-schedule-empty{grid-column:1/-1}}
@media(max-width:760px){.month-dashboard{padding:14px;border-radius:16px}.month-dashboard-head{flex-direction:column}.month-dashboard-nav{justify-content:flex-start;width:100%}.month-dashboard-nav strong{flex:1;text-align:center}.month-dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.month-calendar-grid{min-width:610px}.month-calendar-day{min-height:99px;padding:6px}.month-calendar-day.is-empty{min-height:99px}.month-schedule-list{grid-template-columns:1fr}.month-schedule-row{min-height:48px}}
@media(max-width:560px){.month-dashboard{margin-inline:-1px}.month-calendar-scroll{overflow:visible}.month-calendar-grid{min-width:0}.month-calendar-weekdays{display:none}.month-calendar-days{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;background:transparent}.month-calendar-day{min-height:106px;border:1px solid #e1ece9;border-radius:11px;background:#fff}.month-calendar-day.is-empty{display:none}.month-calendar-day.is-selected{box-shadow:inset 0 0 0 2px #159588}.month-calendar-date::after{margin-left:4px;color:#7f8f91;font-size:8px;font-weight:700;content:'день'}.month-calendar-items{gap:3px}.month-schedule-card header{padding:12px}.month-dashboard-nav .action-btn{min-height:34px}.month-dashboard-today{min-height:34px}}
@media(max-width:390px){.month-dashboard-metrics{grid-template-columns:1fr}.month-dashboard-nav strong{min-width:116px;font-size:11px}.month-calendar-days{grid-template-columns:1fr}.month-calendar-day{min-height:92px}}

/* v20.62 — linked client/project cards and subcontractor cost control */
.linked-document-list{display:grid;gap:7px;margin:10px 0}.linked-document-row,.project-document-row{display:grid;grid-template-columns:minmax(104px,.55fr) minmax(0,1.35fr) minmax(135px,.75fr);align-items:center;gap:9px;width:100%;padding:9px 10px;border:1px solid #dce9e6;border-radius:10px;color:#315358;background:#fbfdfd;cursor:pointer;font:inherit;text-align:left;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.linked-document-row:hover,.project-document-row:hover{border-color:#86c4bb;background:#f2fbf8;box-shadow:0 5px 13px rgba(18,94,85,.07)}.linked-document-row span,.project-document-row span{overflow:hidden;color:#0a7b71;font-size:9px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.linked-document-row strong,.project-document-row strong{overflow:hidden;color:#314f52;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.linked-document-row small,.project-document-row small{display:flex;align-items:center;justify-content:flex-end;gap:5px;color:#7c8e91;font-size:9px;text-align:right}.linked-document-row .status,.project-document-row .status{font-size:8px}
.document-category-head .mini-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.project-documents-section{margin-top:14px}.project-document-registry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.project-document-group{min-width:0;padding:10px;border:1px solid #e0ebe8;border-radius:12px;background:#fcfefd}.project-document-group h4{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;color:#335257;font-size:11px}.project-document-group h4 span{display:grid;place-items:center;min-width:21px;height:21px;border-radius:999px;color:#08766d;background:#e0f4ef;font-size:9px}.project-document-group .project-document-row{margin-top:6px;grid-template-columns:1fr;gap:3px}.project-document-group .project-document-row small{justify-content:flex-start;text-align:left}
.project-products-section{margin-top:14px}.project-product-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:12px}.project-product-card{min-width:0;padding:13px;border:1px solid #d9e8e5;border-radius:15px;background:linear-gradient(145deg,#fff,#f6fbfa);box-shadow:0 6px 16px rgba(20,76,70,.04)}.project-product-card-head{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:9px}.project-product-thumb{display:grid;place-items:center;overflow:hidden;width:46px;height:46px;border:1px solid #d2e5e1;border-radius:12px;color:#19796f;background:#edf8f5}.project-product-thumb img{width:100%;height:100%;object-fit:cover}.project-product-thumb-icon{width:21px;height:21px}.project-product-card-head>div:nth-child(2){min-width:0}.project-product-card-head strong,.project-product-card-head span{display:block}.project-product-card-head strong{overflow:hidden;color:#27474a;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.project-product-card-head span{display:flex;align-items:center;gap:5px;overflow:hidden;margin-top:3px;color:#74878a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.project-product-card-head .status{font-size:8px}.project-product-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:11px}.project-product-facts>div{min-width:0;padding:7px 8px;border:1px solid #e1ece9;border-radius:9px;background:rgba(255,255,255,.72)}.project-product-facts span,.project-product-facts b{display:block}.project-product-facts span{overflow:hidden;color:#7b8d90;font-size:8px;font-weight:780;text-overflow:ellipsis;white-space:nowrap}.project-product-facts b{overflow:hidden;margin-top:3px;color:#275155;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.project-product-description{min-height:31px;margin:10px 0 0;color:#63797c;font-size:10px;line-height:1.5}.project-product-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid #e6efed}.project-product-foot span{color:#789093;font-size:9px}.project-cost-overview-value{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid #dbe9e6;border-radius:11px;background:linear-gradient(135deg,#f1fbf8,#fffdf8)}.project-cost-overview-value span{color:#638083;font-size:10px}.project-cost-overview-value strong{color:#176961;font-size:20px}.product-subcontractor-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;padding:9px 10px;border:1px solid #d6e8e3;border-radius:11px;background:#f5fbf9}.product-subcontractor-summary span,.product-subcontractor-summary strong{display:block}.product-subcontractor-summary span{color:#748a8c;font-size:9px;font-weight:800;text-transform:uppercase}.product-subcontractor-summary strong{margin-top:3px;color:#1a645d;font-size:11px}
.subcontractor-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:13px}.subcontractor-card{min-width:0;padding:15px;border:1px solid #d7e7e4;border-radius:16px;background:linear-gradient(145deg,#fff,#f5fbfa);box-shadow:0 7px 18px rgba(20,72,66,.045);cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.subcontractor-card:hover,.subcontractor-card:focus-visible{border-color:#79bfb5;box-shadow:0 13px 28px rgba(18,99,90,.11);outline:0;transform:translateY(-2px)}.subcontractor-card header{display:flex;align-items:flex-start;gap:10px}.subcontractor-avatar{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #a9d4cc;border-radius:13px;color:#075f58;background:linear-gradient(145deg,#dbf5ef,#bee8df);font-size:16px;font-weight:900}.subcontractor-card header>div:nth-child(2){min-width:0;flex:1}.subcontractor-card header strong,.subcontractor-card header span{display:block}.subcontractor-card header strong{overflow:hidden;color:#29464a;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.subcontractor-card header span{overflow:hidden;margin-top:3px;color:#73878a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.subcontractor-card .status{margin-left:auto;white-space:nowrap}.subcontractor-card-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:13px;padding-top:11px;border-top:1px solid #e3eeec}.subcontractor-card-meta span,.subcontractor-card-meta b{display:block}.subcontractor-card-meta span{overflow:hidden;color:#77898c;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.subcontractor-card-meta b{overflow:hidden;margin-top:3px;color:#24524f;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.subcontractor-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;color:#74888a;font-size:9px}.subcontractor-card footer span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subcontractor-card footer span:last-child{flex:0 0 auto;color:#08766d;font-weight:850}.subcontractor-cost-breakdown{display:grid;gap:7px}.subcontractor-cost-breakdown>div{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px 10px;border:1px solid #e0ebe8;border-radius:10px;background:#fbfdfd}.subcontractor-cost-breakdown span{color:#637a7d;font-size:10px}.subcontractor-cost-breakdown strong{color:#1c665f;font-size:12px}
@media(max-width:760px){.linked-document-row,.project-document-row{grid-template-columns:1fr;gap:3px}.linked-document-row small,.project-document-row small{justify-content:flex-start;text-align:left}.project-document-registry{grid-template-columns:1fr}.project-product-cards{grid-template-columns:1fr}.project-product-card-head{grid-template-columns:42px minmax(0,1fr)}.project-product-card-head .action-btn{grid-column:1/-1;width:100%}.project-product-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.project-product-foot{align-items:flex-start;flex-direction:column}.project-product-foot .action-btn{width:100%}.product-subcontractor-summary{align-items:flex-start;flex-direction:column}.product-subcontractor-summary .action-btn{width:100%}.subcontractor-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.document-category-head .mini-actions{justify-content:flex-start;margin-top:7px}}
@media(max-width:480px){.subcontractor-summary-grid{grid-template-columns:1fr}.project-product-facts{grid-template-columns:1fr}.document-category-head .mini-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.document-category-head .mini-actions .action-btn{width:100%}}

.client-mail-timeline{display:grid;gap:7px}.client-mail-timeline-row{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:10px;border:1px solid #dce9e6;border-radius:10px;color:#315257;background:#fbfdfd;cursor:pointer;font:inherit;text-align:left;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.client-mail-timeline-row:hover{border-color:#80c2b8;background:#f1fbf8;box-shadow:0 5px 13px rgba(19,101,91,.07)}.client-mail-direction{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;color:#08776e;background:#e2f5ef;font-size:14px;font-weight:900}.client-mail-direction.outgoing{color:#8b630c;background:#fff3d4}.client-mail-timeline-row>div{min-width:0}.client-mail-timeline-row strong,.client-mail-timeline-row small{display:block}.client-mail-timeline-row strong{overflow:hidden;color:#304d51;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.client-mail-timeline-row small{overflow:hidden;margin-top:3px;color:#778b8d;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.client-mail-timeline-row time{color:#74878a;font-size:9px;white-space:nowrap}
@media(max-width:560px){.client-mail-timeline-row{grid-template-columns:25px minmax(0,1fr)}.client-mail-timeline-row time{grid-column:2;color:#849496;font-size:8px}}

/* v20.64 — EridanPack-inspired blue CRM design system */
:root{
  --navy:#0d347a;
  --navy2:#16478f;
  --blue:#1677e8;
  --blue2:#eaf5ff;
  --primary:#1677e8;
  --primary-strong:#0f62c6;
  --primary-soft:#eaf5ff;
  --bg:#f6fbff;
  --card:#ffffff;
  --text:#153462;
  --muted:#6b7f99;
  --line:#dceafa;
  --border:#dceafa;
  --soft:#f1f8ff;
  --green:#198a66;
  --greenbg:#eaf8f2;
  --orange:#a96c05;
  --orangebg:#fff5df;
  --red:#bd464d;
  --redbg:#fff1f2;
  --shadow:0 18px 42px rgba(21,70,137,.10);
  --shadow-sm:0 8px 20px rgba(21,70,137,.07);
}

html{background:var(--bg);scrollbar-color:#8ec5fa #eaf4ff}
body{
  background:
    radial-gradient(circle at 88% 0,rgba(50,162,226,.12),transparent 25%),
    linear-gradient(180deg,#fbfdff 0,#f6fbff 250px,#f6fbff 100%);
  color:var(--text);
}
button,input,select,textarea{font-family:"Montserrat",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
button,.btn,.action-btn,.nav-item,.tab-btn,.project-row,.kanban-card,.entity-card{transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(22,119,232,.20);outline-offset:2px}
::selection{background:#c9e8ff;color:#10346e}

/* Application frame */
.login-screen{
  background:
    radial-gradient(circle at 78% 12%,rgba(50,162,226,.24),transparent 24%),
    linear-gradient(142deg,#082a65 0%,#0d4f9e 54%,#1477d8 100%);
}
.login-screen::after{border-color:rgba(143,211,255,.38);box-shadow:0 0 0 55px rgba(102,193,255,.05),0 0 0 110px rgba(102,193,255,.03)}
.login-card{border-color:rgba(177,220,255,.72);box-shadow:0 36px 105px rgba(4,32,75,.36)}
.login-card::before{background:linear-gradient(90deg,#32a2e2,#1677e8,#0d4ca5)}
.pilot-badge{color:#0d64b7;border-color:#b7ddfb;background:#edf8ff}
.credentials{background:#f6fbff;border-color:#d9eafa;color:#627993}
.logo-mark,.avatar{color:#fff;background:linear-gradient(145deg,#32a2e2,#1268ce);box-shadow:0 7px 18px rgba(20,111,213,.22)}

.sidebar{
  position:relative;
  background:linear-gradient(180deg,#ffffff 0%,#f8fcff 72%,#eef7ff 100%);
  color:var(--text);
  border-right:1px solid #dceafa;
  box-shadow:12px 0 34px rgba(28,91,154,.045);
}
.sidebar::after{
  inset:auto 0 0 0;
  height:170px;
  opacity:.58;
  background:
    linear-gradient(145deg,transparent 0 43%,rgba(50,162,226,.23) 43.3% 43.9%,transparent 44.2%),
    linear-gradient(33deg,transparent 0 50%,rgba(22,119,232,.16) 50.3% 50.9%,transparent 51.2%),
    radial-gradient(circle at 12% 82%,rgba(22,119,232,.16),transparent 45%);
  mask-image:linear-gradient(transparent,#000 33%);
}
.brand{position:relative;z-index:1;border-bottom-color:#e2eef9}
.brand .brand-copy strong{color:#10376d}
.brand .brand-copy span{color:#358bd2}
.company-logo-sidebar{border-color:#cfe6fb;background:#fff;box-shadow:0 9px 22px rgba(17,96,177,.07)}
.nav-section-label{color:#398fd5}
.nav-item{color:#526a8a;border-color:transparent}
.nav-item>span:first-child{color:#217fe0;background:#edf7ff}
.nav-item:hover{color:#0d4f9c;background:#edf7ff;border-color:#d5eafe;transform:translateX(2px)}
.nav-item.active{color:#fff;background:linear-gradient(135deg,#1684eb,#1268ce);border-color:#2b91ef;box-shadow:0 10px 22px rgba(17,112,222,.22)}
.nav-item.active>span:first-child{color:#1677e8;background:rgba(255,255,255,.92)}
.sidebar-bottom{background:linear-gradient(180deg,transparent 0%,rgba(247,252,255,.92) 22%)}
.user-mini{border-top-color:#dceafa}
.user-mini strong{color:#173965}.user-mini span{color:#6d86a4}

.topbar{background:rgba(255,255,255,.90);border-bottom-color:#dceafa;box-shadow:0 8px 24px rgba(18,92,166,.055)}
.mobile-menu{color:#124a92;border-color:#d7eafa;background:#fff}
.search{background:#f6fbff;border-color:#d7eafa}
.search>span{color:#1677e8}.search:focus-within{background:#fff;border-color:#72b8f5;box-shadow:0 0 0 4px rgba(22,119,232,.11)}
.search input::placeholder{color:#8397b2}
.save-state{color:#168a67}.save-state::before{background:#2bab84;box-shadow:0 0 0 4px rgba(43,171,132,.12)}
.content{position:relative}
.content::before{position:absolute;right:22px;top:10px;z-index:-1;width:250px;height:170px;pointer-events:none;content:"";opacity:.55;background:linear-gradient(135deg,transparent 0 45%,rgba(50,162,226,.12) 45.4% 46%,transparent 46.4%),linear-gradient(25deg,transparent 0 53%,rgba(22,119,232,.10) 53.3% 54%,transparent 54.3%)}

/* Controls and emphasis */
.btn.primary{color:#fff;border-color:#1269cd;background:linear-gradient(135deg,#2d9bea 0%,#1677e8 58%,#0f62c6 100%);box-shadow:0 9px 19px rgba(20,111,216,.21)}
.btn.primary:hover{color:#fff;border-color:#0d5ab8;background:linear-gradient(135deg,#42aaf0,#1677e8 60%,#0b57b5);box-shadow:0 13px 25px rgba(16,102,204,.27)}
.btn.secondary{color:#294d7b;border-color:#d4e7f9;background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:0 4px 10px rgba(22,98,177,.045)}
.btn.secondary:hover{color:#0e63c1;border-color:#8fc8f7;background:#eef8ff;box-shadow:0 9px 18px rgba(20,111,216,.12)}
.btn.danger{border-color:#f0c9cd;color:#a63d45;background:#fff8f8}.btn.danger:hover{border-color:#db8e96;color:#8c2b34;background:#fff0f1}
.action-btn{border-color:#d5e7f8;color:#416184;background:linear-gradient(180deg,#fff,#f6fbff)}
.action-btn:hover{border-color:#86c2f2;color:#0e64c2;background:#edf8ff;box-shadow:0 6px 13px rgba(18,104,203,.11)}
.action-btn.primary-action{border-color:#b8dcfa;color:#0e66c6;background:linear-gradient(135deg,#e8f6ff,#f8fcff)}
.action-btn.primary-action:hover{border-color:#78b9ee;color:#0a56aa;background:#dff2ff}
.action-btn[data-edit],.action-btn.action-edit{border-color:#d7e8f8;color:#2166a5;background:#f2f9ff}
.action-btn[data-edit]:hover,.action-btn.action-edit:hover{border-color:#96c9f3;color:#0e5cae;background:#e3f3ff}
.count-pill,.dashboard-count,.file-count-badge,.group-pill{color:#0e66bd;border-color:#c5e2fb;background:#eaf6ff}
.link-button,.task-title-link,.inline-file-link,.table-file-links a,.info-item a{color:#126dcc}.link-button:hover,.task-title-link:hover,.inline-file-link:hover,.table-file-links a:hover,.info-item a:hover{color:#0b56a9}

input,select,textarea{border-color:#d6e7f8;background:#fff;color:var(--text)}
input:hover,select:hover,textarea:hover{border-color:#afdaf9}
input:focus,select:focus,textarea:focus{border-color:#5eafea;box-shadow:0 0 0 4px rgba(22,119,232,.11)}
.checkbox-field{background:#f7fbff;border-color:#d9eafa}.checkbox-field input{accent-color:#1677e8}
.form-grid input[readonly]{background:#f2f8fd;color:#617892}
.file-form-field input[type=file],.product-image-wrap,.product-list-image{border-color:#d7e9f9;background:#f7fbff}

/* Shared content surfaces */
.eyebrow{color:#1677e8}.eyebrow::before{background:linear-gradient(90deg,#1677e8,#65c4f1)}
.page-head h1{color:#133b76}.page-head p{color:#6b7f99}
.card,.entity-card,.setting-card,.detail-section,.client-summary>div,.production-summary>div,.calc-kpi-grid>div,.team-summary-card,.team-member-grid .team-member-card,.subcontractor-card,.project-product-card{
  border-color:#dceafa;
  box-shadow:var(--shadow-sm);
}
.entity-card:hover,.notification-card:hover,.team-member-card:hover,.document-category:hover,.subcontractor-card:hover,.project-product-card:hover{border-color:#9acdf6;box-shadow:0 14px 34px rgba(19,103,191,.11)}
.card-head,.section-head{border-bottom-color:#e1edf9}.card-head h3,.section-head h3{color:#183d74}.section-head p,.card-head p{color:#71849d}
.stat::before,.client-summary>div::before,.production-summary>div::before,.calc-kpi-grid>div::before{background:linear-gradient(90deg,#1677e8,#65c5f3 68%,transparent)}
.stat strong{color:#173d76}.stat span,.client-summary>div>span:first-child,.production-summary span,.calc-kpi-grid span{color:#71859f}
.activity-icon,.team-member-avatar,.timeline-icon,.file-icon,.document-category-head span{color:#0e67c6;border-color:#c9e5fb;background:#eaf6ff}
.team-member-avatar{color:#fff;background:linear-gradient(145deg,#32a2e2,#1268cf)}
.progress,.mini-progress .progress{background:#e8f1fa}.progress i{background:linear-gradient(90deg,#1677e8,#38abe9);box-shadow:0 0 10px rgba(22,119,232,.20)}

.table-card,.subtable{border-color:#dceafa;box-shadow:var(--shadow-sm)}
.data-table th{color:#56708f;background:linear-gradient(180deg,#f7fbff,#eff7ff);border-bottom-color:#dceafa}
.data-table td{color:#294b78;border-bottom-color:#e9f1fa}.data-table tbody tr:nth-child(even) td{background:#fcfeff}
.data-table tr:hover td,.dashboard-task-row:hover td,.production-table-wrap tr[data-open-production]:hover td,.product-list-table tbody tr:hover td{background:#eff8ff}
.data-table tr:focus-visible{outline-color:#1677e8}
.subtable-title{color:#1c467f;background:#f2f8fe;border-bottom-color:#dceafa}
.selected-record td,.product-select-row.selected-record td,.selectable-list-row.selected-record td{background:#e8f5ff!important;border-color:#76bdf2!important}
.relation-badge{color:#1665ac;background:#eef7ff;border-color:#cae5fa}

.tabs{border-bottom-color:#dceafa}.tab-btn{color:#667d9a}.tab-btn:hover{color:#126dcc;background:#edf7ff}.tab-btn.active{color:#126dcc;border-bottom-color:#1677e8}
.workspace-main-tabs,.workspace-menu-tabs{background:rgba(255,255,255,.95);border-color:#dceafa;box-shadow:var(--shadow-sm)}
.workspace-main-tabs .tab-btn,.workspace-menu-tabs .tab-btn{color:#58728f;border-color:#dceafa;background:#f7fbff}
.workspace-main-tabs .tab-btn:hover,.workspace-menu-tabs .tab-btn:hover{color:#0e64c2;border-color:#9dcef5;background:#eef8ff}
.workspace-main-tabs .tab-btn.active,.workspace-menu-tabs .tab-btn.active{color:#fff;border-color:#1269cd;background:linear-gradient(135deg,#2692eb,#1269cf);box-shadow:0 7px 17px rgba(20,111,216,.18)}
.client-sub-tabs{background:#f6fbff}

.info-item,.employee-info-item,.employee-notes,.employee-workload-list>div,.employee-activity-toolbar,.project-document-group,.subcontractor-cost-breakdown>div{border-color:#dceafa;background:#f9fcff}
.notes-box{border-color:#beddf8;background:#f7fbff}
.timeline-item,.compact-feed-item,.project-comment{border-color:#e3eef9}.timeline-item{border-left-color:#36a7e6;background:#fff}
.legacy-note,.inline-note,.task-filter-banner{color:#1d5f9f;border-color:#baddf7;background:#eef8ff}.task-filter-banner strong{color:#174b80}
.calculated-field.highlight{border-color:#bde6d0;background:#effaf5}.calculation-breakdown .breakdown-total,.section-total{border-color:#c7e5fb;background:#eaf6ff}
.product-preview-facts>div,.product-list-preview,.sales-main-document,.production-good-output,.related-sales-card{border-color:#dceafa;background:#f8fcff}

/* Project boards, documents and communication */
.kanban-col,.kanban-column,.calculation-kanban-column{border-color:#d6e8f9;background:#eef7ff}
.kanban-head{color:#244f83}.kanban-card{border-top-color:#36a7e6;box-shadow:0 5px 14px rgba(19,94,171,.08)}
.kanban-card:hover{border-color:#92c8f2;box-shadow:0 12px 28px rgba(19,103,191,.12)}
.drag-over,.kanban-column.drag-over{outline-color:#1677e8;background:#e2f4ff}
.linked-document-row,.project-document-row,.client-mail-timeline-row{border-color:#d7e9f9;color:#315b8c;background:#fbfdff}
.linked-document-row:hover,.project-document-row:hover,.client-mail-timeline-row:hover{border-color:#8cc7f4;background:#eff8ff;box-shadow:0 5px 13px rgba(18,104,203,.09)}
.linked-document-row span,.project-document-row span,.client-mail-direction{color:#0e67c6;background:#e7f5ff}
.linked-document-row strong,.project-document-row strong,.client-mail-timeline-row strong{color:#254c7c}
.project-document-group h4,.project-product-card-head strong{color:#264d7e}.project-document-group h4 span{color:#0d66c5;background:#e2f4ff}
.project-product-card{background:linear-gradient(145deg,#fff,#f6fbff)}
.project-product-thumb{color:#1677e8;border-color:#cfe5f9;background:#edf7ff}
.project-product-facts>div{border-color:#dfeefa;background:rgba(255,255,255,.8)}
.project-cost-overview-value{border-color:#d4e8fa;background:linear-gradient(135deg,#edf8ff,#fff)}
.project-cost-overview-value strong,.product-subcontractor-summary strong{color:#126bc9}
.product-subcontractor-summary{border-color:#d4e8fa;background:#f2f9ff}
.client-mail-direction.outgoing{color:#966006;background:#fff4db}

/* Full mail client, team and calendar use the same primary blue */
.mail-compose-project,.mail-inbox-intro,.mail-message-body,.mail-more-filters>div{border-color:#cce5fa;background:linear-gradient(135deg,#eef8ff,#fcfeff)}
.mail-compose-project b,.mail-inbox-intro strong,.mail-field-optional,.mail-open-button,.mail-message-delivery,.mail-message-fields span,.mail-task-more,.month-dashboard-head>div:first-child>span,.month-schedule-card header span{color:#0e67c6}
.mail-contact-chips{border-color:#d5e8f8;background:#fbfdff}.mail-contact-chips button{border-color:#c9e5fa;color:#1267c4;background:#edf8ff}.mail-contact-chips button:hover{border-color:#86c4f2;background:#e0f2ff}
.mail-attachments-filter,.mail-open-button{border-color:#cce5fa;color:#23659d;background:#fff}.mail-attachments-filter:hover,.mail-open-button:hover{border-color:#86c4f2;color:#0e5eae;background:#eff8ff}.mail-attachments-filter.is-active{border-color:#50a5e8;color:#0c5fb2;background:linear-gradient(135deg,#def2ff,#f8fcff)}
.mail-inbox-stats>div,.team-summary-card{border-color:#d6e9f9;background:linear-gradient(145deg,#fff,#f4faff);box-shadow:0 7px 17px rgba(20,91,166,.05)}
.mail-inbox-stats strong,.team-summary-card strong{color:#164a88}.mail-inbox-delivery{color:#0f68c6;background:#e7f5ff}.mail-inbox-delivery.sent{color:#9c680d;background:#fff3d8}
.team-member-grid .team-member-card{background:linear-gradient(150deg,#fff,#f5fbff)}
.team-member-grid .team-member-card:hover,.team-member-grid .team-member-card:focus-visible,.subcontractor-card:hover,.subcontractor-card:focus-visible{border-color:#8ac8f3;box-shadow:0 13px 28px rgba(18,99,190,.12)}
.team-avatar,.subcontractor-avatar{color:#fff;border-color:#86c9f4;background:linear-gradient(145deg,#32a2e2,#1269cf)}
.team-member-grid .team-member-main strong,.team-member-kpi b,.subcontractor-card header strong,.subcontractor-card-meta b{color:#234c80}
.team-card-open,.subcontractor-card footer span:last-child{color:#0e67c6}
.team-profile-hero{border-color:#cde6fa;background:linear-gradient(135deg,#edf8ff,#fff)}
.team-profile-hero h2,.team-profile-hero-stats b{color:#164b89}.team-profile-hero-stats>div{border-color:#d7eafa;background:rgba(255,255,255,.76)}
.employee-workload-list b,.employee-mini-activity span,.employee-activity-toolbar b{color:#126bc9}

.month-dashboard{border-color:#d4e8f9;background:radial-gradient(circle at 100% 0,rgba(50,162,226,.17),transparent 29%),linear-gradient(145deg,#fff,#f4faff);box-shadow:0 10px 26px rgba(20,91,166,.06)}
.month-dashboard-head h2{color:#1b467e}.month-dashboard-metrics>div,.month-calendar-card,.month-schedule-card{border-color:#dceafa}.month-dashboard-metrics strong{color:#126bc9}
.month-calendar-weekdays{background:#eff7ff}.month-calendar-days{background:#dfedf9}.month-calendar-weekdays span{color:#6080a0}.month-calendar-day{color:#284f80}.month-calendar-day:hover{background:#f5fbff;box-shadow:inset 0 0 0 1px #91c9f4}.month-calendar-day.is-today{background:linear-gradient(145deg,#f4fbff,#e9f6ff)}.month-calendar-day.is-selected{box-shadow:inset 0 0 0 2px #1684e7;background:linear-gradient(145deg,#eaf6ff,#fff)}
.month-calendar-count{color:#0e66c2;background:#e0f2ff}.month-task-chip{border-color:#d6e9f9;color:#315b8d;background:#f8fcff}.month-task-chip:hover{border-color:#8cc7f2;box-shadow:0 3px 8px rgba(18,104,203,.09)}.month-task-chip time,.month-task-more,.month-schedule-row time{color:#126bc9}
.month-schedule-card header{border-bottom-color:#e0edf9;background:linear-gradient(135deg,#f0f9ff,#fff)}.month-schedule-card h3,.month-schedule-row strong{color:#294f81}.month-schedule-card header b{color:#0e67c6;background:#e0f3ff}.month-schedule-row{border-color:#dceafa}.month-schedule-row:hover{border-color:#8ec8f3;background:#f1f9ff}

/* Overlays and responsive finishing */
.modal-backdrop{background:rgba(7,37,81,.62)}
.modal{border-color:rgba(101,180,238,.42);box-shadow:0 34px 90px rgba(5,37,86,.28)}
.modal::before{background:linear-gradient(90deg,#32a2e2,#1677e8,#0e56b5)}
.modal header{background:linear-gradient(180deg,#f5fbff,#fff);border-bottom-color:#dceafa}.modal header span{color:#146dc9}
.icon-close{color:#315b8c;border-color:#d6e8f8;background:#f3f9ff}.icon-close:hover{color:#0d5dac;border-color:#9acdf3;background:#e6f4ff}
.toast{border-color:rgba(117,192,247,.42);background:#103b7b;box-shadow:0 18px 46px rgba(6,41,94,.26)}.toast b{color:#fff;background:linear-gradient(145deg,#3ab1eb,#1269cf)}
.pilot-notice{color:#815a10;border-color:#f0d18a;background:#fff8e7}.empty{color:#71849c;border-color:#bfdcf5;background:rgba(255,255,255,.76)}

@media(max-width:760px){
  .sidebar{box-shadow:20px 0 48px rgba(6,49,109,.16)}
  .topbar{height:68px}
  .content{padding:15px}
  .page-head h1{font-size:25px}
  .workspace-main-tabs,.workspace-menu-tabs{border-radius:13px}
  .btn.primary{box-shadow:0 7px 15px rgba(20,111,216,.18)}
}

/* v20.65 — classification, document search and clear staff context */
.counterparty-filter-bar,.project-document-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 16px;padding:14px 16px;border:1px solid #d5e8f8;border-radius:16px;background:linear-gradient(135deg,#f0f9ff,#fff);box-shadow:0 7px 18px rgba(18,96,181,.045)}
.counterparty-filter-copy{display:grid;gap:3px;min-width:0}.counterparty-filter-copy strong{color:#214c82}.counterparty-filter-copy span{font-size:12px;color:#6f849d}
.counterparty-filter-controls{display:flex;align-items:flex-end;justify-content:flex-end;gap:9px;flex-wrap:wrap}.counterparty-filter-controls label,.project-document-search{display:grid;gap:5px;font-size:11px;font-weight:750;letter-spacing:.02em;color:#587391}.counterparty-filter-controls select,.project-document-search input{min-width:156px;height:36px;padding:0 30px 0 11px;border:1px solid #c9e1f5;border-radius:10px;color:#244b78;background:#fff;box-shadow:0 2px 5px rgba(18,89,164,.035)}
.counterparty-filter-controls select:focus,.project-document-search input:focus{outline:none;border-color:#60abe4;box-shadow:0 0 0 3px rgba(51,153,225,.13)}
.counterparty-filter-reset{height:36px;padding:0 12px;border:1px solid #cee5f7;border-radius:10px;color:#2366a6;background:#fff;font-weight:700;cursor:pointer}.counterparty-filter-reset:hover{border-color:#8fc8f0;background:#edf8ff}
.counterparty-group-chip,.counterparty-subgroup-chip{display:inline-flex;align-items:center;min-height:25px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:750;white-space:nowrap}.counterparty-group-chip{border:1px solid #bde0f7;color:#145f9f;background:#e7f5ff}.counterparty-subgroup-chip{border:1px solid #dae6f3;color:#57708e;background:#f6f9fd}
.staff-role-preview{display:flex;align-items:center;gap:5px;margin-top:6px;color:#647b95}.staff-role-preview::before{content:'Посада:';font-size:11px;color:#8496aa}.staff-role-preview strong{color:#1b64a2;font-size:11px}.staff-role-preview:empty{display:none}
.project-document-toolbar{align-items:center}.project-document-toolbar>div:first-child{min-width:0}.project-document-toolbar h3{margin:0;color:#254d80}.project-document-toolbar p{margin:4px 0 0;font-size:12px;color:#6a829c}.project-document-search{position:relative;flex:0 1 305px}.project-document-search input{width:100%;min-width:220px;padding-right:35px}.project-document-search-actions{position:absolute;right:7px;bottom:5px;display:flex;align-items:center;gap:3px}.project-document-search-actions button{width:26px;height:26px;border:0;border-radius:8px;color:#3873a7;background:transparent;cursor:pointer}.project-document-search-actions button:hover{color:#125f9f;background:#e4f3ff}
.project-document-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:5px}.project-document-file-names{display:block;margin-top:6px;color:#7187a0;font-size:11px;line-height:1.45}.project-document-search-empty{margin:12px 0 0;padding:13px 15px;border:1px dashed #bddbf3;border-radius:12px;color:#69819c;background:#f8fcff;font-size:13px}.project-document-group[hidden],.project-document-row[hidden],.project-document-search-empty[hidden]{display:none!important}

@media(max-width:920px){
  .counterparty-filter-bar,.project-document-toolbar{align-items:stretch;flex-direction:column}
  .counterparty-filter-controls{justify-content:flex-start}.project-document-search{width:100%;max-width:none}.project-document-search input{min-width:0}
}
@media(max-width:560px){
  .counterparty-filter-bar,.project-document-toolbar{padding:12px;border-radius:13px}.counterparty-filter-controls{display:grid;grid-template-columns:1fr 1fr;width:100%}.counterparty-filter-controls label{min-width:0}.counterparty-filter-controls select{min-width:0;width:100%}.counterparty-filter-reset{grid-column:1/-1;width:100%}
}

/* v20.66 — readable desktop navigation and calm workspace surfaces */
:root{--az-navy:#0d2d5d;--az-navy-deep:#08254e;--az-blue:#1677e8;--az-cyan:#32a2e2;--az-canvas:#f5f8fc;--az-ink:#132f59;--az-muted:#6a809b;--az-line:#dce7f3;--az-shadow:0 12px 30px rgba(20,63,119,.07)}
body{background:var(--az-canvas);color:var(--az-ink)}
.app{grid-template-columns:264px minmax(0,1fr);background:var(--az-canvas)}
.sidebar{position:sticky;top:0;width:auto;height:100vh;padding:18px 14px 13px;color:#e8f2ff;border:0;background:linear-gradient(180deg,var(--az-navy-deep) 0%,var(--az-navy) 54%,#0b356d 100%);box-shadow:12px 0 30px rgba(7,32,72,.13)}
.sidebar::after{display:none}.brand{position:relative;min-height:69px;padding:0 8px 16px;border-bottom:1px solid rgba(184,215,249,.18)}.company-logo-sidebar{flex:0 0 50px;width:50px;height:50px;padding:5px;border:1px solid rgba(187,224,255,.22);border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(0,11,34,.18)}.brand .brand-copy{min-width:0}.brand .brand-copy strong{color:#fff;font-size:14px;letter-spacing:.025em}.brand .brand-copy span{color:#94c8f2;font-size:10px;font-weight:700;letter-spacing:.05em}.sidebar-close{color:#cce7ff;border-color:rgba(184,221,255,.23);background:rgba(255,255,255,.07)}.sidebar-close:hover{color:#fff;border-color:rgba(110,191,245,.58);background:rgba(52,162,226,.22)}
.sidebar nav{display:grid;grid-auto-rows:min-content;gap:3px;flex:1;min-height:0;margin:14px -3px 0;padding:0 3px 9px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(122,191,239,.42) transparent}.nav-section-label{margin:13px 9px 4px;color:#79bced;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.nav-section-label:first-child{margin-top:3px}
.nav-item{position:relative;min-height:40px;padding:0 10px;border:1px solid transparent;border-radius:10px;color:#d8eaff;font-size:12px;font-weight:700;letter-spacing:0;text-shadow:none}.nav-item>span:first-child,.nav-item .nav-icon-wrap{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;margin:0;color:#a9d2f4!important;background:transparent!important}.nav-icon{width:17px;height:17px}.nav-item:hover{color:#fff;border-color:rgba(127,197,244,.22);background:rgba(255,255,255,.09);transform:none}.nav-item.active{color:#fff;border-color:rgba(96,191,248,.5);background:linear-gradient(135deg,#1e91eb,#1672d8);box-shadow:0 7px 18px rgba(0,13,42,.27)}.nav-item.active::before{position:absolute;left:-4px;top:9px;bottom:9px;width:3px;border-radius:0 4px 4px 0;content:"";background:#6ad2ff;box-shadow:0 0 12px rgba(106,210,255,.8)}.nav-item.active>span:first-child,.nav-item.active .nav-icon-wrap{color:#fff!important}.nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-group-row{gap:3px}.nav-group-row .nav-parent{min-width:0;flex:1}.nav-group-toggle{flex:0 0 35px!important;width:35px!important;min-height:40px!important;border-color:rgba(141,204,246,.17)!important;border-radius:10px!important;color:#add4f1!important;background:rgba(255,255,255,.06)!important}.nav-group-toggle:hover,.nav-group-toggle:focus-visible{border-color:rgba(112,199,246,.47)!important;color:#fff!important;background:rgba(50,162,226,.22)!important;transform:none!important}.nav-submenu{border-left-color:rgba(114,190,237,.25)!important}.nav-subitem{color:#c1def3!important}.nav-subitem:hover,.nav-subitem.active{color:#fff!important;background:rgba(255,255,255,.09)!important}.nav-document-count{color:#8dc8ef!important;background:rgba(255,255,255,.1)!important}
.sidebar-bottom{margin:10px -3px -3px;padding:10px 3px 0;border-top:1px solid rgba(183,216,248,.18);background:transparent}.sidebar-bottom .nav-item{margin-bottom:4px}.user-mini{padding:10px 7px;border-top:0}.user-mini strong{color:#fff;font-size:11px}.user-mini span{color:#9dc9eb;font-size:10px}.avatar{width:34px;height:34px;border:1px solid rgba(176,222,255,.36);background:linear-gradient(145deg,#2aa2e7,#1462bd);box-shadow:none}.sidebar-logout{min-height:38px;margin-top:4px;border-color:rgba(255,255,255,.14);border-radius:10px;color:#cce4f8;background:rgba(255,255,255,.045);font-size:11px;font-weight:750}.sidebar-logout:hover{border-color:rgba(124,200,246,.48);color:#fff;background:rgba(255,255,255,.1)}
.main{background:var(--az-canvas)}.topbar{height:72px;padding:0 30px;border-bottom:1px solid var(--az-line);background:rgba(255,255,255,.94);box-shadow:0 4px 16px rgba(16,55,106,.035);backdrop-filter:blur(10px)}.search{max-width:400px;border-color:#d9e6f3;border-radius:10px;background:#f7faff}.search:focus-within{border-color:#74b9ec;background:#fff;box-shadow:0 0 0 4px rgba(22,119,232,.1)}.search svg{color:#4f85b8}.search input{font-size:12px}.top-actions{gap:10px}.save-state{color:#298b6c;font-size:11px}.btn,.action-btn{font-size:11px;border-radius:10px}.btn.primary{min-height:40px;padding-inline:16px;border-color:#1268ce;background:#1677e8;box-shadow:0 8px 16px rgba(22,119,232,.2)}.btn.primary:hover{border-color:#0e5ebd;background:#116bd1;box-shadow:0 10px 22px rgba(22,104,207,.25)}.btn.secondary{border-color:#d9e6f2;color:#315778;background:#fff;box-shadow:none}.btn.secondary:hover{border-color:#9fcbed;color:#0e5fac;background:#f3faff}.action-btn{border-color:#d9e6f2;color:#406282;background:#fff}.action-btn:hover{border-color:#8dc2ed;color:#0d5fae;background:#f2f9ff}
.content{padding:27px 30px 34px}.content::before{display:none}.page-head{margin-bottom:22px}.eyebrow{color:#1b78db;font-size:10px}.page-head h1{color:#102f5b;font-size:29px;letter-spacing:-.035em}.page-head p{color:#6f849e}.stats{gap:14px}.stat,.client-summary>div,.production-summary>div,.calc-kpi-grid>div{border-color:#e1ebf5;border-radius:15px;background:#fff;box-shadow:var(--az-shadow)}.stat strong{color:#123967}.card,.table-card,.detail-section,.entity-card,.setting-card{border-color:#e0eaf4;border-radius:15px;background:#fff;box-shadow:var(--az-shadow)}.card-head,.section-head{padding:17px 19px;border-bottom-color:#e9f0f7}.data-table th{padding:13px 15px;color:#55718e;background:#f3f8fc;border-bottom-color:#dfeaf4;font-size:10px}.data-table td{padding:13px 15px;color:#294b71;border-bottom-color:#edf2f7;font-size:12px}.data-table tbody tr:nth-child(even) td{background:#fcfdff}.data-table tr:hover td{background:#f2f8ff}.toolbar,.counterparty-filter-bar,.project-document-toolbar{border-color:#dfeaf4;background:#fff;box-shadow:var(--az-shadow)}
.status{font-size:10px}.tabs{border-bottom-color:#deeaf4}.tab-btn{padding:11px 13px;color:#627b96}.tab-btn.active{color:#126acb;border-bottom-color:#1677e8}.workspace-main-tabs,.workspace-menu-tabs{border-color:#dfeaf4;background:#fff;box-shadow:var(--az-shadow)}
@media(max-width:1100px){.app{grid-template-columns:232px minmax(0,1fr)}.sidebar{padding-inline:11px}.topbar{padding-inline:20px}.content{padding-inline:20px}.nav-item{font-size:11px}.nav-section-label{font-size:8px}}
@media(max-width:760px){.app{display:block}.sidebar{position:fixed;left:-290px;width:272px;height:100dvh;padding:16px 13px;transition:left .22s ease,box-shadow .22s ease}.sidebar.open{left:0;box-shadow:22px 0 45px rgba(3,23,57,.32)}.sidebar nav{margin-top:12px}.topbar{height:64px;padding:0 12px;gap:10px}.mobile-menu{display:grid;place-items:center;width:37px;height:37px;border:1px solid #d8e6f3;border-radius:10px;color:#185d9f;background:#fff}.search{min-width:0;max-width:none}.search input{min-width:0}.top-actions .secondary,.save-state{display:none}.top-actions .btn{min-height:36px;padding:0 11px}.content{padding:17px 13px 28px}.page-head h1{font-size:25px}.stats{gap:10px}.card-head,.section-head{padding:14px}.data-table th,.data-table td{padding-inline:12px}}
@media(max-width:480px){.topbar{gap:7px}.mobile-brand{display:none}.search{padding-inline:9px}.search input{font-size:0}.search input:focus{font-size:12px}.search input::placeholder{font-size:12px}.top-actions .btn.primary{min-width:38px;padding:0 9px}.top-actions .btn.primary span{display:none}.content{padding-inline:10px}.page-head{gap:12px}.page-head .page-actions{grid-template-columns:1fr}.page-head .btn{width:100%}.stats{grid-template-columns:1fr 1fr}.counterparty-filter-controls{grid-template-columns:1fr}.counterparty-filter-reset{grid-column:auto}}

/* Client request intake: clear defaults, a typed counterparty and multi-user sharing. */
.request-static-field>span{display:flex;align-items:center;min-height:44px;padding:10px 13px;border:1px solid #b9e1cf;border-radius:10px;background:#effaf4;color:#177354;font-weight:800}.request-static-field .field-hint{margin-top:1px}.request-mail-field.is-hidden{display:none}.request-mail-field.is-visible{display:grid}.request-counterparty-field input{background:#fbfdff}.request-share-field{min-width:0;margin:0;padding:13px;border:1px solid #dce8f2;border-radius:12px;background:#fbfdff}.request-share-field legend{padding:0 5px;font-size:13px;font-weight:700;color:#294b71}.request-user-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:194px;overflow:auto;padding:3px}.request-user-options label{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:9px;border:1px solid #e2ebf3;border-radius:9px;background:#fff;cursor:pointer;font-weight:500}.request-user-options label:hover{border-color:#91c6ef;background:#f3f9ff}.request-user-options input{width:16px;height:16px;margin:0;accent-color:#1677e8}.request-user-options b,.request-user-options small{display:block}.request-user-options b{font-size:12px;color:#24496d}.request-user-options small{margin-top:2px;font-size:10px;color:#7288a0}.request-share-field>.field-hint{display:block;margin:9px 3px 0}@media(max-width:620px){.request-user-options{grid-template-columns:1fr}.request-share-field{padding:10px}.request-static-field>span{min-height:41px}}
.sales-source-mail{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:-8px 0 16px;padding:12px 15px;border:1px solid #b7d9f5;border-radius:12px;background:linear-gradient(90deg,#eff8ff,#fbfdff);color:#165b96;font-size:13px;font-weight:750}.sales-source-mail span{display:inline-flex;align-items:center;gap:6px}.sales-source-mail span:before{content:'✉';font-size:16px}.comment-audience-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;margin-top:10px}.comment-audience-grid fieldset{min-width:0;margin:0;padding:10px;border:1px solid #dbe7f2;border-radius:10px;background:#fbfdff}.comment-audience-grid legend{padding:0 5px;color:#315778;font-size:12px;font-weight:800}.comment-audience-grid label{display:flex;align-items:center;gap:7px;padding:4px 1px;font-size:12px;font-weight:600;cursor:pointer}.comment-audience-grid input{width:15px;height:15px;accent-color:#1677e8}.comment-audience-note{display:block;margin-top:8px;color:#627b96;font-size:11px}.task-kanban-col.is-new-column{border-color:#b9d9f7;background:#f6fbff}.task-kanban-card.is-new-task{border-color:#72b7ee;box-shadow:0 8px 22px rgba(22,119,232,.14)}.task-kanban-card.is-new-task h4:before{content:'НОВЕ';display:inline-block;margin-right:6px;padding:3px 6px;border-radius:999px;background:#e6f4ff;color:#1167bb;font-size:9px;letter-spacing:.05em;vertical-align:2px}@media(max-width:620px){.comment-audience-grid{grid-template-columns:1fr}.sales-source-mail{align-items:flex-start}}
.sales-lineage-banner{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-8px 0 16px;padding:10px 14px;border:1px solid #d5e7f8;border-radius:12px;background:#f8fbff;color:#58728d;font-size:12px}.sales-lineage-banner>span{font-weight:850;color:#173e67}.sales-lineage-banner i{color:#88a3bc;font-style:normal}.lineage-source{display:inline-flex;margin-left:8px;padding:3px 7px;border-radius:999px;background:#edf6ff;color:#1d67a7;font-size:10px;font-weight:800}.task-request-context{margin-bottom:16px;border-color:#c9e1f7;background:linear-gradient(130deg,#f3f9ff,#fff)}.task-request-context-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:8px}.task-request-context-grid div{display:grid;gap:4px}.task-request-context-grid span{color:#71849a;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.task-request-context-grid strong{color:#183d62;font-size:13px}.task-request-context-description{margin:14px 0 0;padding:11px 13px;border-radius:10px;background:#fff;color:#36526c;white-space:pre-wrap}@media(max-width:760px){.task-request-context-grid{grid-template-columns:1fr 1fr}}@media(max-width:470px){.task-request-context-grid{grid-template-columns:1fr}}

/* v20.80 — linked product workspace and persistent CRM tab tray */
.calculation-product-workspace{overflow:hidden}.calculation-product-context{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:13px 16px;border-bottom:1px solid #e0ecf6;background:linear-gradient(115deg,#f3f9ff,#fff)}.calculation-product-context span{display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:4px 10px;border:1px solid #d7e7f5;border-radius:999px;color:#5c7692;background:#fff;font-size:11px}.calculation-product-context b{color:#174d85}.calculation-product-list{display:grid;gap:10px;padding:16px}.calculation-product-card{display:grid;grid-template-columns:minmax(190px,1fr) auto auto;align-items:center;gap:18px;padding:15px 16px;border:1px solid #d8e7f5;border-radius:14px;background:linear-gradient(135deg,#fff,#f7fbff);box-shadow:0 7px 17px rgba(20,77,138,.045)}.calculation-product-card:hover{border-color:#9bcaee;box-shadow:0 10px 24px rgba(20,101,183,.09)}.calculation-product-card>div:first-child{display:grid;gap:4px;min-width:0}.calculation-product-card strong{overflow:hidden;color:#163f6e;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.calculation-product-card small{overflow:hidden;color:#71869d;text-overflow:ellipsis;white-space:nowrap}.calculation-product-card-kicker{color:#1672cb;font-size:10px;font-weight:850;letter-spacing:.065em;text-transform:uppercase}.calculation-product-card-metrics{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.calculation-product-card-metrics span{display:grid;gap:2px;min-width:72px;padding:6px 9px;border-left:1px solid #e1edf7;color:#7890a8;font-size:10px}.calculation-product-card-metrics b{color:#174d84;font-size:12px}.calculation-product-empty{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:16px;padding:17px;border:1px dashed #afcee8;border-radius:14px;background:linear-gradient(125deg,#f4faff,#fff)}.calculation-product-empty strong{color:#184a7e}.calculation-product-empty p{max-width:680px;margin:5px 0 0;color:#6c8299;font-size:12px;line-height:1.5}.tooling-subcontractor-cell{display:grid;gap:5px;align-items:start;min-width:142px}.tooling-subcontractor-cell .link-button{justify-content:flex-start;padding:0;border:0;color:#1769b9;background:transparent;font-size:11px;font-weight:800;text-align:left}.tooling-subcontractor-cell small{color:#6e849b;font-size:10px;line-height:1.35}.tooling-subcontractor-cell .action-btn{justify-self:start;padding:5px 8px;font-size:10px}

.workspace-tab-tray{position:fixed;z-index:45;right:18px;bottom:13px;left:282px;display:flex;align-items:center;gap:6px;max-width:calc(100vw - 300px);min-height:52px;padding:7px 8px;overflow-x:auto;border:1px solid rgba(183,211,235,.92);border-radius:15px;background:rgba(255,255,255,.93);box-shadow:0 13px 34px rgba(17,61,112,.18);backdrop-filter:blur(13px);scrollbar-width:thin;scrollbar-color:#a6cbe9 transparent}.workspace-tab-tray.hidden{display:none}.workspace-tab{display:flex;flex:0 0 auto;align-items:stretch;max-width:252px;min-height:36px;overflow:hidden;border:1px solid #d6e4f1;border-radius:10px;color:#54708d;background:#f7faff;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.workspace-tab:hover{border-color:#a9cdea;background:#fff;box-shadow:0 4px 11px rgba(19,90,164,.08)}.workspace-tab.is-active{border-color:#4999d9;color:#174f87;background:linear-gradient(135deg,#edf8ff,#fff);box-shadow:0 5px 14px rgba(22,110,194,.13)}.workspace-tab-open{display:flex;align-items:center;gap:7px;min-width:0;padding:0 8px 0 10px;border:0;color:inherit;background:transparent;cursor:pointer;font:inherit}.workspace-tab-label{overflow:hidden;font-size:11px;font-weight:750;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.workspace-tab-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#9ab2c9}.workspace-tab.is-active .workspace-tab-dot{background:#1680df;box-shadow:0 0 0 3px rgba(22,128,223,.13)}.workspace-tab-close{display:grid;flex:0 0 27px;place-items:center;width:27px;margin:4px 4px 4px 0;padding:0;border:0;border-radius:7px;color:#7890a7;background:transparent;cursor:pointer;font-size:18px;line-height:1}.workspace-tab-close:hover{color:#b43942;background:#ffecee}.content{padding-bottom:105px}

@media(max-width:1100px){.workspace-tab-tray{left:250px;max-width:calc(100vw - 268px)}}
@media(max-width:760px){.calculation-product-card{grid-template-columns:1fr;gap:11px}.calculation-product-card-metrics{width:100%}.calculation-product-card-metrics span{border-left:0;border-right:1px solid #e1edf7}.calculation-product-card .action-btn{width:100%}.calculation-product-empty{align-items:stretch;flex-direction:column}.calculation-product-empty .btn{width:100%}.workspace-tab-tray{right:8px;bottom:8px;left:8px;max-width:calc(100vw - 16px);min-height:48px;padding:6px;border-radius:13px}.workspace-tab{max-width:205px;min-height:34px}.workspace-tab-label{font-size:10px}.workspace-tab-close{flex-basis:25px;width:25px;margin:3px 3px 3px 0}.content{padding-bottom:90px}}

/* v20.74 — calculation stage: qualified counterparty and visible sales context */
.calculation-client-field{display:grid;gap:6px;min-width:0}.calculation-client-label{color:#1c3f68;font-size:13px;font-weight:800}.calculation-client-value{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 9px 8px 13px;border:1px solid #bcd8ef;border-radius:11px;background:linear-gradient(110deg,#f7fbff,#fff)}.calculation-client-value>span{display:grid;gap:2px;min-width:0}.calculation-client-value b{overflow:hidden;color:#183e68;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.calculation-client-value small{color:#70849a;font-size:10px}.calculation-client-value .action-btn{flex:0 0 auto;white-space:nowrap}.calculation-lineage-context{margin-bottom:15px;border-color:#c9e1f4!important;background:linear-gradient(135deg,#f4faff 0%,#fff 58%,#fffbf1 100%)}.calculation-lineage-context .section-head{border-bottom-color:#dcebf6}.calculation-lineage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;padding:16px 19px 4px}.calculation-lineage-grid>div{display:grid;align-content:start;gap:5px;min-width:0;padding:10px 11px;border:1px solid #dce9f3;border-radius:11px;background:rgba(255,255,255,.86)}.calculation-lineage-grid span,.calculation-lineage-notes span{color:#71849a;font-size:10px;font-weight:850;letter-spacing:.045em;text-transform:uppercase}.calculation-lineage-grid strong{overflow-wrap:anywhere;color:#1b4068;font-size:12px}.calculation-lineage-grid small{overflow-wrap:anywhere;color:#70849a;font-size:10px;line-height:1.35}.calculation-lineage-grid .link-button{text-align:left;font-size:12px;line-height:1.35}.calculation-lineage-notes{margin:13px 19px 18px;padding:11px 13px;border:1px solid #dfeaf2;border-radius:11px;background:#fff}.calculation-lineage-notes summary{color:#285179;font-size:12px;font-weight:800;cursor:pointer}.calculation-lineage-notes>div{margin-top:10px}.calculation-lineage-notes p{margin:4px 0 0;color:#48637d;font-size:12px;line-height:1.5;white-space:pre-wrap}@media(max-width:900px){.calculation-lineage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.calculation-client-value{align-items:flex-start;flex-direction:column}.calculation-client-value .action-btn{width:100%}.calculation-lineage-grid{grid-template-columns:1fr;padding:13px}.calculation-lineage-notes{margin:10px 13px 14px}}

/* v20.77 — task clean-up controls stay compact inside the board cards. */
.task-kanban-actions{display:flex;justify-content:flex-end;margin-top:9px;padding-top:9px;border-top:1px solid #e4edf4}.task-kanban-actions .action-btn{min-height:29px;padding-inline:9px;font-size:9px}

/* v20.78 — continuous sales flow, document sending and product workbench. */
.sales-workflow-nav{margin:-7px 0 17px;padding:13px 15px;border:1px solid #cfe2f3;border-radius:15px;background:linear-gradient(135deg,#f5fbff 0%,#fff 60%,#f8fcff 100%);box-shadow:0 7px 18px rgba(23,86,143,.05)}.sales-workflow-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:11px}.sales-workflow-head>div{display:grid;gap:3px}.sales-workflow-head span{color:#1a4777;font-size:12px;font-weight:850;letter-spacing:.015em}.sales-workflow-head small{color:#70849c;font-size:11px;line-height:1.35}.sales-workflow-head>b{display:grid;place-items:center;min-width:37px;height:27px;border:1px solid #c5def2;border-radius:999px;color:#196cc1;background:#e9f5ff;font-size:11px}.sales-workflow-steps{display:flex;align-items:stretch;gap:7px}.sales-workflow-step{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;flex:1;min-width:0;padding:9px 10px;border:1px solid #dce8f2;border-radius:11px;color:#5b718a;background:#fff;text-align:left;cursor:pointer}.sales-workflow-step:not(:disabled):hover{border-color:#86bee9;color:#135fa8;background:#f3faff;box-shadow:0 5px 13px rgba(21,106,192,.1)}.sales-workflow-step:disabled{cursor:default;opacity:.76}.sales-workflow-step.is-current{border-color:#318be0;color:#fff;background:linear-gradient(135deg,#2a91e8,#136bc7);box-shadow:0 7px 16px rgba(18,105,205,.22)}.sales-workflow-step.is-complete{border-color:#bce1d1;color:#177554;background:#f2fbf6}.sales-workflow-step.is-pending{border-style:dashed;background:#fbfcfe}.sales-workflow-index{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;color:#1a71c6;background:#eaf5ff;font-size:11px;font-weight:850}.sales-workflow-step.is-current .sales-workflow-index{color:#1265bd;background:#fff}.sales-workflow-step.is-complete .sales-workflow-index{color:#187355;background:#ddf5e8}.sales-workflow-step b,.sales-workflow-step small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sales-workflow-step b{font-size:11px}.sales-workflow-step small{margin-top:2px;color:#7a8da3;font-size:9px;font-weight:650}.sales-workflow-step.is-current small{color:#d9edff}.sales-workflow-step.is-complete small{color:#619179}.sales-workflow-arrow{display:grid;place-items:center;flex:0 0 11px;color:#82a0bc;font-size:14px;font-style:normal}
.mail-stage-file-picker{min-width:0;margin:0;padding:12px;border:1px solid #d5e6f5;border-radius:12px;background:#fbfdff}.mail-stage-file-picker legend{padding:0 5px;color:#294f78;font-size:12px;font-weight:800}.mail-stage-file-picker>small{display:block;margin-top:9px;color:#73879e;font-size:10px;line-height:1.45}.mail-stage-file-list{display:grid;gap:7px;max-height:220px;overflow:auto;padding:2px}.mail-stage-file-row{display:grid;grid-template-columns:17px 30px minmax(0,1fr);align-items:center;gap:9px;padding:8px 9px;border:1px solid #e0ebf4;border-radius:10px;background:#fff;cursor:pointer}.mail-stage-file-row:hover{border-color:#9dcbed;background:#f4faff}.mail-stage-file-row input{width:16px;height:16px;margin:0;accent-color:#1677e8}.mail-stage-file-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;color:#156bc1;background:#eaf5ff;font-size:8px;font-weight:850}.mail-stage-file-row b,.mail-stage-file-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-stage-file-row b{color:#294c71;font-size:11px}.mail-stage-file-row small{margin-top:2px;color:#778ba2;font-size:9px}.sales-document-mail-note{margin-bottom:12px}
.project-product-workbenches{display:grid;gap:12px}.project-product-workbench{overflow:hidden;border:1px solid #dce8f2;border-radius:14px;background:#fff;box-shadow:0 6px 16px rgba(24,79,136,.045)}.project-product-workbench>summary{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.9fr) auto;align-items:center;gap:13px;padding:13px 15px;list-style:none;cursor:pointer}.project-product-workbench>summary::-webkit-details-marker{display:none}.project-product-workbench>summary:hover{background:#f8fcff}.project-product-workbench[open]>summary{border-bottom:1px solid #e1ebf4;background:linear-gradient(100deg,#f8fcff,#fff)}.project-product-workbench-summary{display:flex;align-items:center;gap:10px;min-width:0}.project-product-workbench-summary .project-product-thumb{flex:0 0 42px;width:42px;height:42px}.project-product-workbench-summary>div:last-child{min-width:0}.project-product-workbench-summary strong,.project-product-workbench-summary span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-product-workbench-summary strong{color:#234a78;font-size:13px}.project-product-workbench-summary span{margin-top:4px;color:#7489a0;font-size:10px}.project-product-workbench-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.project-product-workbench-metrics span{display:grid;gap:3px;min-width:0;padding:7px 8px;border:1px solid #e3edf5;border-radius:9px;color:#778aa0;background:#fff;font-size:9px}.project-product-workbench-metrics b{overflow:hidden;color:#1a5fa6;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.project-product-workbench-toggle{color:#3572aa;font-size:10px;font-weight:800;white-space:nowrap}.project-product-workbench[open] .project-product-workbench-toggle{color:#1773c9}.project-product-workbench-toggle::after{margin-left:5px;content:'⌄';font-size:13px}.project-product-workbench[open] .project-product-workbench-toggle::after{content:'⌃'}.project-product-workbench-body{padding:14px 15px 16px}.project-product-workbench-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;color:#71849b;font-size:11px}.project-product-workbench-actions>div{display:flex;gap:7px;flex-wrap:wrap}.project-product-workbench-grid{display:grid;grid-template-columns:1fr;gap:11px}.project-product-workbench-section{overflow:hidden;border:1px solid #e0ebf4;border-radius:11px;background:#fff}.project-product-workbench-section>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #e7eef5;background:#f8fbfe}.project-product-workbench-section>header>div{display:grid;gap:2px}.project-product-workbench-section>header span{color:#244b78;font-size:12px;font-weight:850}.project-product-workbench-section>header small{color:#778da5;font-size:10px}.project-product-workbench-section .data-table th{padding:9px 10px;font-size:9px}.project-product-workbench-section .data-table td{padding:9px 10px;font-size:10px}.project-product-workbench-section .stage-upload-btn{margin-top:5px}.table-note{display:block;max-width:180px;margin-top:3px;overflow:hidden;color:#778ca4;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1050px){.sales-workflow-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sales-workflow-arrow{display:none}.project-product-workbench>summary{grid-template-columns:minmax(0,1fr) auto}.project-product-workbench-metrics{grid-column:1/-1;grid-row:2}.project-product-workbench-toggle{grid-column:2;grid-row:1}}
@media(max-width:650px){.sales-workflow-nav{margin-top:0;padding:12px}.sales-workflow-head{align-items:center}.sales-workflow-head small{font-size:10px}.sales-workflow-steps{gap:6px}.sales-workflow-step{grid-template-columns:24px minmax(0,1fr);gap:6px;padding:8px}.sales-workflow-index{width:24px;height:24px;font-size:10px}.project-product-workbench>summary{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:11px}.project-product-workbench-metrics{grid-template-columns:1fr 1fr 1fr;gap:5px}.project-product-workbench-metrics span{padding:6px}.project-product-workbench-metrics b{font-size:10px}.project-product-workbench-body{padding:11px}.project-product-workbench-actions{align-items:flex-start;flex-direction:column}.project-product-workbench-actions>div{width:100%}.project-product-workbench-actions .action-btn{flex:1}.mail-stage-file-picker{padding:10px}.mail-stage-file-list{max-height:188px}}
@media(max-width:420px){.sales-workflow-steps{grid-template-columns:1fr}.project-product-workbench-metrics{grid-template-columns:1fr 1fr}.project-product-workbench-metrics span:last-child{grid-column:1/-1}.project-product-workbench-toggle{font-size:0}.project-product-workbench-toggle::after{margin-left:0;font-size:15px}}