#samples-view .page-head{margin-bottom:24px;align-items:center}#samples-view .page-head h1{font-size:32px;letter-spacing:-.035em}#samples-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}#sample-status-cards{gap:10px;margin:0 0 24px;padding:0 0 4px}#sample-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}#sample-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}#sample-status-cards .status-filter-card>strong{grid-row:2;grid-column:1;justify-self:start;font-size:29px;color:#253f30;font-weight:650}#sample-status-cards .status-filter-card>i{position:absolute;right:14px;bottom:18px;width:18px;height:4px}#sample-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%}#sample-status-cards .status-filter-card.active{border-color:#266747;background:#edf6f0;box-shadow:0 0 0 1px #266747}#sample-status-cards .status-filter-card.active>strong{color:#185c43}#samples-view .project-list-panel{padding:0;border-radius:14px;box-shadow:0 4px 14px #163d2906;border:1px solid #dfe7e1;overflow:hidden}#samples-view .project-toolbar{padding:18px 20px;gap:12px;background:#fff;align-items:center}#samples-view .search-field{height:46px;max-width:none;background:#f8faf8;border-color:#d9e4dc;border-radius:10px}#samples-view .search-field svg{width:19px;height:19px;fill:none;stroke:#657e6c;stroke-width:1.8}#samples-view .search-field input{font-size:13px;background:transparent}#samples-view .project-toolbar select{height:46px;min-width:170px;border-radius:10px;font-size:12px;color:#365340}
#samples-view .project-table{width:100%;min-width:830px;table-layout:fixed}#samples-view .project-table th{padding:15px 20px;background:#eef4ef;color:#526e5c;font-size:11px;font-weight:650;letter-spacing:.04em}#samples-view .project-table th:nth-child(1){width:37%}#samples-view .project-table th:nth-child(2){width:22%}#samples-view .project-table th:nth-child(3){width:13%}#samples-view .project-table th:nth-child(4){width:16%}#samples-view .project-table th:nth-child(5){width:12%}#samples-view .project-table td{padding:20px;vertical-align:middle;font-size:12px;line-height:1.6;border-color:#e8eee9}#samples-view .project-table tbody tr:nth-child(even){background:#fcfdfc}#samples-view .project-table tbody tr:hover{background:#f0f7f2}#samples-view .project-name-cell{gap:7px;min-width:0}#samples-view .project-code{font-size:11px;white-space:nowrap;letter-spacing:.02em}#samples-view .request-product{font-size:14px;font-weight:600;line-height:1.6;color:#294733;overflow-wrap:anywhere}#samples-view .sample-project-code{font-size:12px;color:#375b44;white-space:nowrap;font-weight:600}#samples-view .sample-customer{font-size:12px;color:#5f7566;overflow-wrap:anywhere}#samples-view .sample-handler{display:inline-flex;padding:5px 9px;background:#f1f5f2;border:1px solid #e1e9e3;border-radius:6px;font-size:11px;color:#526e5c}#samples-view .status-pill{font-size:10px;padding:7px 9px;font-weight:650;border-radius:7px;white-space:normal;line-height:1.5}#samples-view .status-pill:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:5px;vertical-align:middle}#samples-view .updated-date{white-space:nowrap;font-size:11px;color:#45604e}#samples-view .updated-time{display:block;font-size:10px;color:#657a6c;margin-top:4px}#samples-view .table-wrap{overflow:auto}#samples-view .project-list-panel{padding-bottom:8px}#samples-view .project-toolbar select{min-width:140px}
@media(max-width:760px){#samples-view .page-head{align-items:stretch;gap:16px}#samples-view .page-head h1{font-size:28px}#sample-status-cards{margin:0 -16px 17px;padding:2px 16px 8px;gap:10px}#sample-status-cards .status-filter-card{flex:0 0 140px;min-height:108px;padding:14px}#samples-view .project-list-panel{border:0;box-shadow:none;background:transparent;overflow:visible;padding:0}#samples-view .project-toolbar{display:grid;grid-template-columns:1fr 1fr;padding:14px;border:1px solid #dfe7e1;border-radius:12px;margin-bottom:14px;gap:10px;align-items:stretch}#samples-view .search-field{grid-column:1/-1;max-width:none;min-width:0;width:100%;height:46px}#samples-view .project-toolbar select{min-width:0;width:100%}#samples-view .project-toolbar:has(#sample-pic-filter.hidden) #sample-status-filter{grid-column:1/-1}#samples-view .project-table,#samples-view .project-table tbody{display:block;min-width:0;width:100%}#samples-view .table-wrap{overflow:visible}#samples-view .project-table thead{display:none}#samples-view .project-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 10px;padding:18px;margin-bottom:14px;border:1px solid #dce7df;border-radius:13px;background:#fff;box-shadow:0 3px 12px #163d2905}#samples-view .project-table td{padding:0;border:0;min-width:0}#samples-view .project-table td:nth-child(1){grid-column:1/-1;grid-row:1;padding-bottom:13px;border-bottom:1px solid #e8eee9}#samples-view .project-table td:nth-child(2){grid-column:1;grid-row:2}#samples-view .project-table td:nth-child(4){grid-column:2;grid-row:2;text-align:right;max-width:125px}#samples-view .project-table td:nth-child(3){grid-column:1;grid-row:3;align-self:end}#samples-view .project-table td:nth-child(5){grid-column:2;grid-row:3;text-align:right}#samples-view .request-product{font-size:15px}#samples-view .sample-project-code{font-size:11px}#samples-view .sample-customer{font-size:12px}#samples-view .status-pill{font-size:10px}#samples-view .updated-date{font-size:10px}#samples-view .updated-time{font-size:10px}#samples-view .sample-handler{font-size:11px}}