@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

.uab-admin-wrap{font-family:'Poppins',sans-serif;color:#2c1a0e;padding:16px;max-width:1500px;}
#uab-inline-admin{
  max-width:100%;
  padding:30px 0 0;
  /* Break out of the narrow WP content column */
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

/* Header */
.uab-admin-header{background:linear-gradient(135deg,#7b1e00,#c0391b 60%,#e8862a);color:#fff;border-radius:12px;padding:18px 24px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.uab-admin-header h1{margin:0 0 4px;font-size:20px;}
.uab-admin-header p{margin:0;font-size:12px;opacity:.88;}
#uab-logout-area{display:flex;align-items:center;gap:12px;}
#uab-logged-label{font-size:13px;font-weight:600;opacity:.92;}
.uab-btn-logout{padding:8px 18px;background:rgba(255,255,255,.15);color:#fff;border:1.5px solid rgba(255,255,255,.4);border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;}
.uab-btn-logout:hover{background:rgba(255,255,255,.25);}

/* Lock */
.uab-lock-screen{display:flex;justify-content:center;align-items:center;min-height:340px;}
.uab-lock-box{background:#fff;border:1.5px solid #e0d4c0;border-radius:14px;padding:42px 36px;text-align:center;max-width:340px;width:100%;box-shadow:0 6px 32px rgba(181,69,27,.10);}
.uab-lock-icon{font-size:50px;margin-bottom:12px;}
.uab-lock-box h2{margin:0 0 6px;font-size:20px;}
.uab-lock-box p{color:#7a6555;font-size:13px;margin-bottom:18px;}
.uab-lock-box input{width:100%;box-sizing:border-box;padding:13px 14px;border:1.5px solid #e0d4c0;border-radius:8px;font-size:22px;letter-spacing:.3em;text-align:center;font-family:'Poppins',sans-serif;margin-bottom:12px;outline:none;}
.uab-lock-box input:focus{border-color:#b5451b;}
#uab-lock-btn{width:100%;padding:13px;background:linear-gradient(135deg,#b5451b,#e8862a);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;}
.uab-lock-error{background:#fff0ee;border:1px solid #f5a090;border-radius:6px;padding:8px;color:#b5451b;font-size:13px;margin-bottom:10px;}

/* Toolbar */
.uab-admin-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px;}
.uab-toolbar-left,.uab-toolbar-right{display:flex;gap:8px;flex-wrap:wrap;}
.uab-admin-toolbar input[type=text],.uab-admin-toolbar select{padding:8px 12px;border:1.5px solid #ddd;border-radius:7px;font-family:'Poppins',sans-serif;font-size:13px;color:#2c1a0e;outline:none;background:#fff;}
.uab-admin-toolbar input[type=text]{min-width:210px;}

.uab-tbtn{padding:8px 14px;border:none;border-radius:7px;font-family:'Poppins',sans-serif;font-size:12px;font-weight:600;cursor:pointer;}
.uab-tbtn-approve{background:#e8f5e9;color:#2e7d32;}
.uab-tbtn-reject {background:#fff3e0;color:#e65100;}
.uab-tbtn-delete {background:#fce4ec;color:#b71c1c;}
.uab-tbtn-refresh{background:#e3f2fd;color:#1565c0;}

/* Table */
.uab-table-wrap{overflow-x:scroll;background:#fff;border-radius:10px;border:1.5px solid #e0d4c0;box-shadow:0 2px 12px rgba(181,69,27,.07);}
.uab-table-wrap::-webkit-scrollbar{height:8px;}
.uab-table-wrap::-webkit-scrollbar-track{background:#fdf1e8;border-radius:0 0 10px 10px;}
.uab-table-wrap::-webkit-scrollbar-thumb{background:#c0391b;border-radius:4px;}
.uab-table-wrap::-webkit-scrollbar-thumb:hover{background:#7b1e00;}
#uab-admin-table{width:1244px;border-collapse:collapse;font-size:12.5px;table-layout:fixed;}
#uab-admin-table thead tr{background:#fdf1e8;}
#uab-admin-table th{padding:10px 10px;text-align:left;font-weight:700;color:#7b1e00;border-bottom:2px solid #e0d4c0;white-space:normal;word-break:break-word;line-height:1.3;overflow:hidden;}
#uab-admin-table td{padding:9px 10px;border-bottom:1px solid #f0e8dc;color:#2c1a0e;vertical-align:middle;word-break:break-word;white-space:normal;line-height:1.4;overflow:hidden;}
#uab-admin-table tbody tr:hover{background:#fffaf5;}
.uab-loading{text-align:center;padding:30px!important;color:#888;}

/* Column widths via nth-child (more reliable than col element) */
#uab-admin-table th:nth-child(1), #uab-admin-table td:nth-child(1)  {width:36px;  min-width:36px;}
#uab-admin-table th:nth-child(2), #uab-admin-table td:nth-child(2)  {width:36px;  min-width:36px;}
#uab-admin-table th:nth-child(3), #uab-admin-table td:nth-child(3)  {width:100px; min-width:100px;}
#uab-admin-table th:nth-child(4), #uab-admin-table td:nth-child(4)  {width:120px; min-width:120px;}
#uab-admin-table th:nth-child(5), #uab-admin-table td:nth-child(5)  {width:82px;  min-width:82px;}
#uab-admin-table th:nth-child(6), #uab-admin-table td:nth-child(6)  {width:100px; min-width:100px;}
#uab-admin-table th:nth-child(7), #uab-admin-table td:nth-child(7)  {width:80px;  min-width:80px;}
#uab-admin-table th:nth-child(8), #uab-admin-table td:nth-child(8)  {width:110px; min-width:110px;}
#uab-admin-table th:nth-child(9), #uab-admin-table td:nth-child(9)  {width:110px; min-width:110px;}
#uab-admin-table th:nth-child(10),#uab-admin-table td:nth-child(10) {width:110px; min-width:110px;}
#uab-admin-table th:nth-child(11),#uab-admin-table td:nth-child(11) {width:90px;  min-width:90px;}
#uab-admin-table th:nth-child(12),#uab-admin-table td:nth-child(12) {width:80px;  min-width:80px;}
#uab-admin-table th:nth-child(13),#uab-admin-table td:nth-child(13) {width:80px;  min-width:80px;}
#uab-admin-table th:nth-child(14),#uab-admin-table td:nth-child(14) {width:110px; min-width:110px;}

/* Photo link */
.uab-photo-link{color:#1565c0;cursor:pointer;text-decoration:underline;font-size:11.5px;word-break:break-all;}
.uab-photo-link:hover{color:#b5451b;}
.uab-no-photo{color:#bbb;font-size:11px;}

/* Status badges */
.uab-badge{padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;}
.uab-badge-pending {background:#fff3e0;color:#e65100;}
.uab-badge-approved{background:#e8f5e9;color:#2e7d32;}
.uab-badge-rejected{background:#fce4ec;color:#b71c1c;}

/* Action buttons */
.uab-act{display:block;width:100%;padding:5px 8px;border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;border:none;margin:2px 0;font-family:'Poppins',sans-serif;text-align:center;box-sizing:border-box;}
.uab-act-approve{background:#e8f5e9;color:#2e7d32;}
.uab-act-reject {background:#fff3e0;color:#e65100;}
.uab-act-edit   {background:#e3f2fd;color:#1565c0;}
.uab-act-delete {background:#fce4ec;color:#b71c1c;}

/* Admin msg */
.uab-admin-msg{margin-bottom:12px;padding:11px 16px;border-radius:8px;font-size:13px;font-weight:500;}
.uab-admin-msg.success{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7;}
.uab-admin-msg.error  {background:#fce4ec;color:#b71c1c;border:1px solid #ef9a9a;}

/* Footer */
.uab-admin-footer{margin-top:10px;display:flex;justify-content:space-between;font-size:12px;color:#7a6555;}
.uab-last-refresh{font-style:italic;}

/* Modals */
.uab-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;}
.uab-modal-box{background:#fff;border-radius:14px;padding:28px;max-width:420px;width:100%;box-shadow:0 16px 48px rgba(0,0,0,.22);}
.uab-modal-box h3{margin:0 0 12px;font-size:17px;color:#2c1a0e;}
.uab-modal-box p {color:#666;font-size:14px;margin-bottom:22px;}
.uab-modal-btns{display:flex;gap:10px;margin-top:20px;}
.uab-btn-cancel{flex:1;padding:11px;background:#f5f5f5;color:#333;border:1.5px solid #ddd;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;}
.uab-btn-ok{flex:1;padding:11px;background:linear-gradient(135deg,#b5451b,#e8862a);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;}
.uab-btn-save{flex:1;padding:11px;background:linear-gradient(135deg,#1565c0,#1e88e5);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;}

/* Edit modal */
.uab-edit-box{max-width:640px!important;}
.em-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.em-field label{display:block;font-size:12px;font-weight:600;color:#7b1e00;margin-bottom:4px;}
.em-field input,.em-field select{width:100%;box-sizing:border-box;padding:9px 11px;border:1.5px solid #e0d4c0;border-radius:7px;font-family:'Poppins',sans-serif;font-size:13px;color:#2c1a0e;outline:none;}
.em-field input:focus,.em-field select:focus{border-color:#b5451b;}

/* Photo modal */
.uab-photo-box{background:#fff;border-radius:14px;padding:20px;max-width:500px;width:90%;text-align:center;position:relative;box-shadow:0 16px 48px rgba(0,0,0,.3);}
.uab-photo-box img{max-width:100%;max-height:420px;border-radius:8px;object-fit:contain;}
.uab-photo-caption{font-size:12px;color:#888;margin-top:10px;}
.uab-photo-close{position:absolute;top:10px;right:12px;background:#f5f5f5;border:none;border-radius:50%;width:30px;height:30px;font-size:16px;cursor:pointer;line-height:30px;text-align:center;}

@media(max-width:600px){
  .em-grid{grid-template-columns:1fr;}
  .uab-admin-header{flex-direction:column;text-align:center;}
}