/* gs-markup.css — scoped styles for the "ניהול מרקאפ" two-channel admin screen (.gsx-mk). RTL.
   Matches the GoldenSeat redesign: Heebo, navy #16284A, gold #E6A91A, green CTA #1f9d6b. Light theme. */
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700&display=swap');

.gsx-mk{max-width:1000px;margin:24px auto;padding:0 16px;font-family:'Heebo',Arial,sans-serif;color:#1f2a44;direction:rtl}
.gsx-mk *{box-sizing:border-box}

.gsx-mk-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.gsx-mk-title{font-size:22px;font-weight:700;margin:0;color:#16284A}
.gsx-mk-help-btn{width:26px;height:26px;border-radius:50%;border:1px solid #c9d2e3;background:#fff;color:#5a6b8c;cursor:pointer;font-weight:700;line-height:1}
.gsx-mk-live{margin-inline-start:auto;display:flex;align-items:center;gap:8px;font-size:12.5px;color:#5a6b8c}
.gsx-mk-live b{color:#16284A;font-variant-numeric:tabular-nums}
.gsx-mk-livedot{width:8px;height:8px;border-radius:50%;background:#1f9d6b;box-shadow:0 0 0 3px rgba(31,157,107,.18);animation:gsxpulse 2s infinite}
@keyframes gsxpulse{0%,100%{opacity:1}50%{opacity:.45}}
.gsx-mk-sep{color:#c0c9da}
.gsx-mk-ok{color:#1f9d6b;font-weight:600}
.gsx-mk-warn{color:#c98a14;font-weight:600}
.gsx-mk-refresh{display:inline-flex;align-items:center;gap:5px;border:1px solid #c9d2e3;background:#fff;color:#3a4a6b;border-radius:7px;padding:5px 10px;font-size:12px;cursor:pointer}
.gsx-mk-refresh:hover{background:#f3f6fc}

.gsx-mk-help{background:#f4f7fd;border:1px solid #dde6f4;border-radius:10px;padding:12px 18px;margin-bottom:14px;font-size:13.5px;line-height:1.8}
.gsx-mk-help ul{margin:0;padding-inline-start:18px}
.gsx-mk-help b{color:#16284A}

.gsx-mk-tabs{display:flex;gap:6px}
.gsx-mk-tab{display:inline-flex;align-items:center;gap:7px;border:1px solid #d4dcea;border-bottom:none;background:#eef2f9;color:#5a6b8c;border-radius:10px 10px 0 0;padding:11px 20px;font-size:14.5px;font-weight:600;cursor:pointer}
.gsx-mk-tab svg{opacity:.8}
.gsx-mk-tab-on{background:#fff;color:#16284A;border-color:#d4dcea;position:relative;top:1px}
.gsx-mk-tab-on::after{content:'';position:absolute;inset-inline:0;bottom:-1px;height:3px;background:#E6A91A;border-radius:2px}

.gsx-mk-panel{border:1px solid #d4dcea;border-radius:0 12px 12px 12px;background:#fff;padding:16px}

.gsx-mk-bulk{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#f4f7fd;border:1px solid #e1e8f5;border-radius:9px;padding:10px 12px;margin-bottom:14px;font-size:13px}
.gsx-mk-bulk-title{color:#3a4a6b}
.gsx-mk-bulknum{width:64px;padding:6px 8px;border:1px solid #c9d2e3;border-radius:6px;text-align:center;font-size:13px}
.gsx-mk-pct{color:#5a6b8c}
.gsx-mk-bulkbtn,.gsx-mk-updateall{display:inline-flex;align-items:center;gap:5px;border:1px solid #c9d2e3;background:#fff;color:#16284A;border-radius:7px;padding:7px 12px;font-size:13px;cursor:pointer;font-weight:600}
.gsx-mk-bulkbtn:hover{background:#eef3fb}
.gsx-mk-updateall{margin-inline-start:auto;background:#16284A;color:#fff;border-color:#16284A}
.gsx-mk-updateall:hover{background:#22386a}
.gsx-mk-link{border:none;background:none;color:#2f5fae;cursor:pointer;font-size:12.5px;text-decoration:underline}

.gsx-mk-table{width:100%;border-collapse:collapse;font-size:13.5px}
.gsx-mk-table thead th{text-align:right;color:#6a7896;font-weight:600;font-size:12.5px;padding:8px 10px;border-bottom:2px solid #e6ebf4}
.gsx-mk-th-sel{width:34px}
.gsx-mk-th-cur{width:120px;background:#f6f8fc}
.gsx-mk-table tbody td{padding:9px 10px;border-bottom:1px solid #eef1f7;vertical-align:middle}
.gsx-mk-table tbody tr:hover{background:#fafcff}
.gsx-mk-wc{background:#fbf6e9}
.gsx-mk-wc:hover{background:#f8f1de}
.gsx-mk-row-sel{background:#eef4ff !important}
.gsx-mk-offline{opacity:.5}
.gsx-mk-comp{font-weight:600;color:#16284A}
.gsx-mk-wctag{font-size:11px;color:#8a7320;font-weight:500;margin-inline-start:4px}
.gsx-mk-cur{background:#f6f8fc}
.gsx-mk-curval{font-weight:700;color:#16284A;background:#e8eef9;padding:3px 11px;border-radius:7px;display:inline-block;min-width:42px;text-align:center}
.gsx-mk-num{width:66px;padding:7px 8px;border:1px solid #c9d2e3;border-radius:6px;text-align:center;font-size:13.5px}
.gsx-mk-num:disabled{background:#f1f3f7;color:#a9b2c5}
.gsx-mk-num-dirty{border-color:#c98a14;background:#fdf6e7}

.gsx-mk-update{display:inline-flex;align-items:center;gap:5px;border:1px solid #c9d2e3;background:#fff;color:#8893a8;border-radius:7px;padding:6px 13px;font-size:12.5px;cursor:pointer;font-weight:600}
.gsx-mk-update:disabled{cursor:default;opacity:.55}
.gsx-mk-update-dirty{border-color:#1f9d6b;color:#fff;background:#1f9d6b}
.gsx-mk-update-dirty:hover{background:#178a5c}

.gsx-mk-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid #d4dcea;background:#f1f3f7;color:#8893a8;border-radius:20px;padding:5px 13px 5px 11px;font-size:12.5px;cursor:pointer;font-weight:600;min-width:84px}
.gsx-mk-toggle .gsx-mk-dot{width:9px;height:9px;border-radius:50%;background:#b4bccd}
.gsx-mk-toggle-on{background:#e7f6ee;color:#178a5c;border-color:#b8e6cd}
.gsx-mk-toggle-on .gsx-mk-dot{background:#1f9d6b;box-shadow:0 0 0 3px rgba(31,157,107,.22);animation:gsxpulse 2s infinite}

.gsx-mk-foot{margin-top:12px;color:#6a7896;font-size:12.5px}
.gsx-mk-loading{padding:24px;text-align:center;color:#8893a8}

.gsx-mk-toast{position:fixed;inset-block-end:24px;inset-inline-start:24px;z-index:9999;display:flex;align-items:center;gap:10px;background:#e7f6ee;border:1px solid #b8e6cd;color:#147a4a;border-radius:10px;padding:12px 16px;font-size:13.5px;box-shadow:0 6px 24px rgba(20,40,30,.15);max-width:520px}
.gsx-mk-toast-err{background:#fdecec;border-color:#f3c2c2;color:#b23a3a}
.gsx-mk-undo{border:1px solid currentColor;background:none;color:inherit;border-radius:6px;padding:4px 12px;font-weight:700;cursor:pointer}
.gsx-mk-toastx{border:none;background:none;color:inherit;cursor:pointer;font-size:14px;margin-inline-start:4px;opacity:.7}

/* engine feedback — live progress strip while saving + a clear result box (navy work / green done / red error) */
.gsx-mk-flash{border-radius:10px;padding:12px 14px;margin-bottom:14px;font-size:13.5px;line-height:1.7}
.gsx-mk-flash-work{background:#f4f7fd;border:1px solid #dbe4f3;color:#16284A}
.gsx-mk-flash-done{background:#e7f6ee;border:1px solid #b8e6cd;color:#147a4a}
.gsx-mk-flash-err{background:#fdecec;border:1px solid #f3c2c2;color:#b23a3a}
.gsx-mk-flash-head{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px}
.gsx-mk-flash-head svg{flex:none}
.gsx-mk-flash-sub{margin-top:5px;opacity:.92}
.gsx-mk-flash-watch{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(20,122,74,.18);font-size:12.5px;opacity:.85}
.gsx-mk-flash-undo{margin-inline-start:auto;border:1px solid currentColor;background:none;color:inherit;border-radius:6px;padding:3px 12px;font-weight:700;cursor:pointer;font-size:12px}
.gsx-mk-flash-x{border:none;background:none;color:inherit;cursor:pointer;font-size:14px;opacity:.6}
.gsx-mk-flash-undo + .gsx-mk-flash-x{margin-inline-start:6px}
.gsx-mk-progbar{height:7px;background:#e4ebf6;border-radius:99px;overflow:hidden;margin-top:9px}
.gsx-mk-progfill{height:100%;background:#16284A;border-radius:99px;transition:width .35s ease}
.gsx-mk-spin{width:15px;height:15px;border:2px solid #c3d2ea;border-top-color:#16284A;border-radius:50%;display:inline-block;animation:gsxspin .7s linear infinite}
@keyframes gsxspin{to{transform:rotate(360deg)}}