/* Techblare Careers - SINGLE STYLESHEET. Edit all plugin styles here. */

/* ========== HR Portal base ========== */
.tb-hr{max-width:1200px;margin:30px auto;padding:24px;font-family:Arial,sans-serif;color:#17253b}.tb-hr *{box-sizing:border-box}.tb-hr h2{margin:0 0 20px}.tb-hr a{color:#1456b8}.tb-hr-card{padding:22px;border:1px solid #dce3ec;border-radius:12px;background:#fff;margin-bottom:20px;box-shadow:0 2px 10px #17253b0b}.tb-hr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px}.tb-hr-num{font-size:30px;font-weight:700}.tb-hr-table-wrap{overflow-x:auto}.tb-hr table{width:100%;border-collapse:collapse;min-width:850px}.tb-hr th,.tb-hr td{padding:12px;border-bottom:1px solid #e5e9ef;text-align:left}.tb-hr input,.tb-hr select{padding:9px;border:1px solid #cbd5e1;border-radius:6px;max-width:100%}.tb-hr button,.tb-hr .tb-btn{background:#1456b8;color:#fff;border:0;border-radius:6px;padding:10px 14px;cursor:pointer;text-decoration:none;display:inline-block}.tb-hr .tb-muted{color:#66758a}.tb-hr form.tb-inline{display:flex;gap:5px;align-items:center}.tb-hr .tb-filters{display:flex;gap:10px;flex-wrap:wrap}.tb-hr-alert{background:#e5f6ea;padding:12px;border-radius:8px;margin-bottom:16px}@media(max-width:600px){.tb-hr{padding:12px}.tb-hr-card{padding:14px}}

/* ========== HR Dashboard tabs ========== */
.tb-hr-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}
  .tb-hr-tabs a{display:inline-block;padding:12px 22px;border:1px solid #e4e8ef;border-radius:9px;
  background:#fff;color:#17253b;text-decoration:none;font-weight:700;transition:.2s}.tb-hr-tabs a:hover{border-color:#ff6200;color:#ff6200}
  .tb-hr-tabs a.tb-hr-tab-active{background:linear-gradient(90deg,#ff9858,#ff6200);color:#fff!important;border-color:#ff6200}.tb-hr-panel[hidden]{display:none!important}

/* ========== Candidate application form ========== */
.tb-careers{max-width:1000px;margin:20px auto;font-family:Hanken Grotesk;  font-size:15px}.tb-careers *{box-sizing:border-box}.tb-careers-grid{display:grid;
		grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tb-field{display:flex;flex-direction:column;gap:7px}
		.tb-field.tb-full{grid-column:1/-1}.tb-field label{font-weight:600}.tb-field input,
		.tb-field select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#111}
		.tb-field input[type=file]{padding:9px}.tb-actions{display:flex;gap:12px;margin-top:22px}.tb-actions button{padding:12px 25px;border:0;
		border-radius:6px;cursor:pointer;font-weight:600}.tb-submit{background:#1456b8;color:white}.tb-clear{background:#e8edf3;color:white}
		.tb-notice{padding:12px;margin-bottom:16px;border-radius:6px}.tb-success{background:#e5f6ea;color:#165a2b}
		.tb-error{background:#fff0f0;color:#a11919}
		/* All Form Placeholders */

input::placeholder,
textarea::placeholder {
    font-family: 'Hanken Grotesk', sans-serif !important;
    font-size: 12px !important;
}
/* Input Field Text Styling */
.tb-field input {
    font-family: 'Hanken Grotesk', sans-serif !important;
    
    color: #000 !important;
}

/* Placeholder Styling */
.tb-field input::placeholder {
    font-family: 'Hanken Grotesk', sans-serif !important;
    font-size: 12px !important;
    color: #e5e5e50 !important;
	letter-spacing: 0.5px;
}
/* Remove border and outline on focus */
.tb-field input:focus,
.tb-field input:active,
.tb-field input:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #CBD5E1 !important;
}

		@media(max-width:600px){
			.tb-careers-grid{grid-template-columns:1fr}
			.tb-field.tb-full{grid-column:auto}
			}

        /* Mandatory application confirmation */
        .tb-field .iti{width:100%}
        .tb-field .iti input[type=tel]{width:100%;padding-left:90px}
        .tb-phone-error{display:none;color:#b42318;font-size:12px;margin-top:4px}
        .tb-phone-error[aria-hidden="false"]{display:block}
        .tb-confirmation{margin:20px 0 8px}
        .tb-confirmation label{display:flex;align-items:flex-start;gap:10px;font-family:'Hanken Grotesk',sans-serif;font-size:13px;line-height:1.6;cursor:pointer}
        .tb-confirmation input[type="checkbox"]{width:16px;height:16px;flex:0 0 16px;margin:3px 0 0;accent-color:#FF6200;cursor:pointer}

/* ========== Public job listing and job description ========== */
/* Main Job Section */
		


        .tb-jobs {
            max-width: 1100px;
            margin: 36px auto;
            font-family: 'Hanken Grotesk', sans-serif;
        }

        .tb-jobs > h2 {
            text-align: center;
        }

        /* Job Card */

        .tb-job {
            border: 1px solid #eee;
            border-radius: 10px;
            margin: 14px 0;
            background: #fff;
            overflow: hidden;
        }

        .tb-job summary {
            list-style: none;
            cursor: pointer;
            padding: 22px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 20px;
        }

        .tb-job summary::-webkit-details-marker {
            display: none;
        }

        .tb-job-title {
            font-weight: 700;
            font-size: 18px;
            color: #17253b;
        }

        /* Buttons */

        .tb-job-toggle,
        .tb-job-apply {
            display: inline-block;
            background: linear-gradient(
                90deg,
                #ff9858,
                #ff6200
            );
            color: #fff !important;
            padding: 11px 18px;
            border-radius: 6px;
            font-weight: 600;
            text-decoration: none;
        }

        /* Job Content */

        .tb-job-content {
            padding: 5px 24px 26px;
            border-top: 1px solid #eee;
        }

        .tb-job-meta {
            color: #475569;
            margin: 16px 0;
        }

        .tb-job-apply-wrap {
            text-align: center;
            margin-top: 26px;
        }


        /* =====================================
           JOB DESCRIPTION RICH TEXT STYLING
        ===================================== */

        .tb-job-description {
            font-family: 'Hanken Grotesk', sans-serif;
            color: #475569;
            font-size: 15px;
            line-height: 1.8;
        }

        /* Heading H2 */

        .tb-job-description h2 {
            font-size: 24px;
            font-weight: 700;
            color: #17253b;
            text-align: left;
            margin: 28px 0 14px;
            line-height: 1.4;
        }

        /* Heading H3 */

        .tb-job-description h3 {
            font-size: 20px;
            font-weight: 700;
            color: #17253b;
            margin: 24px 0 12px;
            line-height: 1.4;
        }

        /* Heading H4 */

        .tb-job-description h4 {
            font-size: 17px;
            font-weight: 600;
            color: #17253b;
            margin: 20px 0 10px;
        }

        /* Paragraph */

        .tb-job-description p {
            font-size: 15px;
            line-height: 1.8;
            margin: 0 0 16px;
        }

        /* Bullet Lists */

        .tb-job-description ul {
            list-style-type: disc;
            padding-left: 28px;
            margin: 12px 0 20px;
        }

        /* Numbered Lists */

        .tb-job-description ol {
            list-style-type: decimal;
            padding-left: 28px;
            margin: 12px 0 20px;
        }

        /* List Items */

        .tb-job-description li {
            display: list-item;
            margin-bottom: 8px;
            line-height: 1.7;
        }

        .tb-job-description ul li {
            list-style-type: disc;
        }

        .tb-job-description ol li {
            list-style-type: decimal;
        }

        /* Bold */

        .tb-job-description strong,
        .tb-job-description b {
            font-weight: 700;
            color: #17253b;
        }

        /* Links */

        .tb-job-description a {
            color: #ff6200;
            text-decoration: underline;
        }

        /* Blockquote */

        .tb-job-description blockquote {
            border-left: 4px solid #ff6200;
            padding: 12px 18px;
            margin: 20px 0;
            background: #fff7f2;
        }


        /* Mobile Responsive */

        @media(max-width:600px) {

            .tb-job summary {
                align-items: flex-start;
                flex-direction: column;
            }

            .tb-job-title {
                font-size: 16px;
            }

            .tb-job-description h2 {
                font-size: 21px;
            }

            .tb-job-description h3 {
                font-size: 18px;
            }

            .tb-job-description h4 {
                font-size: 16px;
            }

            .tb-job-content {
                padding: 5px 16px 22px;
            }

        }

/* ========== HR Manage Jobs visual editor ========== */
/* Fix WordPress Visual Editor blue toolbar buttons */

.tb-hr .wp-editor-wrap .mce-toolbar .mce-btn,
.tb-hr .wp-editor-wrap .mce-toolbar .mce-btn button,
.tb-hr .wp-editor-wrap .mce-toolbar .mce-btn:hover button {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #17253b !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Make icons visible */
.tb-hr .wp-editor-wrap .mce-toolbar .mce-ico {
    color: #17253b !important;
    background: transparent !important;
}

/* Dropdown text */
.tb-hr .wp-editor-wrap .mce-toolbar .mce-txt {
    color: #17253b !important;
}

/* Dropdown arrow */
.tb-hr .wp-editor-wrap .mce-toolbar .mce-caret {
    border-top-color: #17253b !important;
}

/* Hover effect */
.tb-hr .wp-editor-wrap .mce-toolbar .mce-btn:hover,
.tb-hr .wp-editor-wrap .mce-toolbar .mce-btn:hover button {
    background: #e8edf5 !important;
}

/* Active formatting buttons */
.tb-hr .wp-editor-wrap .mce-toolbar .mce-btn.mce-active,
.tb-hr .wp-editor-wrap .mce-toolbar .mce-btn.mce-active button {
    background: #ffe9dc !important;
}

/* Visual / Code tabs */
.tb-hr .wp-editor-wrap .wp-switch-editor {
    background: #f1f5f9 !important;
    color: #17253b !important;
    background-image: none !important;
}

/* Code editor buttons */
.tb-hr .wp-editor-wrap .quicktags-toolbar input.ed_button {
    background: #ffffff !important;
    color: #17253b !important;
}

/* ========== HR login design ========== */
body.tb-hr-login-page{
 --tb-orange:#ff6a13;--tb-orange-dark:#e85a08;--tb-orange-soft:#fff1e8;
 --tb-navy:#0b1f4b;--tb-text:#0f1f3d;--tb-muted:#6b7a90;--tb-border:#d5dde8;
 background-color:#f6f8fc}
body.tb-hr-login-page .tb-hr{position:relative;z-index:1;max-width:1100px;font-family:'Hanken Grotesk','Noto Sans','Segoe UI',Arial,sans-serif;color:var(--tb-text)}

/* page title (added by script) */
.tb-hr-login-title{font-weight:800!important;color:#0b1f4b!important;position:relative;padding-bottom:12px}
.tb-hr-login-title .tb-hr-accent{color:#ff6a13}
.tb-hr-login-title::after{content:"";position:absolute;left:0;bottom:0;width:36px;height:3px;border-radius:3px;background:#ff6a13}

/* card */
body.tb-hr-login-page .tb-hr .tb-hr-card{background:#fff;border:1px solid #e6ebf2;border-top:4px solid var(--tb-orange);border-radius:16px;box-shadow:0 10px 34px rgba(15,31,61,.10);padding:38px 34px 34px;max-width:440px}

/* heading */
body.tb-hr-login-page .tb-hr h2{margin:0 0 26px;text-align:center;font-size:28px;line-height:1.2;font-weight:800;color:var(--tb-navy)}
body.tb-hr-login-page .tb-hr h2::before{content:"";display:block;width:68px;height:68px;margin:0 auto 18px;border-radius:18px;background:var(--tb-orange-soft) url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23ff6a13%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%2711%27%20width%3D%2716%27%20height%3D%2710%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M8%2011V7a4%204%200%200%201%208%200v4%27%2F%3E%3Cpath%20d%3D%27M12%2015v2%27%2F%3E%3C%2Fsvg%3E") center/32px no-repeat}
body.tb-hr-login-page .tb-hr h2::after{content:"Sign in to manage job applications";display:block;margin-top:8px;font-size:15px;font-weight:400;color:var(--tb-muted)}

/* form */
body.tb-hr-login-page .tb-hr #loginform{margin:0}
body.tb-hr-login-page .tb-hr #loginform p{margin:0 0 20px}
body.tb-hr-login-page .tb-hr #loginform label{display:block;margin:0 0 8px;font-size:14px;font-weight:600;color:var(--tb-navy)}
body.tb-hr-login-page .tb-hr #loginform input[type=text],
body.tb-hr-login-page .tb-hr #loginform input[type=password]{width:100%;max-width:100%;height:50px;padding:0 14px 0 46px;border:1px solid var(--tb-border);border-radius:10px;background-color:#fff;background-repeat:no-repeat;background-position:15px center;background-size:20px;font-family:inherit;font-size:15px;color:var(--tb-text);box-shadow:none;transition:border-color .15s,box-shadow .15s}
body.tb-hr-login-page .tb-hr #loginform #user_login{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%237b8aa0%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%278%27%20r%3D%274%27%2F%3E%3Cpath%20d%3D%27M4%2021c0-4.4%203.6-8%208-8s8%203.6%208%208%27%2F%3E%3C%2Fsvg%3E")}
body.tb-hr-login-page .tb-hr #loginform #user_pass{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%237b8aa0%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%2711%27%20width%3D%2716%27%20height%3D%2710%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M8%2011V7a4%204%200%200%201%208%200v4%27%2F%3E%3C%2Fsvg%3E")}
body.tb-hr-login-page .tb-hr #loginform input[type=text]:focus,
body.tb-hr-login-page .tb-hr #loginform input[type=password]:focus{outline:0;border-color:var(--tb-orange);box-shadow:0 0 0 4px rgba(255,106,19,.15)}

/* stop the browser's blue autofill background */
body.tb-hr-login-page .tb-hr #loginform input:-webkit-autofill,
body.tb-hr-login-page .tb-hr #loginform input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#0f1f3d!important}

/* button */
body.tb-hr-login-page .tb-hr #loginform .login-submit{margin:26px 0 0}
body.tb-hr-login-page .tb-hr #loginform #wp-submit{width:100%;height:52px;border:0;border-radius:10px;cursor:pointer;font-family:inherit;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(180deg,#ff8040,#ff6a13) no-repeat;box-shadow:0 8px 18px rgba(255,106,19,.30);transition:transform .1s,box-shadow .15s,background .15s}
body.tb-hr-login-page .tb-hr #loginform #wp-submit:hover{background:linear-gradient(180deg,#ff7430,#e85a08);box-shadow:0 10px 22px rgba(232,90,8,.35)}
body.tb-hr-login-page .tb-hr #loginform #wp-submit:active{transform:translateY(1px)}

/* background decoration */
.tb-hr-login-deco{position:fixed;pointer-events:none;z-index:0}
.tb-hr-login-deco.a{left:-150px;bottom:-150px;width:420px;height:420px;border-radius:50%;background:#0f2250}
.tb-hr-login-deco.b{left:-190px;bottom:-60px;width:420px;height:420px;border-radius:50%;background:linear-gradient(135deg,#ff8a3d,#ff6a13);opacity:.9}
.tb-hr-login-deco.c{right:-110px;top:-110px;width:300px;height:300px;border-radius:50%;border:44px solid #ffd9bf;opacity:.8}

@media(max-width:900px){.tb-hr-login-deco{display:none}}
@media(max-width:480px){
 body.tb-hr-login-page .tb-hr .tb-hr-card{padding:28px 20px 24px}
 body.tb-hr-login-page .tb-hr h2{font-size:24px}
}

/* ========== HR dashboard design ========== */
body.tb-hr-page{background-color:#f6f8fc}
body.tb-hr-page .tb-hr{position:relative;z-index:1;max-width:1100px;font-family:'Hanken Grotesk','Noto Sans','Segoe UI',Arial,sans-serif;color:#0f1f3d}

/* ---------- page title (added by script) ---------- */
.tb-hr-title{font-weight:800!important;color:#0b1f4b!important;position:relative;padding-bottom:12px}
.tb-hr-title .tb-hr-accent{color:#ff6a13}
.tb-hr-title::after{content:"";position:absolute;left:0;bottom:0;width:36px;height:3px;border-radius:3px;background:#ff6a13}

/* ---------- cards ---------- */
body.tb-hr-page .tb-hr .tb-hr-card{border:1px solid #e6ebf2;border-radius:14px;box-shadow:0 6px 24px rgba(15,31,61,.06);background:#fff}

/* ---------- header card ---------- */
body.tb-hr-page .tb-hr>.tb-hr-card:first-child:has(p.tb-muted){display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:16px;padding:18px 22px 18px 100px;position:relative}
body.tb-hr-page .tb-hr>.tb-hr-card:first-child:has(p.tb-muted)>div{display:contents}
body.tb-hr-page .tb-hr>.tb-hr-card:first-child:has(p.tb-muted)::before{content:"";position:absolute;left:22px;top:50%;transform:translateY(-50%);width:60px;height:60px;border-radius:14px;background:#fff1e8 url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23ff6a13%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2710%27%20cy%3D%278%27%20r%3D%274%27%2F%3E%3Cpath%20d%3D%27M3%2021c0-4%203-7%207-7%201.6%200%203%20.4%204.2%201.2%27%2F%3E%3Cpath%20d%3D%27M17%2017l1.8%201.8L22%2015.6%27%2F%3E%3C%2Fsvg%3E") center/30px no-repeat}
body.tb-hr-page .tb-hr>.tb-hr-card:first-child h2{grid-column:1;grid-row:1;margin:0;font-size:24px;font-weight:800;color:#0b1f4b;align-self:end}
body.tb-hr-page .tb-hr>.tb-hr-card:first-child p.tb-muted{grid-column:1;grid-row:2;margin:2px 0 0;font-size:16px;color:#6b7a90;align-self:start}
body.tb-hr-page .tb-hr>.tb-hr-card:first-child>div>a{grid-column:2;grid-row:1 / span 2;display:inline-flex;align-items:center;gap:10px;background:linear-gradient(180deg,#ee3d34,#d92d20);color:#fff;text-decoration:none;font-weight:700;padding:13px 22px;border-radius:9px;box-shadow:0 4px 12px rgba(217,45,32,.28)}
body.tb-hr-page .tb-hr>.tb-hr-card:first-child>div>a::before{content:"";width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4%27%2F%3E%3Cpath%20d%3D%27M16%2017l5-5-5-5M21%2012H9%27%2F%3E%3C%2Fsvg%3E") center/20px no-repeat}

/* ---------- stat cards ---------- */
body.tb-hr-page .tb-hr-grid{gap:16px;margin-bottom:20px}
body.tb-hr-page .tb-hr-grid .tb-hr-card{display:grid;grid-template-columns:50px 1fr;column-gap:14px;row-gap:0;align-content:center;align-items:center;margin:0;padding:18px 16px;border-top:3px solid #ff6a13;font-size:13px;color:#33435c}
body.tb-hr-page .tb-hr-grid .tb-hr-card::before{content:"";grid-column:1;grid-row:1 / span 2;width:50px;height:50px;border-radius:50%;background-color:#fff1e8;background-position:center;background-repeat:no-repeat;background-size:24px}
body.tb-hr-page .tb-hr-grid .tb-hr-num{grid-column:2;grid-row:1;font-size:26px;font-weight:800;line-height:1.1;color:#0b1f4b;align-self:end}
body.tb-hr-page .tb-hr-grid .tb-hr-card:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23ff6a13%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M14%203H7a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h10a2%202%200%200%200%202-2V8z%27%2F%3E%3Cpath%20d%3D%27M14%203v5h5%27%2F%3E%3C%2Fsvg%3E")}
body.tb-hr-page .tb-hr-grid .tb-hr-card:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23ff6a13%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27%2F%3E%3Cpath%20d%3D%27M12%207v5l3%202%27%2F%3E%3C%2Fsvg%3E")}
body.tb-hr-page .tb-hr-grid .tb-hr-card:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23ff6a13%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%279%27%20cy%3D%278%27%20r%3D%273.5%27%2F%3E%3Cpath%20d%3D%27M2.5%2020c0-3.5%203-6%206.5-6s6.5%202.5%206.5%206%27%2F%3E%3Ccircle%20cx%3D%2717%27%20cy%3D%279%27%20r%3D%272.5%27%2F%3E%3Cpath%20d%3D%27M17%2014c2.5%200%204.5%201.8%204.5%204.5%27%2F%3E%3C%2Fsvg%3E")}
body.tb-hr-page .tb-hr-grid .tb-hr-card:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23ff6a13%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273.5%27%20y%3D%275%27%20width%3D%2717%27%20height%3D%2715%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M3.5%2010h17M8%203v4M16%203v4%27%2F%3E%3C%2Fsvg%3E")}
body.tb-hr-page .tb-hr-grid .tb-hr-card:nth-child(5)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23ff6a13%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27%2F%3E%3Cpath%20d%3D%27M9%209l6%206M15%209l-6%206%27%2F%3E%3C%2Fsvg%3E")}

/* ---------- search / filter ---------- */
body.tb-hr-page .tb-hr .tb-filters{gap:12px;align-items:center;flex-wrap:nowrap}
body.tb-hr-page .tb-hr .tb-filters input[name=hr_search]{flex:1 1 220px;min-width:0;height:46px;padding:0 14px 0 44px;border:1px solid #d5dde8;border-radius:9px;background:#fff url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%237b8aa0%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2711%27%20cy%3D%2711%27%20r%3D%277%27%2F%3E%3Cpath%20d%3D%27M21%2021l-4.3-4.3%27%2F%3E%3C%2Fsvg%3E") 14px center/18px no-repeat;font-size:14px}
body.tb-hr-page .tb-hr .tb-filters select{height:46px;min-width:170px;padding:0 38px 0 14px;border:1px solid #d5dde8;border-radius:9px;background:#fff url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%2317253b%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%209l6%206%206-6%27%2F%3E%3C%2Fsvg%3E") right 12px center/16px no-repeat;-webkit-appearance:none;appearance:none;font-size:14px;color:#0f1f3d}
body.tb-hr-page .tb-hr .tb-filters button{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 26px;background:#0f2250;color:#fff;font-weight:700;font-size:14px;border-radius:9px}
body.tb-hr-page .tb-hr .tb-filters button::before{content:"";width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2711%27%20cy%3D%2711%27%20r%3D%277%27%2F%3E%3Cpath%20d%3D%27M21%2021l-4.3-4.3%27%2F%3E%3C%2Fsvg%3E") center/18px no-repeat}
body.tb-hr-page .tb-hr .tb-filters a{display:inline-flex;align-items:center;height:46px;padding:0 24px;background:#eef2f7;color:#0f1f3d;font-weight:700;text-decoration:none;border-radius:9px}

/* ---------- table ---------- */
body.tb-hr-page .tb-hr .tb-hr-table-wrap{padding:14px}
body.tb-hr-page .tb-hr table{font-size:14px}
body.tb-hr-page .tb-hr thead th{background:#f1f4f9;color:#0f1f3d;font-weight:700;border-bottom:1px solid #e3e9f1;padding:14px 12px}
body.tb-hr-page .tb-hr thead th:first-child{border-radius:9px 0 0 9px}
body.tb-hr-page .tb-hr thead th:last-child{border-radius:0 9px 9px 0}
body.tb-hr-page .tb-hr tbody td{padding:13px 12px;border-bottom:1px solid #edf1f6;vertical-align:middle}
body.tb-hr-page .tb-hr tbody tr:hover td{background:#fafbfe}
body.tb-hr-page .tb-hr tbody td:first-child{font-weight:600;color:#0b1f4b}

/* ---------- status select + save icon ---------- */
body.tb-hr-page .tb-hr form.tb-inline{display:flex;gap:10px;align-items:center;flex-wrap:nowrap}
body.tb-hr-page .tb-hr form.tb-inline select{height:40px;min-width:136px;padding:0 34px 0 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%2317253b%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%209l6%206%206-6%27%2F%3E%3C%2Fsvg%3E") right 10px center/14px no-repeat;-webkit-appearance:none;appearance:none;font-weight:500;font-size:14px;color:#1f2d44}
body.tb-hr-page .tb-hr form.tb-inline select[data-s=pending]{background-color:#f8fafc;color:#1f2d44;border-color:#cbd5e1}
body.tb-hr-page .tb-hr form.tb-inline select[data-s=shortlisted]{background-color:#e7f7ec;color:#1b7f3b;border-color:#bfe6cb}
body.tb-hr-page .tb-hr form.tb-inline select[data-s=interview]{background-color:#e8f1ff;color:#1456b8;border-color:#c5dafc}
body.tb-hr-page .tb-hr form.tb-inline select[data-s=rejected]{background-color:#fdeaea;color:#d92d20;border-color:#f6c4c0}
body.tb-hr-page .tb-hr form.tb-inline button{flex:0 0 42px;width:42px;height:40px;padding:0;font-size:0;line-height:0;border-radius:8px;background:#1456e8 url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%203h11l4%204v13a1%201%200%200%201-1%201H5a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1z%27%2F%3E%3Cpath%20d%3D%27M8%203v5h7V3M8%2021v-7h8v7%27%2F%3E%3C%2Fsvg%3E") center/20px no-repeat}
body.tb-hr-page .tb-hr form.tb-inline button:hover{background-color:#0e45c2}

/* ---------- pagination ---------- */
body.tb-hr-page .tb-hr .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 12px;margin:0 6px 0 0;border:1px solid #dce3ec;border-radius:8px;background:#fff;color:#1456b8;text-decoration:none;font-weight:600;font-size:14px}
body.tb-hr-page .tb-hr .page-numbers.current{background:#1456e8;border-color:#1456e8;color:#fff}

/* ---------- background decoration ---------- */
.tb-hr-deco{position:fixed;pointer-events:none;z-index:0}
.tb-hr-deco.a{left:-150px;bottom:-150px;width:420px;height:420px;border-radius:50%;background:#0f2250}
.tb-hr-deco.b{left:-190px;bottom:-60px;width:420px;height:420px;border-radius:50%;background:linear-gradient(135deg,#ff8a3d,#ff6a13);opacity:.9}
.tb-hr-deco.c{right:-110px;top:-110px;width:300px;height:300px;border-radius:50%;border:44px solid #ffd9bf;opacity:.8}

@media(max-width:900px){
 body.tb-hr-page .tb-hr .tb-filters{flex-wrap:wrap}
 .tb-hr-deco{display:none}
}
@media(max-width:600px){
 body.tb-hr-page .tb-hr>.tb-hr-card:first-child:has(p.tb-muted){grid-template-columns:1fr;padding:84px 16px 16px}
 body.tb-hr-page .tb-hr>.tb-hr-card:first-child:has(p.tb-muted)::before{top:16px;transform:none;left:16px}
 body.tb-hr-page .tb-hr>.tb-hr-card:first-child>div>a{grid-column:1;grid-row:3;margin-top:12px;justify-self:start}
}

/* ========== Consolidated utility classes and live Manage Jobs width fix ========== */
.tb-careers .tb-job-selected-notice{background:#fff4e9;color:#a94700}
.tb-careers .tb-honeypot{position:absolute;left:-9999px}
.tb-careers .tb-actions .tb-clear,.tb-careers .tb-actions .tb-submit{background:linear-gradient(86deg,#FF9858 1.8%,#FF6200 27.89%,#FF6200 76.75%,#FF9858 98.11%);font-size:12px}
.tb-admin-details-label{width:180px}
.tb-jobs .tb-no-jobs{text-align:center}
.tb-hr #tb-manage-jobs > form{width:100%;max-width:100%}
.tb-hr #tb-manage-jobs > form > p > label{display:block;width:100%;max-width:100%}
.tb-hr #tb-manage-jobs > form > p > label > input:not([type=checkbox]):not([type=radio]){display:block;width:100%!important;max-width:100%!important;min-height:46px;padding:12px 15px;border:1px solid #cbd5e1;border-radius:6px;box-sizing:border-box}
.tb-hr #tb-manage-jobs .tb-job-editor-wrap{width:100%;max-width:100%;margin:24px 0}
.tb-hr #tb-manage-jobs .tb-job-editor-help{font-size:13px;color:#64748b;margin:8px 0 14px}
.tb-hr #tb-manage-jobs .wp-editor-wrap{width:100%;max-width:100%}
.tb-hr #tb-manage-jobs .tb-hr-table-wrap{margin-top:24px}
.tb-hr #tb-manage-jobs .tb-job-delete-form{display:inline}

/* Former inline HR header/login presentation */
.tb-hr .tb-hr-login-card{max-width:430px;margin:auto}
.tb-hr .tb-hr-header-row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}


/* ==========================================
   TECHBLARE CAREERS - MOBILE RESPONSIVE FIX
========================================== */

@media screen and (max-width: 767px) {

    /* Main form container */
    .tb-careers {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Form grid */
    .tb-careers-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
        width: 100%;
    }

    /* Form fields */
    .tb-careers .tb-field {
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    /* Input fields */
    .tb-careers input:not([type="checkbox"]),
    .tb-careers select,
    .tb-careers textarea {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Form buttons */
    .tb-careers .tb-form-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        width: 100%;
    }

    .tb-careers .tb-form-actions button {
        flex: 1 1 100%;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

}