.sample-workflow{display:grid;gap:24px}.sample-intro{display:flex;align-items:center;justify-content:space-between;gap:24px}.sample-intro h2{font-size:28px;margin:7px 0}.sample-intro p{color:var(--muted,#6c7b71);max-width:680px;margin:0;line-height:1.6}.sample-steps{display:flex;gap:24px;align-items:center;padding:19px 24px;background:#edf3e8;border:1px solid #dce6d5;border-radius:13px;color:#365b42}.sample-steps span{display:flex;align-items:center;gap:10px}.sample-steps b{font-size:12px;background:#dce8d5;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.sample-steps i{color:#83997f;font-style:normal}.sample-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.sample-toolbar .search{flex:1;min-width:230px}.sample-toolbar select{background:white;border:1px solid #dce3d9;border-radius:8px;padding:12px;max-width:265px}.sample-toolbar #sample-sync{font-size:12px;color:#62765e;flex-basis:100%}.sample-list td{padding:18px 22px;vertical-align:middle}.sample-list small{display:block;color:#738072;font-size:12px;margin-top:6px}.sample-list td a{color:#286747;font-weight:650}.sample-selected{background:#f1f6ec}.sample-status{display:inline-block;border-radius:20px;font-size:12px;font-weight:700;padding:6px 11px;white-space:nowrap}.sample-status.requested{background:#edf0f7;color:#4b6382}.sample-status.preparing{background:#fff1c9;color:#89631a}.sample-status.shipped{background:#dcefdc;color:#286037}.sample-status.cancelled{background:#f2e6e3;color:#956052}.sample-empty{padding:40px}.sample-empty>span{font-size:40px;color:#8da183}.sample-detail{display:grid;gap:22px;scroll-margin-top:20px}.sample-detail-top{display:flex;align-items:center;flex-wrap:wrap;gap:18px;font-size:13px;color:#60725e}.sample-address{margin-top:24px;border-top:1px solid #e5eadd;padding-top:18px}.sample-address summary,.sample-cancel summary{cursor:pointer;font-weight:650;color:#3c6245}.sample-address dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sample-address dt{font-size:12px;color:#7a8877}.sample-address dd{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#314633}.sample-notes{white-space:pre-wrap}.sample-notifications{display:grid;gap:8px;margin-top:22px;padding:16px 20px;border-radius:10px;background:#f4f7ef;font-size:12px;color:#64735e}.sample-notifications strong{color:#355b3b;font-size:13px}.sample-notifications b{font-weight:500}.sample-operation-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.sample-operation-grid .card{min-width:0}.sample-operation-grid label,.sample-form label,.sample-cancel label{display:grid;gap:8px;font-size:13px;font-weight:600;color:#3d5540}.sample-operation-grid form{display:grid;gap:18px;margin-top:22px}.sample-operation-grid input,.sample-form input,.sample-form select,.sample-form textarea,.sample-cancel input{width:100%;min-width:0;border:1px solid #d8e1d2;border-radius:8px;background:#fff;padding:12px;color:#2c4634;font:inherit;font-weight:400}.sample-form input[readonly]{background:#f3f6ee}.sample-form input:focus,.sample-form textarea:focus,.sample-form select:focus,.sample-operation-grid input:focus{outline:2px solid #a5c39b;outline-offset:2px}.sample-form fieldset{border:0;border-top:1px solid #e3eadc;padding:24px 0;margin:16px 0}.sample-form legend{padding-right:15px;font-size:16px;font-weight:700;color:#36553b}.sample-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.sample-form .sample-confirm{display:flex;align-items:start;gap:12px;margin-top:24px;line-height:1.6;font-weight:400}.sample-confirm input{width:18px;height:18px;flex-shrink:0;margin-top:3px}.sample-file{display:flex;gap:12px;justify-content:space-between;padding:14px 0;border-bottom:1px solid #e5eadf;font-size:13px}.sample-file strong{overflow-wrap:anywhere}.sample-file small{display:block;font-size:11px;color:#6a7a65;margin-top:5px}.sample-tracking{background:#eef5e9;border-radius:10px;padding:18px;display:grid;gap:10px}.sample-tracking span{font-size:12px;color:#6b7c63}.sample-tracking a{font-size:22px;font-weight:700;overflow-wrap:anywhere;color:#2e6240}.sample-history ol{list-style:none;margin:0;padding:0}.sample-history li{display:flex;gap:18px;position:relative;padding-bottom:24px}.sample-history li i{width:9px;height:9px;border-radius:50%;background:#76a46a;margin-top:6px;flex-shrink:0}.sample-history li span{display:block;font-size:12px;color:#798871;margin-top:5px}.sample-history li strong{font-size:14px;color:#38573d}.sample-history li p{font-size:13px;margin:8px 0 0}.sample-cancel{border-top:1px solid #e6eade;padding-top:18px}.sample-cancel form{display:grid;gap:15px;padding-top:15px}.sample-cancel button{justify-self:start;color:#9b5447}.sample-error,.sample-operation-error{color:#a83d32;font-size:13px;line-height:1.6}.sample-error:not([hidden]){padding:15px;border:1px solid #edd3ca;border-radius:8px;background:#fff6f2}.sample-operation-error:empty{display:none}.sample-form .editor-actions{margin-top:20px}.sample-operation-grid button.primary{justify-self:start}.sample-operation-grid input[type=file]{font-size:12px;padding:12px;overflow:hidden}.sample-toolbar input{min-height:44px}.sample-summary .card-heading h2{margin-top:6px}.sample-summary .card-heading p{margin-top:8px}
@media(max-width:1000px){.sample-operation-grid{grid-template-columns:1fr}.sample-address dl{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-steps{gap:13px;font-size:12px}}@media(max-width:650px){.sample-intro{align-items:start;flex-direction:column}.sample-form-grid,.sample-address dl{grid-template-columns:1fr}.sample-steps{gap:10px;flex-wrap:wrap;padding:16px}.sample-steps span{gap:5px}.sample-steps i{display:none}.sample-toolbar select{max-width:100%;width:100%}.sample-detail-top{gap:10px}}

.sample-operation-grid>.card,.sample-summary,.sample-history,.sample-form{padding:26px}.sample-operation-grid .card-heading,.sample-summary>.card-heading,.sample-history>.card-heading,.sample-form>.card-heading{padding:0 0 22px}.sample-operation-grid h2{font-size:20px}.sample-list .card-heading{padding:24px}.sample-summary .sample-notifications{margin-bottom:0}

.sample-setup-note{padding:16px 20px;border:1px solid #e7d7a9;background:#fff9e9;color:#7a622c;border-radius:10px;font-size:13px;line-height:1.6}

.sample-list .table-wrap{max-height:620px;overflow:auto}.sample-list th{position:sticky;top:0;z-index:1;background:#f4f7ef}.sample-status.delivered{background:#dcefdc;color:#286037}.sample-status.in_transit{background:#e3edf8;color:#365a83}.sample-status.scheduled{background:#e9e5f4;color:#655382}.sample-status.unconfirmed{background:#fff1c9;color:#89631a}

.sample-status.exception{background:#f9e5df;color:#973d30}