body{ 
    background-color: #f1f1f1;
  font-family: Arial, sans-serif;
  font-size: 14px;
    }
.login_out{
    position: absolute;
    top: 15%;
    left: 10%;
    width: 80%;
    height: 500px;
    background-color: white;
    border-collapse: collapse;
    border-radius: 10px;
    box-shadow: 1px 1px 1px 1px;
    }
.login_text{
    max-width: 80%;
    height: 25px;
    text-align: center;
    font-size: 20px;
    border-radius: 5px;
    background: #EAEAEA url(../images/username.ico) right no-repeat;
    background-size: 30px;
    color: navy;    
    }
.login_search{
    width: 100%;
    height: 30px;
    text-align: center;
    font-size: 20px;
    border-radius: 5px;
    background: #EAEAEA url(../images/search.ico) right no-repeat;
    background-size: 30px;
    color: navy;
}
a:link{text-decoration: none;}
.login_pwd{
    width: 78%;
    color: navy;
    height: 25px;
    text-align: center;
    font-size: 20px;
    border-radius: 5px;
    background-size: 30px;
    }
.login_button{
    color: white;
    width: 80%;
    height: 35px;
    text-align: center;
    border-radius: 5px;
    background-color: #0B4DFF;
}
.icon_word{font-weight: bold;}
table.table_kubwa{
    position: absolute;
    top: 1%;
    left: 5%;
    background-color: white;
    width: 90%;
    border-radius: 10px;
    box-shadow: 1px 1px 1px 1px;
}
.myfields{width: 50px;}

.photo-btn{
 display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border-radius:50%;
    text-decoration:none;
    cursor:pointer;
    transition:all .25s ease;
}

.photo-btn i{
    font-size:15px;
}

.photo-btn:hover{
    background:#0f5267;
    transform:scale(1.1);
    box-shadow:0 6px 12px rgba(0,0,0,.35);
}

.photo-btn:active{
    transform:scale(0.95);
}

/*profile picture*/

table.kulia_menu{
        width: 100%;
        border-radius: 5px;background-color: white;box-shadow: 1px 1px 1px 1px;color: black;padding: 5px;}
.profile-container{
      width:100%;
      max-width: 100%;
      box-sizing: border-box;
    display:flex;
    justify-content:center;
    margin-top:15px;
}

.profile-card{
    width: 100%;
      max-width: 220px;
      box-sizing: border-box;
    background:#ffffff;
    border-radius:15px;
    text-align:center;
    padding:20px 15px;
    box-shadow:0 6px 18px rgba(0,0,0,0.15);
    transition:0.3s;
}

.profile-card:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 25px rgba(0,0,0,0.18);
}

.profile-avatar img{
    width:90px;
    height:90px;
    border-radius:50%;
    object-fit:cover;
    border:4px solid #f0f0f0;
    margin-bottom:10px;
}

.profile-name{
    font-size:16px;
    font-weight:600;
    color:#333;
}

.profile-role{
    font-size:14px;
    color:#777;
    margin-top:3px;
}

.profile-phone{
    font-size:13px;
    color:#555;
    margin-top:5px;
}

.mobile-menu-panel-header,
.mobile-menu-backdrop{
    display:none;
}

