:root{
  --bg:#f6f3ee; --paper:#fffdfa; --ink:#1d1a17; --ink2:#5d564e; --ink3:#9a9187;
  --line:#e9e2d8; --line2:#f1ece4;
  --rose:#e8505b; --rose-soft:#fde8e6; --plum:#6b4ce6; --plum-soft:#ece8ff;
  --mint:#14a37f; --mint-soft:#e0f5ee; --amber:#d98a00; --amber-soft:#fdf1d8; --sky:#2f7fe0; --sky-soft:#e3efff;
  --r:18px; --r2:12px; --shadow:0 1px 0 rgba(29,26,23,.04),0 10px 30px -18px rgba(29,26,23,.25);
  --font:"HarmonyOS Sans SC","PingFang SC","MiSans","Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif;
  --num:"DIN Alternate","Bahnschrift","SF Pro Display",var(--font);
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--bg);color:var(--ink);font:14px/1.55 var(--font);-webkit-font-smoothing:antialiased;
  background-image:radial-gradient(1200px 600px at 100% -10%,#fbe3df 0,transparent 60%),radial-gradient(900px 500px at -10% 110%,#ebe6ff 0,transparent 55%);background-attachment:fixed}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--plum);outline-offset:2px;border-radius:8px}
.num{font-family:var(--num);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.muted{color:var(--ink3)} .ink2{color:var(--ink2)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- 外壳 ---------- */
.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}
.side{position:sticky;top:0;height:100vh;padding:22px 14px;display:flex;flex-direction:column;gap:4px;
  border-right:1px solid var(--line);background:rgba(255,253,250,.6);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:10px;padding:4px 10px 22px}
.brand-mark{width:30px;height:30px;border-radius:10px;background:var(--ink);display:grid;place-items:center}
.brand-mark i{width:9px;height:18px;border-radius:5px;background:linear-gradient(180deg,#ff8a7a,var(--rose))}
.brand b{font-size:16px;letter-spacing:.04em} .brand small{display:block;font-size:11px;color:var(--ink3);margin-top:-2px}
.nav{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;text-decoration:none;color:var(--ink2);font-weight:500;transition:background .15s,color .15s}
.nav:hover{background:var(--line2);color:var(--ink)}
.nav[aria-current=page]{background:var(--ink);color:#fff}
.nav svg{width:18px;height:18px;flex:none}
.nav-group{font-size:11px;color:var(--ink3);padding:16px 12px 6px;letter-spacing:.08em}
.side-foot{margin-top:auto;padding:12px;border-radius:14px;background:var(--paper);border:1px solid var(--line);display:flex;align-items:center;gap:10px}
.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--rose),var(--plum));flex:none}
.side-foot .who{flex:1;min-width:0} .side-foot .who b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.main{padding:28px 34px 60px;min-width:0}
.top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.top h1{margin:0;font-size:26px;letter-spacing:-.01em;font-weight:700}
.top p{margin:4px 0 0;color:var(--ink3)}

/* ---------- 卡片 / 网格 ---------- */
.grid{display:grid;gap:16px}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))} .g3{grid-template-columns:repeat(3,minmax(0,1fr))} .g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g-main{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:20px;min-width:0}
.card h3{margin:0 0 14px;font-size:15px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.card h3 small{font-weight:400;color:var(--ink3);font-size:12px}
.kpi{position:relative;overflow:hidden}
.kpi .label{color:var(--ink3);font-size:12px;display:flex;align-items:center;gap:6px}
.kpi .value{font-size:32px;font-weight:700;margin-top:6px;line-height:1.1}
.kpi .value small{font-size:13px;font-weight:500;color:var(--ink3);margin-left:4px}
.kpi .foot{margin-top:8px;font-size:12px;color:var(--ink2)}
.kpi::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:var(--tone,var(--line2));opacity:.55}
.kpi.dark{background:var(--ink);color:#fff;border-color:var(--ink)} .kpi.dark .label,.kpi.dark .foot{color:#c9c1b7}
.kpi.dark::after{background:linear-gradient(135deg,var(--rose),var(--plum));opacity:.8}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--c,var(--ink3))}

