#projects-view .page-head{margin-bottom:24px;align-items:center}#projects-view .page-head h1{font-size:32px;letter-spacing:-.035em}#projects-view .page-head .muted{font-size:13px;line-height:1.6}.page-head-actions{display:flex;gap:10px}.page-head-actions button{min-height:44px;font-size:12px;border-radius:10px;padding:12px 17px}#project-status-cards{gap:10px;margin:0 0 24px;padding:0 0 4px}#project-status-cards .status-filter-card{flex:1 0 132px;min-height:110px;grid-template-columns:1fr;gap:12px;padding:16px 15px;background:#fff;box-shadow:0 3px 10px #123c2d05;border-radius:12px;isolation:isolate}#project-status-cards .status-filter-card>span{font-size:11px;text-transform:none;letter-spacing:0;line-height:1.4;color:#50675a;min-height:30px;max-width:105px}#project-status-cards .status-filter-card>strong{grid-row:2;grid-column:1;justify-self:start;font-size:29px;color:#253f30;font-weight:650}#project-status-cards .status-filter-card>i{position:absolute;right:14px;bottom:18px;width:18px;height:4px}#project-status-cards .status-filter-card:after{content:"";position:absolute;z-index:-1;width:65px;height:65px;right:-29px;bottom:-33px;border:11px solid var(--status-color);opacity:.075;border-radius:50%}#project-status-cards .status-filter-card.active{border-color:#266747;background:#edf6f0;box-shadow:0 0 0 1px #266747}#project-status-cards .status-filter-card.active>strong{color:#185c43}#projects-view .project-list-panel{padding:0;border-radius:14px;box-shadow:0 4px 14px #163d2906;border:1px solid #dfe7e1;overflow:hidden}#projects-view .project-toolbar{padding:18px 20px;gap:12px;background:#fff;align-items:center}#projects-view .search-field{height:46px;max-width:none;background:#f8faf8;border-color:#d9e4dc;border-radius:10px}#projects-view .search-field svg{width:19px;height:19px;fill:none;stroke:#657e6c;stroke-width:1.8}#projects-view .search-field input{font-size:13px;background:transparent}#projects-view .project-toolbar select{height:46px;min-width:170px;border-radius:10px;font-size:12px;color:#365340}#projects-view .table-wrap{overflow:auto;padding-bottom:6px}#projects-view .project-table{min-width:1120px;table-layout:fixed}#projects-view .project-table th{font-size:10px;font-weight:650;letter-spacing:.045em;padding:15px 14px;background:#eef4ef;color:#526e5c}#projects-view .project-table th:nth-child(1){width:125px}#projects-view .project-table th:nth-child(2){width:135px}#projects-view .project-table th:nth-child(3){width:160px}#projects-view .project-table th:nth-child(4){width:205px}#projects-view .project-table th:nth-child(5){width:125px}#projects-view .project-table th:nth-child(6){width:145px}#projects-view .project-table th:nth-child(7){width:142px}#projects-view .project-table th:nth-child(8){width:125px}#projects-view .project-table td{padding:20px 14px;vertical-align:middle;font-size:12px;line-height:1.5;border-color:#e8eee9}#projects-view .project-table tbody tr:nth-child(even){background:#fcfdfc}#projects-view .project-table tbody tr:hover{background:#f0f7f2}#projects-view .project-code{white-space:nowrap;font-size:12px;letter-spacing:.01em;font-weight:700}#projects-view .type-label{font-size:10px;font-weight:550;line-height:1.5;display:block;color:#64776a}#projects-view .customer-name{font-size:13px;font-weight:650;overflow-wrap:anywhere;color:#294733}#projects-view .product-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;color:#405c49}#projects-view .products-extra{display:block;margin-top:5px;color:#396d4b;font-size:10px}#projects-view .sales-name{font-size:10px;font-weight:600;color:#506b58;overflow-wrap:anywhere}#projects-view .process-current-label{font-size:11px;line-height:1.6;font-weight:500;color:#5b7061}#projects-view .status-pill{font-size:10px;padding:7px 9px;font-weight:650;border-radius:7px;white-space:normal;line-height:1.45}#projects-view .status-pill:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:5px;vertical-align:middle}#projects-view .updated-date{white-space:nowrap;font-size:11px;color:#45604e}#projects-view .updated-time{display:block;font-size:10px;color:#657a6c;margin-top:3px}#project-rows tr[hidden]{display:none}#project-rows tr:focus-visible{outline:2px solid #247a51;outline-offset:-2px}
@media(min-width:1600px){#projects-view .project-table{min-width:100%;width:100%}}
@media(max-width:760px){#projects-view .page-head{align-items:stretch;gap:17px}#projects-view .page-head h1{font-size:29px}#projects-view .page-head-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}#projects-view .page-head-actions button{width:100%;font-size:11px;padding:12px 9px}#project-status-cards{margin:0 -16px 17px;padding:2px 16px 8px;gap:10px}#project-status-cards .status-filter-card{flex:0 0 140px;min-height:108px;padding:14px}#projects-view .project-list-panel{border:0;box-shadow:none;background:transparent;overflow:visible}#projects-view .project-toolbar{padding:14px;border:1px solid #dfe7e1;border-radius:12px;margin-bottom:14px;gap:10px;align-items:stretch}#projects-view .search-field{flex:auto;width:100%;min-height:46px}#projects-view .project-toolbar select{width:100%}#projects-view .project-table,#projects-view .project-table tbody{display:block;min-width:0;width:100%}#projects-view .table-wrap{overflow:visible;padding:0}#projects-view .project-table thead{display:none}#projects-view .project-table tr{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:11px 12px;padding:18px;margin-bottom:14px;border:1px solid #dce7df;border-radius:13px;background:white;box-shadow:0 3px 12px #163d2905}#projects-view .project-table td{border:0;padding:0;min-width:0}#projects-view .project-table td:nth-child(1){grid-column:1;grid-row:1}#projects-view .project-table td:nth-child(7){grid-column:2;grid-row:1;text-align:right}#projects-view .project-table td:nth-child(2){grid-column:1/-1;grid-row:2;margin-top:-6px}#projects-view .project-table td:nth-child(3){grid-column:1/-1;grid-row:3}#projects-view .project-table td:nth-child(4){grid-column:1/-1;grid-row:4;padding-bottom:12px;border-bottom:1px solid #e8eee9}#projects-view .project-table td:nth-child(6){grid-column:1/-1;grid-row:5;display:flex;gap:8px;align-items:baseline}#projects-view .project-table td:nth-child(6):before{content:"Proses";font-size:10px;color:#6a7c70}#projects-view .project-table td:nth-child(5){grid-column:1;grid-row:6}#projects-view .project-table td:nth-child(5):before{content:"Sales · ";font-size:10px;color:#6a7c70}#projects-view .project-table td:nth-child(8){grid-column:2;grid-row:6;text-align:right}#projects-view .project-code{font-size:12px}#projects-view .customer-name{font-size:16px}#projects-view .product-summary{font-size:12px;line-height:1.7}#projects-view .products-extra{font-size:11px}#projects-view .type-label{font-size:10px}#projects-view .updated-date{font-size:10px}#projects-view .updated-time{font-size:9px}#projects-view .status-pill{font-size:9px;padding:6px 7px}#projects-view .process-current-label{font-size:11px}}

/* Preserve actual product chips and counts; full names remain available in project details. */
#projects-view .project-products{display:flex;flex-wrap:wrap;gap:5px;max-width:100%}#projects-view .project-product-chip{max-width:100%;background:#f0f4f1;color:#405c49;font-size:11px;font-weight:500;line-height:1.5;white-space:normal;overflow-wrap:anywhere;padding:4px 7px;border-radius:5px}#projects-view .project-product-more{font-size:10px;color:#396d4b}#projects-view .project-table tbody tr:focus-visible{outline:2px solid #247a51;outline-offset:-2px}