/* Verified live COSMO palette, 2026-09-22. Semantic status colors remain distinct. */
:root{--violet:#735dc6;--brand:#ef821c;--brand-button:#f37803}
.primary{background:var(--brand-button);color:#20221f;font-weight:600}.primary:hover{background:#ef821c}.title-dot{color:var(--brand)}.workspace-icon{background:#fff0e0;color:#995019}nav button.active{background:#f0ebfc;color:#6651af}.eyebrow{color:#86749f}.top-mark{color:var(--brand)}.stat.highlight{background:#f5e3d2;border-color:#f0dccb}.stat.highlight small{color:#8d684a}.stat.highlight .stat-icon{color:#b85d10}.stat-icon{background:#f7f4ef}.text-button{color:#735dc6}.guide{background:#f1edf8}.guide .asterisk{color:#9986d4}.guide p{color:#80758e}.guide h3{color:#4d4165}.welcome-strip{background:#fbefe3;border-color:#f4dcc8}.welcome-strip h3{color:#724524}.welcome-strip p{color:#957657}.welcome-strip>span{color:#e98a36}.imported-strip .secondary{margin-left:auto;flex-shrink:0;background:#fff9f4;color:#9d5925;border-color:#efd2b7}.empty-symbol{background:#f5f0fa;border-color:#e7dff3;color:#a894c2}.empty h3{color:#5a4e66}.secondary{border-color:#e5dfd6}.auth-art{background:#f2e5da}.auth-art p,.auth-art small{color:#8e7460}.orbit,.orbit:after{border-color:#cfb49c}.planet{background:radial-gradient(circle at 25% 20%,#fcd9b2,#ed9d53 65%,#d37531);box-shadow:15px 20px 30px #b7875530}.star{color:#735dc6}.avatar{background:#eee8f9;color:#735dc6}.storage-note a{color:#735dc6}.badge.pending{background:#f0ecfa;color:#7159a9}.hint{background:#f8f5f1;color:#81776d}.balance-box{background:#f4edfa}.fill-stock{color:#735dc6!important;border-color:#e1d8f1!important;background:#f8f5fe!important}.row-actions button{color:#735dc6}.view-toggle{display:flex;border:1px solid #e5ded6;border-radius:8px;overflow:hidden}.view-toggle button{border:0;background:white;padding:10px 12px;font-size:17px;color:#aaa}.view-toggle .selected{background:#f0ebfa;color:#735dc6}.toolbar .search{min-width:100%;margin-bottom:2px}.toolbar select{max-width:180px}.toolbar>a{margin-left:auto;text-decoration:none}.product-photo{width:64px;height:64px;object-fit:cover;border-radius:8px;background:#f4f2ef;flex-shrink:0}.product-cell b{max-width:270px;white-space:normal;line-height:1.7}.product-cell small{max-width:280px;white-space:normal;line-height:1.7}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:6px 24px 24px}.product-card{border:1px solid #e9e4de;border-radius:12px;overflow:hidden;background:#fff;transition:box-shadow .2s}.product-card:hover{box-shadow:0 8px 28px #4232240c}.card-image{height:220px;background:#f5f3f0;position:relative;overflow:hidden;display:grid;place-items:center}.card-image .product-photo{width:100%;height:100%;border-radius:0;object-fit:contain;background:white;transition:transform .2s}.product-card:hover .product-photo{transform:scale(1.025)}.card-image>.product-icon{font-size:50px;width:100%;height:100%;border-radius:0}.card-category{position:absolute;left:12px;top:12px;font-size:9px;background:#fffffff0;color:#625d56;padding:7px 10px;border-radius:5px;box-shadow:0 2px 8px #00000005}.card-body{padding:16px}.card-code{display:flex;justify-content:space-between;color:#aaa097;font-size:9px;letter-spacing:.7px}.card-code a{font-size:16px;color:#735dc6;text-decoration:none}.card-body h3{font-size:12px;line-height:1.7;height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:8px 0 12px}.card-stock{display:flex;justify-content:space-between;border-top:1px solid #f0ebe5;margin-top:16px;padding-top:13px}.card-stock small{display:block;font-size:9px;color:#a2988d}.card-stock strong{display:block;margin-top:6px;font-size:17px;font-weight:500}.card-stock strong span{font-size:9px;color:#9a9187}.card-stock>div:last-child{text-align:right}.card-actions{display:flex;gap:6px;align-items:center;margin-top:15px}.card-actions .secondary{font-size:10px;padding:9px 10px;flex:1}.card-actions .icon-button{padding:3px 4px}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px}.pagination>div{display:flex;align-items:center;gap:12px}.pagination .secondary{font-size:10px;padding:8px 12px}.pagination button:disabled{cursor:default}.product-grid+.table-caption{background:#fcfbf9}.top-logout{display:none}.panel{min-width:0}.table-wrap{max-width:100%}main{min-width:0}
@media(min-width:1500px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card-image{height:230px}}
@media(max-width:1150px){.product-grid{gap:14px;padding:8px 18px 18px;grid-template-columns:repeat(2,minmax(0,1fr))}.card-image{height:225px}.imported-strip{flex-wrap:wrap}.imported-strip .secondary{margin-left:0}}
@media(max-width:850px){.top-logout{display:inline-block;font-size:20px;margin-left:10px}.top-mark{display:none}}
@media(max-width:560px){.product-grid{gap:12px;padding:6px 12px 16px;grid-template-columns:1fr}.card-image{height:280px}.card-body h3{font-size:13px;height:auto;min-height:22px}.card-body{padding:18px}.card-category{font-size:10px}.card-stock small{font-size:11px}.card-actions .secondary{font-size:12px;padding:11px}.toolbar select{width:calc(50% - 6px);max-width:none}.toolbar>a{font-size:10px}.pagination{flex-direction:column;align-items:flex-start;padding:18px}.today{display:none}.topbar>div{flex:1}.page-heading .primary{background:#f37803}.imported-strip .secondary{font-size:11px}.product-cell b{max-width:200px}}