#suppliersScreen{padding:14px}.supplier-shell{max-width:1050px;margin:auto}.supplier-toolbar{display:flex;gap:9px;margin-bottom:12px}.supplier-search{flex:1;min-width:0;height:44px;display:flex;align-items:center;background:#fff;border:1px solid #dce4ec;border-radius:11px;padding:0 11px;box-shadow:0 4px 14px rgba(20,34,50,.04)}.supplier-search input{width:100%;height:42px;border:0!important;outline:0!important;background:transparent!important;color:#26313c!important;font-size:10px}.supplier-search input::placeholder{color:#9aa5b1}.supplier-search .material-icons{color:#617081;font-size:18px;margin-right:7px}.supplier-list{display:grid;gap:9px}.supplier-card{position:relative;background:#fff;border:1px solid #dfe6ee;border-radius:13px;padding:13px;display:flex;align-items:center;gap:12px;box-shadow:0 5px 16px rgba(20,34,50,.05)}.supplier-avatar{width:46px;height:46px;flex:0 0 46px;border-radius:12px;background:#25364a!important;color:#fff!important;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.supplier-main{flex:1;min-width:0}.supplier-main h3{margin:0;color:#26313c;font-size:12px;font-weight:900}.supplier-main p{margin:5px 0 2px;font-size:8px;color:#697788;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.supplier-main small{font-size:8px;color:#177245;font-weight:800}.supplier-more{width:32px!important;height:32px!important;flex:0 0 32px;border:1px solid #dbe3eb!important;background:#f5f7fa!important;color:#344252!important;border-radius:8px!important;font-size:20px!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important}.supplier-more:hover{background:#eaf0f6!important}.supplier-form{background:#fff;border:1px solid #dfe6ee;border-radius:13px;padding:14px;max-width:620px;box-shadow:0 7px 20px rgba(20,34,50,.06)}.supplier-form-head{display:flex;align-items:center;margin-bottom:12px}.supplier-back{width:38px!important;height:36px!important;min-width:38px!important;padding:0!important;border:1px solid #dce4ec!important;background:#fff!important;color:#344252!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 3px 10px rgba(20,34,50,.06)!important}.supplier-back .material-icons{font-size:19px}.supplier-form label{display:block;color:#394756;font-size:8px;font-weight:900;margin:10px 0}.supplier-form input,.supplier-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:5px;border:1px solid #d7e0e9!important;border-radius:7px!important;padding:9px!important;background:#fff!important;color:#26313c!important;font-size:9px!important;outline:none!important}.supplier-form input:focus,.supplier-form textarea:focus{border-color:#7ea7e8!important;box-shadow:0 0 0 2px rgba(47,111,237,.08)}.supplier-form textarea{min-height:72px;resize:vertical}.supplier-save{margin-top:10px;height:38px;width:100%;border:1px solid #2f6fed!important;border-radius:8px!important;background:#2f6fed!important;color:#fff!important;font-size:9px;font-weight:900}.supplier-empty{text-align:center;padding:35px;background:#fff;border:1px dashed #d6dee8;border-radius:12px;color:#7d8996;font-size:9px}.supplier-action-modal{position:fixed!important;inset:0!important;z-index:1000003!important;background:rgba(20,30,40,.35)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:14px}.supplier-action-box{width:min(300px,calc(100vw - 28px));background:#fff;border:1px solid #dfe6ee;border-radius:13px;padding:9px;box-shadow:0 20px 55px rgba(15,30,45,.22)}.supplier-action-title{display:flex;align-items:center;gap:8px;padding:9px;color:#26313c;border-bottom:1px solid #edf1f5;margin-bottom:5px}.supplier-action-title .material-icons{width:30px;height:30px;border-radius:8px;background:#25364a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px}.supplier-action-title strong{font-size:10px}.supplier-action-box>button{width:100%;height:38px;border:0;border-radius:8px;background:#fff;color:#344252;display:flex;align-items:center;gap:8px;padding:0 10px;font-size:8px;font-weight:900;text-align:left}.supplier-action-box>button:hover{background:#f4f7fa}.supplier-action-box>button .material-icons{font-size:17px}.supplier-action-box>button.danger{color:#b42318}.supplier-action-box>button.cancel{justify-content:center;background:#f2f5f8;margin-top:4px;text-align:center}.supplier-action-box>button.cancel:hover{background:#e9eef3}@media(max-width:700px){#suppliersScreen{padding:8px}.supplier-card{padding:11px}.supplier-avatar{width:42px;height:42px;flex-basis:42px}.supplier-more{width:30px!important;height:30px!important;flex-basis:30px}}
/* Step 42.34: supplier actions are compact and anchored to the 3-dot button. */
.supplier-actions-wrap{position:relative;flex:0 0 32px}.supplier-action-menu{position:absolute;right:0;top:36px;width:145px;background:#fff;border:1px solid #dfe6ee;border-radius:9px;padding:4px;box-shadow:0 12px 30px rgba(15,30,45,.16);z-index:80}.supplier-action-menu button{width:100%;height:31px;border:0;background:#fff;color:#344252;border-radius:6px;display:flex;align-items:center;gap:6px;padding:0 7px;font-size:7px;font-weight:900;text-align:left}.supplier-action-menu button:hover{background:#f3f6f9}.supplier-action-menu button .material-icons{font-size:15px}.supplier-action-menu button.danger{color:#b42318}.supplier-action-menu button[data-supplier-action="payment"]{color:#177245}.supplier-more .material-icons{font-size:17px}

/* Step 42.37 — Dashboard Blue Theme */
.supplier-avatar{background:#2f80ed!important}
.supplier-more{border-color:#cfe0f5!important;background:#edf5ff!important;color:#1565c0!important}
.supplier-more:hover{background:#dcecff!important}
.supplier-save{background:#2f80ed!important;border-color:#2f80ed!important;box-shadow:0 6px 14px rgba(47,128,237,.18)!important}
.supplier-action-title .material-icons{background:#2f80ed!important}
.supplier-action-menu{border-color:#cfe0f5!important;box-shadow:0 14px 35px rgba(47,128,237,.16)!important}
.supplier-action-menu button:hover{background:#edf5ff!important}
.supplier-action-menu button[data-supplier-action="payment"]{color:#1565c0!important}