/* ---------- 标签 ---------- */
.tag{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:500;white-space:nowrap;background:var(--line2);color:var(--ink2)}
.tag.rose{background:var(--rose-soft);color:#b8323d} .tag.plum{background:var(--plum-soft);color:#4d33b8}
.tag.mint{background:var(--mint-soft);color:#0b7a5e} .tag.amber{background:var(--amber-soft);color:#94600a}
.tag.sky{background:var(--sky-soft);color:#1d5fb0} .tag.dark{background:var(--ink);color:#fff}
.lv{font-family:var(--num);font-weight:700;font-size:11px;padding:1px 7px;border-radius:6px;background:var(--ink);color:#fff}
.lv.l2{background:#7a7068} .lv.l3{background:#c3b9ad}

/* ---------- 按钮 / 表单 ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border-radius:11px;border:1px solid var(--line);background:var(--paper);cursor:pointer;font-weight:500;transition:transform .12s,background .15s,border-color .15s;white-space:nowrap}
.btn:hover{border-color:#d5ccbf;background:#fff}
.btn:active{transform:scale(.97)}
.btn.primary{background:var(--ink);border-color:var(--ink);color:#fff} .btn.primary:hover{background:#34302b}
.btn.rose{background:var(--rose);border-color:var(--rose);color:#fff}
.btn.ghost{border-color:transparent;background:transparent} .btn.ghost:hover{background:var(--line2)}
.btn.sm{height:30px;padding:0 10px;font-size:13px;border-radius:9px}
.btn[disabled]{opacity:.45;pointer-events:none}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field label{font-size:12px;color:var(--ink2);font-weight:500}
.field .hint{font-size:12px;color:var(--ink3)}
.input,select.input,textarea.input{height:40px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:#fff;width:100%;transition:border-color .15s,box-shadow .15s}
textarea.input{height:auto;min-height:80px;padding:10px 12px;resize:vertical}
.input:focus{outline:none;border-color:var(--plum);box-shadow:0 0 0 4px var(--plum-soft)}
.form{display:grid;gap:14px} .form .row{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.seg{display:inline-flex;padding:3px;border-radius:12px;background:var(--line2);gap:2px;flex-wrap:wrap}
.seg button{border:0;background:transparent;padding:6px 14px;border-radius:9px;cursor:pointer;color:var(--ink2);font-weight:500}
.seg button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.toolbar .grow{flex:1}

/* ---------- 表格 ---------- */
.table-wrap{overflow-x:auto;margin:0 -20px;padding:0 20px}
table{width:100%;border-collapse:collapse;min-width:640px}
th{font-size:12px;font-weight:500;color:var(--ink3);text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:12px 10px;border-bottom:1px solid var(--line2);vertical-align:middle}
tr:last-child td{border-bottom:0}
tbody tr{transition:background .12s} tbody tr:hover{background:#fbf8f3}
td.r,th.r{text-align:right}
.empty{padding:40px 10px;text-align:center;color:var(--ink3)}
.thumb{width:40px;height:40px;border-radius:10px;object-fit:cover;background:var(--line2);flex:none;display:grid;place-items:center;color:var(--ink3);font-size:11px}
.cell{display:flex;align-items:center;gap:10px;min-width:0}
.cell b{display:block;font-weight:600} .cell small{color:var(--ink3)}

/* ---------- 进度条 / 图表 ---------- */
.bar{height:8px;border-radius:99px;background:var(--line2);overflow:hidden;display:flex}
.bar span{height:100%;background:var(--c,var(--ink));transition:width .6s cubic-bezier(.2,.8,.2,1)}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--ink2);margin-top:10px}
.legend span{display:inline-flex;align-items:center;gap:6px}
.chart{width:100%;height:auto;display:block}
.chart text{font-size:11px;fill:var(--ink3);font-family:var(--num)}
.rank{display:grid;gap:14px}
.rank-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:center}
.rank-row .i{font-family:var(--num);font-weight:700;color:var(--ink3)}
.rank-row:first-child .i{color:var(--rose)}

/* ---------- 弹窗 / 抽屉 / 提示 ---------- */
.overlay{position:fixed;inset:0;background:rgba(29,26,23,.32);backdrop-filter:blur(3px);z-index:50;display:flex;justify-content:flex-end;animation:fade .18s ease-out}
.drawer{width:min(560px,100%);height:100%;background:var(--paper);box-shadow:-20px 0 60px -30px rgba(0,0,0,.4);display:flex;flex-direction:column;animation:slide .26s cubic-bezier(.2,.8,.2,1)}
.drawer header{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}
.drawer header h2{margin:0;font-size:18px}
.drawer .body{padding:22px 24px;overflow:auto;flex:1}
.drawer footer{padding:14px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}
@keyframes fade{from{opacity:0}} @keyframes slide{from{transform:translateX(40px);opacity:.4}}
@keyframes rise{from{transform:translateY(8px);opacity:0}}
#toasts{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:80;display:grid;gap:8px;justify-items:center}
.toast{background:var(--ink);color:#fff;padding:10px 16px;border-radius:12px;box-shadow:0 12px 30px -10px rgba(0,0,0,.4);animation:rise .2s ease-out;max-width:90vw}
.toast.err{background:#b8323d}
.view{animation:rise .22s ease-out}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* ---------- 流程步骤 / 时间线 ---------- */
.steps{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.step{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink3)}
.step i{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:700}
.step.done{color:var(--ink2)} .step.done i{background:var(--mint);border-color:var(--mint);color:#fff}
.step.now{color:var(--ink);font-weight:600} .step.now i{border-color:var(--rose);color:var(--rose)}
.step+.step::before{content:"";width:14px;height:1.5px;background:var(--line);margin-right:2px}
.timeline{display:grid;gap:0;position:relative}
.tl{display:grid;grid-template-columns:28px 1fr;gap:10px;padding-bottom:16px;position:relative}
.tl::before{content:"";position:absolute;left:13px;top:22px;bottom:0;width:1.5px;background:var(--line)}
.tl:last-child::before{display:none}
.tl .pin{width:28px;height:28px;border-radius:50%;background:var(--line2);display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--ink2)}
.tl b{font-weight:600} .tl small{color:var(--ink3);display:block}

/* ---------- 接单区卡片 ---------- */
.deck{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.job{display:flex;flex-direction:column;padding:0;overflow:hidden}
.job .img{aspect-ratio:4/3;background:linear-gradient(135deg,#fbe9e5,#efeafe);display:grid;place-items:center;position:relative}
.job .img img{width:100%;height:100%;object-fit:cover}
.job .img .ph{width:34px;height:64px;border-radius:17px;background:linear-gradient(180deg,#ffb2a6,var(--rose));box-shadow:0 10px 24px -10px var(--rose)}
.job .img .tag{position:absolute;left:12px;top:12px}
.job .in{padding:16px 18px 18px;display:grid;gap:10px}
.job .price{font-size:24px;font-weight:700} .job .price small{font-size:12px;color:var(--ink3);font-weight:500}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:13px} .kv dt{color:var(--ink3)} .kv dd{margin:0}

/* ---------- 登录 ---------- */
.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}
.login-art{background:var(--ink);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.login-art h1{font-size:44px;line-height:1.15;margin:0;letter-spacing:-.02em;max-width:520px}
.login-art h1 em{font-style:normal;background:linear-gradient(90deg,#ff8a7a,#a58bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.login-art p{color:#bdb4a9;max-width:440px}
.nails{position:absolute;right:-30px;bottom:-40px;display:flex;gap:16px;transform:rotate(-14deg)}
.nails i{width:62px;border-radius:31px 31px 22px 22px;background:linear-gradient(180deg,var(--c1),var(--c2));box-shadow:inset 0 6px 12px rgba(255,255,255,.35)}
.login-box{display:grid;place-items:center;padding:32px}
.login-box form{width:min(360px,100%)}
.login-box h2{margin:0 0 6px;font-size:24px}

/* ---------- 响应式 ---------- */
.mobile-only{display:none!important}
@media (max-width:1100px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g-main,.g3{grid-template-columns:1fr}}
@media (max-width:820px){
  .shell{grid-template-columns:1fr}
  .side{position:fixed;inset:auto 0 0 0;height:auto;top:auto;flex-direction:row;padding:6px calc(6px + env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);z-index:40;justify-content:space-around;gap:0;background:rgba(255,253,250,.92)}
  .brand,.nav-group,.side-foot{display:none}
  .nav{flex-direction:column;gap:2px;font-size:11px;padding:6px 8px;flex:1;text-align:center}
  .main{padding:20px 16px 96px}
  .top h1{font-size:22px}
  .g2,.form .row{grid-template-columns:1fr}
  .login{grid-template-columns:1fr} .login-art{padding:28px;min-height:240px} .login-art h1{font-size:30px}
  .mobile-only{display:inline-flex!important}
}

/* ---------- SOP ---------- */
.sop-mini{min-width:170px}.sop-mini-t{font-size:12px;margin-bottom:4px;display:flex;gap:4px;flex-wrap:wrap;align-items:center}
.sop-hint{box-shadow:none;padding:12px 14px;font-size:13px;line-height:1.6;background:var(--line2)}
.sop-std{margin-top:8px;padding:8px 10px;border-left:3px solid var(--amber);background:var(--amber-soft);border-radius:6px;font-size:12px;color:var(--ink2)}
.sop-acts{display:flex;gap:8px;flex-wrap:wrap}
.sop-g{margin:20px 0 10px;font-size:13px;color:var(--ink3);letter-spacing:.08em}
.sop-list{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}
.sop-list li{display:flex;gap:10px;align-items:flex-start;font-size:13px}
.sop-n{flex:none;width:22px;height:22px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:600}
.tl{list-style:none;margin:0;padding:0 0 0 6px;border-left:2px solid var(--line);display:grid;gap:14px}
.tl-item{display:flex;gap:10px;margin-left:-12px;font-size:13px}
.tl-dot{flex:none;width:12px;height:12px;border-radius:50%;margin-top:4px;background:var(--ink3);box-shadow:0 0 0 3px var(--paper)}
.tl-dot.mint{background:var(--mint)}.tl-dot.rose{background:var(--rose)}.tl-dot.amber{background:var(--amber)}.tl-dot.sky{background:var(--sky)}.tl-dot.plum{background:var(--plum)}
.tl-bits{margin-top:4px;color:var(--ink2)}.tl-att{margin-top:6px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}

/* SOP 模板编辑器 */
.sop-ed{box-shadow:none;padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.sop-ed.off{opacity:.55}
.sop-ed-h{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.sop-cbs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}
.sop-cb{display:inline-flex;align-items:center;gap:6px;font-size:13px}
.sop-cb .input.sm{padding:4px 8px;height:auto;width:auto}

/* 侧栏底部：修改密码 / 退出登录 */
.me-acts{display:flex;gap:0;padding:2px;border-radius:12px;background:var(--line2);flex:none}
.me-btn{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:var(--ink2);cursor:pointer;transition:background .15s,color .15s,transform .1s}
.me-btn svg{width:16px;height:16px}
.me-btn:hover{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px rgba(29,26,23,.12)}
.me-btn.out:hover{color:var(--rose);background:var(--rose-soft);box-shadow:none}
.me-btn:active{transform:scale(.94)}
.me-btn:focus-visible{outline:2px solid var(--plum);outline-offset:1px}
.side-foot:has(.me-acts){gap:8px;padding:10px 10px 10px 12px}
.sop-del{color:var(--rose)} .sop-del.no{color:var(--ink3);cursor:not-allowed}
.sop-why{margin-top:-4px}
.sop-ed.off{padding:8px 14px;background:var(--line2)} .sop-ed.off s{color:var(--ink3)}
.sop-nt{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:10px;background:var(--sky-soft);font-size:13px}
.sop-nt.muted{background:var(--line2)}
/* 供应商认证：按脑图 分类 → 认证对象 → 供应商 → SOP */
.ct-head{display:flex;gap:16px;align-items:stretch;margin-bottom:16px;padding:10px}
.ct-tabs{display:flex;gap:8px;flex:1;flex-wrap:wrap}
.ct-tabs button{flex:1;min-width:180px;text-align:left;border:1px solid var(--line);background:transparent;border-radius:12px;padding:10px 14px;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:2px;color:var(--ink2);border-top:3px solid transparent}
.ct-tabs button small{font-size:11px;color:var(--ink3)} .ct-tabs button b{font-size:15px;color:var(--ink)} .ct-tabs button span{font-size:12px}
.ct-tabs button em{font-style:normal;color:var(--sky);font-weight:600}
.ct-tabs button[aria-selected=true]{border-color:var(--tone);border-top-color:var(--tone);background:var(--card,#fff);box-shadow:0 6px 18px rgba(0,0,0,.06)}
.ct-lib-k{background:var(--ink);color:#fff;border-radius:12px;padding:10px 18px;display:flex;flex-direction:column;justify-content:center;min-width:170px}
.ct-lib-k small,.ct-lib-k span{color:#c9c1b7;font-size:12px} .ct-lib-k b{font-size:26px}
.ct-flowcard{margin-bottom:16px;border-left:4px solid var(--tone)}
.ct-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.ct-grp{margin:8px 0 0;font-size:13px;color:var(--ink3)}
.ct-obj{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ct-obj>header{display:flex;gap:12px;align-items:center;padding:12px 16px;background:var(--line2)}
.ct-obj>header div{display:flex;flex-direction:column}
.ct-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(320px,3fr) auto auto;gap:14px;align-items:center;padding:12px 16px;border-top:1px solid var(--line)}
.ct-sup{display:flex;flex-direction:column}
.ct-sop{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ct-note{flex-basis:100%}
.ct-end{white-space:nowrap}
.ct-lib{color:var(--mint);font-size:12px;font-weight:600}
.ct-act{white-space:nowrap;text-align:right}
.ct-empty{padding:14px 16px;font-size:13px;border-top:1px solid var(--line)}
@media (max-width:1100px){.ct-row{grid-template-columns:1fr}.ct-act{text-align:left}.ct-head{flex-direction:column}}

/* 样品追踪：日期表和状态摘要保持一致 */
.sample-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.sample-stat{display:flex;gap:10px;align-items:baseline;padding:14px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--ink);text-align:left;cursor:pointer;font:inherit}
.sample-stat b{font-size:25px}.sample-stat span{font-size:13px}.sample-stat.on{border-color:var(--sky);background:var(--sky-soft)}
.sample-secondary{display:block;color:var(--ink2);font-size:12px;line-height:1.6;margin-top:3px}
.sample-date{white-space:nowrap;font-variant-numeric:tabular-nums}.sample-actions{min-width:150px}.sample-actions .btn{margin:2px}
.sample-search{font-size:12px;color:var(--ink2)}.sample-search input{margin-top:4px;min-width:220px}
.sop-ex [data-ex]{grid-template-columns:minmax(110px,1.5fr) minmax(100px,1fr) minmax(100px,1fr) minmax(110px,1fr) auto auto!important}
@media(max-width:820px){.sample-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.sop-ex [data-ex]{grid-template-columns:1fr 1fr!important}.sample-search{width:100%}}

.sop-ex .sop-extra-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sop-ex .sop-extra-row>[data-ex-label]{flex:2 1 160px;width:160px}
.sop-ex .sop-extra-row>select{flex:1 1 135px;width:135px}
.sop-ex .sop-extra-row>[data-ex-opt]{flex:2 1 190px;width:190px}
.sop-ex .sop-extra-row>.sop-cb{white-space:nowrap}
.sample-stat:focus-visible{outline:2px solid var(--sky);outline-offset:3px}
.sample-stat:active{background:var(--sky-soft)}

/* 保留样品表格的阅读宽度，小屏只在表格内部滚动。 */
.sample-panel table{min-width:1320px}
.sample-panel td:nth-child(1){min-width:150px}
.sample-panel td:nth-child(2){min-width:160px}
.sample-panel td:nth-child(3){min-width:110px;overflow-wrap:anywhere}
.sample-panel td:nth-child(8){min-width:110px}