/* Taghleefy Loss Calculator — reuses tgt.css design tokens (colors/fonts/buttons/badge). */
.tlc{position:relative;background:var(--tgt-slate-950);font-family:var(--tgt-font-body);color:var(--tgt-slate-200);
  margin-inline-start:calc(50% - 50vw);margin-inline-end:calc(50% - 50vw);width:100vw;padding-block:72px 40px;}
.tlc *{box-sizing:border-box;}
:root[lang="ar"] .tlc,.tlc[dir="rtl"]{font-family:var(--tgt-font-body-ar);}

.tlc-grid{max-width:1240px;margin-inline:auto;padding-inline:24px;display:grid;grid-template-columns:0.85fr 1.15fr;gap:32px;align-items:start;}
.tlc-inputs,.tlc-results{min-width:0;}

.tlc-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:26px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
.tlc-inputs{position:sticky;top:112px;display:flex;flex-direction:column;gap:20px;}
.tlc-core legend{padding:0 6px;font:700 16px/1.4 var(--tgt-font-display);color:var(--tgt-slate-100);}
:root[lang="ar"] .tlc-core legend,.tlc[dir="rtl"] .tlc-core legend{font-family:var(--tgt-font-display-ar);}

.tlc-advanced{padding:18px 26px;}
.tlc-advanced > summary,.tlc-how > summary{cursor:pointer;font:700 16px/1.4 var(--tgt-font-display);color:var(--tgt-slate-100);list-style:none;display:flex;align-items:center;justify-content:space-between;}
:root[lang="ar"] .tlc-advanced > summary,:root[lang="ar"] .tlc-how > summary{font-family:var(--tgt-font-display-ar);}
.tlc-advanced > summary::-webkit-details-marker,.tlc-how > summary::-webkit-details-marker{display:none;}
.tlc-advanced > summary::after,.tlc-how > summary::after{content:"+";font-size:20px;color:var(--tgt-slate-400);transition:transform .2s var(--tgt-ease);}
.tlc-advanced[open] > summary::after,.tlc-how[open] > summary::after{transform:rotate(45deg);}
.tlc-advanced > .tlc-hint{margin-top:10px;}
.tlc-advanced .tlc-field{margin-top:18px;}

