.prod-hero{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(115deg,#eef4ff,#f7efff 60%,#eafff7);border:1px solid #e0e8f6;border-radius:24px;padding:25px 30px;margin-bottom:20px;overflow:hidden}.prod-hero h1{font-size:30px;margin:8px 0;color:#243655}.prod-hero p{color:#66768e}.prod-hero img{width:180px;height:130px;object-fit:contain}.prod-kicker{font-size:11px;font-weight:800;letter-spacing:2px;color:#7452cf}.prod-summaries{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 17px;margin:16px 0}.prod-summary{flex:0 0 190px;text-align:left;background:white;border:1px solid #e0e7f2;border-radius:18px;padding:17px;color:#324563;cursor:pointer;transition:transform .18s,border-color .18s}.prod-summary:hover{transform:translateY(-3px)}.prod-summary.active{border:2px solid var(--stage);box-shadow:0 6px 18px #253e6b10}.prod-summary>span{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:750;min-height:30px}.prod-summary svg{width:24px;height:24px;color:var(--stage)}.prod-summary>strong{display:block;font-size:28px;margin:10px 0}.prod-summary small{font-size:11px;color:#8796ac;font-weight:500}.prod-summary em{font-style:normal;font-size:11px;color:var(--stage);display:block;background:color-mix(in srgb,var(--stage) 8%,white);padding:8px;border-radius:8px}.prod-board{display:flex;gap:18px;overflow:auto;align-items:flex-start;padding:4px 3px 24px;min-height:450px}.prod-column{flex:0 0 330px;border-radius:19px;background:#edf1f8;border:1px solid #e3e9f3;overflow:hidden}.prod-column>header{display:flex;gap:10px;align-items:center;padding:17px;color:white;background:var(--stage)}.prod-column h2{font-size:13px;flex:1;margin:0}.prod-column header svg{width:19px;height:19px}.prod-column header b{background:white;color:var(--stage);border-radius:20px;padding:3px 9px;font-size:12px}.prod-stack{max-height:75vh;min-height:270px;overflow:auto;padding:12px;scrollbar-width:thin}.prod-job{background:white;border:1px solid #dbe3f0;border-left:4px solid var(--stage);border-radius:15px;margin-bottom:13px;padding:16px;box-shadow:0 4px 10px #28456c06;animation:prod-in .25s ease-out;transition:box-shadow .2s}.prod-job:hover{box-shadow:0 7px 22px #28456c14}.prod-job-top{display:flex;align-items:center;justify-content:space-between}.prod-job .order-link{color:var(--stage);font-size:15px}.prod-urgent{color:#cf3f61;background:#ffedf1;border-radius:8px;padding:4px 7px;font-size:10px}.prod-product{display:flex;align-items:center;gap:9px;border-radius:10px;background:color-mix(in srgb,var(--stage) 7%,white);padding:10px;margin:13px 0}.prod-product h3{font-size:12px;line-height:1.6;margin:0;color:#344462}.prod-product h3 small{white-space:nowrap;color:#7c8aa0}.prod-product-icon{color:var(--stage)}.prod-job svg{width:17px;height:17px;flex-shrink:0}.prod-person{display:flex;align-items:center;gap:7px;font-size:12px;color:#4b5d76;overflow-wrap:anywhere}.prod-card-body{display:flex;justify-content:space-between;gap:10px;margin:14px 0}.prod-card-body p{display:flex;gap:6px;align-items:center;font-size:11px;color:#77859a;margin:0 0 9px}.prod-assignee{display:flex;gap:6px;align-items:center;font-size:10px;color:#546985;font-weight:650}.prod-assignee i{font-style:normal;display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:#eef0ff;color:#7254ce;flex-shrink:0}.prod-qr{padding:4px;background:white;border:1px solid #e5eaf3;border-radius:10px;cursor:pointer;align-self:center}.prod-qr img{display:block;width:72px;height:72px}.prod-job footer{display:grid;grid-template-columns:minmax(0,1fr) 70px;gap:8px;border-top:1px solid #eef1f6;padding-top:12px}.prod-job footer label{font-size:9px;font-weight:700;color:#8290a4}.prod-job select{display:block;width:100%;min-width:0;font-size:11px;padding:8px 5px;border:1px solid #e1e7f1;border-radius:8px;background:#f9fbfe;color:#3c506d;margin-top:4px}.prod-save{align-self:end;background:color-mix(in srgb,var(--stage) 10%,white);border:0;color:var(--stage);border-radius:8px;padding:9px 4px;font-size:10px;cursor:pointer;display:flex;gap:3px;align-items:center;justify-content:center}.prod-next,.prod-more{grid-column:1/-1;border:0;border-radius:9px;padding:11px;background:var(--stage);color:white;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:6px;justify-content:center;width:100%}.prod-readonly{grid-column:1/-1;color:#8b98ab;font-size:10px}.prod-empty{display:grid;justify-items:center;gap:12px;padding:50px 10px;color:#94a1b5}.prod-empty svg{width:32px;height:32px}.prod-empty small{font-size:11px}@keyframes prod-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.prod-job{animation:none}.prod-summary{transition:none}}@media(max-width:650px){.prod-hero{padding:18px}.prod-hero img{display:none}.prod-hero h1{font-size:24px}.prod-column{flex-basis:300px}}
/* Colourful production workspace, with quiet surfaces for readable details. */
.prod-hero{background:radial-gradient(ellipse at 88% 10%,#d1fae9,transparent 50%),linear-gradient(115deg,#e4efff,#eee3ff 58%,#e4fff3);border-color:#d6d7fc;box-shadow:0 10px 30px #7155cb0c}.prod-kicker{color:#6941c6}.prod-hero h1{color:#332763}.prod-search-panel{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 22px;margin-bottom:18px;border:1px solid #d8d8fa;border-radius:19px;background:linear-gradient(105deg,#f0eaff,#eaf5ff 75%,#e5faf4);box-shadow:0 5px 18px #5541a50a}.prod-search-icon{display:grid;place-items:center;background:linear-gradient(140deg,#8355e9,#527df3);color:white;width:45px;height:45px;border-radius:14px;box-shadow:0 5px 12px #7755d62a}.prod-search-icon svg{width:23px;height:23px}.prod-search-panel label{display:flex;flex-direction:column;gap:5px;color:#423366}.prod-search-panel label small{font-size:10px;color:#746588}.prod-search-panel input{flex:1;min-width:200px;padding:13px 15px;background:#fff;border:1px solid #cbc9ef;border-radius:12px;color:#283c58;outline:none;font-size:13px}.prod-search-panel input:focus{border-color:#8863e7;box-shadow:0 0 0 3px #8863e71b}.prod-search-count{font-size:11px;color:#675583;background:#ffffffb8;padding:8px 10px;border-radius:20px}.prod-summary{background:linear-gradient(140deg,white,color-mix(in srgb,var(--stage) 15%,white));border-color:color-mix(in srgb,var(--stage) 25%,white);border-top:4px solid var(--stage);box-shadow:0 4px 12px #263b6010}.prod-summary.active{border:2px solid var(--stage);border-top:4px solid var(--stage);background:linear-gradient(140deg,white,color-mix(in srgb,var(--stage) 22%,white));box-shadow:0 7px 20px color-mix(in srgb,var(--stage) 19%,transparent)}.prod-summary>span{color:#35435d}.prod-summary>strong{color:color-mix(in srgb,var(--stage) 60%,#172339)}.prod-summary em{background:color-mix(in srgb,var(--stage) 14%,white);color:color-mix(in srgb,var(--stage) 65%,#142036);font-weight:650}.prod-column{background:linear-gradient(160deg,color-mix(in srgb,var(--stage) 12%,white),#f5f7fc);border-color:color-mix(in srgb,var(--stage) 22%,white)}.prod-column>header{background:linear-gradient(115deg,var(--stage),color-mix(in srgb,var(--stage) 78%,#213252));box-shadow:0 4px 12px #22365c13}.prod-column>header h2{color:white;font-weight:750}.prod-column>header svg{color:white}.prod-job{background:linear-gradient(155deg,#fff 55%,color-mix(in srgb,var(--stage) 5%,white));border-color:color-mix(in srgb,var(--stage) 18%,white);border-left:4px solid var(--stage)}.prod-job .order-link{color:color-mix(in srgb,var(--stage) 75%,#1e2940)}.prod-product{background:color-mix(in srgb,var(--stage) 12%,white);border:1px solid color-mix(in srgb,var(--stage) 17%,white)}.prod-assignee i{background:color-mix(in srgb,var(--stage) 17%,white);color:color-mix(in srgb,var(--stage) 70%,#26344b)}.prod-save{background:color-mix(in srgb,var(--stage) 17%,white);color:color-mix(in srgb,var(--stage) 65%,#172338);font-weight:700}.prod-save:hover{background:color-mix(in srgb,var(--stage) 25%,white)}.prod-qr{box-shadow:0 3px 10px #2436580a}@media(max-width:650px){.prod-search-panel{padding:15px;gap:10px}.prod-search-panel input{flex-basis:100%}.prod-search-panel label{flex:1}.prod-search-panel .btn{flex:1}}