/* Keep original look but add colored selects */
.pgmu-offer-wrap { font-family: Arial, sans-serif; margin: 10px 0; }
.pgmu-controls { margin-bottom: 8px; display:flex; gap:8px; align-items:center; }
#pgmu-search { padding:6px 8px; min-width:200px; }
#pgmu-status-filter { padding:6px 8px; }
#pgmu-export { padding:6px 10px; cursor:pointer; }
#pgmu-offer-table { width:100%; border-collapse:collapse; }
#pgmu-offer-table th, #pgmu-offer-table td { border:1px solid #eee; padding:8px; text-align:left; }
#pgmu-offer-table input[type="date"] { padding:4px; }
.pgmu-status { padding:6px; border:0; border-radius:4px; }
/* ensure select text is readable */
.pgmu-status option { color:#000; }
/* CID search results */
.pgmu-cid-list { list-style:none; padding:0; margin:0; }
.pgmu-cid-list li { margin-bottom:6px; }
.pgmu-cid-list button { margin-left:8px; padding:4px 8px; cursor:pointer; }
/* message */
#pgmu-message { background:#e6ffed; padding:6px 8px; border:1px solid #cdeccd; margin-top:8px; display:none; }

/* Glass modal styles */
#pgmu-offer-edit-modal.pgmu-modal-hidden { display:none; }
#pgmu-offer-edit-modal { position:fixed; inset:0; z-index:9999; }
.pgmu-modal-backdrop { position:absolute; inset:0; background:rgba(255,255,255,0.35); backdrop-filter: blur(6px); }
.pgmu-modal-card { position:relative; width:640px; max-width:95%; margin:6% auto; background:rgba(255,255,255,0.85); border-radius:12px; box-shadow:0 8px 30px rgba(0,0,0,0.2); padding:16px; z-index:10000; }
.pgmu-modal-header{ display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
.pgmu-close-btn{ background:none; border:none; font-size:20px; cursor:pointer; }
.pgmu-modal-body form label{ display:block; margin-bottom:8px; font-size:13px; }
.pgmu-modal-body input, .pgmu-modal-body textarea, .pgmu-modal-body select{ width:100%; padding:6px 8px; margin-top:4px; border:1px solid #cfcfcf; border-radius:6px; }
.pgmu-form-actions{ margin-top:10px; display:flex; gap:10px; align-items:center; }
.pgmu-save-btn{ background:#0b5ed7; color:#fff; padding:8px 12px; border-radius:6px; border:none; cursor:pointer; }
.pgmu-loader{ font-size:16px; }
.pgmu-success{ color:green; font-weight:600; }

/* Glass modal styles */
#pgmu-offer-edit-modal.pgmu-modal-hidden {display:none;}
#pgmu-offer-edit-modal{position:fixed;inset:0;z-index:9999;}
.pgmu-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.35);backdrop-filter:blur(6px);}
.pgmu-modal-card{position:relative;width:640px;max-width:95%;margin:6% auto;background:rgba(255,255,255,0.95);border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.2);padding:16px;z-index:10000;}
.pgmu-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.pgmu-close-btn{background:none;border:none;font-size:20px;cursor:pointer;}
.pgmu-modal-body form label{display:block;margin-bottom:8px;font-size:13px;}
.pgmu-modal-body input,.pgmu-modal-body textarea,.pgmu-modal-body select{width:100%;padding:6px 8px;margin-top:4px;border:1px solid #cfcfcf;border-radius:6px;}
.pgmu-form-actions{margin-top:10px;display:flex;gap:10px;align-items:center;}
.pgmu-save-btn{background:#0b5ed7;color:#fff;padding:8px 12px;border-radius:6px;border:none;cursor:pointer;}
.pgmu-loader{font-size:16px;}
.pgmu-success{color:green;font-weight:600;}



/* --- Cool Centered Modal Styles v1.6 --- */
#pgmu-offer-edit-modal.pgmu-modal-hidden { display:none; }
#pgmu-offer-edit-modal { position:fixed; inset:0; z-index:99999; font-family: Arial, Helvetica, sans-serif; }
.pgmu-modal-backdrop { position:absolute; inset:0; background: rgba(10,10,10,0.45); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.pgmu-modal-card { position:relative; width:720px; max-width:94%; margin:5% auto; background: linear-gradient(180deg, rgba(255,255,255,0.88), rgba(255,255,255,0.80)); border-radius:12px; box-shadow: 0 18px 50px rgba(10,10,30,0.5); padding:0; overflow:hidden; transform: translateY(-8px); transition: transform .28s ease, opacity .28s ease; }
.pgmu-modal-card:focus { outline:none; }
.pgmu-modal-header { display:flex; align-items:center; justify-content:space-between; padding:14px 18px; background: linear-gradient(90deg,#3b82f6,#7c3aed); color:#fff; }
.pgmu-modal-title { display:flex; gap:10px; align-items:center; font-weight:700; }
.pgmu-close-btn { background: rgba(255,255,255,0.15); border: none; color: #fff; width:34px; height:34px; border-radius:8px; font-size:18px; cursor:pointer; }
.pgmu-modal-body { padding:18px; }
.pgmu-grid { display:grid; grid-template-columns: 1fr 1fr; gap:10px 12px; }
.pgmu-grid label { display:block; font-size:13px; color:#222; }
.pgmu-grid label.full { grid-column: 1 / -1; }
.pgmu-grid input, .pgmu-grid textarea, .pgmu-grid select { width:100%; padding:9px 10px; border-radius:8px; border:1px solid #e6e6e6; box-shadow: inset 0 1px 0 rgba(255,255,255,0.6); }
.pgmu-form-actions { display:flex; align-items:center; gap:12px; margin-top:12px; }
.pgmu-save-btn { background: linear-gradient(90deg,#06b6d4,#3b82f6); color:#fff; border:none; padding:9px 14px; border-radius:8px; cursor:pointer; font-weight:600; box-shadow:0 8px 20px rgba(59,130,246,0.18); transition: transform .12s ease; }
.pgmu-save-btn:active { transform: translateY(1px); }
.pgmu-loader { font-size:14px; color:#333; }
.pgmu-success { color: #0f5132; background: #d1e7dd; padding:6px 10px; border-radius:8px; display:inline-block; font-weight:600; }
@media (max-width:640px){ .pgmu-grid { grid-template-columns: 1fr; } .pgmu-modal-card{ margin:10% auto; } }