.mobile-menu-edge-toggle{
    display:none;
    position:fixed;
    top:18px;
    left:10px;
    width:38px;
    height:38px;
    border:none;
    border-radius:50%;
    background:linear-gradient(180deg, #f4f4f4 0%, #d9d9d9 100%);
    color:#222222;
    box-shadow:0 10px 22px rgba(0,0,0,0.16);
    cursor:pointer;
    z-index:2001;
    align-items:center;
    justify-content:center;
}

.mobile-menu-edge-toggle:hover{
    background:linear-gradient(180deg, #ffffff 0%, #dddddd 100%);
}

.mobile-menu-edge-arrow{
    font-size:18px;
    line-height:1;
    font-weight:700;
}

@media (max-width: 600px){
    .profile-container{
        display:none;
    }
}

@media (max-width: 768px){
    body.mobile-menu-body-open{
        overflow:hidden;
    }

    .mobile-menu-host-cell{
        width:0 !important;
        min-width:0 !important;
        padding:0 !important;
        overflow:visible !important;
    }

    .mobile-menu-table{
        width:0 !important;
        min-width:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        border-radius:0 !important;
        padding:0 !important;
        margin:0 !important;
        overflow:visible !important;
    }

    .mobile-menu-backdrop{
        position:fixed;
        inset:0;
        background:rgba(0,0,0,0.18);
        z-index:1998;
    }

    body.mobile-menu-body-open .mobile-menu-backdrop{
        display:block;
    }

    body.mobile-menu-active .mobile-menu-edge-toggle{
        display:inline-flex;
    }

    .links_right_menu.mobile-menu-enabled{
        position:fixed;
        top:0;
        bottom:0;
        left:0;
        width:280px;
        max-width:82vw;
        height:100vh;
        max-height:100vh;
        padding:12px 14px 20px;
        box-sizing:border-box;
        background:#ffffff;
        border:1px solid #d4d4d4;
        border-left:none;
        border-radius:0 18px 18px 0;
        box-shadow:0 12px 28px rgba(0,0,0,0.20);
        z-index:1999;
        overflow-y:auto;
        overflow-x:visible;
        transform:translateX(calc(-100% + 18px));
        transition:transform 0.28s ease;
    }

    .mobile-menu-table .profile-container,
    .mobile-menu-table tr:first-child,
    .mobile-menu-table tr:nth-child(2){
        display:none;
    }

    .links_right_menu.mobile-menu-open{
        transform:translateX(0);
    }

    .links_right_menu.mobile-menu-enabled .mobile-menu-panel-header{
        display:flex;
        justify-content:flex-end;
        align-items:center;
        margin-bottom:10px;
        position:sticky;
        top:0;
        background:#ffffff;
        padding:2px 0 8px;
        z-index:2;
    }

    .links_right_menu.mobile-menu-enabled .mobile-menu-close{
        width:42px;
        height:42px;
        border:none;
        border-radius:50%;
        background:#ffffff;
        box-shadow:0 4px 10px rgba(0,0,0,0.14);
        color:#222222;
        cursor:pointer;
        font-size:28px;
        line-height:1;
    }

    .links_right_menu.mobile-menu-enabled #cssmenu{
        display:block;
        width:100%;
        max-width:none;
        margin:0;
        box-shadow:none;
        background:transparent;
        padding:0;
    }

    .links_right_menu.mobile-menu-enabled #cssmenu > ul{
        width:100%;
        padding-bottom:12px;
    }

    .links_right_menu.mobile-menu-enabled #cssmenu > ul > li > a,
    .links_right_menu.mobile-menu-enabled #cssmenu ul ul a{
        width:100%;
        box-sizing:border-box;
    }

    .links_right_menu.mobile-menu-enabled #cssmenu > ul > li > a{
        border-radius:6px;
        margin-bottom:4px;
    }

    .links_right_menu.mobile-menu-enabled #cssmenu > ul > li.has-sub > a{
        margin-bottom:0 !important;
    }

    .links_right_menu.mobile-menu-enabled #cssmenu > ul > li.has-sub.active > a{
        border-bottom-left-radius:0 !important;
        border-bottom-right-radius:0 !important;
    }

    .links_right_menu.mobile-menu-enabled #cssmenu > ul > li > a > span{
        padding:10px 34px 10px 12px;
        font-size:13px;
    }

    .links_right_menu.mobile-menu-enabled #cssmenu ul ul{
        padding:0 !important;
        margin:0 !important;
        background:transparent;
        border:none;
        box-shadow:none;
        border-radius:0;
        overflow:hidden;
    }

    .links_right_menu.mobile-menu-enabled #cssmenu ul ul li{
        padding:0 !important;
        margin:0 !important;
        border:none !important;
    }

    .links_right_menu.mobile-menu-enabled #cssmenu ul ul a,
    .links_right_menu.mobile-menu-enabled #cssmenu ul ul a span{
        border:none !important;
        box-shadow:none !important;
        background-image:none !important;
    }

    .links_right_menu.mobile-menu-enabled #cssmenu > ul > li.has-sub{
        border:none !important;
        margin-bottom:4px !important;
        background:transparent !important;
        box-shadow:none !important;
        overflow:hidden;
    }

    .links_right_menu.mobile-menu-enabled #cssmenu > ul > li.has-sub.active{
        margin-bottom:4px !important;
    }

    .mobile-menu-edge-toggle{
        top:18px;
        left:8px;
        width:34px;
        height:34px;
    }
}

