/* ══════════════════════════════════════════════════════════════════════════════
   Office Modification Request module CSS
   Location: ka-post/posb/assets/css/office_change_requests.css
══════════════════════════════════════════════════════════════════════════════ */

.omr-total-btn{
    border:none;background:transparent;color:#1a3a6b;font-weight:800;
    cursor:pointer;border-radius:14px;padding:3px 9px;line-height:1.2;
    text-decoration:underline;text-underline-offset:3px;font-family:inherit;
}
.omr-total-btn:hover{background:#dcecff;color:#0e4a8a;box-shadow:0 0 0 2px rgba(34,85,164,.08);}
.omr-total-btn:focus{outline:2px solid #2255a4;outline-offset:2px;}

.ph-change-link{text-decoration:none;color:#fff!important;min-width:120px;}
.ph-change-link:hover{background:rgba(255,255,255,.22);transform:translateY(-1px);}
.ph-change-link strong{font-size:1rem!important;}

.omr-modal{display:none;position:fixed;inset:0;z-index:2600;background:rgba(8,18,48,.64);padding:16px;align-items:center;justify-content:center;}
.omr-modal.open{display:flex;}
body.omr-modal-open{overflow:hidden;}
.omr-dialog{width:100%;max-width:980px;max-height:92vh;background:#fff;border-radius:14px;box-shadow:0 16px 50px rgba(0,0,0,.28);display:flex;flex-direction:column;overflow:hidden;animation:omrPop .2s ease-out;}
.omr-dialog-sm{max-width:760px;}
@keyframes omrPop{from{opacity:.2;transform:translateY(14px) scale(.98);}to{opacity:1;transform:none;}}
.omr-modal-hd{background:linear-gradient(135deg,#1a3a6b,#2255a4);color:#fff;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.omr-modal-title{margin:0;font-size:1rem;font-weight:800;line-height:1.25;}
.omr-modal-sub{font-size:.78rem;opacity:.86;margin-top:3px;}
.omr-close-x{border:none;background:rgba(255,255,255,.16);color:#fff;width:30px;height:30px;border-radius:50%;font-size:1.05rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.omr-close-x:hover{background:rgba(255,255,255,.30);}
.omr-modal-bd{padding:15px;overflow:auto;}
.omr-modal-ft{padding:12px 15px;background:#f6f8fc;border-top:1px solid #d8dde8;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;}
.omr-btn{border:none;border-radius:8px;padding:8px 14px;font-weight:700;font-size:.83rem;cursor:pointer;font-family:inherit;}
.omr-btn-secondary{background:#fff;border:1px solid #cbd5e1;color:#334155;}
.omr-btn-secondary:hover{background:#f1f5f9;}
.omr-btn-primary{background:linear-gradient(135deg,#0e7c7b,#0a5d5c);color:#fff;}
.omr-btn-primary:hover:not(:disabled){filter:brightness(.95);transform:translateY(-1px);}
.omr-btn:disabled{opacity:.6;cursor:not-allowed;}
.omr-table-wrap{width:100%;overflow:auto;-webkit-overflow-scrolling:touch;}
.omr-table{width:100%;border-collapse:collapse;min-width:720px;font-size:.82rem;}
.omr-table th{background:#eef3fb;color:#1a3a6b;text-align:left;padding:9px 10px;border:1px solid #d8dde8;font-weight:800;white-space:nowrap;}
.omr-table td{padding:8px 10px;border:1px solid #e2e8f0;vertical-align:middle;}
.omr-table tbody tr:nth-child(even){background:#fafcff;}
.omr-change-btn{border:none;background:#e6f4f4;color:#0e7c7b;border-radius:7px;font-weight:800;font-size:.78rem;padding:6px 10px;cursor:pointer;}
.omr-change-btn:hover{background:#0e7c7b;color:#fff;}
.omr-alert{display:none;margin-bottom:10px;border-radius:8px;padding:9px 11px;font-size:.82rem;font-weight:700;}
.omr-alert.ok{display:block;background:#edf7f1;color:#126b3a;border:1px solid #b8e2c9;}
.omr-alert.err{display:block;background:#fdf0f0;color:#9b1c1c;border:1px solid #f3b7b7;}
.omr-alert.inf{display:block;background:#eef3fb;color:#1a3a6b;border:1px solid #c7d6ef;}
.omr-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;}
.omr-form-full{grid-column:1 / -1;}
.omr-field label{display:block;font-size:.72rem;color:#1a3a6b;font-weight:800;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;}
.omr-control{width:100%;border:1.5px solid #cbd5e1;border-radius:8px;padding:8px 10px;font-size:.86rem;font-family:inherit;outline:none;background:#fff;color:#1c2333;}
.omr-control:focus{border-color:#2255a4;box-shadow:0 0 0 3px rgba(34,85,164,.12);}
.omr-control[readonly]{background:#f8fafc;color:#475569;}
textarea.omr-control{resize:vertical;min-height:74px;}
.omr-section-title{grid-column:1 / -1;margin:5px 0 -4px;color:#b22222;font-size:.82rem;font-weight:900;border-bottom:1px solid #e7d0d0;padding-bottom:5px;}
.omr-note{grid-column:1 / -1;background:#fff8e8;border:1px solid #e7d28a;color:#6b5200;border-radius:8px;padding:8px 10px;font-size:.8rem;line-height:1.45;}

/* Standalone request/admin pages */
.omr-page-body{margin:0;background:#f0f3f9;color:#1c2333;font-family:'Segoe UI',Tahoma,sans-serif;font-size:14px;}
.omr-page-header{background:linear-gradient(135deg,#1a3a6b,#2255a4);color:#fff;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;box-shadow:0 3px 18px rgba(20,40,120,.35);}
.omr-page-header h1{font-size:1.15rem;margin:0;font-weight:900;}
.omr-page-header p{margin:4px 0 0;font-size:.8rem;opacity:.84;}
.omr-header-actions{display:flex;gap:8px;flex-wrap:wrap;}
.omr-top-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.30);border-radius:8px;padding:8px 12px;font-weight:800;font-size:.8rem;}
.omr-top-btn:hover{background:rgba(255,255,255,.25);}
.omr-admin-link{background:rgba(14,124,123,.55);}
.omr-page-wrap{max-width:1500px;margin:0 auto;padding:16px;}
.omr-card{background:#fff;border:1px solid #d8dde8;border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.09);overflow:hidden;}
.omr-card-head{background:#fff8e8;border-bottom:1px solid #e0c870;color:#1a3a6b;padding:11px 14px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-weight:800;}
.omr-report-table{width:100%;border-collapse:collapse;min-width:1080px;font-size:.82rem;}
.omr-report-table th{position:sticky;top:0;background:#1a3a6b;color:#fff;padding:10px 9px;border:1px solid #325891;text-align:left;white-space:nowrap;}
.omr-report-table td{padding:8px 9px;border:1px solid #dfe6f1;vertical-align:top;}
.omr-report-table tbody tr:nth-child(even){background:#fafcff;}
.omr-row-updated td{background:#edf7f1!important;color:#146c43;font-weight:700;}
.omr-empty{text-align:center!important;padding:30px!important;color:#637090!important;font-weight:700;}
.omr-remarks-cell{min-width:280px;max-width:480px;white-space:normal;line-height:1.45;}
.omr-change-list{margin:0 0 0 18px;padding:0;}
.omr-change-list li{margin:2px 0;}
.omr-status{display:inline-flex;border-radius:999px;padding:4px 9px;font-weight:900;font-size:.74rem;white-space:nowrap;}
.omr-status-pending{background:#fff8e8;color:#8a6500;border:1px solid #e0c870;}
.omr-status-updated{background:#dff3e8;color:#126b3a;border:1px solid #9ed4b9;}
.omr-status-deleted{background:#fdf0f0;color:#9b1c1c;border:1px solid #f3b7b7;}
.omr-action-cell{min-width:190px;white-space:nowrap;}
.omr-mini-btn{border:none;border-radius:7px;padding:6px 9px;margin:2px;font-weight:800;font-size:.75rem;cursor:pointer;font-family:inherit;}
.omr-mini-ok{background:#edf7f1;color:#126b3a;border:1px solid #b8e2c9;}
.omr-mini-ok:hover:not(:disabled){background:#126b3a;color:#fff;}
.omr-mini-danger{background:#fdf0f0;color:#9b1c1c;border:1px solid #f3b7b7;}
.omr-mini-danger:hover{background:#b22222;color:#fff;}
.omr-mini-btn:disabled{opacity:.55;cursor:not-allowed;}
#toast{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:7px;pointer-events:none;}
.ti{padding:11px 18px;border-radius:8px;font-size:.84rem;font-weight:700;box-shadow:0 4px 18px rgba(0,0,0,.18);pointer-events:all;max-width:340px;line-height:1.4;background:#1a3a6b;color:#fff;}
.ti.ok{background:#1a7a45;color:#fff;}.ti.err{background:#b22222;color:#fff;}.ti.inf{background:#1a3a6b;color:#fff;}

@media(max-width:768px){
    .omr-modal{padding:8px;align-items:flex-start;}
    .omr-dialog{max-height:96vh;margin-top:8px;border-radius:10px;}
    .omr-modal-hd{padding:11px 12px;}
    .omr-modal-title{font-size:.92rem;}
    .omr-modal-bd{padding:11px;}
    .omr-form-grid{grid-template-columns:1fr;gap:10px;}
    .omr-table{min-width:650px;font-size:.78rem;}
    .omr-page-header{padding:13px 14px;align-items:flex-start;}
    .omr-page-header h1{font-size:1rem;}
    .omr-page-wrap{padding:10px;}
    .omr-report-table{min-width:980px;font-size:.78rem;}
    .omr-header-actions{width:100%;}
    .omr-top-btn{flex:1;}
}

/* v8 enhancements */
.omr-card-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.omr-head-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:7px;padding:6px 11px;font-weight:900;font-size:.78rem;border:1px solid #b8d0f5;background:#ebf2ff;color:#1a3a6b;white-space:nowrap;}
.omr-head-btn:hover{background:#1a3a6b;color:#fff;}
.omr-export-btn{background:#edf7f1;color:#126b3a;border-color:#b8e2c9;}
.omr-export-btn:hover{background:#126b3a;color:#fff;}
.omr-updated-btn{background:#fff8e8;color:#8a6500;border-color:#e0c870;}
.omr-updated-btn:hover{background:#8a6500;color:#fff;}
.omr-logout-link{background:rgba(178,34,34,.55)!important;}
.omr-logout-link:hover{background:rgba(178,34,34,.82)!important;}

.omr-login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a3a6b,#2255a4 55%,#0e2a55);padding:18px;}
.omr-login-wrap{width:100%;max-width:410px;}
.omr-login-card{background:#fff;border-radius:16px;padding:24px 22px;box-shadow:0 18px 55px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.25);}
.omr-login-icon{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eef3fb;color:#1a3a6b;font-size:1.6rem;margin:0 auto 12px;}
.omr-login-card h1{margin:0;text-align:center;color:#1a3a6b;font-size:1.2rem;font-weight:900;}
.omr-login-card p{margin:7px 0 16px;text-align:center;color:#637090;font-size:.84rem;line-height:1.45;}
.omr-login-card label{display:block;color:#1a3a6b;font-weight:900;font-size:.76rem;text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px;}
.omr-login-input{width:100%;border:1.5px solid #cbd5e1;border-radius:9px;padding:11px 12px;font-size:1.05rem;letter-spacing:3px;text-align:center;font-weight:800;outline:none;}
.omr-login-input:focus{border-color:#2255a4;box-shadow:0 0 0 3px rgba(34,85,164,.14);}
.omr-login-btn{width:100%;margin-top:14px;border:none;border-radius:9px;background:linear-gradient(135deg,#0e7c7b,#0a5d5c);color:#fff;font-weight:900;font-size:.9rem;padding:11px 12px;cursor:pointer;}
.omr-login-btn:hover{filter:brightness(.95);transform:translateY(-1px);}
.omr-login-error{background:#fdf0f0;border:1px solid #f3b7b7;color:#9b1c1c;border-radius:8px;padding:9px 10px;font-size:.82rem;font-weight:800;margin-bottom:12px;text-align:center;}
.omr-login-back{display:block;text-align:center;margin-top:14px;color:#1a3a6b;text-decoration:none;font-weight:800;font-size:.82rem;}
.omr-login-back:hover{text-decoration:underline;}

@media(max-width:768px){
    .omr-card-head{align-items:flex-start;}
    .omr-card-actions{width:100%;justify-content:flex-start;}
    .omr-head-btn{flex:1;min-width:120px;}
    .omr-login-card{padding:20px 16px;}
}

/* v9 export/search enhancements */
.omr-request-search-wrap{position:relative;display:inline-flex;align-items:center;min-width:240px;max-width:360px;flex:0 1 320px;}
.omr-request-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#637090;font-size:.78rem;pointer-events:none;}
.omr-request-search{width:100%;border:1.5px solid #cbd5e1;border-radius:999px;background:#fff;color:#1c2333;padding:7px 34px 7px 31px;font-size:.79rem;font-weight:700;outline:none;font-family:inherit;}
.omr-request-search:focus{border-color:#2255a4;box-shadow:0 0 0 3px rgba(34,85,164,.12);}
.omr-search-clear{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:none;background:#edf2f7;color:#637090;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-weight:900;line-height:1;}
.omr-search-clear:hover{background:#dbe4ef;color:#1a3a6b;}
.omr-filter-count{font-size:.76rem;color:#637090;font-weight:900;white-space:nowrap;}

@media(max-width:768px){
    .omr-request-search-wrap{min-width:100%;max-width:none;flex:1 1 100%;order:1;}
    .omr-card-actions .omr-head-btn{order:2;}
    .omr-card-actions #omrTotalCount,.omr-card-actions #omrFilteredCount{order:3;}
}

/* v12: keep request title, search, view/export buttons, and total count in one row on desktop */
@media (min-width: 769px){
    .omr-card-head{
        align-items:center;
        flex-wrap:nowrap;
    }
    .omr-card-head > strong{
        flex:0 0 auto;
        white-space:nowrap;
    }
    .omr-card-actions{
        flex:1 1 auto;
        min-width:0;
        flex-wrap:nowrap;
        justify-content:flex-end;
    }
    .omr-request-search-wrap{
        min-width:220px;
        max-width:320px;
        flex:0 1 320px;
    }
    .omr-card-actions #omrTotalCount,
    .omr-card-actions #omrFilteredCount{
        white-space:nowrap;
        flex:0 0 auto;
    }
    .omr-head-btn{
        flex:0 0 auto;
    }
}

/* v13: Office List PIN protection + improved popup header */
.omr-dialog-pin{max-width:430px;}
.omr-pin-label{display:block;color:#1a3a6b;font-weight:900;font-size:.76rem;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;}
.omr-pin-input{font-size:1.1rem!important;letter-spacing:4px;text-align:center;font-weight:900;}
.omr-pin-note{margin-top:10px;}
#omrOfficeListSub{font-weight:700;opacity:.92;line-height:1.45;}
@media(max-width:768px){
    .omr-dialog-pin{max-width:96vw;margin-top:40px;}
    #omrOfficeListSub{font-size:.74rem;}
}

/* v22: Office List action buttons + Add New Office modal */
.omr-ao-name-btn{
    border:none;
    background:transparent;
    color:inherit;
    font:inherit;
    cursor:pointer;
    padding:2px 4px;
    border-radius:6px;
    text-align:left;
}
.omr-ao-name-btn:hover,
.omr-ao-name-btn:focus{
    color:#1a3a6b;
    background:#dcecff;
    text-decoration:underline;
    outline:none;
}
.omr-office-action-cell{
    display:flex;
    gap:7px;
    align-items:center;
    flex-wrap:wrap;
    min-width:210px;
}
.omr-change-mapping-btn{
    background:#ebf2ff!important;
    color:#1a3a6b!important;
    border:1px solid #b8d0f5!important;
}
.omr-change-mapping-btn:hover{
    background:#1a3a6b!important;
    color:#fff!important;
}
.omr-add-office-btn{
    border:1px solid #b8e2c9;
    background:#edf7f1;
    color:#126b3a;
    border-radius:7px;
    font-weight:800;
    font-size:.78rem;
    padding:6px 10px;
    cursor:pointer;
    font-family:inherit;
}
.omr-add-office-btn:hover{
    background:#126b3a;
    color:#fff;
}
#omrAddOfficeModal .omr-dialog-sm{
    max-width:820px;
}
#omrAddOfficeModal .omr-modal-ft{
    position:sticky;
    bottom:0;
    z-index:10;
}
#omr_add_ao_facility_id[readonly]{
    background:#f8fafc;
    color:#475569;
}
@media(max-width:768px){
    .omr-office-action-cell{
        min-width:180px;
        gap:6px;
    }
    .omr-change-mapping-btn,
    .omr-add-office-btn{
        flex:1 1 100%;
        text-align:center;
    }
}


/* v25: Office List action column alignment and conditional Add New Office support */
.omr-table th.omr-action-head,
.omr-table td.omr-office-action-cell{
    text-align:center!important;
}
.omr-office-action-cell{
    justify-content:center;
}
.omr-office-action-cell .omr-change-btn,
.omr-office-action-cell .omr-add-office-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    white-space:nowrap;
}
@media(max-width:768px){
    .omr-office-action-cell{
        justify-content:center;
        min-width:220px;
    }
    .omr-office-action-cell .omr-change-btn,
    .omr-office-action-cell .omr-add-office-btn{
        min-width:118px;
    }
}