body.google-panel-body,
html{
    margin:0;
    padding:0;
    background:#f3f6fb;
    font-family:Tahoma, Arial, sans-serif;
    color:#1f2937;
}

.google-panel-form{
    margin:0;
    padding:0;
}

/* ====== LAYOUT ====== */
.dashboard-shell{
    direction:ltr;
    display:grid;
    grid-template-columns:minmax(0,1fr) 340px;
    grid-template-rows:auto;
    gap:24px;
    width:100%;
    box-sizing:border-box;
    padding:8px 24px 24px 24px;
    align-items:start !important;
}

/* ====== RIGHT SIDEBAR ====== */
.sidebar-panel{
    direction:rtl;
    grid-column:2;
    grid-row:1;
    width:340px;
    min-width:340px;
    background:#0f172a;
    color:#fff;
    border-radius:24px;
    padding:22px 18px;
    box-sizing:border-box;
    box-shadow:0 16px 40px rgba(15,23,42,.18);
    justify-self:end;
    align-self:start !important;
    position:sticky;
    top:8px;
}

/* ====== SIDEBAR CONTENT ====== */
.brand-card{
    background:linear-gradient(135deg,#1d4ed8,#0f172a);
    border-radius:20px;
    padding:18px;
    margin-bottom:18px;
    cursor:pointer;
}

.brand-title{
    font-size:26px;
    font-weight:bold;
    line-height:1.6;
    margin-bottom:8px;
}

.brand-subtitle{
    font-size:13px;
    opacity:.85;
    direction:ltr;
    text-align:left;
}

.sidebar-menu{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-bottom:18px;
}

.sidebar-home-link{
    display:block;
    text-decoration:none;
    text-align:center;
    background:#ffffff14;
    color:#fff;
    padding:12px 14px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.14);
}

.sidebar-menu-btn{
    width:100%;
    border:none;
    background:#ffffff10;
    color:#fff;
    cursor:pointer;
    font-size:15px;
    padding:12px 14px;
    border-radius:14px;
    text-align:right;
    box-sizing:border-box;
    transition:background .2s ease, transform .2s ease;
}

.sidebar-menu-btn:hover{
    background:#ffffff1d;
    transform:translateY(-1px);
}

.sidebar-menu-btn-ghost{
    background:#ef4444;
    color:#fff;
}

.sidebar-logout-link{
    text-decoration:none;
}

/* ====== SETTINGS CARD ====== */
.settings-card{
    background:#fff;
    color:#111827;
    border-radius:20px;
    padding:18px;
    box-shadow:0 10px 28px rgba(15,23,42,.12);
}

.card-title{
    font-size:18px;
    font-weight:bold;
    margin-bottom:14px;
    color:#0f172a;
    border-bottom:1px solid #e5e7eb;
    padding-bottom:8px;
}

.settings-card input[type=text]{
    width:100% !important;
    max-width:100%;
    box-sizing:border-box;
    border:1px solid #dbe3ef;
    border-radius:10px;
    background:#f8fafc;
    padding:10px 12px;
    height:auto !important;
    font-size:14px !important;
}

/* ====== MAIN CONTENT ====== */
.main-panel{
    direction:rtl;
    grid-column:1;
    grid-row:1;
    min-width:0;
    align-self:start !important;
    justify-self:stretch;
    margin:0 !important;
    padding:0 !important;
}

.top-strip{
    display:flex;
    flex-direction:row; /* اصلاح شد */
    justify-content:space-between;
    align-items:center;
    gap:16px;
    margin:0 0 20px 0 !important;
    padding:0 !important;
}

.page-heading{
    font-size:30px;
    font-weight:bold;
    color:#0f172a;
    margin:0;
    padding:0;
}

.logo-wrap{
    background:#fff;
    border-radius:18px;
    padding:16px 18px;
    box-shadow:0 10px 28px rgba(15,23,42,.08);
}

.content-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    align-items:start !important;
}

.panel-card{
    background:#fff;
    border-radius:24px;
    padding:22px;
    box-shadow:0 12px 30px rgba(15,23,42,.08);
    overflow:hidden;
    align-self:start !important;
}

.panel-card-wide{
    grid-column:1 / -1;
}

.panel-card input[type=text]:not(.sidebar-menu-btn),
.panel-card input[type=number],
.panel-card select{
    max-width:100%;
    box-sizing:border-box;
    border:1px solid #dbe3ef;
    border-radius:10px;

    padding:0 14px !important;   /* اصلاح شد */
    height:48px !important;      /* مهم */
    line-height:48px !important; /* مهم */

    background:#fff;
    font-size:15px;
}

.panel-card input[readonly]{
    background:#f8fafc;
}

.panel-card hr{
    clear:both;
    height:1px;
    border:0;
    background:#e5e7eb;
    margin:18px 0;
}

.panel-card pre{
    white-space:pre-wrap;
    font-family:Tahoma, Arial, sans-serif;
}

