:root{--ink:#073050;--navy:#073050;--teal:#57c2b1;--green:#087e7b;--bg:#edf3f7;--line:#dbe6ec;--muted:#6b8293}body{background:var(--bg)}.sidebar{width:238px;background:var(--navy);color:#fff;border:0;padding:24px 18px}.brand-logo{width:108px;height:65px;object-fit:contain;display:block}.sidebar .brand{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:3px 13px}.sidebar .brand-logo{width:148px;height:86px;background:white;border-radius:12px;padding:11px;box-shadow:0 5px 18px #00182930}.sidebar .brand strong{font-size:17px;color:white}.sidebar .brand small{color:#90b4c9;font-size:10px;margin-top:5px}.nav{margin-top:34px}.nav a{color:#a9c5d6;padding:13px 15px}.nav a:hover{background:#ffffff0b;color:white}.nav .active{background:#57c2b1;color:#073050;box-shadow:0 7px 22px #001b2a22}.nav .active:hover{background:#70d0c1;color:#073050}.sidefoot{border-color:#ffffff18}.sidefoot .badge{background:#ffffff0c;color:#94d9cb}.sidefoot .muted{color:#7ea4b9}.workspace{margin-right:238px}.topbar{background:#fff;height:70px}.avatar{background:#e0f5f1;color:#097976}.page{max-width:1600px}.headline{position:relative;background:var(--navy);color:white;padding:29px 28px;border-radius:18px;overflow:hidden;border-bottom:4px solid var(--teal);min-height:130px;box-shadow:0 8px 25px #07305010}.headline:before{content:'';position:absolute;left:120px;top:-100px;width:320px;height:320px;border:1px solid #57c2b12b;border-radius:50%;box-shadow:0 0 0 45px #57c2b108,0 0 0 90px #57c2b105;pointer-events:none}.headline>div,.headline>button{position:relative}.headline h1{font-size:27px}.headline p{color:#b1cbd9}.headline .btn{background:var(--teal);color:var(--navy);border:1px solid #9adecf}.eyebrow{font:10px Arial;letter-spacing:2.3px;color:#77cfbe;margin-bottom:7px;display:block}.stats{gap:16px}.stat{border:1px solid #d7e4ea;border-radius:14px;border-top:3px solid #b8cad8;box-shadow:0 3px 12px #0a305005}.stat:nth-child(2){border-top-color:var(--teal);background:#f1fbf8}.stat:nth-child(3){border-top-color:#497d9f}.stat:nth-child(4){border-top-color:#dfa64c}.stat .bubble{color:#0c6b79;background:#e5f2f4;border-radius:10px}.stat:nth-child(2) .bubble{background:#d5f2e8;color:#157a63}.stat .num{color:var(--navy);font-size:33px}.panel{border-radius:15px;border:1px solid #d8e3eb;box-shadow:0 8px 26px #12375507}.tabletools{background:#fff}.btn{border-radius:9px}.btn.light{border-color:#cddfe7;color:#1b5572}.btn.light:hover{background:#eaf7f5;border-color:#7dcdbf}.btn.ghost{color:#16787b}.simicon{background:#e3f4f3;border-color:#b7e0da;color:#158e8b}th{background:#eaf1f6;color:#557285;font-weight:bold;font-size:11px;border-top:1px solid #dae6ed}td{padding-top:15px;padding-bottom:15px}tbody tr:hover{background:#f1faf8}.badge.ok{background:#dff5eb;color:#167760}.badge.error{background:#ffe8e4;color:#b14b3a}.phone{color:#4d7589;margin-top:3px}.person{max-width:215px}.tablefoot{background:#f8fafc}.notice{border-color:#a9dacd;background:#e2f5ee}.drawer{border-top:5px solid var(--teal)}.dialoghead{background:#eff5f8}.package{border-right:3px solid var(--teal);background:#f3faf8}.loginart{background:#073050;padding:60px}.loginart:before{border-color:#57c2b13b;box-shadow:0 0 0 90px #57c2b108,0 0 0 180px #57c2b106}.loginart h2{font-size:40px}.loginart p{color:#b0ccd9}.loginart .artlabel{color:var(--teal)}.loginart .artcard{background:#ffffff08;border-color:#57c2b14d;border-right:4px solid var(--teal);box-shadow:0 18px 45px #001b2d33}.loginform{background:linear-gradient(140deg,#fff 65%,#eef8f6)}.logininner{max-width:385px}.logininner .brand{margin-bottom:35px}.logininner .brand-logo{width:127px;height:76px;margin-left:10px}.logininner .brand strong{color:var(--navy);font-size:20px}.logininner .submit{background:var(--navy);border-bottom:3px solid var(--teal);height:51px}.logininner footer{line-height:2}.logininner input:focus{border-color:#57c2b1;box-shadow:0 0 0 3px #57c2b11b;outline:none}.reorderbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:14px;background:#edf8f5;border:1px dashed #7fc9b9;border-radius:10px;padding:13px 15px;font-size:12px}.reorderbar p{font-size:11px;color:#608879;margin-top:2px}.sortheading{display:none}.sortcell{display:none;min-width:155px;padding:10px}.sorting .sortheading,.sorting .sortcell{display:table-cell}.sorting tbody tr{cursor:grab}.sorting tbody tr.dragging{opacity:.35}.sorting tbody tr.drop-target{outline:2px solid var(--teal);outline-offset:-2px;background:#daf3eb}.sortcell .controls{display:flex;gap:4px;align-items:center;direction:ltr}.sortcell button{background:#e3f1f1;border:1px solid #c1dcd8;border-radius:6px;padding:2px 6px;color:var(--navy);font-size:13px}.sortcell input{padding:3px 4px;width:49px;min-width:0;border-radius:6px;font:12px Arial}.grip{color:#5d9392;padding:0 5px;font-size:20px}.sorting td{border-bottom-color:#d7e9e4}.sorting tr:focus-within{background:#f0faf7}.sort-status{font-size:11px;color:#5c8093;margin-right:8px}.saving-order{pointer-events:none;opacity:.7}.btn.sort-toggle{border-color:#57c2b1;background:#e5f7f1;color:#12554f}.brand-section-title{font-size:14px;font-weight:bold;display:block;margin-bottom:14px}.statusbar{font-size:11px;display:flex;justify-content:space-between;gap:10px;margin-bottom:12px;color:#6a8795}@media(max-width:1100px){.sidebar{width:190px}.workspace{margin-right:190px}.sidebar .brand-logo{width:130px}.headline{padding:24px}.person{max-width:185px}}@media(max-width:760px){.sidebar{width:auto;display:flex;padding:10px 16px}.sidebar .brand{flex-direction:row;align-items:center;padding:0;gap:12px}.sidebar .brand-logo{width:77px;height:48px;padding:5px;border-radius:7px}.sidebar .brand strong{font-size:15px}.sidebar .brand small{font-size:9px}.workspace{margin:0}.headline{padding:21px 18px;min-height:135px}.headline h1{font-size:22px}.headline .btn{padding:8px 9px;font-size:11px}.headline p{max-width:205px;line-height:1.9}.stats{gap:10px}.stat{padding:15px}.tabletools .flex{gap:7px}.reorderbar{align-items:flex-start}.sortcell{min-width:145px}.logininner .brand-logo{width:106px;height:64px}.topbar{height:57px}.page{padding:17px 12px}.tablefoot{gap:12px}.loginart{display:none}}

/* Always-visible row controls, also outside edit mode. */
.sortheading,.sortcell{display:table-cell}.ip-address{font:600 18px Arial,sans-serif;letter-spacing:.5px;display:block;text-align:right;color:#073050}.sortcell{min-width:145px}.reorderbar{position:sticky;top:8px;z-index:8;box-shadow:0 5px 18px #07305015}.tabletools:has(.reorderbar:not([hidden])){position:sticky;top:0;z-index:7}.panel:has(.reorderbar:not([hidden])){overflow:visible}tr[data-id]{cursor:grab}.grip{cursor:grab}tr.dragging{opacity:.35}tr.drop-target{outline:2px solid #57c2b1;outline-offset:-2px;background:#daf3eb}

/* Main view: SIM identity, IP, actions. Sorting controls only on request. */
.sortheading,.sortcell{display:none!important}.sorting .sortheading,.sorting .sortcell{display:table-cell!important}.sortcell [data-move]{display:none!important}.sortcell{min-width:95px}.person{max-width:none;white-space:normal;font-size:14px}.phone{font-size:17px;margin-top:5px}.identity{gap:16px}.ip-address{font-size:21px;letter-spacing:.7px}td{padding-top:21px;padding-bottom:21px}.headline{margin-bottom:23px}.ip-details{display:grid;grid-template-columns:1fr 1fr;gap:15px;background:#edf7f5;border:1px solid #cee6df;padding:16px;border-radius:12px;margin-bottom:12px}.ip-details small{display:block;margin-bottom:8px}.expiry-date{display:block;font-size:17px}.sorting .sortcell .controls{justify-content:center}@media(max-width:760px){.person{font-size:12px;max-width:200px}.phone{font-size:15px}.ip-address{font-size:18px}.ip-details{grid-template-columns:1fr}td{padding:16px}}
/* SIM / balance / IP / actions in RTL reading order. */
.connection-dot{display:inline-block;flex:0 0 11px;width:11px;height:11px;border-radius:50%;background:#d95c65;box-shadow:0 0 0 5px #d95c6514}.connection-dot.online{background:#22a77b;box-shadow:0 0 0 5px #22a77b17}.volume-cell{min-width:240px;width:27%}.balance-card{background:#f0faf7;border:1px solid #d4e9e3;border-right:3px solid #57c2b1;border-radius:11px;padding:12px 14px;max-width:330px;margin:7px 0}.balance-title{font-size:12px;font-weight:700;margin-bottom:7px;color:#073050}.balance-card strong{font-size:15px;display:block}.balance-card strong small{font-size:10px;font-weight:400;color:#507b82}.balance-card progress{width:100%;height:5px;display:block;margin:11px 0 8px;border:none;border-radius:9px;overflow:hidden;accent-color:#0b8a80}.balance-card progress::-webkit-progress-bar{background:#dbeae7}.balance-card progress::-webkit-progress-value{background:linear-gradient(90deg,#57c2b1,#087e7b)}.balance-expiry{font-size:10px;color:#63818c}.actions-heading,.actions-cell{text-align:right!important;min-width:180px}.row-actions{display:flex;justify-content:flex-start;align-items:center;gap:8px;direction:rtl}.row-actions .btn{white-space:nowrap}.identity{gap:14px}.sort-status:empty{display:none}@media(max-width:1000px){.volume-cell{min-width:215px}.row-actions{flex-wrap:wrap}.ip-address{font-size:18px}}


/* Hira centered columns v8 */
#sim-panel th:nth-last-child(-n+3),
#sim-panel td:nth-last-child(-n+3) {
    text-align: center !important;
    vertical-align: middle;
}
#sim-panel .balance-card {
    background: transparent;
    border: 0;
    box-shadow: none;
    margin: 7px auto;
    text-align: center;
}
#sim-panel .balance-card progress {
    accent-color: #073050;
}
#sim-panel .balance-card progress::-webkit-progress-value {
    background: #073050;
}
#sim-panel .balance-card progress::-webkit-progress-bar {
    background: #e5ebef;
}
#sim-panel .balance-card progress::-moz-progress-bar {
    background: #073050;
}
#sim-panel .ip-address {
    text-align: center;
}
#sim-panel .row-actions {
    justify-content: center;
}