.tlc-field{display:flex;flex-direction:column;gap:8px;}
.tlc-core .tlc-field{margin-top:18px;}
.tlc-core .tlc-field:first-of-type{margin-top:16px;}
.tlc-field__head{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.tlc-field label{font:500 14px/1.5 var(--tgt-font-body);color:var(--tgt-slate-200);}
:root[lang="ar"] .tlc-field label{font-family:var(--tgt-font-body-ar);}
.tlc-field__value{display:flex;align-items:center;gap:6px;flex-shrink:0;}
.tlc-num{width:104px;background:var(--tgt-slate-800);border:1px solid var(--tgt-slate-700);border-radius:10px;color:var(--tgt-slate-100);font:600 14px var(--tgt-font-mono);padding:7px 10px;text-align:end;}
.tlc-num:focus,.tlc-select:focus{outline:2px solid var(--tgt-blue-400);outline-offset:1px;}
.tlc-unit{font:500 12px var(--tgt-font-body);color:var(--tgt-slate-500);}
.tlc-range{width:100%;accent-color:var(--tgt-blue-500);height:20px;cursor:pointer;}
.tlc-select{width:100%;background:var(--tgt-slate-800);border:1px solid var(--tgt-slate-700);border-radius:10px;color:var(--tgt-slate-100);font:500 14px var(--tgt-font-body);padding:9px 12px;}
:root[lang="ar"] .tlc-select{font-family:var(--tgt-font-body-ar);}
.tlc-hint{margin:0;font:400 12.5px/1.6 var(--tgt-font-body);color:var(--tgt-slate-500);}
:root[lang="ar"] .tlc-hint{font-family:var(--tgt-font-body-ar);}
.tlc-error{margin:0;font:600 12.5px/1.5 var(--tgt-font-body);color:#FF8A8A;}
.tlc-error[hidden]{display:none;}

.tlc-actions-row{display:flex;justify-content:flex-end;}

.tlc-results{display:flex;flex-direction:column;gap:28px;}

.tlc-shock{text-align:center;background:linear-gradient(180deg,rgba(0,82,255,0.10),rgba(255,255,255,0.03));border-color:rgba(0,82,255,0.35);box-shadow:0 0 50px rgba(0,82,255,0.14);padding:40px 26px;}
.tlc-shock__eyebrow{margin:0 0 6px;font:600 13px/1.4 var(--tgt-font-body);letter-spacing:.05em;color:var(--tgt-blue-200);}
:root[lang="ar"] .tlc-shock__eyebrow{font-family:var(--tgt-font-body-ar);}
.tlc-shock__amount{margin:0;font:700 46px/1.15 var(--tgt-font-display);color:#fff;letter-spacing:-0.02em;}
:root[lang="ar"] .tlc-shock__amount{font-family:var(--tgt-font-display-ar);}
.tlc-shock__desc{margin:14px auto 0;max-width:520px;font:400 15px/1.7 var(--tgt-font-body);color:var(--tgt-slate-400);}
:root[lang="ar"] .tlc-shock__desc{font-family:var(--tgt-font-body-ar);}
.tlc-shock__perday{margin:14px 0 0;font:500 13px var(--tgt-font-mono);color:var(--tgt-slate-500);}

.tlc-breakdown{display:flex;flex-direction:column;gap:16px;}
.tlc-bcard{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:18px;padding:20px;}
.tlc-bcard h3{margin:0 0 8px;font:700 15px/1.4 var(--tgt-font-display);color:var(--tgt-slate-100);}
:root[lang="ar"] .tlc-bcard h3{font-family:var(--tgt-font-display-ar);}
.tlc-bcard__amount{margin:0;font:700 26px var(--tgt-font-display);color:#fff;}
.tlc-bcard__sub{margin:8px 0 0;font:400 13px/1.6 var(--tgt-font-body);color:var(--tgt-slate-400);}
:root[lang="ar"] .tlc-bcard__sub{font-family:var(--tgt-font-body-ar);}
.tlc-bar{display:flex;height:10px;border-radius:999px;overflow:hidden;background:var(--tgt-slate-800);}
.tlc-bar__seg{height:100%;width:0;transition:width .3s var(--tgt-ease);}
.tlc-bar__seg--quoting{background:var(--tgt-blue-500);}
.tlc-bar__seg--errors{background:var(--tgt-amber-500);}
.tlc-bar__seg--staffing{background:var(--tgt-slate-400);}
.tlc-legend{display:flex;flex-wrap:wrap;gap:16px;}
.tlc-legend span{display:inline-flex;align-items:center;gap:8px;font:500 12.5px var(--tgt-font-body);color:var(--tgt-slate-400);}
:root[lang="ar"] .tlc-legend span{font-family:var(--tgt-font-body-ar);}
.tlc-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;}
.tlc-dot--quoting{background:var(--tgt-blue-500);}
.tlc-dot--errors{background:var(--tgt-amber-500);}
.tlc-dot--staffing{background:var(--tgt-slate-400);}

.tlc-h2{margin:0 0 18px;font:700 22px/1.4 var(--tgt-font-display);color:var(--tgt-slate-100);}
:root[lang="ar"] .tlc-h2{font-family:var(--tgt-font-display-ar);}

.tlc-table-scroll{overflow-x:auto;border:1px solid rgba(255,255,255,0.08);border-radius:16px;}
.tlc-table{width:100%;border-collapse:collapse;min-width:520px;}
.tlc-table th,.tlc-table td{padding:13px 16px;text-align:start;font:500 13.5px var(--tgt-font-body);color:var(--tgt-slate-300);border-bottom:1px solid rgba(255,255,255,0.06);white-space:nowrap;}
:root[lang="ar"] .tlc-table th,:root[lang="ar"] .tlc-table td{font-family:var(--tgt-font-body-ar);}
.tlc-table thead th{color:var(--tgt-slate-500);font-weight:700;text-transform:uppercase;font-size:11.5px;letter-spacing:.04em;background:rgba(255,255,255,0.02);}
.tlc-table tbody tr:last-child td{border-bottom:none;}
.tlc-table__after{background:rgba(0,82,255,0.08);color:var(--tgt-blue-200)!important;font-weight:700!important;}
.tlc-note{margin:14px 0 0;font:400 12.5px/1.7 var(--tgt-font-body);color:var(--tgt-slate-500);}
:root[lang="ar"] .tlc-note{font-family:var(--tgt-font-body-ar);}

.tlc-solutions__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:4px;}
.tlc-scard{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:10px;transition:border-color .18s var(--tgt-ease),transform .18s var(--tgt-ease);}
.tlc-scard:hover{border-color:rgba(0,82,255,0.4);transform:translateY(-2px);}
.tlc-icon{color:var(--tgt-blue-400);}
.tlc-scard h3{margin:4px 0 0;font:700 15px/1.4 var(--tgt-font-display);color:var(--tgt-slate-100);}
:root[lang="ar"] .tlc-scard h3{font-family:var(--tgt-font-display-ar);}
.tlc-scard p{margin:0;font:400 13.5px/1.7 var(--tgt-font-body);color:var(--tgt-slate-400);}
:root[lang="ar"] .tlc-scard p{font-family:var(--tgt-font-body-ar);}
.tlc-scard__tag{padding-top:10px;border-top:1px dashed rgba(255,255,255,0.1);font:600 12px var(--tgt-font-body)!important;color:var(--tgt-blue-300)!important;}

.tlc-how h4{margin:20px 0 8px;font:700 14.5px/1.5 var(--tgt-font-display);color:var(--tgt-slate-100);}
:root[lang="ar"] .tlc-how h4{font-family:var(--tgt-font-display-ar);}
.tlc-how p{margin:0;font:400 14px/1.8 var(--tgt-font-body);color:var(--tgt-slate-400);}
:root[lang="ar"] .tlc-how p{font-family:var(--tgt-font-body-ar);}

.tlc-helpers{display:flex;flex-wrap:wrap;gap:12px;}

.tlc-cta-form{position:relative;overflow:hidden;background:var(--tgt-slate-900);border-color:rgba(0,82,255,0.3);}
.tlc-cta-form .tgt-hero__glow{z-index:0;}
.tlc-cta-form > *:not(.tgt-hero__glow){position:relative;z-index:1;}
.tlc-cta-form p{font:400 15px/1.7 var(--tgt-font-body);color:var(--tgt-slate-400);margin:0 0 20px;}
:root[lang="ar"] .tlc-cta-form p{font-family:var(--tgt-font-body-ar);}
.tlc-form-embed{margin-bottom:20px;}
.tlc-form-embed .wpcf7-form-control-wrap{display:block;margin-bottom:14px;}
.tlc-form-embed input:not([type="submit"]),.tlc-form-embed select,.tlc-form-embed textarea{width:100%;background:var(--tgt-slate-800);border:1px solid var(--tgt-slate-700);border-radius:10px;color:var(--tgt-slate-100);font:500 14px var(--tgt-font-body);padding:11px 14px;}
.tlc-form-embed label{display:block;margin-bottom:6px;font:500 13.5px var(--tgt-font-body);color:var(--tgt-slate-300);}
.tlc-form-embed input[type="submit"]{background:var(--tgt-amber-500);color:#1A0D00;font-weight:700;border:none;border-radius:999px;padding:13px 30px;cursor:pointer;font-family:var(--tgt-font-body);}
.tlc-form-embed input[type="submit"]:hover{background:var(--tgt-amber-600);}
.tlc-form-embed .wpcf7-response-output{border-radius:12px;margin-top:14px;font:500 13.5px var(--tgt-font-body);}

.tlc-sticky{display:none;position:sticky;bottom:0;z-index:20;background:rgba(11,15,23,0.92);border-top:1px solid rgba(255,255,255,0.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:12px 20px;align-items:center;justify-content:space-between;gap:10px;}
.tlc-sticky__label{font:500 12px var(--tgt-font-body);color:var(--tgt-slate-400);}
.tlc-sticky__amount{font:700 16px var(--tgt-font-display);color:#fff;}

@media (max-width:960px){
  .tlc-grid{grid-template-columns:1fr;}
  .tlc-inputs{position:static;}
  .tlc-sticky{display:flex;}
}
@media (max-width:768px){
  .tlc{padding-block:48px 90px;}
  .tlc-grid{padding-inline:18px;gap:22px;}
  .tlc-shock__amount{font-size:34px;}
  .tlc-card{padding:20px;}
}

@media print{
  .tgt-header,.tgt-footer,.tlc-inputs,.tlc-helpers,.tlc-cta-form,.tlc-sticky,.tlc-actions-row{display:none!important;}
  .tlc,.tlc-grid{background:#fff!important;grid-template-columns:1fr!important;width:auto!important;margin:0!important;padding:0!important;}
  .tlc-card,.tlc-bcard,.tlc-scard{background:#fff!important;border-color:#ccc!important;box-shadow:none!important;}
  .tlc-shock__amount,.tlc-bcard__amount,.tlc-h2,.tlc-scard h3,.tlc-bcard h3{color:#000!important;}
  .tlc-shock__desc,.tlc-bcard__sub,.tlc-hint,.tlc-note,.tlc-scard p,.tlc-how p{color:#333!important;}
  .tlc-table th,.tlc-table td{color:#000!important;}
  .tlc-table__after{background:#eef3ff!important;}
  .tlc-advanced,.tlc-how{display:block!important;}
}