/* ====== SAVE BUTTONS ====== */
.save-bar{
    text-align:center;
    margin:24px 0 10px;
}

.primary-save-btn,
.secondary-save-btn{
    font-size:18px;
    width:220px;
    max-width:100%;
    padding:12px 18px;
    border:none;
    border-radius:14px;
}

.primary-save-btn{
    background:#1d4ed8;
    color:#fff;
    cursor:pointer;
    box-shadow:0 10px 20px rgba(29,78,216,.25);
}

.secondary-save-btn{
    background:#cbd5e1;
    color:#475569;
}

.footer-note{
    text-align:left;
    direction:ltr;
    color:#64748b;
    margin-top:18px;
    font-size:13px;
}

/* ====== LEGACY CLASSES ====== */
.style5{font-size:large;}
.newStyle1{border-style:none;}
.newStyle2{border-style:none;visibility:visible;}
.style1{text-align:center;}
.style4{font-size:xx-large;text-align:center;color:#FFFFFF;}
.style7{color:#FFFFFF;text-align:right;}
.style2{color:#FFFFFF;cursor:pointer;}
.DisableLinke{color:#000080;}
.style8{margin-left:20px;}
.style9{font-size:large;border-width:5px;background-color:#FFFF99;}

.style17{text-align:left;}
.style18{text-align:right;}
.style11{
    text-align:right;
    font-size:x-large;
    border-left-style:none;
    border-left-width:1px;
    border-top-style:none;
    border-top-width:1px;
}
.style12{
    color:#FFFFFF;
    cursor:pointer;
    text-decoration:none;
    font-size:medium;
}
.style13{
    color:#FFFFFF;
    text-align:right;
    border-top-style:solid;
    border-top-width:1px;
    padding-top:1px;
}
.style14{
    border-bottom-style:1px;
    border-bottom-width:1px;
}
.style15{
    border-top-style:none;
    border-top-width:1px;
    text-align:right;
}
.style16{
    margin-right:2px;
}


.settings-card-compact{
    padding:16px;
    text-align:center;
}

.account-info-open-btn{
    width:100%;
    border:none;
    background:#1d4ed8;
    color:#fff;
    cursor:pointer;
    font-size:18px;
    font-weight:bold;
    padding:14px 16px;
    border-radius:14px;
    box-sizing:border-box;
    transition:background .2s ease, transform .2s ease;
    text-align:right;
}

.account-info-open-btn:hover{
    background:#2563eb;
    transform:translateY(-1px);
}

.account-info-overlay{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(15,23,42,.55);
    z-index:9998;
}

.account-info-modal{
    display:none;
    position:fixed;
    inset:0;
    z-index:9999;
    align-items:center;
    justify-content:center;
    padding:20px;
    box-sizing:border-box;
}

.account-info-modal-box{
    width:100%;
    max-width:520px;
    background:#ffffff;
    border-radius:22px;
    box-shadow:0 24px 60px rgba(15,23,42,.28);
    overflow:hidden;
    direction:rtl;
}

.account-info-modal-header{
    display:flex;
    flex-direction:row-reverse;
    align-items:center;
    justify-content:space-between;
    padding:18px 20px;
    border-bottom:1px solid #e5e7eb;
    background:#f8fafc;
}

.account-info-modal-title{
    font-size:24px;
    font-weight:bold;
    color:#0f172a;
}

.account-info-close-btn{
    border:none;
    background:transparent;
    color:#334155;
    font-size:30px;
    line-height:1;
    cursor:pointer;
    padding:0 4px;
}

.account-info-modal-body{
    padding:24px 20px 18px 20px;
}

.account-info-modal-body input[type=text]{
    width:100% !important;
    max-width:100%;
    box-sizing:border-box;
    border:1px solid #cbd5e1;
    border-radius:12px;
    background:#f1f5f9;
    padding:12px 14px;
    font-size:14px !important;
    height:auto !important;
    margin-top:8px;
}

body.modal-open{
    overflow:hidden;
}

.account-info-modal-body{
    padding:24px 20px 18px 20px;
}

.account-info-field{
    margin-bottom:20px;
}

.account-info-label{
    display:block;
    font-size:15px;
    font-weight:bold;
    color:#0f172a;
    margin-bottom:8px;
    text-align:right;
}

.account-info-modal-body input[type=text]{
    width:100% !important;
    max-width:100%;
    box-sizing:border-box;
    border:1px solid #cbd5e1;
    border-radius:12px;
    background:#f1f5f9;
    padding:12px 14px;
    font-size:14px !important;
    height:auto !important;
}

.important-info-btn{
    border:none;
    background:#1d4ed8;
    color:#fff;
    cursor:pointer;
    font-size:15px;
    font-weight:bold;
    padding:10px 16px;
    border-radius:12px;
    margin-right:12px;
    vertical-align:middle;
    transition:background .2s ease, transform .2s ease;
}

.important-info-btn:hover{
    background:#2563eb;
    transform:translateY(-1px);
}

.important-info-overlay{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(15,23,42,.50);
    z-index:9998;
}

.important-info-modal{
    display:none;
    position:fixed;
    inset:0;
    z-index:9999;
    align-items:center;
    justify-content:center;
    padding:20px;
    box-sizing:border-box;
}

.important-info-modal-box{
    width:100%;
    max-width:700px;
    background:#ffffff;
    border-radius:22px;
    box-shadow:0 24px 60px rgba(15,23,42,.28);
    overflow:hidden;
    direction:rtl;
}

.important-info-modal-header{
    display:flex;
    flex-direction:row-reverse;
    align-items:center;
    justify-content:space-between;
    padding:18px 20px;
    border-bottom:1px solid #e5e7eb;
    background:#f8fafc;
}

.important-info-modal-title{
    font-size:24px;
    font-weight:bold;
    color:#0f172a;
}

.important-info-close-btn{
    border:none;
    background:transparent;
    color:#334155;
    font-size:30px;
    line-height:1;
    cursor:pointer;
    padding:0 4px;
}

.important-info-modal-body{
    padding:24px 20px;
    color:#0f172a;
    line-height:2;
    font-size:16px;
}

.important-info-modal-body p{
    margin:0 0 14px 0;
}

.important-info-link{
    direction:ltr;
    text-align:left;
    color:#1d4ed8;
    font-weight:bold;
}

body.important-modal-open{
    overflow:hidden;
}

.important-info-confirm-btn{
    border:none;
    background:#1d4ed8;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    padding:12px 22px;
    border-radius:12px;
    cursor:pointer;
    transition:background .2s ease, transform .2s ease;
}

.important-info-confirm-btn:hover{
    background:#2563eb;
    transform:translateY(-1px);
}

.report-table table{
    font-size:12px;
}

.report-table td,
.report-table th{
    font-size:12px;
    padding:2px;
}

.report-cell{
    font-size:12px !important;
    padding:4px 2px !important;
    height:38px !important;
    line-height:38px !important;
    box-sizing:border-box;
}

.report-head{
    font-size:12px !important;
    font-weight:bold;
}

/*-----------------------------------------*/
.mobile-menu-toggle{
    display:none;
    position:fixed;
    top:16px;
    right:16px;
    z-index:3000;
    width:48px;
    height:48px;
    border:none;
    border-radius:12px;
    background:#243b8f;
    cursor:pointer;
    padding:10px;
    box-shadow:0 8px 24px rgba(0,0,0,.25);
}

.mobile-menu-toggle span{
    display:block;
    width:100%;
    height:3px;
    margin:5px 0;
    background:#fff;
    border-radius:3px;
}

.mobile-menu-overlay{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
    z-index:1999;
}

.mobile-menu-overlay.show{
    display:block;
}

@media (max-width:1100px){
    .mobile-menu-toggle{
        display:block;
    }

    .dashboard-shell{
        display:block !important;
        padding:16px;
    }

    .sidebar-panel{
        position:fixed !important;
        top:0;
        right:0;
        width:280px;
        max-width:80vw;
        height:100vh;
        overflow-y:auto;
        z-index:2500;
        transform:translateX(100%);
        transition:transform .28s ease;
        border-radius:0 !important;
        margin:0 !important;
        min-width:0;
    }

    .sidebar-panel.mobile-open{
        transform:translateX(0);
    }

    .main-panel{
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
    }

    .content-grid{
        grid-template-columns:1fr;
    }

    .panel-card-wide{
        grid-column:auto;
    }

    .top-strip{
        flex-direction:column-reverse;
        align-items:flex-start;
    }

    body.menu-open{
        overflow:hidden;
    }
}


/* ====== FIELD STATES: EDITABLE / READONLY ====== */

.field-editable{
    background:#ffffff !important;
    border:2px solid #b9c7ff !important;
    color:#111827 !important;
    cursor:text;
    transition:border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.field-editable:focus{
    border-color:#1d4ed8 !important;
    box-shadow:0 0 0 3px rgba(29,78,216,.14);
    outline:none;
}

.field-readonly{
    background:#f1f5f9 !important;
    border:1px solid #d6deeb !important;
    color:#475569 !important;
    cursor:default;
}

.field-readonly:focus{
    outline:none;
    box-shadow:none;
}

.field-disabled{
    background:#e5e7eb !important;
    border:1px solid #cbd5e1 !important;
    color:#94a3b8 !important;
    cursor:not-allowed;
}

.field-badge{
    display:inline-block;
    padding:4px 10px;
    border-radius:999px;
    font-size:12px;
    font-weight:bold;
    line-height:1.4;
    margin-right:10px;
    vertical-align:middle;
}

.field-badge-edit{
    background:#e8f0ff;
    color:#1d4ed8;
}

.field-badge-read{
    background:#eef2f7;
    color:#64748b;
}

.field-badge-disabled{
    background:#ececec;
    color:#8b8b8b;
}

.field-hint{
    display:block;
    margin-top:6px;
    font-size:12px;
    color:#64748b;
    line-height:1.7;
}