/* Moved out of SelectCountry.aspx (was an inline <style> block) */
/* Hide master page chrome — standalone page like login */
        #tgPromoWidget { display: none !important; }
        .page-title-container { display: none !important; }
        .TenderHeaderMenu { display: none !important; }
        .TenderCompactNav { display: none !important; }
        .tg-footer { display: none !important; }
        #tg-mobile-bottombar { display: none !important; }
        #content { padding: 0 !important; margin: 0 !important; }

        .scp-root {
            --teal: #378b95;
            --teal-dark: #286f78;
            --orange: #f5833d;
            --ink: #17363c;
            --text: #60767b;
            --line: #dce9ea;
            --soft: #eef7f8;
            --canvas: #edf4f5;
            --shadow: 0 20px 55px rgba(23,54,60,.11);
            --max: 1120px;
            box-sizing: border-box;
            min-height: 100vh;
            color: var(--ink);
            background: var(--canvas);
        }
        .scp-root *, .scp-root *:before, .scp-root *:after { box-sizing: border-box; }
        .scp-root a { color: inherit; text-decoration: none; }
        .scp-container { width: min(calc(100% - 28px), var(--max)); margin-left: auto; margin-right: auto; }

        /* Header */
        .scp-topbar { background: rgba(255,255,255,.96); border-bottom: 1px solid rgba(55,139,149,.13); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
        .scp-topbar-inner { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
        .scp-brand { display: flex; align-items: center; gap: 11px; }
        .scp-brand img { height: 42px; width: auto; }
        .scp-brand small { display: block; margin-top: 3px; color: var(--text); font-size: .66rem; letter-spacing: .08em; text-transform: uppercase; }
        .scp-home-link { min-height: 38px; display: inline-flex; align-items: center; gap: 6px; padding: 8px 13px; color: var(--teal-dark); background: #fff; border: 1px solid var(--line); border-radius: 999px; font-weight: 900; font-size: .78rem; white-space: nowrap; }
        .scp-home-link:hover { background: var(--soft); }

        /* Main selector shell */
        .scp-shell { position: relative; overflow: hidden; isolation: isolate; margin-top: 26px; margin-bottom: 40px; padding: 32px 34px; background: linear-gradient(180deg, #ffffff, #f3f8f9); border: 1px solid rgba(55,139,149,.14); border-radius: 22px; box-shadow: var(--shadow); }
        .scp-shell::before { content: ""; position: absolute; z-index: -3; width: 64%; height: 160%; inset-inline-end: -20%; top: -31%; border-radius: 80px; transform: rotate(13deg); background: linear-gradient(180deg, rgba(55,139,149,.16), rgba(245,131,61,.08)); }
        html[dir="rtl"] .scp-shell::before { transform: rotate(-13deg); }
        .scp-shell::after { content: ""; position: absolute; z-index: -2; width: 240px; height: 240px; inset-inline-start: -105px; bottom: -125px; border-radius: 50%; border: 32px solid rgba(255,255,255,.63); }

        .scp-intro { position: relative; z-index: 2; max-width: 760px; margin-bottom: 18px; }
        .scp-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--teal-dark); font-size: .72rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
        .scp-eyebrow::before { content: ""; width: 28px; height: 3px; border-radius: 99px; background: linear-gradient(90deg, var(--teal), var(--orange)); }
        .scp-intro h1 { margin: 8px 0 6px; font-size: clamp(1.7rem, 3.5vw, 2.4rem); line-height: 1.1; letter-spacing: -.045em; color: var(--ink); }
        html[dir="rtl"] .scp-intro h1 { letter-spacing: 0; }
        .scp-intro p { margin: 0; color: var(--text); font-size: .9rem; line-height: 1.8; }

        .scp-search { position: relative; z-index: 2; min-height: 44px; display: flex; align-items: center; gap: 9px; max-width: 560px; padding: 0 14px; margin-bottom: 16px; background: rgba(255,255,255,.94); border: 1px solid #bdd4d7; border-radius: 12px; box-shadow: 0 8px 22px rgba(23,54,60,.05); }
        .scp-search:focus-within { border-color: var(--teal); box-shadow: 0 0 0 4px rgba(55,139,149,.08); }
        .scp-search span { color: var(--teal); font-size: 1.1rem; }
        .scp-search input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--ink); font-size: .82rem; }

        /* Global option */
        .scp-global-card { position: relative; z-index: 2; min-height: 72px; display: grid !important; grid-template-columns: 46px 1fr auto !important; align-items: center !important; gap: 12px; padding: 12px 14px; margin-bottom: 12px; color: #fff; background: linear-gradient(135deg, var(--teal-dark), var(--teal)); border-radius: 14px; box-shadow: 0 12px 28px rgba(55,139,149,.20); transition: .18s ease; cursor: pointer; text-decoration: none !important; }
        .scp-global-card:hover { transform: translateY(-2px); }
        .scp-global-icon { width: 44px !important; height: 44px !important; min-width: 44px !important; max-width: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: #fff; border: 1px solid rgba(255,255,255,.15); border-radius: 12px; overflow: hidden !important; flex-shrink: 0 !important; }
        .scp-global-icon img { width: 30px !important; height: 30px !important; min-width: 30px !important; max-width: 30px !important; max-height: 30px !important; object-fit: contain !important; display: block !important; }
        .scp-global-card strong { display: block; font-size: .9rem; color: #fff; }
        .scp-global-card .scp-global-sub { display: block; margin-top: 3px; color: rgba(255,255,255,.72); font-size: .7rem; }
        .scp-arrow { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; background: rgba(255,255,255,.12); font-size: 1rem; }
        html[dir="rtl"] .scp-arrow { transform: scaleX(-1); }

        /* Country grid */
        .scp-grid { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
        .scp-card { min-height: 66px; display: grid !important; grid-template-columns: 42px minmax(0, 1fr) 30px !important; align-items: center !important; gap: 10px; padding: 11px 12px; background: rgba(255,255,255,.92); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 8px 22px rgba(23,54,60,.045); transition: .18s ease; cursor: pointer; text-decoration: none !important; overflow: hidden !important; }
        .scp-card:hover { transform: translateY(-2px); border-color: #b7d2d5; box-shadow: 0 13px 28px rgba(23,54,60,.09); }
        .scp-flag { width: 42px !important; height: 42px !important; min-width: 42px !important; max-width: 42px !important; min-height: 42px !important; max-height: 42px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: var(--soft); border-radius: 11px; overflow: hidden !important; flex-shrink: 0 !important; }
        .scp-flag img { width: 30px !important; height: 30px !important; min-width: 30px !important; max-width: 30px !important; min-height: 30px !important; max-height: 30px !important; object-fit: contain !important; display: block !important; }
        .scp-card strong { display: block; font-size: .82rem; color: var(--ink); }
        .scp-card small { display: block; margin-top: 3px; color: var(--text); font-size: .65rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .scp-card .scp-go { width: 28px; height: 28px; display: grid; place-items: center; color: var(--teal); background: #edf7f8; border-radius: 8px; font-weight: 900; }
        html[dir="rtl"] .scp-card .scp-go { transform: scaleX(-1); }
        .scp-card[data-hidden="true"] { display: none; }

        .scp-empty { display: none; position: relative; z-index: 2; padding: 26px; text-align: center; color: var(--text); background: rgba(255,255,255,.84); border: 1px dashed #bdd4d7; border-radius: 13px; }
        .scp-empty strong { display: block; margin-bottom: 4px; color: var(--teal-dark); }

        /* Footer note */
        .scp-footer-note { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 15px; padding-top: 13px; border-top: 1px solid rgba(55,139,149,.12); color: var(--text); font-size: .68rem; }
        .scp-contact-link { color: var(--orange) !important; font-weight: 900; }

        @media (max-width: 850px) {
            .scp-grid { grid-template-columns: repeat(2, 1fr); }
        }
        @media (max-width: 580px) {
            .scp-container { width: min(calc(100% - 18px), var(--max)); }
            .scp-brand small { display: none; }
            .scp-shell { margin-top: 16px; padding: 22px 15px; border-radius: 18px; }
            .scp-grid { grid-template-columns: 1fr; }
            .scp-global-card { grid-template-columns: 44px 1fr 32px; }
            .scp-intro h1 { font-size: 1.7rem; }
            .scp-footer-note { display: grid; text-align: center; justify-content: center; }
        }