.report-shell{
    width:100%;
    box-sizing:border-box;
}

.report-card{
    width:100%;
    background:#ffffff;
    border:1px solid #d8dde3;
    border-radius:14px;
    box-shadow:0 6px 18px rgba(0,0,0,0.08);
    overflow:hidden;
}

.report-card-head{
    padding:18px 22px 14px;
    border-bottom:1px solid #e8edf2;
    background:linear-gradient(180deg,#ffffff 0%, #f5f7fa 100%);
    text-align:center;
}

.report-card-title{
    margin:0;
    color:#16324f;
    font-size:26px;
}

.report-card-subtitle{
    margin:8px 0 0;
    color:#5f6b76;
    font-size:14px;
}

.report-overview{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
    gap:14px;
    padding:18px 22px;
    background:#fbfcfd;
    border-bottom:1px solid #edf1f5;
}

.report-stat{
    padding:14px 16px;
    border:1px solid #e1e7ee;
    border-radius:12px;
    background:#ffffff;
    box-shadow:0 4px 12px rgba(0,0,0,0.04);
}

.report-stat-label{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.4px;
    color:#6b7680;
    margin-bottom:8px;
}

.report-stat-value{
    font-size:22px;
    font-weight:700;
    color:#10263d;
}

.report-form-wrap{
    padding:22px;
}

.report-form-grid{
    display:grid;
    grid-template-columns:220px minmax(0, 1fr);
    gap:16px 18px;
    align-items:center;
}

.report-form-label{
    font-weight:700;
    color:#213547;
    font-size:15px;
}

.report-form-input,
.report-form-wrap .select2-container .select2-selection--single{
    width:100% !important;
    min-height:46px;
    height:46px !important;
    border:1px solid #cfd8e3 !important;
    border-radius:10px !important;
    background:#ffffff !important;
    box-sizing:border-box;
}

.report-form-wrap .select2-container{
    width:100% !important;
    display:block !important;
}

.report-form-input{
    padding:10px 14px;
    font-size:15px;
    color:#1f2933;
}

.report-form-wrap .select2-container .select2-selection--single{
    display:flex !important;
    align-items:center;
    padding:0 12px;
}

.report-form-wrap .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height:44px !important;
    color:#1f2933 !important;
    padding-left:0 !important;
    padding-right:28px !important;
}

.report-form-wrap .select2-container--default .select2-selection--single .select2-selection__arrow{
    height:44px !important;
    top:1px !important;
    right:8px !important;
}

.report-form-note{
    margin:0 0 18px;
    padding:12px 14px;
    border-radius:10px;
    background:#fff8e1;
    color:#785b00;
    border:1px solid #f1df9b;
    font-size:14px;
}

.report-form-actions{
    display:flex;
    gap:14px;
    justify-content:flex-start;
    padding-top:8px;
    padding-left:238px;
}

.report-btn{
    min-width:170px;
    height:44px;
    border:none;
    border-radius:10px;
    font-weight:700;
    font-size:15px;
    cursor:pointer;
    transition:all .2s ease;
}

