/* Adapted from the user-approved Faisal pilot. No private data or platform auth. */

:root{--ink:#202d29;--muted:#7a837d;--line:#e5e9e4;--green:#174b3e;--pale:#f4f7f2;--cream:#fafbf8}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #94ba9e;outline-offset:3px}button{color:inherit}a{color:var(--green)}.shell{display:flex;min-height:100vh}.sidebar{width:212px;position:fixed;inset:0 auto 0 0;background:#173e35;color:#d6e3d9;padding:32px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;margin:0 10px 58px;font-size:15px;font-weight:700;letter-spacing:2px;line-height:1.4}.brand span:not(.weave){display:block;letter-spacing:3.6px;font-size:10px;font-weight:400;opacity:.65}.weave{font-size:38px;color:#ccdfbf;line-height:1}.nav-caption{font-size:9px;letter-spacing:1.6px;opacity:.5;margin:0 14px 15px}.nav{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;padding:14px;border-radius:7px;text-align:left;font-weight:600}.nav.active{background:#2b5146;color:#f1f7e9}.nav-dot{width:5px;height:5px;border-radius:50%;background:#b5d599;margin-left:auto}.side-note{margin:48px 14px 20px;border-top:1px solid #ffffff14;padding-top:23px}.side-note>svg{color:#a2c69c;display:block;margin-bottom:14px}.side-note strong{font-size:12px}.side-note p{font-size:12px;line-height:1.8;opacity:.6}.sidebar-bottom{margin-top:auto;padding:20px 8px 0;display:flex;gap:10px;align-items:center;font-size:11px}.sidebar-bottom small{display:block;color:#9aafa2;font-size:10px;margin-top:4px}.avatar{display:flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:50%;background:#31574b;font-size:9px;font-weight:700}main{margin-left:212px;flex:1;min-width:0}.topbar{height:75px;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.crumb{display:flex;gap:13px;align-items:center;font-size:11px;color:var(--muted)}.crumb strong{color:#506054;font-weight:500}.top-actions{display:flex;align-items:center;gap:22px}.access{font-size:10px;display:flex;gap:7px;align-items:center;color:#6f7e71}.access>span{width:5px;height:5px;border-radius:50%;background:#5f9670}.icon-btn{border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:7px;color:#7b877d}.icon-btn:hover{background:#eef2ec}.content{max-width:1550px;margin:auto;padding:39px 40px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#6b8574}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:36px;letter-spacing:-1px;line-height:1.15;margin:12px 0}p{line-height:1.55}.heading p{color:#7c847c;font-size:12px;margin:0}.outline-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border:1px solid #dce2d9;border-radius:6px;font-size:11px;font-weight:600;background:white;white-space:nowrap}.outline-button:hover{background:#f0f4ed}.primary-button{background:var(--green);color:white;border-color:var(--green);font-size:12px}.primary-button:hover{background:#103b2f}.pilot-banner{background:#edf2e9;border:1px solid #e1e8da;border-radius:7px;padding:14px 17px;font-size:11px;display:flex;justify-content:space-between;align-items:center;gap:18px;color:#66735e}.pilot-banner>div{display:flex;gap:12px;align-items:center}.pilot-label{background:#dce7d5;color:#4b6a3f;font-size:8px;letter-spacing:1px;font-weight:700;padding:4px 6px;border-radius:3px}.pilot-banner button{display:flex;gap:6px;align-items:center;font-size:10px;font-weight:600;white-space:nowrap;border:0;background:none;color:#425c3d}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:25px 0 31px;gap:14px}.metric{background:white;border:1px solid var(--line);border-radius:8px;padding:19px 20px}.metric-label{display:flex;align-items:center;justify-content:space-between;color:#6f7a70;font-size:10px}.metric-label svg{color:#93a28f}.metric>strong{display:block;font-size:30px;font-weight:400;letter-spacing:-1px;margin:15px 0 8px;color:#2f4938}.metric>span{font-size:9px;color:#8b9589}.board-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:12px}.view-tabs{display:flex;align-items:center;gap:19px}.view-tabs button,.detail-tabs button{border:0;background:transparent;font-size:11px;color:#818b7e;padding:8px 0;white-space:nowrap}.view-tabs button.current{color:#2d513a;font-weight:700}.view-tabs b,.detail-tabs b{font-size:8px;background:#e8ede4;padding:3px 5px;border-radius:4px;margin-left:4px}.reload{display:flex;align-items:center;gap:7px;border:0;background:none;font-size:10px;color:#7a8878;white-space:nowrap}.table-card{border:1px solid var(--line);border-radius:9px;background:white;overflow:hidden}.search-row{display:flex;justify-content:space-between;padding:17px 19px;gap:12px}.search{display:flex;align-items:center;gap:10px;color:#8c9987;min-width:200px}.search input{border:0;outline:none;font-size:11px;width:250px;background:transparent;color:#3e4d3d}.search input::placeholder{color:#a0a79d}.filter-select{display:flex;align-items:center;gap:8px;color:#7f8a7b;border:1px solid #e4e9e0;border-radius:5px;padding:6px 10px}.filter-select select{border:0;background:transparent;font-size:10px;color:#687662;outline:none}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:970px;table-layout:auto}th{font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.9px;color:#8a9586;background:#f6f8f3;padding:14px 12px;text-align:left;white-space:nowrap}td{border-top:1px solid #edf0e9;padding:22px 12px;font-size:10px;vertical-align:middle}tbody tr{cursor:pointer;transition:background .15s}tbody tr:hover,tbody tr.row-focused{background:#fafcf7}.mark-col{width:44px;padding-left:19px}.bookmark{border:0;background:none;color:#c3cdc0;display:flex;padding:3px}.bookmark.is-marked{color:#718f60}.fabric-cell{min-width:250px;max-width:365px}.fabric-title{font-size:11px;line-height:1.6;color:#3e4f3e;font-weight:600;border:0;background:transparent;text-align:left;padding:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:340px}.row-sub{display:flex;align-items:center;gap:7px;margin-top:9px;font-size:8px;color:#9aA394;white-space:nowrap}.row-sub i{font-style:normal;color:#c4cbc0}.grade{border:1px solid #d5e1cb;padding:1px 4px;color:#70915a;font-size:7px;border-radius:3px}.right{text-align:right}.quantity strong{display:block;font-size:12px;font-weight:600;color:#46543f}.quantity small{font-size:8px;display:block;color:#9da596;margin-top:6px}.age-tag{display:inline-flex;align-items:center;gap:4px;background:#fcf2e3;color:#aa8247;border:1px solid #f6e9d7;padding:4px 6px;border-radius:4px;white-space:nowrap;font-size:9px}.unassigned{color:#a4aa9f;font-size:10px;font-style:italic}.person{display:flex;align-items:center;gap:6px;font-size:10px}.person>span{display:flex;align-items:center;justify-content:center;flex:0 0 21px;height:21px;border-radius:50%;background:#e8eee1;color:#6f825a;font-size:9px}.status{display:inline-flex;padding:5px 7px;border-radius:4px;font-size:9px;white-space:nowrap}.neutral{background:#f1f3ed;color:#8a947d}.amber{background:#fbf0d7;color:#9a762b}.blue{background:#e8f0f8;color:#4e7da3}.green{background:#e7f1df;color:#628544}.rose{background:#f8e9e7;color:#ab6f67}.date-cell{white-space:nowrap;color:#7c8973;font-size:9px}.dash{color:#bec6b8}.table-footer{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 19px;border-top:1px solid var(--line);font-size:9px;color:#9aa48e}.table-footer>span:last-child{display:flex;gap:5px;align-items:center}.source-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:18px 0 0;font-size:9px;color:#9ca590}.source-footer>div{display:flex;gap:7px;align-items:center}.source-dot{width:4px;height:4px;border-radius:50%;background:#93a78c}.source-footer button{border:0;background:none;color:#6e8560;font-size:9px;text-decoration:underline;text-underline-offset:3px;margin-left:7px}.bottom-note{display:flex;gap:12px;align-items:flex-start;margin-top:37px;padding:21px 0;border-top:1px solid var(--line);color:#9ca78f}.bottom-note strong{font-size:10px;color:#879479;font-weight:500}.bottom-note p{font-size:9px;margin:6px 0 0;color:#a2aa98}.error{margin:15px 0;background:#fff1ec;color:#9a4b33;border:1px solid #eed1c4;padding:12px 14px;border-radius:6px;font-size:12px;line-height:1.5}.error a,.error button{display:inline-flex;align-items:center;margin-left:12px;gap:4px;border:0;background:none;color:#8d4e36;text-decoration:underline}.loading{padding:100px 20px;display:flex;justify-content:center;align-items:center;gap:12px;color:#6c7d61;font-size:13px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{padding:40px;text-align:center;color:#89967f;font-size:12px}.empty button{background:none;border:0;text-decoration:underline;color:var(--green)}.scrim{position:fixed;inset:0;background:#1d302326;z-index:20;backdrop-filter:blur(1px)}.detail{width:470px;max-width:100vw;position:fixed;inset:0 0 0 auto;background:white;z-index:30;box-shadow:-10px 0 60px #223e2926;display:flex;flex-direction:column}.detail-header{padding:26px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.detail-header h2{font-family:Georgia,serif;font-size:23px;font-weight:400;margin:8px 0 0;color:#314833}.detail-scroll{overflow-y:auto;flex:1;padding:0 28px 25px}.detail-product{padding:25px 0 21px}.ref{font-size:10px;color:#899e7e;letter-spacing:.6px}.detail-product h3{font-size:13px;font-weight:600;line-height:1.6;margin:9px 0 20px}.detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-stats>div{background:#f5f8f1;border:1px solid #e7eee0;padding:13px 15px;border-radius:6px}.detail-stats span{font-size:9px;color:#8c9982;display:block}.detail-stats strong{font-size:19px;font-weight:500;display:block;margin-top:8px;color:#506a42}.detail-stats small{font-size:10px;font-weight:400}.reason{font-size:10px;color:#8a967f;margin:15px 0 0}.detail-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:24px}.detail-tabs button{padding:12px 0}.detail-tabs .current{color:#3c5e2f;border-bottom:2px solid #789663;font-weight:600}.mark-toggle{display:flex;align-items:center;gap:12px;padding:14px;background:#f3f7ed;border:1px solid #e1ebd7;border-radius:6px;margin-bottom:24px;cursor:pointer}.mark-toggle input{accent-color:#527441}.mark-toggle>span{flex:1}.mark-toggle strong{font-size:11px;font-weight:600;display:block}.mark-toggle small{display:block;font-size:9px;color:#889b78;margin-top:4px}.mark-toggle svg{color:#8ca37a}.field{display:block;font-size:11px;font-weight:600;margin-bottom:20px;color:#5b6f4b}.field input,.field select{display:block;background:white;width:100%;border:1px solid #dde5d5;border-radius:5px;padding:11px 12px;margin-top:8px;outline:none;font-weight:400;font-size:12px;color:#4b5f3d;min-height:41px}.field input:focus,.field select:focus,textarea:focus{border-color:#8aa278;box-shadow:0 0 0 3px #8ca97715}.field small{display:block;font-size:9px;font-weight:400;color:#99a48d;margin-top:7px}.plan-fields>.primary-button{width:100%}.safe-note{font-size:9px;color:#a0ab95;display:flex;gap:5px;align-items:center;justify-content:center;margin:12px 0 24px}.comment-box{padding-top:23px;border-top:1px solid var(--line)}.comment-box>label{display:flex;gap:7px;align-items:center;font-size:11px;color:#6c815b;font-weight:600}.comment-box textarea{width:100%;height:100px;resize:vertical;border:1px solid #e0e7d8;border-radius:6px;margin:12px 0 10px;padding:12px;font-size:11px;line-height:1.6;outline:none;color:#62764e}.comment-box textarea::placeholder{color:#a5af99}.comment-box>small{display:block;font-size:9px;color:#9da78f;margin-top:8px}.detail-footer{padding:14px 28px;border-top:1px solid var(--line);display:flex;align-items:center;gap:7px;color:#9aa88b;font-size:9px;background:#fafcf7}.success{display:flex;align-items:center;gap:7px;margin-top:18px;background:#edf5e5;color:#62824c;padding:12px;border-radius:5px;font-size:11px}.event{display:flex;gap:13px;padding:0 0 23px;margin:0 0 20px;border-bottom:1px solid #edf1e6}.event-icon{flex:0 0 29px;height:29px;border-radius:50%;background:#edf3e5;color:#7d9567;display:flex;align-items:center;justify-content:center}.event-icon.comment{background:#eff2f8;color:#8594b5}.event>div{min-width:0}.event strong{font-size:11px;font-weight:600;display:block;color:#677a53}.event small{display:block;font-size:8px;color:#a2ad94;margin:5px 0 11px}.event p{font-size:11px;white-space:pre-wrap;color:#7d8d6b;overflow-wrap:anywhere;margin:0;line-height:1.7}.empty-history{text-align:center;padding:30px 15px;color:#9eb18a}.empty-history svg{margin:auto}.empty-history h3{font-family:Georgia,serif;font-size:21px;font-weight:400;color:#738960}.empty-history p{font-size:11px;color:#a0ad93}.facts>p{font-size:11px;color:#8d9c7c;line-height:1.7;margin-bottom:18px}.facts>div{display:flex;gap:15px;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0;font-size:10px}.facts span{color:#9eaa8f;flex:0 0 118px}.facts strong{font-weight:400;color:#6d805a;text-align:right;overflow-wrap:anywhere}.modal-scrim{position:fixed;inset:0;background:#14302170;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px)}.about-modal{width:550px;max-height:90vh;overflow:auto;background:white;border-radius:12px;padding:34px;position:relative;color:#667b53}.about-modal>svg{color:#91aa7a}.close-modal{position:absolute;right:20px;top:20px}.about-modal h2{font-family:Georgia,serif;font-weight:400;font-size:27px;color:#415c31}.about-modal p,.about-modal li{font-size:12px;line-height:1.7}.about-modal ul{padding-left:17px}.about-modal li{margin-bottom:12px}.about-modal .data-note{font-size:10px;color:#9aaa87;padding-top:10px;border-top:1px solid #e9efdf}.about-modal>.primary-button{margin-top:20px;width:100%}.source-link{display:flex;align-items:center;gap:6px;font-size:11px;margin-top:20px}
@media(min-width:1600px){.content{padding-top:50px}h1{font-size:42px}.fabric-title{max-width:470px}.fabric-cell{max-width:500px}}@media(max-width:1150px){.sidebar{width:175px;padding:25px 10px}.brand{font-size:13px;gap:8px}.brand span:not(.weave){font-size:9px}.weave{font-size:32px}main{margin-left:175px}.content{padding:30px 25px}.topbar{padding:0 25px}.metric{padding:15px}.metrics{gap:10px}.metric-label{font-size:9px}.metric>span{font-size:8px}.view-tabs{gap:13px}.reload{font-size:9px}}@media(max-width:800px){.sidebar{display:none}main{margin-left:0}.content{padding:27px 20px}.topbar{height:60px;padding:0 20px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:16px 18px}.metric>strong{margin:10px 0 6px}.heading{align-items:flex-start;gap:12px}h1{font-size:30px}.heading .outline-button{font-size:0;padding:10px;margin-top:22px;gap:0}.heading .outline-button svg{width:16px}.pilot-banner{font-size:10px;align-items:flex-start}.pilot-banner>div{align-items:flex-start}.pilot-banner button{font-size:0;gap:0}.pilot-banner button svg{width:17px}.board-toolbar{flex-wrap:wrap;gap:12px}.view-tabs{gap:18px}.reload{margin-left:auto}.search-row{padding:13px}.search input{width:185px}.filter-select{padding:5px 6px}.filter-select svg{display:none}.table-footer{padding:12px;font-size:8px}.table-footer>span:last-child{display:none}.source-footer{align-items:flex-start;flex-direction:column;gap:9px}.bottom-note{margin-top:25px}.detail{width:100vw;max-width:500px}.about-modal{padding:27px}.top-actions{gap:12px}.detail-scroll{padding:0 23px 23px}.detail-header{padding:23px}.detail-footer{padding:13px 23px}.source-footer>div{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
fieldset{border:0;padding:0;margin:0;min-width:0}fieldset:disabled{opacity:.55}.customer-cell{min-width:160px;max-width:240px;font-size:10px;line-height:1.6;color:#607454}.customer-cell small{display:block;font-size:8px;color:#9bad8c}.source-customer{padding:11px 12px;margin-top:8px;border:1px solid #e1e8d9;background:#f6f9f0;border-radius:5px;font-size:11px;font-weight:400;line-height:1.6}.mapping-warning{font-size:10px;line-height:1.6;color:#9b7d40;background:#faf5e7;border:1px solid #eee4cd;padding:10px 12px;border-radius:5px;margin:-5px 0 21px}.required-note{color:#aa603b!important}.claim-box{background:#eff5e7;padding:15px;border-radius:6px;margin-bottom:20px;font-size:11px;color:#68824f}.claim-box p{margin:0 0 12px}.storage-check{margin-top:20px}.storage-check p{font-size:10px;color:#66864c}
@media(max-width:800px){.table-scroll{overflow:visible}table,tbody{display:block;min-width:0;width:100%}thead{display:none}tbody tr{display:grid;grid-template-columns:1fr 1fr;position:relative;padding:17px;gap:13px;border-top:1px solid var(--line)}td{border:0;padding:0!important;min-width:0;font-size:12px}td:first-child{position:absolute;right:16px;top:18px}td:last-child{display:none}.fabric-cell{grid-column:1/-1;max-width:none!important;padding-right:25px!important}.fabric-title{max-width:none;-webkit-line-clamp:3;font-size:12px;line-height:1.6}.row-sub{flex-wrap:wrap;font-size:8px;line-height:1.5;white-space:normal;margin-top:7px}.quantity{text-align:left}.quantity strong{font-size:16px}.quantity small{display:inline;margin-left:5px;font-size:10px}.customer-cell{grid-column:1/-1;max-width:none;min-width:0;font-size:12px}.owner-cell{min-width:0}.person{font-size:11px}.status{font-size:10px}td[data-label]:before{content:attr(data-label);display:block;text-transform:uppercase;font-size:8px;letter-spacing:.7px;color:#9ba990;margin-bottom:6px}.date-cell{grid-column:1/-1}.age-tag{font-size:11px}.table-footer{font-size:9px}.view-tabs{width:100%;justify-content:space-between}.view-tabs button{font-size:12px}.search input{width:180px}}