/* ConstructNav v0.18.0 — connected procurement workspace */
.cn-procurement-app{--proc-ink:#1d282d;--proc-muted:#68757b;--proc-line:#d5dcdf;--proc-soft:#f4f6f5;--proc-accent:#cfb56f;color:var(--proc-ink);display:grid;gap:16px}
.cn-proc-hero{align-items:center;background:linear-gradient(135deg,#172328,#2e3b40);border-radius:14px;color:#fff;display:flex;gap:24px;justify-content:space-between;overflow:hidden;padding:22px 24px;position:relative}
.cn-proc-hero:after{background:linear-gradient(135deg,transparent,rgba(207,181,111,.18));content:"";inset:0 0 0 65%;pointer-events:none;position:absolute}
.cn-proc-hero>div{position:relative;z-index:1}.cn-proc-hero h2{color:#fff;font-size:25px;letter-spacing:.01em;margin:3px 0 4px}.cn-proc-hero p{color:#dfe5e7;margin:0;max-width:680px}
.cn-proc-eyebrow{color:#e1ca8a;display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.cn-proc-hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.cn-proc-hero-actions .btn{background:#fff;border-color:#fff;color:#1d282d;white-space:nowrap}.cn-proc-hero-actions .btn.primary{background:#cfb56f;border-color:#cfb56f;color:#172126}
.cn-proc-project-info{background:#fff;border:1px solid var(--proc-line);border-radius:12px;display:grid;grid-template-columns:.8fr 1.4fr 1.4fr 1fr;overflow:hidden}
.cn-proc-project-info>div{border-right:1px solid var(--proc-line);min-width:0;padding:13px 15px}.cn-proc-project-info>div:last-child{border-right:0}.cn-proc-project-info span{color:var(--proc-muted);display:block;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.cn-proc-project-info strong{display:block;font-size:14px;margin-top:3px;overflow-wrap:anywhere}
.cn-proc-progress{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.cn-proc-progress>div{align-items:baseline;background:var(--proc-soft);border:1px solid var(--proc-line);border-radius:10px;display:flex;gap:8px;padding:10px 13px}.cn-proc-progress strong{font-size:21px}.cn-proc-progress span{color:var(--proc-muted);font-size:12px;font-weight:700}
.cn-proc-hint{background:#fffaf0;border:1px solid #ead9a9;border-radius:10px;color:#5e5439;font-size:12px;line-height:1.5;padding:11px 13px}
.cn-proc-standard{align-items:end;background:#fff;border:1px solid var(--proc-line);border-radius:10px;display:grid;gap:8px;grid-template-columns:minmax(220px,1fr) auto;padding:11px 13px}.cn-proc-standard label{color:var(--proc-muted);font-size:10px;font-weight:800;grid-column:1/-1;letter-spacing:.08em;text-transform:uppercase}.cn-proc-standard select{background:#fff;border:1px solid #c7cfd2;border-radius:7px;min-height:38px;padding:7px 9px;width:100%}
.cn-proc-sections{display:grid;gap:14px}.cn-proc-section{background:#fff;border:1px solid var(--proc-line);border-radius:12px;box-shadow:0 5px 18px rgba(22,34,39,.04);overflow:hidden}
.cn-proc-section-head{align-items:center;background:#e8ebea;border-bottom:1px solid #bdc6c9;display:flex;gap:18px;justify-content:space-between;padding:9px 12px}.cn-proc-section-head h3{font-size:12px;letter-spacing:.075em;margin:0;text-transform:uppercase}.cn-proc-section-head p{color:#59666c;font-size:11px;margin:3px 0 0}.cn-proc-section-head>div:last-child{display:flex;flex:0 0 auto;gap:6px}.cn-proc-section-head .btn{font-size:11px;padding:6px 9px}
.cn-proc-table-wrap{overflow-x:auto}.cn-proc-table{border-collapse:collapse;min-width:1260px;table-layout:fixed;width:100%}.cn-proc-table th{background:#202b30;color:#fff;font-size:9px;letter-spacing:.075em;padding:8px 9px;text-align:left;text-transform:uppercase}.cn-proc-table th:nth-child(1){width:9%}.cn-proc-table th:nth-child(2){width:17%}.cn-proc-table th:nth-child(3){width:8%}.cn-proc-table th:nth-child(4){width:32%}.cn-proc-table th:nth-child(5),.cn-proc-table th:nth-child(6),.cn-proc-table th:nth-child(7),.cn-proc-table th:nth-child(8){text-align:center;width:6%}.cn-proc-table th:last-child{width:10%}
.cn-proc-table td{border-bottom:1px solid var(--proc-line);border-right:1px solid #e5e9ea;padding:7px;vertical-align:top}.cn-proc-table tbody tr:last-child td{border-bottom:0}.cn-proc-table td:last-child{border-right:0}.cn-proc-table input:not([type=checkbox]),.cn-proc-table select{background:#fff;border:1px solid #c7cfd2;border-radius:6px;color:var(--proc-ink);font:inherit;min-height:36px;padding:7px 8px;width:100%}.cn-proc-table input:focus,.cn-proc-table select:focus,.cn-proc-notes textarea:focus{border-color:#8a793f;box-shadow:0 0 0 3px rgba(207,181,111,.22);outline:0}.cn-proc-description{font-weight:650}.cn-proc-qty{text-align:center}.cn-proc-supplier-info{color:var(--proc-muted);display:block;font-size:9px;line-height:1.35;margin:4px 2px 0;overflow-wrap:anywhere}
.cn-proc-source{color:#536a77;display:block;font-size:9px;line-height:1.35;margin:4px 2px 0;overflow-wrap:anywhere}.cn-proc-source.stale{color:#9b3a2d;font-weight:750}.cn-proc-check-cell{text-align:center}.cn-proc-check-cell label{align-items:center;cursor:pointer;display:inline-flex;flex-direction:column;gap:4px;justify-content:center}.cn-proc-check-cell input{accent-color:#29363b;height:20px;margin:1px;width:20px}.cn-proc-check-cell span{color:var(--proc-muted);display:none;font-size:9px}.cn-proc-action-cell{text-align:center}.cn-proc-action-cell .btn{font-size:10px;padding:7px 8px}
.cn-proc-order-details{margin-top:5px}.cn-proc-order-details summary{color:#596970;cursor:pointer;font-size:10px;font-weight:700;list-style-position:inside}.cn-proc-order-details>div{display:grid;gap:6px;grid-template-columns:1fr 1fr 1.25fr;margin-top:7px}.cn-proc-order-details label{color:var(--proc-muted);font-size:9px;font-weight:700}.cn-proc-order-details input{display:block;font-weight:400;margin-top:3px;min-height:31px!important;padding:5px 6px!important}
.cn-proc-add-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.cn-proc-notes{background:#fff;border:1px solid var(--proc-line);border-radius:12px;padding:13px}.cn-proc-notes label{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;margin-bottom:7px;text-transform:uppercase}.cn-proc-notes textarea{border:1px solid #c7cfd2;border-radius:7px;min-height:105px;padding:10px;resize:vertical;width:100%}
.cn-proc-save-foot{align-items:center;border-top:1px solid var(--proc-line);color:var(--proc-muted);display:flex;font-size:11px;justify-content:space-between;padding-top:13px}
@media(max-width:900px){.cn-proc-hero{align-items:flex-start;flex-direction:column}.cn-proc-hero-actions{justify-content:flex-start;width:100%}.cn-proc-project-info{grid-template-columns:1fr 1fr}.cn-proc-project-info>div:nth-child(2){border-right:0}.cn-proc-project-info>div:nth-child(-n+2){border-bottom:1px solid var(--proc-line)}.cn-proc-progress{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.cn-procurement-app{gap:12px}.cn-proc-hero{border-radius:11px;padding:18px}.cn-proc-hero-actions{display:grid;grid-template-columns:1fr 1fr}.cn-proc-hero-actions .btn.primary{grid-column:1/-1}.cn-proc-standard{grid-template-columns:1fr}.cn-proc-standard label{grid-column:auto}.cn-proc-project-info{grid-template-columns:1fr}.cn-proc-project-info>div{border-bottom:1px solid var(--proc-line);border-right:0}.cn-proc-project-info>div:nth-child(2){border-right:0}.cn-proc-project-info>div:last-child{border-bottom:0}.cn-proc-section-head{align-items:flex-start;flex-direction:column}.cn-proc-table{display:block;min-width:0}.cn-proc-table thead{display:none}.cn-proc-table tbody{display:block}.cn-proc-table tr{display:grid;grid-template-columns:1fr 1fr}.cn-proc-table td{border-right:0;display:block;padding:8px 10px}.cn-proc-table td:before{color:var(--proc-muted);content:attr(data-label);display:block;font-size:8px;font-weight:800;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.cn-proc-table td:nth-child(1),.cn-proc-table td:nth-child(2),.cn-proc-table td:nth-child(3),.cn-proc-table td:nth-child(4),.cn-proc-table td:nth-child(9){grid-column:1/-1}.cn-proc-table td:nth-child(5),.cn-proc-table td:nth-child(6),.cn-proc-table td:nth-child(7),.cn-proc-table td:nth-child(8){align-items:center;display:flex;justify-content:center}.cn-proc-check-cell label{flex-direction:row}.cn-proc-check-cell span{display:inline}.cn-proc-order-details>div{grid-template-columns:1fr}.cn-proc-save-foot{align-items:flex-start;flex-direction:column;gap:9px}}
@media(max-width:430px){.cn-proc-hero-actions{grid-template-columns:1fr}.cn-proc-hero-actions .btn.primary{grid-column:auto}.cn-proc-progress{grid-template-columns:1fr 1fr}.cn-proc-progress>div{padding:8px 10px}.cn-proc-progress strong{font-size:18px}.cn-proc-section-head>div:last-child{display:grid;grid-template-columns:1fr 1fr;width:100%}.cn-proc-section-head .btn{width:100%}.cn-proc-save-foot .btn{width:100%}}