.report-btn-primary{
    background:linear-gradient(180deg,#3d4349 0%, #1e2125 100%);
    color:#ffffff;
}

.report-btn-secondary{
    background:#e9edf2;
    color:#203244;
    border:1px solid #cfd8e3;
}

.report-btn:hover{
    transform:translateY(-1px);
}

@media (max-width: 900px){
    .report-form-grid{
        grid-template-columns:1fr;
    }

    .report-form-actions{
        flex-wrap:wrap;
        padding-left:0;
    }

    .report-btn{
        width:100%;
    }
}

/* Shared responsive cards for administration pages */
.admin-card-page{width:100%;border-collapse:collapse}
.admin-card-sidebar{width:10%;vertical-align:top}
.admin-card-content{width:90%;padding:16px;vertical-align:top;box-sizing:border-box;background:#f4f7fb}
.admin-card{width:100%;max-width:1120px;margin:0 auto 18px;padding:18px;box-sizing:border-box;overflow:hidden;background:#fff;border:1px solid #e1e8ef;border-radius:14px;box-shadow:0 5px 18px rgba(24,45,66,.08)}
.admin-card--form{max-width:760px}
.admin-card .title{margin:0 0 14px;padding:11px 14px;border-radius:9px;font-size:17px}
.admin-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.admin-card .results-table{width:100%;border-collapse:collapse;background:#fff}
.admin-card .results-table th,.admin-card .results-table td{padding:10px 8px;border-bottom:1px solid #e6ebf0}
.admin-card .results-table th{color:#17324d;background:#eef4f8;font-weight:700}
.admin-card .results-table tr:hover td{background:#f7fafc}
.admin-form-table{width:100%;background:transparent!important;border-collapse:separate;border-spacing:0 7px}
.admin-form-table td{border:0!important;padding:5px 7px!important}
.admin-form-table input[type=text],.admin-form-table input[type=password],.admin-form-table input[type=email],.admin-form-table input[type=file],.admin-form-table select,.admin-search input{width:100%;min-height:42px;padding:9px 11px;box-sizing:border-box;border:1px solid #c9d3dc;border-radius:7px;background:#fff;font-size:15px}
.admin-form-table input[readonly]{color:#6b7280;background:#edf1f4}
.admin-search{width:100%;margin:0 0 14px}
.admin-search input:focus{border-color:#146c89;outline:none;box-shadow:0 0 0 3px rgba(20,108,137,.14)}
.admin-search-status{display:block;min-height:18px;margin-top:5px;color:#52606d;font-size:13px}
.action-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin:2px;border-radius:7px;text-decoration:none!important;vertical-align:middle;transition:transform .15s ease,background-color .15s ease}
.action-icon svg{width:16px;height:16px;fill:currentColor}
.action-icon:hover{transform:translateY(-1px)}
.edit-icon{color:#0b6f91;background:#e5f4f9}
.edit-icon:hover{color:#074c64;background:#cceaf4}
.delete-icon{color:#b42318;background:#fdecea}
.delete-icon:hover{color:#86160f;background:#f9d4d0}
@media(max-width:768px){
.admin-card-page,.admin-card-page>tbody,.admin-card-page>tbody>tr,.admin-card-page>tbody>tr>.admin-card-sidebar,.admin-card-page>tbody>tr>.admin-card-content{display:block;width:100%!important;box-sizing:border-box}
.admin-card-sidebar{margin-bottom:10px}
.admin-card-content{padding:8px}
.admin-card{padding:12px;border-radius:11px}
.admin-card .title{font-size:15px;letter-spacing:1px}
.admin-card .results-table{min-width:680px;white-space:nowrap}
.admin-form-table,.admin-form-table tbody,.admin-form-table tr,.admin-form-table td{display:block;width:100%!important;box-sizing:border-box}
.admin-form-table tr{margin-bottom:9px}
.admin-form-table td{padding:3px 0!important}
.admin-form-table .mybuttons{width:100%;min-height:44px;margin:4px 0}
.admin-form-table input,.admin-form-table select,.admin-search input{font-size:16px}
.select2-container{width:100%!important}
}
/* Records become real cards on phones */
@media(max-width:768px){
.admin-table-wrap{overflow:visible}
.admin-card .card-table{display:block;min-width:0!important;background:transparent;white-space:normal}
.card-table tbody{display:block}
.card-table .admin-table-title{display:block}
.card-table .admin-table-title th,.card-table .admin-table-title td{display:block;width:100%!important;box-sizing:border-box}
.card-table .admin-table-head{display:none}
.card-table .admin-record-row{display:block;margin:0 0 12px;padding:10px 12px;background:#fff;border:1px solid #dce5ed;border-radius:12px;box-shadow:0 3px 10px rgba(24,45,66,.08)}
.card-table .admin-record-row td{display:flex;width:100%!important;min-height:36px;padding:7px 0!important;box-sizing:border-box;align-items:center;justify-content:space-between;gap:12px;text-align:right!important;border-bottom:1px dashed #e1e7ec;background:transparent!important;white-space:normal}
.card-table .admin-record-row td:last-child{border-bottom:0}
.card-table .admin-record-row td::before{content:attr(data-label);flex:0 0 43%;color:#52606d;font-size:12px;font-weight:700;text-align:left;text-transform:uppercase}
.card-table .admin-record-row td img{width:46px;height:46px;border-radius:50%;object-fit:cover}
.card-table .admin-summary-row{display:block;margin-top:14px;padding:12px;background:#eef4f8;border-radius:10px}
.card-table .admin-summary-row td{display:block;width:100%!important;padding:5px!important;border:0}
}
/* Shared cards for stock, orders and department reports */
.view-icon{color:#6b46c1;background:#f0eafe}
.view-icon:hover{color:#4c2a9a;background:#e2d6fb}
.approve-icon{color:#147a43;background:#e5f7ed}
.approve-icon:hover{color:#0d5830;background:#ccefdc}

@media(max-width:768px){
.tbl_welcome,.tbl_welcome>tbody,.tbl_welcome>tbody>tr{display:block;width:100%!important}
.tbl_welcome>tbody>tr>td{display:block;width:100%!important;box-sizing:border-box;margin-bottom:12px}
.tbl_welcome .tbl_content{display:block;width:100%!important;box-sizing:border-box;margin:0 0 12px;padding:12px;background:#fff;border:1px solid #dce5ed;border-radius:12px;box-shadow:0 3px 10px rgba(24,45,66,.08)}
.admin-content-search table,.admin-content-search tbody,.admin-content-search tr,.admin-content-search td{display:block;width:100%!important;box-sizing:border-box}
}
/* Compact action icons inside responsive cards */
.action-icon{width:26px;height:26px;border-radius:6px}
.action-icon img,
.card-table .admin-record-row .action-icon img{
    width:14px !important;
    height:14px !important;
    min-width:14px;
    border-radius:0;
    object-fit:contain;
}
.action-icon svg{width:14px;height:14px}
@media(max-width:768px){
    .card-table .admin-record-row .action-icon{
        display:inline-flex;
        width:26px !important;
        min-width:26px;
        height:26px;
        min-height:26px;
        padding:0 !important;
        margin:1px 2px;
    }
}
/* Mobile search form and compact titles */
.admin-mobile-search{width:100%}
.admin-search-table{width:100%;border-collapse:separate;border-spacing:0 6px}
@media(max-width:768px){
.admin-mobile-search,.admin-search-table,.admin-search-table tbody,.admin-search-table tr,.admin-search-table td{display:block;width:100%!important;box-sizing:border-box}
.admin-search-table td{padding:4px 0}
.admin-search-table .select2-container{width:100%!important}
.admin-search-table .select2-selection--single{min-height:44px;display:flex;align-items:center;border-radius:8px}
.admin-search-table .mybuttons{width:100%;min-height:44px;margin-top:7px;border-radius:8px}
.admin-card .title,.card-table .title{font-size:14px!important;line-height:1.35;letter-spacing:.4px;margin:0!important;padding:9px 10px}
.admin-card .title~hr,.card-table .title~hr,.admin-table-title hr{display:none!important}
}
/* Responsive debt-payment page */
.repayment-page-card{max-width:1050px}
.repayment-search{margin-bottom:16px;padding:14px;background:#f7fafc;border:1px solid #e1e8ef;border-radius:11px}
.repayment-form{display:block;width:100%;max-width:760px;margin:0 auto 10px;padding:16px;box-sizing:border-box;background:#fff;border:1px solid #e1e8ef;border-radius:12px;box-shadow:0 4px 14px rgba(24,45,66,.07)}
.repayment-form-table input[type=number],.repayment-form-table select{width:100%;min-height:42px;padding:9px 11px;box-sizing:border-box;border:1px solid #c9d3dc;border-radius:7px;font-size:15px}
@media(max-width:768px){
.repayment-page-card{padding:10px!important}
.repayment-search{padding:10px;margin-bottom:12px}
.repayment-form{padding:11px;border-radius:10px}
.repayment-form-table .title{font-size:14px!important}
.repayment-form-table input,.repayment-form-table select{font-size:16px;min-height:44px}
.repayment-page-card .allowed_sms{position:static;display:block;width:auto;margin:8px 0;box-sizing:border-box;font-size:14px}
.repayment-page-card .box{position:static}
}
/* Employee registration and directory */
.employee-registration-card{max-width:820px}
.employee-form-table input[type=date],.employee-form-table input[type=number],.employee-form-table input[type=address]{width:100%;min-height:42px;padding:9px 11px;box-sizing:border-box;border:1px solid #c9d3dc;border-radius:7px;background:#fff;font-size:15px}
.employee-form-table tr:nth-child(2) td,.employee-form-table tr:nth-child(9) td{padding-top:14px!important;color:#17324d;font-weight:700}
.employee-list-card{max-width:1280px}
.employee-search{margin-bottom:16px;padding:14px;background:#f7fafc;border:1px solid #e1e8ef;border-radius:11px}
.employee-card-table th,.employee-card-table td{vertical-align:middle}
.employee-card-table .action-icon img{width:14px!important;height:14px!important;object-fit:contain}
@media(max-width:768px){
.employee-registration-card,.employee-list-card{padding:11px!important}
.employee-form-table input,.employee-form-table select{font-size:16px!important;min-height:44px}
.employee-form-table tr:nth-child(2) td,.employee-form-table tr:nth-child(9) td{padding-top:10px!important}
.employee-search{padding:10px}
.employee-card-table .admin-record-row td{align-items:center}
}
/* Responsive report pages and filters */
.report-mobile-filter{width:100%;margin:0 0 14px;padding:14px;box-sizing:border-box;background:#f7fafc;border:1px solid #e1e8ef;border-radius:11px}
.report-mobile-filter>table{width:100%;border-collapse:separate;border-spacing:8px}
.report-mobile-filter select,.report-mobile-filter input[type=text],.report-mobile-filter input[type=date]{width:100%;min-height:42px;box-sizing:border-box}
.report-rows-filter{display:flex;justify-content:flex-end;align-items:center;gap:8px}
.report-card-table .action-icon img{width:14px!important;height:14px!important;object-fit:contain}
@media(max-width:768px){
.report-shell,.report-card,.report-form-wrap{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}
.report-card-head{padding:15px 12px!important}
.report-card-title{font-size:17px!important;line-height:1.3}
.report-card-subtitle{font-size:13px!important}
.report-overview{grid-template-columns:1fr!important;padding:12px!important;gap:9px!important}
.report-stat{padding:11px 12px!important}
.report-form-wrap{padding-top:12px!important}
.report-form-note{margin:0 10px 12px!important}
.report-mobile-filter,.report-mobile-filter>table,.report-mobile-filter>table>tbody,.report-mobile-filter>table>tbody>tr,.report-mobile-filter>table>tbody>tr>td{display:block;width:100%!important;box-sizing:border-box}
.report-mobile-filter{padding:10px}
.report-mobile-filter>table{border-spacing:0}
.report-mobile-filter td{padding:4px 0!important}
.report-mobile-filter .select2-container{width:100%!important}
.report-mobile-filter .mybuttons{width:100%;min-height:44px;margin-top:6px}
.report-rows-filter{display:flex!important;flex-direction:row;width:auto!important;margin:0 10px 10px auto;padding:8px}
.report-rows-filter select{width:auto;min-width:80px;min-height:40px}
.report-card-table .admin-record-row td{overflow-wrap:anywhere}
}
/* Responsive customer search and registration pages */
.customer-search-form{margin-bottom:15px;padding:12px;background:#f7fafc;border:1px solid #e1e8ef;border-radius:10px}
.customer-registration-card{max-width:1050px;margin:0 auto;padding:18px}
.customer-registration-table{width:100%}
.new-form-card{max-width:760px}
.completed-list-card{max-width:1280px}
.completed-search{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 140px;gap:10px;align-items:end}
.completed-search button{min-height:42px;border:0;border-radius:8px;background:#343a40;color:#fff;font-weight:700;cursor:pointer}
.completed-card-table .action-icon img{width:14px!important;height:14px!important}
@media(max-width:768px){
.customer-search-form{padding:10px}
.customer-registration-card,.new-form-card,.completed-list-card{padding:11px!important}
.customer-registration-table input:not([type=radio]),.customer-registration-table select,.new-form-table input:not([type=radio]),.new-form-table select{width:100%!important;min-height:44px;font-size:16px}
.customer-registration-table table{max-width:100%}
.completed-search{display:block!important;padding:10px!important}
.completed-search .select2-container,.completed-search button{display:block;width:100%!important;margin:0 0 8px}
.completed-search button{min-height:44px}
}
.sms-radio-options{display:flex;align-items:center;gap:18px;min-height:42px}
.sms-radio-options label{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:14px;cursor:pointer}
.sms-radio-options input[type=radio]{width:16px!important;height:16px!important;min-height:0!important;margin:0;accent-color:#146c89}
@media(max-width:768px){
.sms-radio-options{display:flex!important;flex-direction:row;gap:20px;padding:7px 0!important}
.sms-radio-options label{width:auto!important;font-size:15px}
}
/* Full-width department management forms */
.dept-management-card{width:100%;max-width:none;margin-left:0;margin-right:0}
.dept-management-search{display:block;width:100%;max-width:none}
.dept-management-search-table{width:100%!important;max-width:none;table-layout:auto}
.dept-management-search-table tr:last-child td:first-child{width:auto!important}
.dept-management-search-table tr:last-child td:last-child{width:180px}
.dept-management-search-table .select2-container{width:100%!important}
.dept-management-search-table .mybuttons{width:100%;min-width:170px;min-height:42px}
@media(max-width:768px){
.dept-management-card{width:100%!important;max-width:100%!important}
.dept-management-search-table tr:last-child td:last-child{width:100%!important}
.dept-management-search-table .mybuttons{width:100%;min-width:0;min-height:44px}
}
/* Orders search and searched-result layout */
.orders-page-card{width:100%;max-width:none}
.orders-search-form{width:100%;padding:14px;background:#f7fafc;border:1px solid #e1e8ef;border-radius:11px}
.orders-search-table{width:100%!important}
.orders-search-table tr:last-child td:first-child{width:auto!important}
.orders-search-table tr:last-child td:last-child{width:190px}
.orders-search-table .select2-container{width:100%!important}
.orders-search-table .mybuttons{width:100%;min-width:180px;min-height:42px}
.order-search-results{width:100%;border-collapse:collapse;background:#fff}
.order-search-results th,.order-search-results td{padding:10px 8px;border-bottom:1px solid #e5ebf0;vertical-align:middle}
.order-search-results th{background:#eef4f8;color:#17324d}
.order-search-results .action-icon img,.order-search-results .photo-btn img{width:14px!important;height:14px!important;object-fit:contain}
@media(max-width:768px){
.orders-page-card,.orders-search-form{width:100%!important;max-width:100%!important}
.orders-search-form{padding:10px}
.orders-search-table tr:last-child td:last-child{width:100%!important}
.orders-search-table .mybuttons{width:100%;min-width:0;min-height:44px}
.order-search-results .admin-record-row td{overflow-wrap:anywhere}
}
/* Customer details page */
.customer-details-page{width:100%;max-width:none}
.customer-details-search{width:100%;padding:14px;background:#f7fafc;border:1px solid #e1e8ef;border-radius:11px;margin-bottom:16px}
.customer-details-search-table{width:100%!important}
.customer-details-search-table tr:last-child td:first-child{width:auto!important}
.customer-details-search-table tr:last-child td:last-child{width:190px}
.customer-details-search-table .mybuttons{width:100%;min-width:180px;min-height:42px}
.customer-details-table{width:100%;border-collapse:collapse;background:#fff}
.customer-details-table th,.customer-details-table td{padding:10px 8px;border-bottom:1px solid #e5ebf0;vertical-align:middle}
.customer-details-table th{background:#eef4f8;color:#17324d}
.customer-details-table .action-icon img{width:14px!important;height:14px!important;border-radius:0!important;object-fit:contain}
@media(max-width:768px){
.customer-details-page,.customer-details-search{width:100%!important;max-width:100%!important}
.customer-details-search{padding:10px}
.customer-details-search-table tr:last-child td:last-child{width:100%!important}
.customer-details-search-table .mybuttons{width:100%;min-width:0;min-height:44px}
.customer-details-table .admin-record-row td{overflow-wrap:anywhere}
}
/* Clean data rows globally: white/light alternating backgrounds */
.admin-card-content{background:transparent}
.results-table .admin-record-row{background:#ffffff!important}
.results-table .admin-record-row:nth-of-type(even){background:#f4f7f9!important}
.results-table .admin-record-row td,.results-table .rowndani.admin-record-row td{background:transparent!important}
.results-table .admin-record-row:hover{background:#edf3f7!important}
.customer-details-search-table .select2-container{width:100%!important}
.customer-details-search-table .select2-selection--single{min-height:42px;display:flex;align-items:center;border:1px solid #c9d3dc;border-radius:7px}
@media(max-width:768px){
.results-table .admin-record-row{background:#ffffff!important}
.results-table .admin-record-row:nth-of-type(even){background:#f4f7f9!important}
.customer-details-search-table .select2-selection--single{min-height:44px}
}