#sim-panel .balance-card {
    position: relative;
    right: -20px;
}

/* Hira SIM Manager - Precise table alignment */
#sim-panel .tablewrap {
    overflow-x: auto;
}

#sim-panel .tablewrap > table {
    width: 100%;
    min-width: 920px;
    table-layout: fixed;
    border-collapse: collapse;
}

/* Shared header and cell alignment */
#sim-panel thead th,
#sim-panel tbody td {
    box-sizing: border-box;
    vertical-align: middle;
}

/* SIM name and number */
#sim-panel th:nth-last-child(4),
#sim-panel td:nth-last-child(4) {
    width: 29%;
    text-align: right;
}

/* Remaining internet volume */
#sim-panel th:nth-last-child(3),
#sim-panel td:nth-last-child(3) {
    width: 29%;
    text-align: center !important;
}

#sim-panel .balance-card {
    width: min(100%, 310px);
    max-width: 310px;
    box-sizing: border-box;
    margin: 7px auto;
    text-align: right;
}

/* Static IP */
#sim-panel th:nth-last-child(2),
#sim-panel td:nth-last-child(2) {
    width: 18%;
    text-align: center !important;
}

#sim-panel td .ip-address {
    text-align: center !important;
    width: 100%;
    font-size: 19px;
}

/* Action buttons */
#sim-panel th:last-child,
#sim-panel td:last-child {
    width: 24%;
    text-align: center !important;
}

#sim-panel .row-actions {
    display: flex;
    justify-content: center !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

/* SIM connection status */
#sim-panel .identity {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
}

/* Sorting mode */
#sim-panel.sorting .sortheading,
#sim-panel.sorting .sortcell {
    width: 95px;
    min-width: 95px;
}

/* Mobile/tablet horizontal scrolling */
@media (max-width: 1000px) {
    #sim-panel .tablewrap > table {
        min-width: 920px;
    }
}


/* HIRA MODERN B START */
:root{--hira-navy:#14273b;--hira-accent:#19a995;--hira-surface:#fff;--hira-border:#e6edf2;--hira-bg:#f5f7fa}
html{direction:rtl}
body{background:var(--hira-bg);color:#1a3348}
/* Application shell */
.sidebar{right:0;left:auto;width:218px;padding:20px 13px;background:#16283a;border:0;box-shadow:4px 0 24px #10273b0a}
.sidebar .brand{align-items:center;text-align:center;padding:12px 6px 16px;gap:10px}
.sidebar .brand-logo{width:130px;height:73px;object-fit:contain;padding:9px;background:#fff;border-radius:13px;box-shadow:none}
.sidebar .brand strong{font-size:15px;font-weight:800;letter-spacing:0}
.sidebar .brand small{font-size:11px;color:#90a8bb}
.nav{margin-top:25px}
.nav a{border-radius:9px;padding:12px 14px;margin:3px 0;color:#a9b9c9;font-size:13px;transition:background .2s,color .2s}
.nav a:hover{background:#ffffff0d;color:#fff}
.nav .active,.nav .active:hover{background:#234354;color:#70dcc9;box-shadow:none;border-right:3px solid #51d1bd}
.workspace{margin-right:218px;margin-left:0;min-width:0;background:#f5f7fa}
.topbar{height:65px;background:white;border-bottom:1px solid var(--hira-border);box-shadow:none}
.page{max-width:1750px;padding-top:24px}
/* Calm premium header */
.headline{min-height:0;padding:26px 29px;border:1px solid #dfe8ef;border-radius:15px;border-bottom:1px solid #dfe8ef;background:#fff;color:#18354b;box-shadow:none;margin-bottom:20px}
.headline:before{display:none}
.headline h1{font-size:24px;font-weight:800;color:#16334a}
.headline p{color:#7c90a1}
.headline .eyebrow{color:#149c8a}
.headline .btn{background:#18354b;border:1px solid #18354b;color:#fff;box-shadow:none}
.headline .btn:hover{background:#25506e;color:#fff}
/* Summary */
.stats{gap:13px;margin-bottom:20px}
.stat,.stat:nth-child(2),.stat:nth-child(3),.stat:nth-child(4){background:#fff;border:1px solid var(--hira-border);border-radius:13px;border-top:1px solid var(--hira-border);box-shadow:none}
.stat .num{font-size:28px;color:#19354c}
.stat .bubble{background:#eef8f6;border-radius:10px;color:#189784}
/* Search and filters */
.panel{background:#fff;border:1px solid var(--hira-border);box-shadow:none;border-radius:14px;overflow:hidden}
.tabletools{background:#fff;padding-top:19px;padding-bottom:18px;border-bottom:1px solid var(--hira-border)}
.brand-section-title{font-size:15px;color:#203b51}
.tabletools .search input,.tabletools select{background:#f8fafc;border:1px solid #e3eaf0;border-radius:9px}
.btn{border-radius:8px;box-shadow:none}
.btn.light{background:#fff;border:1px solid #dce6ed;color:#37546a}
.btn.sort-toggle{background:#effaf7;border-color:#d2ebe5;color:#188d7e}
/* Flatter, compact, RTL data table */
#sim-panel .tablewrap{padding:0;background:#fff;overflow-x:auto;border-radius:0}
#sim-panel .tablewrap>table{table-layout:fixed;min-width:900px;width:100%;border-collapse:collapse;border-spacing:0;background:#fff}
#sim-panel thead th{background:#f8fafc!important;color:#71879a;font-size:12px;font-weight:700;text-align:center!important;padding:15px 12px;border:0!important;border-bottom:1px solid #e7edf2!important}
#sim-panel thead th:nth-last-child(4){text-align:right!important}
#sim-panel tbody tr{background:#fff!important;box-shadow:none!important;filter:none!important;cursor:default}
#sim-panel tbody tr:hover{background:#f9fcfd!important}
#sim-panel tbody td{background:transparent!important;border:0!important;border-bottom:1px solid #edf1f4!important;border-radius:0!important;height:auto;min-height:0;padding:15px 12px!important;vertical-align:middle;box-shadow:none!important}
#sim-panel tbody tr:hover td{background:#f9fcfd!important}
#sim-panel th:nth-last-child(4),#sim-panel td:nth-last-child(4){width:30%;text-align:right!important}
#sim-panel th:nth-last-child(3),#sim-panel td:nth-last-child(3){width:30%;text-align:center!important}
#sim-panel th:nth-last-child(2),#sim-panel td:nth-last-child(2){width:18%;text-align:center!important}
#sim-panel th:last-child,#sim-panel td:last-child{width:22%;text-align:center!important}
#sim-panel .identity{display:flex;align-items:center;justify-content:flex-start;gap:12px}
#sim-panel .identity>div{min-width:0}
#sim-panel .person{display:block;margin-bottom:5px;font-size:14px;font-weight:750;line-height:1.65;color:#1b364c}
#sim-panel .phone{display:block;margin:0;text-align:right;direction:ltr;font:13px Arial,sans-serif;color:#8ba0af}
#sim-panel .connection-dot{width:9px;height:9px;flex:0 0 9px}
#sim-panel .connection-dot.online{background:#19b28c;box-shadow:0 0 0 4px #19b28c1b}
#sim-panel .connection-dot.offline{background:#df6b72;box-shadow:0 0 0 4px #df6b721b}
/* Compact balance, not a nested card */
#sim-panel .volume-cell{min-width:0!important}
#sim-panel .balance-card{position:static;box-sizing:border-box;width:100%;max-width:330px;margin:0 auto;padding:0 10px;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:right}
#sim-panel .balance-card::before{content:none!important}
#sim-panel .balance-title{margin-bottom:5px;font-size:11px;font-weight:650;color:#8a9dad}
#sim-panel .balance-card strong{display:block;font-size:15px;font-weight:750;line-height:1.6;color:#1b394f}
#sim-panel .balance-card strong small{font-size:10px;color:#849ba9;font-weight:400}
#sim-panel .balance-card progress{display:block;width:100%;height:5px;margin:9px 0 5px;border:0;border-radius:99px;overflow:hidden;accent-color:#1ca994}
#sim-panel .balance-card progress::-webkit-progress-bar{background:#e8eef2}
#sim-panel .balance-card progress::-webkit-progress-value{background:#1ca994}
#sim-panel .balance-card progress::-moz-progress-bar{background:#1ca994}
#sim-panel .balance-expiry{display:block;font-size:10px;color:#9aabb6}
#sim-panel td>.ip-address{display:inline-block!important;max-width:100%;min-width:0!important;width:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font:600 14px Arial,sans-serif!important;color:#31556c;letter-spacing:.2px;text-align:center!important;direction:ltr}
#sim-panel .row-actions{display:flex;justify-content:center!important;align-items:center;gap:7px;flex-wrap:wrap;direction:rtl}
#sim-panel .row-actions .btn{height:34px;min-width:0!important;padding:0 11px;font-size:11px;font-weight:650;border-radius:8px;white-space:nowrap}
#sim-panel .row-actions .btn.light{background:#f1f7fb;border:1px solid #dce9f0;color:#245875;box-shadow:none;transform:none}
#sim-panel .row-actions .btn.light:hover{background:#e5f1f7;transform:none}
#sim-panel .row-actions .btn.ghost{background:transparent;border:0;color:#159786;padding:0 6px;box-shadow:none;transform:none}
/* Preserve reordering tools: trigger is controlled by existing JS */
#sim-panel .sortheading,#sim-panel .sortcell{display:none!important}
#sim-panel.sorting .sortheading,#sim-panel.sorting .sortcell,.sorting #sim-panel .sortheading,.sorting #sim-panel .sortcell{display:table-cell!important;width:100px;min-width:100px}
#sim-panel.sorting tbody tr{cursor:grab}
#sim-panel .sortcell .controls{justify-content:center}
.tablefoot{background:#fff;border-top:0;color:#8499aa}
/* Dialogs and inputs */
.drawer{border:1px solid var(--hira-border);border-top:3px solid #18a993;border-radius:14px;box-shadow:0 18px 50px #0d27352b}
.dialoghead{background:#f8fafc;border-bottom:1px solid #e7edf2}
.package{border-right:3px solid #35b7a4;background:#f5fbf9}
input,select,textarea{accent-color:#159e8c}
input:focus,select:focus,textarea:focus{outline-color:#53cdbb}
@media(max-width:1100px){.sidebar{width:190px}.workspace{margin-right:190px}.page{padding:16px}.headline{padding:22px}}
@media(max-width:760px){.sidebar{width:auto;position:relative;padding:10px 12px}.workspace{margin:0}.sidebar .brand{flex-direction:row;align-items:center}.sidebar .brand-logo{width:75px;height:48px;padding:5px}.page{padding:12px}.headline{padding:17px}.headline h1{font-size:21px}.tabletools{padding:13px}#sim-panel .tablewrap>table{min-width:900px}}
/* HIRA MODERN B END */


/* HIRA MOBILE V1 — responsive cards, desktop untouched */
.hira-mobile-menu{display:none}
@media(max-width:760px){
 html,body{max-width:100%;overflow-x:clip}
 body{font-size:14px;background:#f4f7fa}
 .sidebar{position:sticky!important;top:0;right:auto;left:auto;z-index:15;width:100%!important;min-height:65px;display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;padding:9px 15px!important;background:#16283a;box-shadow:0 3px 20px #10273b17}
 .sidebar .brand{padding:0!important;gap:9px!important;display:flex!important;flex-direction:row!important;align-items:center!important;text-align:right}
 .sidebar .brand-logo{width:65px!important;height:43px!important;padding:4px!important;border-radius:8px!important}
 .sidebar .brand strong{font-size:14px!important}.sidebar .brand small{font-size:10px!important}
 .hira-mobile-menu{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:74px;min-height:42px;border:1px solid #5b748666;border-radius:11px;background:#294357;color:white;font-weight:700;font-size:18px}
 .hira-mobile-menu span{font-size:12px}
 .sidebar .nav{display:none!important;position:absolute;top:calc(100% - 2px);right:10px;left:10px;margin:0!important;padding:10px;background:#16283a;border:1px solid #3b5869;border-radius:0 0 15px 15px;box-shadow:0 18px 25px #0a223855}
 .hira-mobile-nav-open .sidebar .nav{display:grid!important;gap:5px}
 .sidebar .nav a{margin:0;min-height:44px;display:flex;align-items:center}
 .sidebar .sidefoot{display:none!important}
 .workspace{margin:0!important;width:100%;min-width:0!important}
 .topbar{height:auto!important;min-height:46px;padding:7px 15px!important;gap:8px}
 .topbar>p{font-size:10px;max-width:45%}.topbar>.flex{gap:5px;flex-wrap:nowrap;font-size:11px}
 .topbar .avatar{width:26px;height:26px;margin-left:4px}.topbar .btn.ghost{padding:6px;font-size:11px}
 .page{padding:13px 11px 30px!important;width:100%;min-width:0}
 .headline{display:flex;flex-direction:column;align-items:stretch;gap:13px;padding:18px!important;margin-bottom:14px!important;border-radius:14px;min-height:0!important}
 .headline h1{font-size:21px!important}.headline p{font-size:12px;max-width:none!important}
 .headline .eyebrow{font-size:9px;letter-spacing:1px}
 .headline>.btn{width:100%;min-height:44px}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .stat{padding:12px!important}.stat .num{font-size:24px}.stat label{font-size:11px}
 .notice,.alert{padding:12px 13px;margin-bottom:13px;overflow-wrap:anywhere}
 .notice{display:flex;flex-direction:column;align-items:stretch;gap:9px}.notice .btn{min-height:42px}
 .panel{overflow:visible!important;border:0;background:transparent!important;box-shadow:none;border-radius:0}
 .tabletools{padding:14px 12px!important;background:#fff;border:1px solid #e3eaf0;border-radius:14px;margin-bottom:12px}
 .brand-section-title{font-size:15px;margin-bottom:12px}
 .tabletools>.flex{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px!important;align-items:stretch}
 .tabletools .search{grid-column:1/-1;min-width:0;max-width:none;width:100%}
 .tabletools .search input{width:100%;min-height:44px;font-size:13px}
 .tabletools select{grid-column:1/-1;width:100%;min-width:0;min-height:44px;font-size:13px}
 .tabletools .btn{width:100%;min-height:43px;white-space:normal;padding:8px 5px;font-size:12px}
 .reorderbar{position:static!important;display:flex;flex-direction:column;align-items:stretch;gap:10px}
 .reorderbar .flex{display:flex!important;flex-wrap:nowrap;gap:8px}.reorderbar .btn{flex:1}
 #sim-panel .tablewrap{padding:0!important;overflow:visible!important;background:transparent!important}
 #sim-panel .tablewrap>table{display:block!important;min-width:0!important;width:100%!important;table-layout:auto!important;border:0!important;border-spacing:0!important;background:transparent!important;white-space:normal!important}
 #sim-panel thead{display:none!important}
 #sim-panel tbody{display:grid!important;gap:12px;width:100%}
 #sim-panel tbody tr{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;background:#fff!important;border:1px solid #e3eaf0;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #15364b09!important;filter:none!important}
 #sim-panel tbody tr[hidden]{display:none!important}
 #sim-panel tbody td{display:block!important;min-width:0!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;padding:13px 15px!important;text-align:right!important;background:#fff!important;white-space:normal;overflow-wrap:anywhere}
 #sim-panel tbody tr>td:nth-last-child(4){grid-column:1/-1;padding:17px 15px!important;border-bottom:1px solid #eef2f5!important}
 #sim-panel .identity{justify-content:flex-start!important;gap:11px}
 #sim-panel .person{max-width:none!important;font-size:14px!important;line-height:1.7}
 #sim-panel .phone{font-size:13px!important;text-align:right!important}
 #sim-panel tbody tr>td:nth-last-child(3){grid-column:1/-1;padding:13px 15px!important;border-bottom:1px solid #eef2f5!important;text-align:right!important}
 #sim-panel .volume-cell{min-width:0!important}
 #sim-panel .balance-card{position:static!important;right:auto!important;max-width:none!important;width:100%!important;margin:0!important;padding:0!important;text-align:right!important}
 #sim-panel .balance-title{font-size:12px!important}.balance-card strong{font-size:17px!important}
 #sim-panel .balance-card progress{width:100%!important;height:7px!important;margin:10px 0 6px!important}
 #sim-panel .balance-expiry{font-size:11px!important}
 #sim-panel tbody tr>td:nth-last-child(2){grid-column:1/-1;padding:12px 15px!important;border-bottom:1px solid #eef2f5!important;display:flex!important;gap:12px;align-items:center;justify-content:space-between}
 #sim-panel tbody tr>td:nth-last-child(2)::before{content:'IP ثابت';color:#8396a5;font-size:12px;font-weight:600}
 #sim-panel tbody td>.ip-address{display:inline-block!important;font:700 14px Arial,sans-serif!important;direction:ltr!important;max-width:70%;overflow-wrap:anywhere;text-align:left!important}
 #sim-panel tbody tr>td:last-child{grid-column:1/-1;padding:12px 15px!important}
 #sim-panel .row-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px!important;justify-content:stretch!important;width:100%}
 #sim-panel .row-actions .btn{min-width:0!important;width:100%;min-height:42px!important;height:auto!important;font-size:12px!important;padding:9px 7px!important;border-radius:10px}
 #sim-panel .row-actions .btn.ghost{background:#effaf7!important;border:1px solid #d7efe8!important}
 /* Reorder controls remain available when sorting is enabled */
 #sim-panel .sortheading,#sim-panel .sortcell{display:none!important}
 #sim-panel.sorting tbody tr>td.sortcell,.sorting #sim-panel tbody tr>td.sortcell{display:block!important;grid-column:1/-1;width:100%!important;padding:9px 15px!important;border-bottom:1px dashed #d5e5e2!important}
 #sim-panel .sortcell .controls{justify-content:flex-start;flex-wrap:wrap;gap:8px}
 #sim-panel .sortcell input{width:65px}
 .tablefoot{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px 4px;font-size:11px;background:transparent!important}
 .empty{background:white;border-radius:12px;padding:25px 12px}
 .drawer{width:calc(100vw - 16px)!important;max-width:560px;max-height:calc(100dvh - 20px);margin:auto;border-radius:15px}
 .dialoghead{padding:14px 16px;gap:12px}.dialoghead h2{font-size:16px;overflow-wrap:anywhere}
 .dialogbody{padding:15px!important;max-height:calc(100dvh - 160px);overflow-y:auto;overflow-x:hidden}
 .dialogfoot{padding:12px 14px;flex-wrap:wrap;gap:8px}.dialogfoot>.btn,.dialogfoot>a{flex:1}
 .fields{grid-template-columns:1fr!important;gap:12px}.fields .wide{grid-column:auto}
 .ip-details{grid-template-columns:1fr!important;gap:10px;overflow-wrap:anywhere}
 .ip-details .ip-address{font-size:14px;overflow-wrap:anywhere}
 .dialogbody .flex{flex-wrap:wrap;max-width:100%}
 .dialogbody .flex>form{max-width:100%;flex:1 1 145px}.dialogbody .flex>form>.btn{width:100%;white-space:normal;min-height:43px}
 .dialogbody .step{overflow-wrap:anywhere}.dialogbody .notice{padding:12px}
 .toast{left:10px;right:10px;bottom:12px;max-width:none}
}
@media(max-width:360px){
 .topbar>p{display:none}.topbar>.flex{margin-right:auto}
 #sim-panel tbody td{padding-left:11px!important;padding-right:11px!important}
 .sidebar .brand strong{font-size:13px!important}
}
/* HIRA MOBILE V1 END */