:root{
  --bg:#030712;--bg2:#071120;--panel:#081426cc;--panel-solid:#0b1528;--panel2:#0f203b;--glass:#101b31b8;
  --line:#203554;--line2:#2f4b73;--text:#eef7ff;--muted:#8ea7c7;--soft:#bcd2ee;
  --blue:#2584ff;--cyan:#35d4ff;--indigo:#4557ff;--green:#32d583;--red:#ff5d6c;--amber:#ffc857;
  --shadow:0 26px 80px rgba(0,0,0,.46);--glow:0 0 40px rgba(37,132,255,.28);--radius:24px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:
  radial-gradient(circle at 12% -8%,rgba(53,212,255,.22),transparent 35%),
  radial-gradient(circle at 90% 5%,rgba(69,87,255,.26),transparent 32%),
  radial-gradient(circle at 50% 110%,rgba(37,132,255,.18),transparent 42%),linear-gradient(180deg,#030712 0%,#071120 58%,#030712 100%);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 80%)}
a{color:#9ed8ff;text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1360px;margin:0 auto;padding:28px 22px 70px}.small{max-width:480px;margin:8vh auto}.app-shell{display:grid;grid-template-columns:270px 1fr;gap:22px;align-items:start}.sidebar{position:sticky;top:18px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(11,23,43,.92),rgba(6,14,28,.82));backdrop-filter:blur(18px);border-radius:30px;padding:18px;box-shadow:var(--shadow);min-height:calc(100vh - 36px)}.side-logo{display:flex;gap:12px;align-items:center;padding:8px 6px 18px}.navlink{display:flex;gap:10px;align-items:center;color:#dbeafe;border:1px solid transparent;border-radius:16px;padding:12px 13px;margin:6px 0;font-weight:850}.navlink:hover{background:#10203a;text-decoration:none;border-color:#1e3a5e}.navlink.active{background:linear-gradient(135deg,rgba(37,132,255,.22),rgba(53,212,255,.08));border-color:#315f93;box-shadow:inset 0 0 30px rgba(37,132,255,.08)}.side-foot{margin-top:22px;padding:14px;border-radius:18px;background:#071326;border:1px solid var(--line);color:var(--muted);font-size:13px}.main-panel{min-width:0}.topbar,header{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-bottom:20px}.brand{display:flex;align-items:center;gap:14px}.logo{width:50px;height:50px;border-radius:18px;background:url('/static/images/remoteghar-mark.svg') center/cover no-repeat;box-shadow:var(--glow);display:grid;place-items:center;font-weight:950;color:transparent}.logo.small-logo{width:42px;height:42px;border-radius:15px}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#92d9ff;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:950}.eyebrow:before{content:"";width:8px;height:8px;border-radius:99px;background:var(--green);box-shadow:0 0 18px var(--green)}.hero{padding:18px 0 12px}.hero h1,h1{font-size:clamp(30px,4vw,56px);line-height:.98;margin:0 0 10px;letter-spacing:-.04em}.hero-title{max-width:760px}.hero-title strong{background:linear-gradient(90deg,#fff,#8bddff 45%,#75a7ff);-webkit-background-clip:text;background-clip:text;color:transparent}h2{margin:0 0 10px;font-size:23px;letter-spacing:-.02em}h3{margin:0 0 8px}.muted{color:var(--muted)}.soft-text{color:var(--soft)}.card{position:relative;background:linear-gradient(180deg,rgba(16,30,55,.86),rgba(8,17,34,.92));border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin:16px 0;box-shadow:var(--shadow);backdrop-filter:blur(18px);overflow:hidden}.card:after{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(83,198,255,.5),transparent)}.card.soft{background:linear-gradient(180deg,rgba(11,24,45,.82),rgba(7,15,30,.82))}.card.compact{padding:16px}.notice{background:linear-gradient(135deg,rgba(50,213,131,.12),rgba(37,132,255,.1));border:1px solid rgba(50,213,131,.45);color:#cdffe7;border-radius:18px;padding:13px 16px;margin:12px 0}.error{color:#ffc4c9;font-weight:900}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.two{grid-template-columns:1.05fr .95fr}.three{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.stack{display:grid;gap:13px}.row,.controls{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#122343;border:1px solid #284667;color:#cfe3ff;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.04em}.pill:before{content:"";width:7px;height:7px;border-radius:99px;background:#7fb9ff}.pill.single{background:rgba(37,132,255,.13);border-color:#2563eb}.pill.pair{background:rgba(69,87,255,.16);border-color:#555fe8}.pill.good{background:rgba(50,213,131,.12);border-color:#229866}.pill.good:before{background:var(--green)}.pill.warn{background:rgba(255,200,87,.12);border-color:#9f7620}.pill.warn:before{background:var(--amber)}.stat{position:relative;padding:20px;border-radius:22px;background:linear-gradient(180deg,rgba(18,35,65,.86),rgba(9,20,38,.86));border:1px solid var(--line);box-shadow:0 15px 44px rgba(0,0,0,.22);overflow:hidden}.stat:before{content:"";position:absolute;right:-24px;top:-28px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(53,212,255,.2),transparent 70%)}.stat b{font-size:34px;display:block;letter-spacing:-.04em}.stat span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}label{display:block;margin:0;font-weight:850;color:#e7f1ff}input,select,textarea{width:100%;padding:14px 15px;border:1px solid #2a4162;border-radius:16px;margin-top:7px;background:rgba(4,12,25,.88);color:var(--text);font:inherit;outline:none;transition:.18s ease}textarea{min-height:104px;resize:vertical}input::placeholder,textarea::placeholder{color:#6f86a6}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(53,212,255,.14),0 0 35px rgba(37,132,255,.12)}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--cyan),var(--blue) 45%,var(--indigo));color:white;padding:12px 18px;text-decoration:none;cursor:pointer;font-weight:950;box-shadow:0 14px 30px rgba(37,132,255,.28);transition:.18s ease;white-space:nowrap}button:hover,.button:hover{transform:translateY(-1px);text-decoration:none;filter:saturate(1.12)}button:active,.button:active{transform:translateY(0)}button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.3)}.secondary{background:#13243f;color:#dbeafe;border:1px solid #315176;box-shadow:none}.danger{background:linear-gradient(135deg,#ff6b6b,#b91c1c)}.ghost{background:transparent;border:1px solid #345577;color:#dbeafe;box-shadow:none}.candidate-picker{display:grid;gap:8px;max-height:310px;overflow:auto;padding:10px;border:1px solid var(--line);border-radius:20px;background:rgba(4,12,25,.74)}.candidate-row{display:flex;align-items:center;gap:11px;padding:11px;border-radius:16px;background:rgba(12,25,47,.78);border:1px solid transparent;transition:.15s}.candidate-row:hover{border-color:#3a6da4;transform:translateX(2px)}.candidate-row input{width:auto;margin:0;accent-color:var(--cyan)}.candidate-row:has(input:checked){border-color:#33cfff;background:rgba(37,132,255,.13)}.candidate-row span{font-weight:950}.candidate-row small{display:block;color:var(--muted);margin-top:2px}.candidate-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0}.selected-count{font-size:12px;color:#92d9ff;font-weight:900}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0}.toolbar input{max-width:360px;margin-top:0}.table{overflow:auto;border:1px solid var(--line);border-radius:20px;background:#071225}table{width:100%;border-collapse:collapse;min-width:860px}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;text-transform:uppercase;color:#96a8c9;letter-spacing:.08em}tr:hover td{background:rgba(37,132,255,.06)}.mini{display:grid;gap:7px;min-width:230px}.mini input,.mini select{margin-top:0;padding:9px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 16px}.tab{padding:10px 14px;border-radius:999px;background:#0a1428;border:1px solid var(--line);cursor:pointer;font-weight:950;color:#cfe3ff;box-shadow:none}.tab.active{background:linear-gradient(135deg,var(--blue),var(--cyan));border-color:transparent;color:#fff}.tab-panel{display:none}.tab-panel.active{display:block}.project-card{position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(var(--cyan),var(--blue),var(--indigo))}.progress{height:10px;background:#051022;border:1px solid var(--line);border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--green));width:var(--w,0%);box-shadow:0 0 22px rgba(53,212,255,.3)}.consent{border:1px solid #2d527a;border-radius:18px;padding:15px;background:rgba(8,19,38,.82);margin:12px 0}.consent label{font-weight:750}.consent input[type=checkbox]{width:auto;margin-right:8px;accent-color:var(--cyan)}.kbd{font-family:ui-monospace,monospace;background:#050b18;border:1px solid var(--line);padding:2px 6px;border-radius:8px;color:#bcd6ff}.quick-actions{display:flex;gap:10px;flex-wrap:wrap}.action-card{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid var(--line);background:rgba(5,14,29,.72);border-radius:20px}.icon-bubble{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(53,212,255,.24),rgba(37,132,255,.16));border:1px solid #376a97}.room-stage{min-height:360px;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at center,rgba(37,132,255,.18),transparent 42%),linear-gradient(180deg,rgba(9,20,38,.86),rgba(3,7,18,.94));border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:var(--shadow)}.audio-orb{width:168px;height:168px;border-radius:50%;margin:0 auto 18px;background:radial-gradient(circle at 35% 28%,#eaffff,#35d4ff 25%,#2584ff 54%,#061326 75%);box-shadow:0 0 70px rgba(53,212,255,.35);position:relative}.audio-orb:before,.audio-orb:after{content:"";position:absolute;inset:-18px;border-radius:50%;border:1px solid rgba(53,212,255,.25);animation:pulse 2.4s infinite}.audio-orb:after{inset:-34px;animation-delay:.7s}@keyframes pulse{0%{transform:scale(.9);opacity:.85}100%{transform:scale(1.18);opacity:0}}.control-dock{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding:14px;border-radius:999px;background:rgba(3,8,18,.76);border:1px solid var(--line);box-shadow:0 16px 50px rgba(0,0,0,.32);margin-top:16px}.login-shell{display:grid;grid-template-columns:1fr 460px;gap:26px;align-items:center;min-height:100vh;max-width:1180px;margin:auto;padding:28px}.login-marketing{padding:34px}.login-marketing h1{font-size:clamp(42px,6vw,72px)}.login-card{margin:0}.feature-list{display:grid;gap:12px;margin-top:22px}.feature-list div{display:flex;gap:12px;align-items:center;color:#cfe3ff}.feature-list span{width:32px;height:32px;border-radius:12px;background:rgba(53,212,255,.15);display:grid;place-items:center;border:1px solid #2a5b85}.badge-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.empty{border:1px dashed #315176;border-radius:20px;padding:22px;text-align:center;color:var(--muted);background:rgba(5,14,29,.44)}@media(max-width:1040px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;min-height:0;display:block}.sidebar nav{display:flex;overflow:auto;gap:8px}.navlink{min-width:max-content}.side-foot{display:none}.two{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-marketing{padding:10px}.small{margin:4vh auto}}@media(max-width:720px){.wrap{padding:16px 12px 50px}.card{padding:17px;border-radius:20px}.topbar,header{align-items:flex-start}.controls,.control-dock{border-radius:22px}.hero h1,h1{font-size:32px}.stat b{font-size:28px}.toolbar input{max-width:100%}.login-shell{padding:16px}.grid{grid-template-columns:1fr}}
/* RemoteGhar v1 recording-engine UI upgrades */
.room-wrap{max-width:1280px}.studio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.studio-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.8fr);gap:22px}.studio-stage{position:relative;overflow:hidden;min-height:620px;border:1px solid rgba(77,145,255,.28);border-radius:30px;background:radial-gradient(circle at 20% 15%,rgba(59,130,246,.25),transparent 35%),radial-gradient(circle at 80% 10%,rgba(0,221,255,.12),transparent 28%),linear-gradient(145deg,rgba(7,12,28,.96),rgba(3,7,18,.94));box-shadow:0 30px 90px rgba(0,0,0,.42), inset 0 0 80px rgba(34,96,255,.06);padding:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.studio-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at center,#000,transparent 75%)}.studio-stage>*{position:relative;z-index:1}.orb-wrap{position:relative;width:160px;height:160px;margin-bottom:14px}.pulse-ring{position:absolute;inset:0;border:1px solid rgba(74,163,255,.38);border-radius:999px;animation:pulseWave 2.4s infinite}.audio-orb{width:126px;height:126px;margin:17px auto;border-radius:999px;background:radial-gradient(circle at 35% 25%,#b9e8ff,#378bff 35%,#0e265f 68%,#020617);box-shadow:0 0 60px rgba(56,139,255,.7), inset 0 -18px 35px rgba(0,0,0,.45)}@keyframes pulseWave{0%{transform:scale(.74);opacity:.9}100%{transform:scale(1.45);opacity:0}}.record-timer{font-size:64px;letter-spacing:.08em;font-weight:800;margin:12px 0;color:#eaf4ff;text-shadow:0 0 28px rgba(64,156,255,.5)}.waveform{width:100%;height:150px;border:1px solid rgba(74,163,255,.22);background:rgba(4,8,20,.56);border-radius:22px;margin:18px 0;box-shadow:inset 0 0 28px rgba(0,0,0,.35)}.meter-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin:6px 0 18px}.level-meter{display:grid;grid-template-columns:72px 1fr 52px;gap:10px;align-items:center;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);padding:12px 14px;border-radius:16px;color:#cfe4ff}.level-meter i{height:10px;border-radius:999px;background:linear-gradient(90deg,#1d4ed8 var(--level,0%),rgba(255,255,255,.12) var(--level,0%));box-shadow:0 0 16px rgba(36,132,255,.3)}.glass-dock{backdrop-filter:blur(18px);background:rgba(8,15,34,.7);border:1px solid rgba(115,170,255,.18);border-radius:22px;padding:12px;box-shadow:0 14px 45px rgba(0,0,0,.3)}.room-badges{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:18px}.studio-side{display:flex;flex-direction:column;gap:16px}.quality-tips{border:1px solid rgba(74,163,255,.16);background:rgba(74,163,255,.06);border-radius:18px;padding:14px;margin-top:14px}.quality-tips h3{margin:0 0 6px}.quality-tips p{margin:0;color:var(--muted)}audio{width:220px;max-width:100%;height:38px;filter:invert(1) hue-rotate(175deg);opacity:.88}.project-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.project-card:hover{transform:translateY(-2px);border-color:rgba(74,163,255,.34);box-shadow:0 18px 48px rgba(11,89,255,.12)}.main-panel .card,.sidebar,.stat{backdrop-filter:blur(14px)}select[name="output_format"]{border-color:rgba(74,163,255,.35)}@media(max-width:900px){.studio-grid{grid-template-columns:1fr}.record-timer{font-size:46px}.studio-stage{min-height:520px;padding:22px}.meter-grid{grid-template-columns:1fr}.studio-header{align-items:flex-start;gap:14px;flex-direction:column}}
/* Phase 2 recording engine UI */
.dual-wave-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;margin:18px 0 12px}.wave-card{border:1px solid rgba(74,163,255,.2);background:linear-gradient(180deg,rgba(15,23,42,.72),rgba(2,6,23,.62));border-radius:20px;padding:12px;box-shadow:inset 0 0 24px rgba(15,23,42,.55)}.wave-label{text-align:left;color:#dbeafe;font-size:13px;font-weight:800;letter-spacing:.03em;margin:0 0 8px;text-transform:uppercase}.mini-wave{height:108px;margin:0;border-radius:16px}.level-meter span:last-child{font-size:12px;text-transform:uppercase;letter-spacing:.05em}.room-badges b{font-weight:800;color:#eaf4ff}.control-dock button{min-width:150px}.studio-stage h2{margin-top:8px}.studio-stage .muted{max-width:760px}@media(max-width:760px){.dual-wave-grid{grid-template-columns:1fr}.mini-wave{height:96px}.control-dock button{min-width:100%;margin:4px 0}}

/* === Minimal black client-ready redesign === */
:root{
  --bg:#050505;--bg2:#080a09;--panel:#0b0c0c;--panel-solid:#0b0c0c;--panel2:#101212;--glass:#080909cc;
  --line:#232827;--line2:#343b39;--text:#f4f1e8;--muted:#858883;--soft:#c4c1b7;
  --blue:#46f3b2;--cyan:#46f3b2;--indigo:#46f3b2;--green:#46f3b2;--red:#ff4d4d;--amber:#f4c95d;
  --shadow:0 28px 80px rgba(0,0,0,.72);--glow:0 0 44px rgba(70,243,178,.12);--radius:0
}
*{border-radius:0!important}html,body{background:#050505!important}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);letter-spacing:-.01em;background:
  radial-gradient(circle at 78% 0%,rgba(70,243,178,.09),transparent 28%),
  radial-gradient(circle at 0% 25%,rgba(70,243,178,.045),transparent 34%),
  linear-gradient(180deg,#050505 0%,#090a0a 48%,#050505 100%)!important}
body:before{background-image:linear-gradient(rgba(70,243,178,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(70,243,178,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.58),transparent 82%)}
body:after{content:"AUDIO DATASET RECORDING";position:fixed;z-index:-1;left:-3vw;top:9vh;font-size:12vw;font-weight:900;letter-spacing:.08em;color:transparent;-webkit-text-stroke:1px rgba(70,243,178,.035);white-space:nowrap;pointer-events:none}
a{color:var(--green)}.wrap{max-width:1440px;padding-top:22px}.small{max-width:460px}.app-shell{grid-template-columns:292px 1fr;gap:0;border:1px solid var(--line);background:rgba(5,5,5,.54)}
.sidebar{top:0;min-height:calc(100vh - 44px);border:0;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(8,9,9,.96),rgba(4,5,5,.94));box-shadow:none;padding:0}.side-logo{padding:24px 22px;border-bottom:1px solid var(--line)}.side-logo b{letter-spacing:.12em;text-transform:uppercase;font-size:13px}.sidebar nav{padding:26px 20px}.side-foot{margin:26px 20px 0;background:#080908;border:1px solid var(--line);color:#8d918c;font-family:ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em;line-height:1.7}
.navlink{padding:13px 14px;margin:4px 0;color:#8f938d;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.navlink:hover,.navlink.active{background:transparent;color:var(--green);border-color:transparent;text-decoration:none;box-shadow:none}.navlink.active:before{content:"◆";color:var(--green);font-size:11px}.main-panel{padding:24px 28px}.topbar,header{border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:22px}
.logo{background:none!important;width:14px!important;height:14px!important;border:1px solid var(--green)!important;box-shadow:0 0 22px rgba(70,243,178,.35);color:transparent}.logo.small-logo{width:12px!important;height:12px!important}.brand{gap:14px}.eyebrow{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#8a8d87;letter-spacing:.34em;font-size:12px}.eyebrow:before{width:7px;height:7px;background:var(--green);box-shadow:0 0 16px var(--green)}
h1,.hero h1{font-size:clamp(42px,5.8vw,86px);font-weight:950;line-height:.86;letter-spacing:-.075em;color:var(--text)}h2{font-size:30px;font-weight:930;letter-spacing:-.06em}h3{font-size:19px;letter-spacing:-.04em}.muted{color:var(--muted)}.soft-text{color:var(--soft);font-size:18px;line-height:1.7;max-width:720px}
.card,.stat,.action-card,.candidate-picker,.candidate-row,.table,.consent,.quality-tips,.room-stage,.studio-stage,.waveform,.level-meter,.glass-dock,.control-dock,.login-card{background:linear-gradient(180deg,rgba(13,14,14,.94),rgba(7,8,8,.96));border:1px solid var(--line);box-shadow:none;backdrop-filter:none}.card{padding:28px;margin:18px 0}.card:after{background:linear-gradient(90deg,transparent,rgba(70,243,178,.22),transparent)}.card.soft{background:#090a0a}.project-card:before{background:var(--green);width:2px}.project-card:hover{transform:none;border-color:#3e4643;box-shadow:none}.section-title{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px}
.stat{padding:22px}.stat:before{display:none}.stat b{font-size:48px;color:var(--text)}.stat span,th,.pill,label,.selected-count,.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.14em}.pill{background:#080908;border:1px solid var(--line2);color:#a3a69f;padding:8px 10px;font-size:11px}.pill:before{background:var(--green);box-shadow:0 0 12px rgba(70,243,178,.5)}.pill.good,.pill.single,.pill.pair,.pill.warn{background:#080908;border-color:#39423e;color:var(--text)}
input,select,textarea{background:#050605;border:1px solid var(--line2);color:var(--text);padding:14px 15px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.toolbar input,.mini input,.mini select{background:#050605}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 1px rgba(70,243,178,.35),0 0 28px rgba(70,243,178,.08)}
button,.button{border:1px solid var(--green);background:var(--green);color:#020403;box-shadow:0 0 26px rgba(70,243,178,.12);padding:13px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.16em;font-size:12px}.secondary,.ghost{background:transparent;color:var(--text);border:1px solid var(--line2);box-shadow:none}.danger{background:#180909;color:#ffd8d8;border-color:#823535}.button:hover,button:hover{transform:none;filter:none;border-color:#f4f1e8}.secondary:hover,.ghost:hover{color:var(--green);border-color:var(--green)}
.progress{height:6px;background:#050605;border-color:var(--line)}.progress span{background:var(--green);box-shadow:0 0 18px rgba(70,243,178,.35)}.table{background:#070808}table{min-width:900px}td,th{border-bottom:1px solid var(--line)}tr:hover td{background:rgba(70,243,178,.035)}audio{filter:invert(1) grayscale(1);opacity:.78}.empty{background:#080908;border:1px dashed #2c3330;color:var(--muted)}
.login-shell{max-width:1220px;grid-template-columns:1.1fr 430px}.login-marketing{border:1px solid var(--line);background:linear-gradient(140deg,rgba(13,14,14,.94),rgba(5,5,5,.92));padding:52px;min-height:620px;display:flex;flex-direction:column;justify-content:center}.login-marketing h1{font-size:clamp(56px,7vw,104px);line-height:.82}.feature-list div{color:#b9bbb4;font-family:ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em;font-size:12px}.feature-list span{background:#060706;border:1px solid var(--line2);color:var(--green)}details{border-top:1px solid var(--line);padding-top:14px}
.studio-header{border:1px solid var(--line);padding:22px;margin-bottom:0;background:#070808}.studio-grid{gap:0;border:1px solid var(--line);border-top:0}.studio-stage{min-height:660px;border:0;border-right:1px solid var(--line);background:radial-gradient(circle at 50% 10%,rgba(70,243,178,.08),transparent 34%),linear-gradient(180deg,#0a0b0b,#050505);padding:42px}.studio-stage:before{background-size:64px 64px;background-image:linear-gradient(rgba(70,243,178,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(70,243,178,.025) 1px,transparent 1px)}.studio-side .card{margin:0;border-width:0 0 1px 0}.audio-orb{background:radial-gradient(circle at 50% 50%,var(--green) 0 7%,rgba(70,243,178,.2) 8% 35%,transparent 36%);border:1px solid rgba(70,243,178,.35);box-shadow:0 0 70px rgba(70,243,178,.15)}.audio-orb:before,.audio-orb:after,.pulse-ring{border-color:rgba(70,243,178,.24)}.record-timer{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text);text-shadow:none;font-size:72px}.wave-card{width:100%}.wave-label{font-family:ui-monospace,monospace;text-transform:uppercase;letter-spacing:.18em;color:#8d918c}.waveform{background:#030403;border-color:#272d2b}.level-meter{background:#060706;border-color:var(--line);color:#a3a69f}.level-meter i{background:linear-gradient(90deg,var(--green) var(--level,0%),rgba(255,255,255,.10) var(--level,0%));box-shadow:0 0 16px rgba(70,243,178,.18)}.control-dock{background:#070808;border-color:var(--line);width:100%}.quality-tips{background:#080908;border-color:var(--line)}
@media(max-width:1040px){.app-shell,.studio-grid{display:block}.sidebar{min-height:0;border-right:0;border-bottom:1px solid var(--line)}.main-panel{padding:20px}.sidebar nav{display:flex;overflow:auto}.login-shell{grid-template-columns:1fr}.login-marketing{min-height:auto}.studio-stage{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:720px){h1,.hero h1{font-size:44px}.login-marketing{padding:30px}.record-timer{font-size:42px}.card{padding:20px}.main-panel{padding:16px}.studio-stage{padding:22px;min-height:520px}}

/* UX fixes: solo recordings show one waveform only; pair view uses waveforms only. */
.solo-wave-grid{grid-template-columns:1fr;max-width:880px}
.solo-meter-grid{grid-template-columns:1fr;max-width:880px}
.orb-wrap,.audio-orb,.pulse-ring{display:none!important}


/* === Light orange theme update === */
:root{
  --bg:#fffaf3;--bg2:#fff3e3;--panel:#ffffff;--panel-solid:#ffffff;--panel2:#fff7ed;--glass:#ffffffcc;
  --line:#ead8c5;--line2:#e7c3a3;--text:#1f2933;--muted:#6b7280;--soft:#4b5563;
  --blue:#f97316;--cyan:#fb923c;--indigo:#ea580c;--green:#fb923c;--red:#dc2626;--amber:#f59e0b;
  --shadow:0 24px 70px rgba(194,103,30,.12);--glow:0 0 36px rgba(249,115,22,.18);--radius:0
}
html,body{background:#fffaf3!important;color:var(--text)!important}
body{background:
  radial-gradient(circle at 78% 0%,rgba(251,146,60,.18),transparent 28%),
  radial-gradient(circle at 0% 25%,rgba(255,237,213,.9),transparent 34%),
  linear-gradient(180deg,#fffaf3 0%,#fff7ed 48%,#ffffff 100%)!important}
body:before{background-image:linear-gradient(rgba(249,115,22,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(249,115,22,.045) 1px,transparent 1px);mask-image:linear-gradient(to bottom,rgba(0,0,0,.22),transparent 82%)}
body:after{-webkit-text-stroke:1px rgba(249,115,22,.08)}
a{color:#c2410c}.app-shell{background:rgba(255,255,255,.78);border-color:var(--line)}
.sidebar{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,247,237,.94));border-right:1px solid var(--line)}
.side-foot,.card.soft,.empty,.studio-header,.control-dock,.quality-tips,.side-logo{background:#fff7ed;border-color:var(--line);color:var(--muted)}
.navlink{color:#7c5a3c}.navlink:hover,.navlink.active{color:#ea580c;background:#fff7ed;border-color:transparent}.navlink.active:before{color:#ea580c}
.logo{border-color:#fb923c!important;box-shadow:0 0 22px rgba(249,115,22,.22)}
.eyebrow{color:#b45309}.eyebrow:before{background:#fb923c;box-shadow:0 0 16px rgba(249,115,22,.38)}
h1,.hero h1,h2,h3,label,.room-badges b{color:var(--text)}.muted{color:var(--muted)}.soft-text{color:var(--soft)}
.card,.stat,.action-card,.candidate-picker,.candidate-row,.table,.consent,.quality-tips,.room-stage,.studio-stage,.waveform,.level-meter,.glass-dock,.control-dock,.login-card,.login-marketing,.wave-card{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,250,243,.98));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:none;color:var(--text)
}
.card:after{background:linear-gradient(90deg,transparent,rgba(249,115,22,.35),transparent)}
.project-card:before{background:#fb923c}.project-card:hover{border-color:#fdba74}.section-title,.topbar,header,details{border-color:var(--line)}
.stat:before{display:none}.stat b{color:var(--text)}.stat span,th,.selected-count{color:#9a3412}.pill{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.pill:before,.pill.good:before{background:#fb923c;box-shadow:0 0 10px rgba(249,115,22,.32)}.pill.good,.pill.single,.pill.pair,.pill.warn{background:#fff7ed;border-color:#fdba74;color:#9a3412}
input,select,textarea,.toolbar input,.mini input,.mini select{background:#ffffff;border:1px solid #e7c3a3;color:var(--text)}
input::placeholder,textarea::placeholder{color:#9ca3af}input:focus,select:focus,textarea:focus{border-color:#fb923c;box-shadow:0 0 0 3px rgba(251,146,60,.18),0 0 28px rgba(249,115,22,.08)}
button,.button{background:#fb923c;border-color:#fb923c;color:#ffffff;box-shadow:0 10px 24px rgba(249,115,22,.2)}.secondary,.ghost{background:#ffffff;color:#9a3412;border:1px solid #fdba74;box-shadow:none}.secondary:hover,.ghost:hover{color:#c2410c;border-color:#fb923c;background:#fff7ed}.danger{background:#fee2e2;color:#991b1b;border-color:#fca5a5}
.progress{background:#ffedd5;border-color:#fed7aa}.progress span{background:#fb923c;box-shadow:0 0 18px rgba(249,115,22,.24)}
.table{background:#ffffff}td,th{border-bottom:1px solid var(--line)}th{color:#9a3412}tr:hover td{background:rgba(251,146,60,.07)}audio{filter:none;opacity:1}.kbd{background:#fff7ed;border-color:#fed7aa;color:#9a3412}
.candidate-row:hover{border-color:#fb923c}.candidate-row input{accent-color:#fb923c}.candidate-row:has(input:checked){border-color:#fb923c;background:#fff7ed}.selected-count{color:#ea580c}
.waveform,.mini-wave{background:#fff7ed!important}.level-meter i{background:linear-gradient(90deg,#fb923c var(--level,0%),rgba(249,115,22,.12) var(--level,0%));box-shadow:0 0 16px rgba(249,115,22,.18)}.studio-stage{background:radial-gradient(circle at 50% 10%,rgba(251,146,60,.12),transparent 34%),linear-gradient(180deg,#fffaf3,#ffffff)}
.candidate-dropdown,.recording-dropdown{border:1px solid var(--line);background:#ffffff;margin:10px 0;padding:0;overflow:hidden}.candidate-dropdown summary,.recording-dropdown summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;font-weight:900;color:var(--text);background:#fff7ed}.candidate-dropdown summary::-webkit-details-marker,.recording-dropdown summary::-webkit-details-marker{display:none}.candidate-dropdown summary:after,.recording-dropdown summary:after{content:'▾';color:#ea580c}.candidate-dropdown[open] summary:after,.recording-dropdown[open] summary:after{content:'▴'}.candidate-dropdown .toolbar,.candidate-dropdown .candidate-picker{margin:12px}.candidate-dropdown .candidate-picker{max-height:260px}.recording-list{display:grid;gap:10px}.recording-detail{padding:14px 16px;border-top:1px solid var(--line)}.recording-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:12px}.recording-meta div{background:#fffaf3;border:1px solid var(--line);padding:10px}.candidate-directory{margin-top:12px}.candidate-directory select{min-height:48px}.candidate-detail{margin-top:12px;padding:14px;border:1px solid var(--line);background:#fffaf3}.candidate-detail div{margin:4px 0}
@media(max-width:1040px){.sidebar{border-right:0;border-bottom:1px solid var(--line)}}

/* Final light-mode cleanup: remove leftover dark check/tick boxes and dark surfaces. */
.feature-list span,
.login-marketing .feature-list span{
  background:#ffffff!important;
  border:1px solid #fdba74!important;
  color:#ea580c!important;
  box-shadow:0 8px 18px rgba(249,115,22,.10)!important;
}
.login-marketing,
.login-card,
.sidebar,
.card,
.stat,
.action-card,
.candidate-picker,
.candidate-row,
.table,
.consent,
.empty,
.notice,
.side-foot,
.side-logo,
.recording-detail,
.candidate-detail,
.room-stage,
.studio-stage,
.studio-header,
.control-dock,
.quality-tips,
.waveform,
.level-meter,
.glass-dock{
  background-color:#ffffff!important;
  color:var(--text)!important;
}
.login-marketing{background:linear-gradient(140deg,#ffffff,#fff7ed)!important}
input[type="checkbox"],input[type="radio"]{accent-color:#fb923c!important;background:#ffffff!important;color:#1f2933!important}
.candidate-row input[type="checkbox"],.consent input[type="checkbox"]{background:#ffffff!important;border-color:#fdba74!important}
.kbd,.tab,.side-foot,.empty{background:#fff7ed!important;color:var(--muted)!important;border-color:var(--line)!important}
.tab.active{background:#fb923c!important;color:#ffffff!important;border-color:#fb923c!important}

/* Light-mode and recording-flow final fixes. */
.feature-list span,
.login-marketing .feature-list span,
input[type="checkbox"],
input[type="radio"]{
  color-scheme:light!important;
  background:#ffffff!important;
  border-color:#fdba74!important;
}
input[type="checkbox"]{
  appearance:auto!important;
  -webkit-appearance:auto!important;
}
.quick-actions button{margin:2px 0}.quick-actions form{display:inline-flex}.recording-preview{margin:14px auto 0;max-width:680px;text-align:left;border:1px solid var(--line);background:#ffffff;border-radius:20px;padding:14px;box-shadow:var(--shadow)}.recording-preview audio{width:100%;margin-top:10px}.control-dock #submitRecording:not(:disabled){background:#fb923c;color:#fff;border-color:#fb923c}.control-dock #redoRecording:not(:disabled){background:#ffffff;color:#9a3412;border-color:#fdba74}
.task-target-choice{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.choice-card{display:flex;align-items:center;gap:10px;background:#fffaf3;border:1px solid var(--line);border-radius:16px;padding:12px;font-weight:800;color:var(--text)}.choice-card:has(input:checked){border-color:#fb923c;background:#fff7ed}.specific-task-candidates{display:none}.specific-task-candidates.active{display:block}

/* Compact dashboard layout */
.main-panel{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;align-items:start}
.main-panel>header,.main-panel>.topbar,.main-panel>.notice,.main-panel>.grid.three{grid-column:1/-1}
.main-panel>.card{grid-column:span 6;margin:0;padding:18px;border-radius:18px}
.main-panel>.card h2{font-size:20px;margin:0 0 6px}.main-panel>.card h3{font-size:17px}.section-title{margin-bottom:12px;padding-bottom:10px}
.project-grid,.grid{gap:12px}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.project-grid>.card{margin:0;padding:14px;border-radius:16px}
.stat{padding:14px;border-radius:16px}.stat b{font-size:26px}.stat span{font-size:12px}
.recording-list{display:grid;gap:8px}.recording-dropdown summary{padding:10px 12px}.recording-detail{padding:12px}.candidate-detail{padding:10px;margin-top:8px}
.table.compact-table table{min-width:620px}.table.compact-table th,.table.compact-table td{padding:10px}
input,select,textarea{padding:10px 12px;margin-top:5px}textarea{min-height:82px}button,.button{padding:10px 14px}.toolbar{margin:6px 0}.quick-actions{gap:8px}
.candidate-picker{max-height:220px;border-radius:14px;padding:8px}.candidate-row{padding:9px;border-radius:12px}.candidate-tools{margin:6px 0}.live-candidate-search{display:grid;gap:6px}.live-candidate-results .empty{padding:14px}
@media(max-width:1100px){.main-panel>.card{grid-column:1/-1}}

/* Focused dashboard layout update */
.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-top:18px}
.feature-card{display:flex;flex-direction:column;gap:8px;min-height:125px;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--card);box-shadow:var(--shadow);text-decoration:none;color:inherit;transition:.15s ease}
.feature-card:hover{transform:translateY(-2px);border-color:rgba(42,106,255,.35)}
.feature-card span{font-weight:800;font-size:.98rem}.feature-card b{font-size:2.1rem;line-height:1}.feature-card small{color:var(--muted);line-height:1.35}.feature-card.as-card{min-height:auto}.feature-card.as-card:hover{transform:none}
.main-panel.focused{max-width:1050px;margin:0 auto;width:100%}.card.slim{max-width:980px;margin-inline:auto}.backlink{display:inline-block;margin-bottom:8px;color:var(--muted);font-weight:700;text-decoration:none}.backlink:hover{color:var(--text)}
.recording-list{display:grid;gap:10px}.recording-dropdown{border:1px solid var(--border);border-radius:14px;background:#fff;overflow:hidden}.recording-dropdown summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;font-weight:750}.recording-detail{padding:14px;border-top:1px solid var(--border);background:#fbfcff}.recording-detail p{margin:6px 0}.toolbar{display:flex;gap:10px;align-items:center;margin:12px 0}.toolbar input,.toolbar select{margin:0}.mini{display:grid;grid-template-columns:160px 1fr auto;gap:8px;margin-top:10px}.side-foot{font-size:.85rem;color:var(--muted);line-height:1.4}.quick-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}hr{border:0;border-top:1px solid var(--border);margin:22px 0}
@media(max-width:760px){.dashboard-cards{grid-template-columns:1fr}.mini{grid-template-columns:1fr}.recording-dropdown summary{align-items:flex-start;flex-direction:column}.main-panel.focused{max-width:none}.card.slim{max-width:none}}

/* Polished dashboard previews and reliable focused-page navigation */
.main-panel > .dashboard-cards,
.main-panel > .preview-grid{
  grid-column:1/-1!important;
  width:100%;
}
.dashboard-home{
  align-content:start;
}
.preview-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(270px,1fr));
  gap:18px;
  margin-top:8px;
}
.feature-card.preview-card{
  min-height:230px;
  padding:20px;
  border-radius:24px;
  background:linear-gradient(180deg,#ffffff 0%,#fffaf3 100%)!important;
  border:1px solid #fed7aa!important;
  box-shadow:0 18px 45px rgba(154,52,18,.10)!important;
  position:relative;
  overflow:hidden;
}
.feature-card.preview-card:before{
  content:'';
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg,#fb923c,#fdba74,#ffedd5);
}
.feature-card.preview-card:hover{
  transform:translateY(-3px);
  border-color:#fb923c!important;
  box-shadow:0 22px 55px rgba(154,52,18,.14)!important;
}
.card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.card-top span{
  font-size:1.05rem!important;
  color:#1f2933;
}
.card-top b{
  min-width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:#fff7ed;
  border:1px solid #fed7aa;
  color:#ea580c;
  font-size:1.55rem!important;
  line-height:1!important;
}
.preview-card small{
  display:block;
  margin-top:2px;
  color:#7c4a25!important;
}
.preview-list{
  display:grid;
  gap:8px;
  margin:16px 0 12px;
}
.preview-list p{
  margin:0;
  padding:10px 12px;
  border-radius:14px;
  background:#ffffff;
  border:1px solid #ffedd5;
  display:grid;
  gap:3px;
}
.preview-list strong{
  font-size:.92rem;
  color:#1f2933;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.preview-list em{
  font-style:normal;
  font-size:.78rem;
  color:#9a3412;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.empty-preview{
  color:#8b6f5c!important;
  background:#fff7ed!important;
}
.open-link{
  margin-top:auto;
  font-weight:900;
  color:#ea580c;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.main-panel.focused > header,
.main-panel > header.topbar,
.main-panel > header{
  grid-column:1/-1!important;
  width:100%;
  border-radius:24px;
  padding:18px 20px;
  background:linear-gradient(135deg,#ffffff,#fff7ed)!important;
  border:1px solid #fed7aa;
  box-shadow:0 16px 38px rgba(154,52,18,.08);
}
.main-panel.focused > .card.slim{
  grid-column:1/-1!important;
  width:100%;
  max-width:1120px;
  border-radius:24px;
  padding:22px;
}
.backlink{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  width:max-content;
  margin-bottom:12px!important;
  padding:9px 13px;
  border-radius:999px;
  background:#ffffff;
  border:1px solid #fed7aa;
  color:#9a3412!important;
  font-weight:900!important;
  box-shadow:0 8px 18px rgba(154,52,18,.08);
}
.backlink:hover{
  background:#fff7ed;
  border-color:#fb923c;
  color:#ea580c!important;
  transform:translateX(-1px);
}
.focused .hero-title p{
  max-width:720px;
}
.recording-dropdown{
  border-radius:18px!important;
  box-shadow:0 8px 24px rgba(154,52,18,.06);
}
.recording-dropdown summary{
  min-height:54px;
}
.recording-detail{
  background:#fffaf3!important;
}
@media(max-width:820px){
  .preview-grid{grid-template-columns:1fr!important;}
  .feature-card.preview-card{min-height:auto;}
  .main-panel.focused > header,.main-panel > header{align-items:flex-start;}
}

/* Public RemoteGhar website pages */
.public-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px clamp(18px,4vw,56px);background:rgba(255,255,255,.88)!important;backdrop-filter:blur(18px);border-bottom:1px solid #fed7aa;color:#1f2933}.public-nav a{color:#7c2d12;font-weight:850;margin-left:16px}.public-nav a:hover{color:#ea580c;text-decoration:none}.public-brand{display:inline-flex;align-items:center;gap:10px;margin-left:0!important;color:#1f2933!important}.small-btn{padding:9px 13px;font-size:12px;letter-spacing:.08em}.auth-nav{position:relative}.public-shell{width:min(1180px,92vw);margin:0 auto;padding:56px 0 74px}.public-shell.narrow{width:min(920px,92vw)}.public-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:28px;align-items:center;min-height:calc(100vh - 220px)}.public-hero h1,.page-card h1,.section-block h1{font-size:clamp(44px,7vw,88px);line-height:.88;letter-spacing:-.075em;margin:10px 0 18px}.public-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.badge-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.public-hero-card{padding:30px!important;border-radius:28px!important}.section-block{padding:42px 0}.public-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:20px}.page-card{padding:34px!important;border-radius:28px!important}.public-footer{border-top:1px solid #fed7aa;background:#fff7ed;color:#7c4a25;text-align:center;padding:28px 18px}.public-footer a{color:#c2410c}.public-nav + .login-shell{padding-top:28px}.login-shell{margin-top:0}.button.secondary{background:#fff!important;color:#9a3412!important;border:1px solid #fdba74!important}.feature-list{display:grid;gap:13px;margin-top:24px}.feature-list div{display:flex;gap:10px;align-items:center;color:#4b5563}.feature-list span{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:#fff7ed!important;border:1px solid #fdba74!important;color:#ea580c!important;font-weight:950}.public-nav .logo{width:14px!important;height:14px!important;border-radius:99px!important}@media(max-width:860px){.public-nav{align-items:flex-start;flex-direction:column}.public-nav div{display:flex;gap:12px;flex-wrap:wrap}.public-nav a{margin-left:0}.public-hero{grid-template-columns:1fr;min-height:auto}.public-shell{padding-top:34px}.public-hero h1,.page-card h1,.section-block h1{font-size:44px}}

/* Production public-site polish */
.public-shell{max-width:1180px;margin:0 auto;padding:46px 22px 80px}.public-shell.narrow{max-width:960px}.public-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 22px;background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border-bottom:1px solid #fed7aa}.public-brand{display:flex;align-items:center;gap:10px;color:#1f2937;font-weight:950;text-decoration:none}.public-nav div{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.public-nav a{color:#7c2d12;font-weight:850}.public-nav .button{color:#fff}.small-btn{padding:9px 13px}.public-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:28px;align-items:center;min-height:540px}.public-hero h1,.page-card h1{font-size:clamp(38px,6vw,72px);letter-spacing:-.055em;line-height:.94}.public-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.public-hero-card{padding:28px}.section-block{margin:30px 0 58px}.section-block h2,.page-card h2{font-size:clamp(28px,4vw,46px);letter-spacing:-.045em;line-height:1}.public-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:18px}.page-card{padding:34px}.public-footer{text-align:center;color:#7c4a25;border-top:1px solid #fed7aa;background:#fffaf3;padding:26px 18px}.public-footer a{color:#9a3412;font-weight:800}.checkline{display:flex;gap:10px;align-items:flex-start;font-weight:700;color:#7c4a25}.checkline input{width:auto;margin-top:3px;accent-color:#fb923c}.login-shell{padding-top:28px}@media(max-width:860px){.public-hero{grid-template-columns:1fr;min-height:auto}.public-nav{position:relative;align-items:flex-start;flex-direction:column}.public-nav div{gap:10px}.public-shell{padding-top:28px}.login-shell{grid-template-columns:1fr}}

/* RemoteGhar production fixes */
.checkline{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  line-height:1.45!important;
  padding:12px 14px!important;
  border:1px solid #fed7aa!important;
  border-radius:14px!important;
  background:#fffaf3!important;
  color:#7c4a25!important;
}
.checkline input{
  flex:0 0 auto!important;
  width:16px!important;
  height:16px!important;
  margin:2px 0 0!important;
}
.checkline span{display:block!important;min-width:0!important;}
.checkline a{white-space:normal!important;}
.feature-card:hover{border-color:#fb923c!important;}

/* Public main page refresh: square dashboard-style cards without touching logged-in pages */
.home-page{max-width:1180px!important;padding-top:48px!important;}
.home-page .home-hero{grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:30px;min-height:520px;align-items:center;}
.home-page .home-copy{max-width:760px;}
.home-page .home-copy h1{font-size:clamp(40px,6vw,74px);line-height:.94;letter-spacing:-.06em;margin:12px 0 18px;color:#1f2933;}
.home-page .home-copy .soft-text{max-width:690px;font-size:1.08rem;line-height:1.65;color:#5f6b7a;}
.home-panel{position:relative;background:linear-gradient(180deg,#ffffff 0%,#fffaf3 100%)!important;border:1px solid #fed7aa!important;border-radius:24px!important;padding:28px;box-shadow:0 22px 55px rgba(154,52,18,.12)!important;overflow:hidden;}
.home-panel:before{content:'';position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#fb923c,#fdba74,#ffedd5);}
.home-panel h2{font-size:clamp(28px,4vw,42px);line-height:1;letter-spacing:-.045em;color:#1f2933;margin:12px 0 18px;}
.home-steps{display:grid;gap:12px;}
.home-steps div{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;padding:13px;border:1px solid #ffedd5;background:#ffffff;border-radius:16px;}
.home-steps b{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;color:#ea580c;font-size:.9rem;}
.home-steps span{font-weight:850;color:#374151;line-height:1.35;}
.home-section{margin:34px 0 62px!important;padding:0!important;}
.home-section .section-title{border:0;margin-bottom:18px;padding-bottom:0;}
.home-section h2{color:#1f2933;}
.home-box-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px!important;margin-top:18px;}
.home-page .home-box{min-height:245px;border-radius:24px!important;margin:0!important;text-decoration:none;}
.home-page .home-box .card-top span{font-size:1.05rem!important;line-height:1.25;}
.home-page .home-box .preview-list p{border-radius:14px;}
.home-page .home-box .open-link a{color:#ea580c;font-weight:900;text-decoration:none;}
.home-page .home-box .open-link a:hover{text-decoration:underline;}
.home-page .project-card small{min-height:38px;}
.home-page .project-card .preview-list em{white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.home-page .public-actions .button,.home-page .public-actions button{border-radius:14px!important;}
.home-page .badge-row .pill{border-radius:12px!important;}
@media(max-width:860px){.home-page{padding-top:30px!important;}.home-page .home-hero{grid-template-columns:1fr;min-height:auto;}.home-page .home-copy h1{font-size:42px;}.home-panel{padding:22px;}.home-box-grid{grid-template-columns:1fr!important;}}

/* Main page only: match /login theme with professional square boxes */
.home-page{
  --home-border:#fed7aa;
  --home-border-soft:#ffedd5;
  --home-ink:#1f2933;
  --home-muted:#5f6b7a;
  --home-accent:#ea580c;
  --home-soft:#fff7ed;
  max-width:1220px!important;
  padding-top:34px!important;
  padding-bottom:86px!important;
}
.home-page .home-hero{
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr)!important;
  gap:26px!important;
  min-height:620px!important;
  align-items:stretch!important;
}
.home-page .home-copy,
.home-page .home-panel,
.home-page .home-box,
.home-page .empty{
  border-radius:10px!important;
}
.home-page .home-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:52px!important;
  min-height:620px;
  background:linear-gradient(140deg,#ffffff,#fff7ed)!important;
  border:1px solid var(--home-border)!important;
  box-shadow:0 18px 45px rgba(154,52,18,.08)!important;
}
.home-page .home-copy h1{
  font-size:clamp(52px,7vw,96px)!important;
  line-height:.84!important;
  letter-spacing:-.075em!important;
  color:var(--home-ink)!important;
  margin:12px 0 20px!important;
}
.home-page .home-copy .soft-text{
  max-width:720px!important;
  color:var(--home-muted)!important;
  font-size:1.02rem!important;
  line-height:1.65!important;
}
.home-page .eyebrow{color:#c2410c!important;}
.home-page .eyebrow:before{background:#fb923c!important;box-shadow:0 0 16px rgba(249,115,22,.24)!important;}
.home-page .public-actions .button,
.home-page .public-actions button{
  border-radius:8px!important;
  box-shadow:0 12px 28px rgba(249,115,22,.18)!important;
}
.home-page .badge-row .pill{
  border-radius:6px!important;
  background:#ffffff!important;
  border-color:var(--home-border)!important;
  color:#9a3412!important;
}
.home-page .home-panel{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:620px;
  padding:44px!important;
  background:linear-gradient(140deg,#ffffff,#fff7ed)!important;
  border:1px solid var(--home-border)!important;
  box-shadow:0 18px 45px rgba(154,52,18,.08)!important;
}
.home-panel:before{height:4px!important;background:#fb923c!important;}
.home-panel h2{
  font-size:clamp(38px,5vw,64px)!important;
  line-height:.9!important;
  letter-spacing:-.06em!important;
  color:var(--home-ink)!important;
  margin:14px 0 22px!important;
}
.home-steps{gap:12px!important;}
.home-steps div{
  grid-template-columns:52px 1fr!important;
  border-radius:8px!important;
  padding:14px!important;
  background:#ffffff!important;
  border:1px solid var(--home-border-soft)!important;
}
.home-steps b{
  width:44px!important;
  height:44px!important;
  border-radius:6px!important;
  background:#fff7ed!important;
  border:1px solid var(--home-border)!important;
  color:var(--home-accent)!important;
}
.home-steps span{color:#374151!important;font-weight:850!important;}
.home-page .section-block{
  margin:38px 0 66px!important;
  padding:0!important;
}
.home-page .section-title,
.home-page .row{
  padding:22px 24px!important;
  background:#ffffff!important;
  border:1px solid var(--home-border)!important;
  border-radius:10px!important;
  box-shadow:0 12px 32px rgba(154,52,18,.06)!important;
}
.home-page .section-title{margin-bottom:18px!important;}
.home-page .section-title h2,
.home-page .row h2{
  color:var(--home-ink)!important;
  font-size:clamp(30px,4vw,48px)!important;
  line-height:.96!important;
  letter-spacing:-.045em!important;
  margin:8px 0 0!important;
}
.home-box-grid{
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;
  gap:16px!important;
}
.home-page .home-box{
  min-height:260px!important;
  padding:22px!important;
  background:#ffffff!important;
  border:1px solid var(--home-border)!important;
  box-shadow:0 12px 34px rgba(154,52,18,.07)!important;
  color:var(--home-ink)!important;
}
.home-page .home-box:before{background:#fb923c!important;width:4px!important;}
.home-page .home-box:after{display:none!important;}
.home-page .home-box:hover{
  transform:translateY(-2px)!important;
  border-color:#fb923c!important;
  box-shadow:0 18px 42px rgba(154,52,18,.11)!important;
}
.home-page .home-box .card-top span{color:var(--home-ink)!important;font-size:1.06rem!important;}
.home-page .home-box .card-top b{color:#ea580c!important;}
.home-page .home-box small{color:var(--home-muted)!important;line-height:1.5!important;}
.home-page .home-box .preview-list p{
  border-radius:6px!important;
  background:#fffaf3!important;
  border-color:var(--home-border-soft)!important;
}
.home-page .home-box .preview-list strong{color:var(--home-ink)!important;}
.home-page .home-box .preview-list em{color:#7c4a25!important;}
.home-page .empty{
  background:#ffffff!important;
  border:1px dashed var(--home-border)!important;
  color:var(--home-muted)!important;
}
@media(max-width:860px){
  .home-page{padding-top:24px!important;}
  .home-page .home-hero{grid-template-columns:1fr!important;min-height:auto!important;}
  .home-page .home-copy,.home-page .home-panel{min-height:auto!important;padding:28px!important;}
  .home-page .home-copy h1{font-size:48px!important;}
  .home-panel h2{font-size:38px!important;}
  .home-page .section-title,.home-page .row{padding:18px!important;}
  .home-box-grid{grid-template-columns:1fr!important;}
}


/* Public pages only: pointed /login style for pages before authentication */
.public-page,
.public-page .card,
.public-page .page-card,
.public-page .home-copy,
.public-page .home-panel,
.public-page .home-box,
.public-page .feature-card,
.public-page .preview-card,
.public-page .project-card,
.public-page .public-info-box,
.public-page .empty,
.public-page .notice,
.public-page input,
.public-page textarea,
.public-page select,
.public-page button,
.public-page .button,
.public-page .pill,
.public-page .feature-list span,
.public-page .home-steps div,
.public-page .home-steps b,
.public-page .preview-list p,
.public-page .card-top b{
  border-radius:0!important;
}
.public-page .page-card,
.public-page .home-copy,
.public-page .home-panel,
.public-page .home-box,
.public-page .project-card,
.public-page .public-info-box{
  background:linear-gradient(140deg,#ffffff,#fff7ed)!important;
  border:1px solid #ead8c5!important;
  box-shadow:0 24px 70px rgba(194,103,30,.12)!important;
}
.public-page .page-card{
  padding:52px!important;
}
.public-page .public-info-box{
  padding:22px;
}
.public-page .public-grid{
  align-items:stretch;
}
.public-page .public-info-box h3{
  color:#1f2933!important;
}
.public-page .feature-list div{
  color:#4b5563!important;
}
.public-page .feature-list span,
.public-page .home-steps b,
.public-page .card-top b{
  background:#ffffff!important;
  border:1px solid #fdba74!important;
  color:#ea580c!important;
}
.public-page .home-panel:before{
  height:4px!important;
  background:#fb923c!important;
}
.public-page .project-card:before{
  width:4px!important;
  background:#fb923c!important;
}
.public-page .button,
.public-page button{
  background:#fb923c!important;
  color:#ffffff!important;
  border:1px solid #fb923c!important;
}
.public-page .button.secondary{
  background:#ffffff!important;
  color:#9a3412!important;
  border:1px solid #fdba74!important;
}
.public-page label{
  color:#1f2933!important;
}
.public-page input,
.public-page textarea,
.public-page select{
  background:#ffffff!important;
  border:1px solid #e7c3a3!important;
  color:#1f2933!important;
}
.public-page .policy-grid{
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}
@media(max-width:860px){
  .public-page .page-card{padding:30px!important;}
}

/* Candidate first project listing and payment details */
.candidate-first-page .first-projects{margin-top:0!important;}
.candidate-first-page .candidate-title{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:22px!important;}
.candidate-first-page .candidate-title h1{font-size:clamp(42px,6vw,82px)!important;line-height:.9!important;letter-spacing:-.065em!important;margin:8px 0 14px!important;}
.candidate-first-page .candidate-title .soft-text{max-width:720px!important;line-height:1.65!important;color:#5f6b7a!important;}
.paid-project-grid{align-items:stretch!important;}
.paid-project-card{position:relative;overflow:hidden;}
.paid-project-card .card-top{gap:14px!important;align-items:flex-start!important;}
.paid-project-card .card-top b{max-width:220px;text-align:right;font-size:.95rem!important;line-height:1.25!important;color:#9a3412!important;background:#fff7ed!important;border:1px solid #fed7aa!important;padding:8px 10px!important;}
.paid-project-card h3{font-size:1.45rem;line-height:1.15;letter-spacing:-.025em;margin:18px 0 10px;color:#1f2933;}
.paid-project-card .preview-list{margin-top:16px;}
.paid-project-card .preview-list p{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;}
.paid-project-card .preview-list em{text-align:right;max-width:58%;}
.projects-public-page .public-project-grid{margin-top:22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;}
.payment-details-card{margin-top:22px;}
.payment-summary{margin:12px 0;padding:12px 14px;background:#fffaf3;border:1px solid #fed7aa;border-radius:10px;display:grid;gap:4px;}
.payment-summary b{color:#1f2933;}
.payment-summary small{color:#7c4a25;line-height:1.45;word-break:break-word;}
@media(max-width:860px){.candidate-first-page .candidate-title{align-items:flex-start!important;flex-direction:column!important}.paid-project-card .card-top{display:grid!important}.paid-project-card .card-top b{text-align:left;max-width:none}.paid-project-card .preview-list p{display:grid}.paid-project-card .preview-list em{text-align:left;max-width:none}}


/* Cleaner public project formatting with deadline support */
.public-page .project-meta-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0 14px;
}
.public-page .project-meta-row span{
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  background:#fffaf3;
  border:1px solid #fed7aa;
  color:#7c4a25;
  font-size:.82rem;
  font-weight:850;
}
.public-page .project-brief{
  margin:14px 0;
  padding:14px;
  background:#ffffff;
  border:1px solid #ffedd5;
}
.public-page .project-brief p{
  margin:0;
  color:#4b5563;
  line-height:1.65;
  white-space:pre-line;
  overflow-wrap:anywhere;
}
.public-page .project-detail-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px;
  margin-top:14px;
}
.public-page .project-detail-grid div{
  padding:12px;
  background:#fffaf3;
  border:1px solid #fed7aa;
  min-width:0;
}
.public-page .project-detail-grid strong{
  display:block;
  margin-bottom:6px;
  color:#1f2933;
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.public-page .project-detail-grid span{
  display:block;
  color:#7c4a25;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.paid-project-card .preview-list em{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

/* Public project previews and cleaner candidate payment details */
.public-preview-grid .public-project-preview{
  display:flex;
  flex-direction:column;
  min-height:100%;
}
.public-project-preview .preview-label{
  width:max-content;
  padding:6px 9px;
  margin-bottom:12px;
  background:#fffaf3;
  border:1px solid #fed7aa;
  color:#9a3412;
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.public-project-preview .preview-brief{
  position:relative;
  min-height:92px;
}
.public-project-preview .preview-brief:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:34px;
  background:linear-gradient(180deg,rgba(255,255,255,0),#fff);
  pointer-events:none;
}
.public-project-preview .preview-locked-row{
  margin-top:auto;
  padding:12px;
  background:#fff7ed;
  border:1px solid #fed7aa;
  color:#7c4a25;
  line-height:1.45;
  font-size:.9rem;
  font-weight:750;
}
.public-project-preview .project-detail-grid{display:none!important;}
.public-project-preview .project-meta-row span{white-space:normal;}

.polished-payment-card{
  overflow:hidden;
  border-color:rgba(74,163,255,.18)!important;
}
.polished-payment-card .payment-head{
  align-items:flex-start;
}
.payment-status-pill{
  text-transform:capitalize;
  white-space:nowrap;
}
.payment-helper-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:10px;
  margin:14px 0 18px;
}
.payment-helper-grid div{
  padding:13px;
  border:1px solid rgba(74,163,255,.14);
  background:rgba(74,163,255,.055);
}
.payment-helper-grid b{
  display:block;
  margin-bottom:5px;
  color:var(--text);
}
.payment-helper-grid span{
  display:block;
  color:var(--muted);
  line-height:1.45;
  font-size:.9rem;
}
.payment-form{
  display:grid;
  gap:14px;
}
.payment-method-picker{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.payment-method-picker button{
  padding:10px 13px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  color:var(--text);
  box-shadow:none;
}
.payment-method-picker button.active,
.payment-method-picker button:hover{
  border-color:rgba(74,163,255,.45);
  background:rgba(74,163,255,.14);
}
.payment-grid label,
.payment-form label{
  display:grid;
  gap:8px;
}
.payment-action-row{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:4px;
}
.payment-action-row small{
  color:var(--muted);
  line-height:1.4;
  max-width:520px;
}
@media(max-width:720px){
  .payment-action-row{display:grid;}
  .payment-status-pill{white-space:normal;}
}

/* Better main page project showcase */
.projects-showcase{padding-top:10px!important;}
.project-showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;margin-top:28px;align-items:stretch;}
.showcase-project-card{padding:24px!important;display:flex!important;flex-direction:column!important;gap:18px!important;min-height:360px;border:1px solid #f2d2b5!important;background:linear-gradient(180deg,#fff,#fffaf3)!important;box-shadow:0 18px 45px rgba(124,74,37,.08)!important;}
.showcase-card-head{display:grid;grid-template-columns:1fr;gap:14px;align-items:start;}
.showcase-card-head h2{font-size:1.55rem;line-height:1.1;letter-spacing:-.035em;margin:0;color:#1f2933;}
.showcase-card-head strong{display:inline-flex;width:max-content;max-width:100%;padding:10px 12px;background:#fff7ed;border:1px solid #fdba74;color:#9a3412;font-size:.95rem;line-height:1.3;overflow-wrap:anywhere;}
.showcase-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.showcase-stats span{display:grid;gap:5px;padding:12px;background:#fff;border:1px solid #ffedd5;color:#7c4a25;line-height:1.3;min-width:0;overflow-wrap:anywhere;}
.showcase-stats b{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#9a3412;}
.showcase-project-card .project-brief{margin:0!important;min-height:96px!important;}
.showcase-footer{margin-top:auto;display:grid;gap:12px;padding-top:16px;border-top:1px solid #ffedd5;color:#7c4a25;line-height:1.45;font-weight:750;}
.showcase-footer a{display:inline-flex;width:max-content;text-decoration:none;padding:11px 14px;background:#1f2933;color:#fff;font-weight:850;}
@media(max-width:720px){.project-showcase-grid{grid-template-columns:1fr}.showcase-stats{grid-template-columns:1fr}.showcase-project-card{min-height:auto}}

/* Project scoped messaging */
.project-message-card textarea{min-height:130px;}
.project-message-list{display:grid;gap:12px;}
.message-bubble{padding:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);display:grid;gap:8px;}
.message-bubble.mine{border-color:rgba(74,163,255,.25);background:rgba(74,163,255,.08);}
.message-bubble.theirs{border-color:rgba(34,197,94,.22);background:rgba(34,197,94,.07);}
.message-bubble div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.message-bubble span{color:var(--muted);font-size:.9rem;}
.message-bubble p{white-space:pre-wrap;margin:0;color:var(--text);line-height:1.55;}
.project-thread textarea{min-height:100px;}

/* Standalone candidate payment details */
.standalone-payment-page{
  max-width:860px;
}
.standalone-payment-page .payment-form{
  margin-top:16px;
}
.standalone-payment-page input,
.standalone-payment-page textarea,
.standalone-payment-page select{
  min-height:46px;
}
.standalone-payment-page textarea{
  min-height:110px;
}

/* Compact project message inbox */
.compact-message-list{gap:8px;}
.compact-message-row summary{padding:12px 14px;}
.compact-message-row summary span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
.compact-message-detail{padding:12px 14px;}
.compact-message-detail p{margin:6px 0;}
.compact-message-row.mine summary{border-left:4px solid rgba(74,163,255,.65);}
.compact-message-row.theirs summary{border-left:4px solid rgba(34,197,94,.65);}
.project-message-list .message-bubble{display:none;}

/* Smart payment details form */
.smart-payment-form label span{font-weight:800;color:var(--text);}
.smart-payment-form [data-field="routing"]{transition:opacity .18s ease;}
.smart-payment-form .payment-method-picker{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));}
.smart-payment-form .payment-method-picker button{min-height:44px;}
.smart-payment-form .payment-action-row{justify-content:flex-start;}
@media(max-width:680px){
  .compact-message-row summary{grid-template-columns:1fr;align-items:start;}
  .compact-message-row summary span:first-child{white-space:normal;}
}

/* Admin approval + public card formatting fixes */
.approval-box{margin:12px 0;padding:12px;border:1px dashed var(--border);border-radius:14px;background:rgba(255,247,237,.55)}
.public-page .project-meta-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;align-items:stretch}
.public-page .project-meta-row span,
.showcase-stats span{white-space:normal;word-break:normal;overflow-wrap:break-word;hyphens:auto;min-width:0}
.showcase-stats{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}
.showcase-stats b{white-space:nowrap}
.public-project-preview h2,
.public-project-preview h3,
.public-project-preview .card-top span{word-break:normal;overflow-wrap:break-word}
@media(max-width:540px){
  .public-page .project-meta-row,.showcase-stats{grid-template-columns:1fr!important}
}

/* Keep project detail chips readable on small cards */
.showcase-stats,
.project-meta-row{
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
}
.showcase-stats span,
.project-meta-row span,
.card-top span{
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  min-width:0;
}
@media (max-width:640px){
  .showcase-stats,
  .project-meta-row{
    grid-template-columns:1fr!important;
  }
}

/* Admin dashboard approval layout + candidate experience polish */
.admin-overview-grid{display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(420px,1.8fr);gap:18px;align-items:start;margin-top:18px}
.approval-queue-card{margin:0;height:100%}
.approval-grid{grid-template-columns:1fr!important;gap:12px;margin-top:0}.approval-grid .preview-card{min-height:132px}
.admin-workflow-grid{margin-top:0!important}.approval-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.approval-summary-strip a{padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--card);color:inherit;text-decoration:none}.approval-summary-strip b{display:block;font-size:1.7rem}.approval-summary-strip span{color:var(--muted);font-size:.82rem}.experience-review-box,.experience-view{border:1px solid var(--border);border-radius:16px;padding:14px;margin:14px 0;background:rgba(255,255,255,.04)}.experience-review-box>b{display:inline-block;margin-right:8px}.experience-review-box p,.experience-view p{line-height:1.55}.experience-card textarea{min-height:260px}.recording-detail .experience-review-box .quick-actions{margin-top:8px}.admin-overview-grid .section-title{align-items:flex-start;gap:12px}.admin-overview-grid .section-title .button{white-space:normal}
@media(max-width:1100px){.admin-overview-grid{grid-template-columns:1fr}.approval-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}.approval-queue-card{height:auto}}

/* Admin dashboard final layout fix: stop cards from being squeezed into one row */
.main-panel.dashboard-home{
  display:block!important;
  width:100%!important;
  max-width:none!important;
}
.dashboard-home .topbar{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  gap:16px!important;
  width:100%!important;
}
.admin-overview-grid{
  display:block!important;
  width:100%!important;
  margin-top:18px!important;
}
.admin-overview-grid > .approval-queue-card{
  width:100%!important;
  height:auto!important;
  margin:0 0 22px 0!important;
}
.admin-overview-grid .section-title{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  flex-wrap:wrap!important;
  gap:14px!important;
}
.admin-overview-grid .section-title > div{
  min-width:260px!important;
  flex:1 1 420px!important;
}
.approval-summary-strip{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(180px,1fr))!important;
  gap:12px!important;
  margin:14px 0!important;
}
.approval-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(220px,1fr))!important;
  gap:14px!important;
  margin-top:14px!important;
}
.admin-workflow-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(255px,1fr))!important;
  gap:18px!important;
  width:100%!important;
  margin-top:0!important;
  align-items:stretch!important;
}
.dashboard-home .feature-card.preview-card{
  width:100%!important;
  min-width:0!important;
  min-height:230px!important;
}
.dashboard-home .card-top span,
.dashboard-home .preview-list strong,
.dashboard-home .preview-list em{
  min-width:0!important;
  max-width:100%!important;
}
@media(max-width:980px){
  .approval-grid,
  .approval-summary-strip{
    grid-template-columns:1fr!important;
  }
  .admin-workflow-grid{
    grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;
  }
}
@media(max-width:620px){
  .app-shell{grid-template-columns:1fr!important;}
  .sidebar{position:relative!important;top:auto!important;min-height:auto!important;}
  .admin-workflow-grid{grid-template-columns:1fr!important;}
  .dashboard-home .topbar form{width:100%!important;}
  .dashboard-home .topbar button{width:100%!important;}
}

/* Role dashboard redesign */
.role-dashboard{padding:28px!important;display:flex;flex-direction:column;gap:22px;max-width:1180px;margin:0 auto;width:100%;box-sizing:border-box}.clean-title{align-items:center!important;margin-bottom:0!important}.clean-title .hero-title{display:block}.clean-title h1{margin:0!important}.clean-title .eyebrow,.clean-title p{display:none!important}.role-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.role-stat{display:block;text-decoration:none;background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 12px 35px rgba(15,23,42,.06);min-height:96px}.role-stat span{display:block;color:var(--muted);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1.35}.role-stat b{display:block;color:var(--ink);font-size:38px;line-height:1;margin-top:12px}.role-stat.urgent{border-color:rgba(251,146,60,.55);background:linear-gradient(180deg,rgba(255,247,237,.95),rgba(255,255,255,.92))}.dashboard-section{background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:26px;padding:20px;box-shadow:0 12px 35px rgba(15,23,42,.06)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.section-heading h2{margin:0;font-size:22px}.section-heading a{font-weight:800;text-decoration:none}.work-queue{display:grid;gap:12px}.queue-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid var(--line);border-radius:20px;background:rgba(248,250,252,.9);padding:16px}.queue-item h3{margin:8px 0 4px;font-size:18px}.queue-item p{margin:0;color:var(--muted);overflow-wrap:anywhere}.queue-preview{margin-top:8px!important;color:var(--ink)!important;line-height:1.45}.queue-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.queue-actions form{margin:0}.dashboard-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compact-list{display:grid;gap:10px}.compact-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;text-decoration:none;border:1px solid var(--line);border-radius:16px;background:rgba(248,250,252,.86);padding:13px 14px;align-items:center}.compact-row strong{color:var(--ink);overflow-wrap:anywhere}.compact-row span{color:var(--muted);text-align:right}.sidebar .side-logo b{text-transform:none!important;letter-spacing:0!important;font-size:18px!important}.sidebar .side-logo .muted{font-size:13px}.sidebar nav{display:grid;gap:8px}.navlink{white-space:normal!important}.focused header .hero-title p,.main-panel header .hero-title p{display:none!important}@media(max-width:1080px){.role-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-two-col{grid-template-columns:1fr}.role-dashboard{padding:20px!important}.queue-item{grid-template-columns:1fr}.queue-actions{justify-content:flex-start}.compact-row{grid-template-columns:1fr}.compact-row span{text-align:left}}@media(max-width:640px){.role-stats{grid-template-columns:1fr}.role-stat{min-height:auto}.role-stat b{font-size:32px}.dashboard-section{padding:16px;border-radius:20px}}

/* Professional list caps and home trusted-by showcase */
.section-heading a::after,.section-title a.button::after{content:""}
.role-dashboard .priority-section .section-heading h2::after,
.role-dashboard .dashboard-section .section-heading h2::after{content:""}
.role-dashboard .dashboard-section{position:relative;overflow:hidden}
.role-dashboard .dashboard-section::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,rgba(29,78,216,.75),rgba(16,185,129,.55));opacity:.8}
.role-dashboard .work-queue,.role-dashboard .compact-list{max-height:none!important}
.role-dashboard .section-heading a{display:inline-flex;align-items:center;gap:6px;background:rgba(29,78,216,.08);border:1px solid rgba(29,78,216,.14);border-radius:999px;padding:8px 12px;color:#1d4ed8}
.role-dashboard .section-heading a:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(29,78,216,.12)}
.role-stat{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.role-stat:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(15,23,42,.1);border-color:rgba(29,78,216,.22)}
.queue-item,.compact-row{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.queue-item:hover,.compact-row:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(15,23,42,.08);border-color:rgba(29,78,216,.18)}
.home-page .first-projects .section-title{margin-bottom:18px}.home-page .first-projects .section-title h1{max-width:850px}.home-page .first-projects .public-preview-grid{align-items:stretch}
.trusted-by-section{overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,250,252,.88));border:1px solid var(--line);border-radius:32px;padding:28px;box-shadow:0 18px 50px rgba(15,23,42,.07)}
.trusted-carousel{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);padding:8px 0}.trusted-track{display:flex;gap:18px;width:max-content;animation:trustedScroll 36s linear infinite}.trusted-carousel:hover .trusted-track{animation-play-state:paused}.trusted-logo-card{height:92px;min-width:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 12px 30px rgba(15,23,42,.06);transition:transform .18s ease,box-shadow .18s ease}.trusted-logo-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(15,23,42,.12)}.trusted-logo-card img{max-width:118px;max-height:42px;object-fit:contain}.trusted-logo-card span{font-size:12px;font-weight:800;color:var(--muted);letter-spacing:.02em}@keyframes trustedScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:720px){.trusted-by-section{padding:20px;border-radius:24px}.trusted-logo-card{min-width:145px;height:82px}.trusted-logo-card img{max-width:96px;max-height:34px}.trusted-track{gap:12px;animation-duration:28s}}

/* Theme correction: keep role dashboards in RemoteGhar orange/neutral styling only */
.role-dashboard .dashboard-section::before{
  background:#fb923c!important;
  opacity:.55!important;
}
.role-dashboard .section-heading a{
  background:#fff7ed!important;
  border:1px solid #fed7aa!important;
  color:#9a3412!important;
  box-shadow:none!important;
}
.role-dashboard .section-heading a:hover{
  background:#ffffff!important;
  border-color:#fb923c!important;
  color:#ea580c!important;
  box-shadow:0 8px 24px rgba(154,52,18,.08)!important;
}
.role-dashboard .role-stat:hover,
.role-dashboard .queue-item:hover,
.role-dashboard .compact-row:hover{
  border-color:#fb923c!important;
  box-shadow:0 14px 32px rgba(154,52,18,.08)!important;
}
.role-dashboard .pill,
.role-dashboard .pill.good,
.role-dashboard .pill.single,
.role-dashboard .pill.pair,
.role-dashboard .pill.warn{
  background:#fff7ed!important;
  border-color:#fed7aa!important;
  color:#9a3412!important;
}
.role-dashboard .pill:before{
  background:#fb923c!important;
}
.trusted-logo-card{gap:0!important;}
.trusted-logo-card span{display:none!important;}

/* Main page professional horizontal project showcase */
.home-page .first-projects{padding-top:8px!important;}
.home-page .project-showcase-grid{
  display:flex!important;
  grid-template-columns:none!important;
  gap:18px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory;
  scroll-padding:8px;
  padding:8px 4px 18px!important;
  margin-top:20px!important;
  -webkit-overflow-scrolling:touch;
}
.home-page .project-showcase-grid::-webkit-scrollbar{height:8px;}
.home-page .project-showcase-grid::-webkit-scrollbar-track{background:#f5eee8;border-radius:999px;}
.home-page .project-showcase-grid::-webkit-scrollbar-thumb{background:#d7a679;border-radius:999px;}
.home-page .showcase-project-card{
  flex:0 0 min(360px,86vw)!important;
  min-height:300px!important;
  scroll-snap-align:start;
  border-radius:24px!important;
  padding:22px!important;
  box-shadow:0 14px 34px rgba(63,39,22,.08)!important;
}
.home-page .showcase-project-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(63,39,22,.12)!important;}
.home-page .showcase-card-head h2{font-size:1.25rem!important;line-height:1.18!important;}
.home-page .showcase-card-head strong{border-radius:999px!important;padding:8px 11px!important;}
.home-page .showcase-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
.home-page .showcase-stats span{border-radius:16px!important;padding:10px!important;font-size:.88rem!important;}
.home-page .showcase-project-card .project-brief{min-height:74px!important;}
.home-page .showcase-footer{padding-top:12px!important;}
.home-page .showcase-footer a{border-radius:999px!important;padding:10px 13px!important;}
@media(max-width:720px){
  .home-page .showcase-stats{grid-template-columns:1fr!important;}
  .home-page .showcase-project-card{flex-basis:84vw!important;min-height:auto!important;}
}

/* Slimmer, smoother trusted-company carousel on main page only */
.home-page .trusted-by-section{
  padding:18px 0!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.home-page .trusted-by-section .compact-trust-title{
  margin-bottom:10px!important;
  padding:0 2px!important;
}
.home-page .trusted-by-section h2{font-size:1.05rem!important;letter-spacing:-.02em!important;color:#5f4634!important;}
.home-page .trusted-carousel{
  padding:4px 0!important;
  overflow:hidden!important;
  mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)!important;
}
.home-page .trusted-track{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:max-content!important;
  animation:trustedScroll 44s linear infinite!important;
  will-change:transform;
}
.home-page .trusted-carousel:hover .trusted-track{animation-play-state:running!important;}
.home-page .trusted-logo-card{
  height:58px!important;
  min-width:132px!important;
  padding:0 18px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid rgba(124,74,37,.12)!important;
  box-shadow:0 8px 20px rgba(63,39,22,.055)!important;
  transform:none!important;
  transition:box-shadow .2s ease,border-color .2s ease!important;
  overflow:hidden!important;
}
.home-page .trusted-logo-card:hover{transform:none!important;box-shadow:0 10px 24px rgba(63,39,22,.08)!important;border-color:rgba(124,74,37,.22)!important;}
.home-page .trusted-logo-card img{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  max-width:96px!important;
  max-height:30px!important;
  object-fit:contain!important;
  filter:none!important;
}
.home-page .trusted-logo-card span,.home-page .trusted-by-section .button{display:none!important;}
@media(max-width:720px){
  .home-page .trusted-logo-card{height:52px!important;min-width:112px!important;padding:0 14px!important;}
  .home-page .trusted-logo-card img{max-width:82px!important;max-height:26px!important;}
  .home-page .trusted-track{animation-duration:34s!important;gap:10px!important;}
}

/* Main page company logo strip cleanup: squared, balanced height, no clipped wording */
.home-page .trusted-by-section{
  padding:18px 0 20px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.home-page .trusted-by-section .compact-trust-title{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  margin:0 0 12px!important;
  padding:0!important;
}
.home-page .trusted-by-section .compact-trust-title h2{
  margin:0!important;
  font-size:1.05rem!important;
  line-height:1.2!important;
  font-weight:850!important;
  color:#5f4634!important;
  letter-spacing:-.01em!important;
}
.home-page .trusted-carousel{
  padding:8px 0!important;
  overflow:hidden!important;
  mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)!important;
}
.home-page .trusted-logo-card{
  height:74px!important;
  min-width:158px!important;
  padding:0 22px!important;
  border-radius:0!important;
  background:#fff!important;
  border:1px solid rgba(124,74,37,.16)!important;
  box-shadow:0 6px 16px rgba(63,39,22,.045)!important;
  overflow:hidden!important;
}
.home-page .trusted-logo-card:hover{
  transform:none!important;
  border-color:rgba(124,74,37,.24)!important;
  box-shadow:0 8px 18px rgba(63,39,22,.07)!important;
}
.home-page .trusted-logo-card img{
  max-width:116px!important;
  max-height:38px!important;
  object-fit:contain!important;
}
@media(max-width:720px){
  .home-page .trusted-logo-card{height:66px!important;min-width:136px!important;padding:0 18px!important;border-radius:0!important;}
  .home-page .trusted-logo-card img{max-width:100px!important;max-height:34px!important;}
}

/* RemoteGhar square-edge consistency pass
   Keep the site aligned with the existing squared visual language. */
:root{--radius:0!important;}
.card,
.home-panel,
.home-page .home-box,
.home-page .project-showcase-grid > *,
.home-page .showcase-card,
.project-card,
.page-card,
.section-block,
.dashboard-section,
.role-stat,
.queue-item,
.compact-row,
.stat,
.action-card,
.notice,
.error,
.table,
.candidate-picker,
.candidate-row,
.consent,
.approval-box,
.experience-review-box,
.experience-view,
.payment-summary,
.trusted-by-section,
.trusted-logo-card,
.public-card,
.public-hero,
.public-shell .card,
.room-stage,
.control-dock,
.sidebar,
.side-foot,
input,
select,
textarea,
button,
.button,
.secondary,
.ghost,
.danger,
.tab,
.pill,
.logo,
.logo.small-logo,
.icon-bubble,
.home-steps div,
.home-steps b,
.home-page .home-box .preview-list p,
.home-page .public-actions .button,
.home-page .public-actions button,
.home-page .badge-row .pill,
.home-page .showcase-card-head strong,
.home-page .showcase-stats span,
.home-page .showcase-footer a,
.home-page .project-showcase-grid::-webkit-scrollbar-track,
.home-page .project-showcase-grid::-webkit-scrollbar-thumb{
  border-radius:0!important;
}

/* Keep decorative status dots circular only where they are tiny indicators, not layout boxes. */
.eyebrow:before,
.pill:before{
  border-radius:50%!important;
}

/* Trusted by heading cleanup: plain text only, no bordered title bar */
.home-page .trusted-by-section .compact-trust-title,
.home-page .trusted-by-section .compact-trust-title div,
.home-page .trusted-by-section .section-title{
  border:0!important;
  border-bottom:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  padding:0!important;
  margin:0 0 14px!important;
  min-height:0!important;
}
.home-page .trusted-by-section .compact-trust-title h2{
  display:block!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  padding:0!important;
  margin:0!important;
  font-size:1.22rem!important;
  line-height:1.2!important;
  font-weight:900!important;
  color:#3f2f24!important;
  letter-spacing:-.02em!important;
}

/* Candidate onboarding and consolidated profile */
.onboarding-body{background:#f7f4ef}.onboarding-shell{max-width:1040px;margin:0 auto;padding:28px 20px 60px}.onboarding-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.onboarding-card{background:#fff;border:1px solid #e7ddd2;box-shadow:0 18px 55px rgba(63,47,36,.08);padding:34px}.onboarding-intro{max-width:680px}.onboarding-intro h1{margin:.35rem 0}.onboarding-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0 32px}.onboarding-progress div{border:1px solid #ddd2c7;padding:14px;display:flex;align-items:center;gap:10px;color:#796b60}.onboarding-progress b{width:30px;height:30px;display:grid;place-items:center;border:1px solid #cdbdaf}.onboarding-progress .active{border-color:#ea580c;color:#7c2d12;background:#fff7ed}.onboarding-progress .done b{background:#166534;color:#fff;border-color:#166534}.onboarding-form{margin-top:20px}.onboarding-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.experience-timeline{display:grid;gap:12px;margin:18px 0}.experience-timeline article{border-left:4px solid #fb923c;background:#fffaf5;padding:16px;display:flex;justify-content:space-between;gap:18px}.experience-timeline h3{margin:0 0 5px}.experience-timeline p{margin:4px 0;white-space:pre-wrap}.small-button{padding:8px 12px}.privacy-callout{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid #bbf7d0;background:#f0fdf4;margin:12px 0}.privacy-callout span{color:#3f5c48}.nav-group-label{margin:18px 12px 6px;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#9a8b7e;font-weight:800}.profile-status-strip{display:flex;gap:12px;align-items:center;padding:14px 16px;background:#f0fdf4;border:1px solid #bbf7d0;margin-bottom:18px}.user-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full-span{grid-column:1/-1}.profile-list{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0}.profile-list div{padding:14px 0;border-bottom:1px solid #eee3d8}.profile-list dt{font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:#8b7767}.profile-list dd{margin:5px 0 0;font-weight:700}.discord-join-section{max-width:1180px;margin:34px auto 0;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#5865f2;color:#fff}.discord-join-section .eyebrow,.discord-join-section p{color:#eef0ff}.discord-join-section h2{margin:.4rem 0}.discord-button{background:#fff!important;color:#3942a3!important;border-color:#fff!important;white-space:nowrap}@media(max-width:760px){.onboarding-card{padding:22px 16px}.onboarding-progress{grid-template-columns:1fr}.onboarding-actions,.discord-join-section{align-items:stretch;flex-direction:column}.user-details-grid,.profile-list{grid-template-columns:1fr}.full-span{grid-column:auto}}

/* Candidate profile layout repair */
.candidate-details-page .candidate-app-shell{grid-template-columns:250px minmax(0,1fr);gap:28px;width:100%}
.candidate-details-page .candidate-sidebar{width:auto;min-width:0}
.candidate-details-page .candidate-details-main{width:100%;min-width:0;overflow:visible}
.candidate-details-page .candidate-details-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}
.candidate-details-page .hero-title{min-width:0}
.candidate-details-page .user-details-sections{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;width:100%}
.candidate-details-page .user-detail-card{width:100%;min-width:0;margin:0;overflow:visible;box-sizing:border-box}
.candidate-details-page .user-detail-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}
.candidate-details-page .user-detail-title>div{min-width:0;flex:1 1 320px}
.candidate-details-page .profile-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;width:100%}
.candidate-details-page .profile-list>div{min-width:0;overflow-wrap:anywhere}
.candidate-details-page .profile-list dd{word-break:break-word}
.candidate-details-page .details-experience article{display:block;width:100%;box-sizing:border-box;min-width:0}
.candidate-details-page .details-experience article>div{min-width:0;width:100%}
.candidate-details-page .details-experience p{overflow-wrap:anywhere}
.candidate-details-page .experience-date{font-size:.9rem;color:#8b7767}
.saved-experience-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:16px;border:1px solid #bbf7d0;background:#f0fdf4;margin:18px 0}
.saved-experience-actions p{margin:0;flex:1 1 320px}
.payment-method-fields[hidden]{display:none!important}
.payment-method-fields{padding:18px;border:1px solid #e7ddd2;background:#fffaf5}
@media(max-width:980px){
  .candidate-details-page .candidate-app-shell{grid-template-columns:1fr}
  .candidate-details-page .candidate-sidebar{position:static;min-height:0}
  .candidate-details-page .candidate-sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .candidate-details-page .candidate-sidebar .navlink{margin:0}
  .candidate-details-page .candidate-sidebar .nav-group-label{grid-column:1/-1}
}
@media(max-width:640px){
  .candidate-details-page .profile-list{grid-template-columns:1fr}
  .candidate-details-page .candidate-sidebar nav{grid-template-columns:1fr}
  .candidate-details-page .candidate-details-header form,.candidate-details-page .candidate-details-header button{width:100%}
  .candidate-details-page .user-detail-title .button{width:100%}
  .saved-experience-actions .button{width:100%}
}


/* Candidate User Details: final isolation from legacy dashboard grid rules */
body.candidate-details-page{display:block!important;width:100%!important;min-width:0!important;overflow-x:hidden!important}
.candidate-details-page main.wrap{display:block!important;width:100%!important;max-width:1400px!important;box-sizing:border-box!important}
.candidate-details-page .candidate-app-shell{
  display:grid!important;
  grid-template-columns:260px minmax(0,1fr)!important;
  gap:24px!important;
  align-items:start!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.candidate-details-page .candidate-sidebar{display:block!important;width:100%!important;max-width:none!important;box-sizing:border-box!important}
.candidate-details-page .candidate-sidebar nav{display:block!important;width:100%!important;min-width:0!important}
.candidate-details-page .candidate-sidebar .navlink{display:flex!important;width:100%!important;box-sizing:border-box!important;white-space:normal!important}
.candidate-details-page .candidate-details-main{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding:24px!important;
  box-sizing:border-box!important;
}
.candidate-details-page .candidate-details-main>header,
.candidate-details-page .candidate-details-main>.notice,
.candidate-details-page .candidate-details-main>.profile-status-strip,
.candidate-details-page .candidate-details-main>.user-details-sections{display:flex;grid-column:auto!important;width:100%!important;box-sizing:border-box!important}
.candidate-details-page .candidate-details-main>.user-details-sections{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
.candidate-details-page .user-detail-card{display:block!important;grid-column:auto!important;width:100%!important;max-width:none!important;box-sizing:border-box!important}
.candidate-details-page .profile-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}
@media(max-width:980px){
  .candidate-details-page .candidate-app-shell{grid-template-columns:minmax(0,1fr)!important}
  .candidate-details-page .candidate-sidebar nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  .candidate-details-page main.wrap{padding-left:12px!important;padding-right:12px!important}
  .candidate-details-page .candidate-details-main{padding:16px!important}
  .candidate-details-page .candidate-sidebar nav{grid-template-columns:minmax(0,1fr)!important}
  .candidate-details-page .profile-list{grid-template-columns:minmax(0,1fr)!important}
}

/* Four-step candidate onboarding and Discord verification */
.onboarding-progress{grid-template-columns:repeat(4,minmax(0,1fr))}
.discord-onboarding-info{display:grid;gap:10px;padding:20px;border:1px solid #d9dcff;background:#f7f8ff;margin:4px 0 8px}
.discord-onboarding-info p{margin:0;line-height:1.6}
.discord-onboarding-info .button{justify-self:start;margin-top:4px}
@media(max-width:900px){.onboarding-progress{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.onboarding-progress{grid-template-columns:1fr}.discord-onboarding-info .button{width:100%;text-align:center}}

/* Five-step onboarding, languages and candidate review gate */
.onboarding-progress{grid-template-columns:repeat(5,minmax(0,1fr))}
.candidate-review-control{margin-bottom:22px}.review-mode-form{display:flex;justify-content:flex-end;margin-top:16px}
.review-waiting-body{min-height:100vh;background:linear-gradient(145deg,#f5f6ff,#fff);display:grid;place-items:center;padding:24px}
.review-waiting-shell{width:min(760px,100%)}
.review-waiting-card{background:#fff;border:1px solid #e3e5f4;border-radius:24px;padding:clamp(28px,6vw,58px);box-shadow:0 24px 70px rgba(34,38,90,.12);text-align:center}
.review-waiting-card h1{font-size:clamp(2rem,5vw,3.4rem);margin:10px 0 18px}.review-waiting-card>p{font-size:1.05rem;line-height:1.75}
.review-status-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:#eef0ff;font-size:32px;font-weight:800}
.review-lead{font-size:1.22rem!important}.review-next{text-align:left;background:#f7f8ff;border:1px solid #e1e4ff;border-radius:16px;padding:20px;margin:26px 0}.review-next h2{margin-top:0}.review-waiting-card form{margin-top:24px}
@media(max-width:900px){.onboarding-progress{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.onboarding-progress{grid-template-columns:1fr}.review-waiting-card{border-radius:18px;padding:26px 20px}}

/* Project discovery and faster review workflows */
.public-site-link{margin-bottom:14px;border:1px solid rgba(255,255,255,.18)!important}
.project-showcase-actions{display:flex;justify-content:center;margin-top:24px}
.project-filter-bar{display:grid;grid-template-columns:minmax(280px,2fr) minmax(180px,1fr) auto;gap:14px;align-items:end;margin:24px 0;padding:18px;border:1px solid #e7ddd2;background:#fffaf5}
.project-filter-bar label{display:grid;gap:7px;font-weight:700}.project-filter-bar label span{font-size:.8rem;color:#796b60}.project-filter-bar input,.project-filter-bar select{width:100%}
[data-project-card][hidden]{display:none!important}
.bulk-review-form{display:grid;gap:14px}.bulk-review-toolbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 16px;border:1px solid #d9d0c6;background:#fff;box-shadow:0 8px 24px rgba(63,47,36,.08)}
.bulk-review-toolbar label{display:flex;align-items:center;gap:9px;font-weight:800}.bulk-review-toolbar input[type=checkbox],.application-select input{width:18px;height:18px}
.bulk-review-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.application-select{display:inline-flex;align-items:center;gap:8px;margin-right:10px}.application-select span{font-size:.8rem;color:#796b60}
.submission-project-groups{display:grid;gap:12px}.submission-project-group{border:1px solid #e7ddd2;background:#fff}.submission-project-group>summary{padding:14px 16px;font-weight:800;cursor:pointer;display:flex;justify-content:space-between}.submission-project-group .preview-list{padding:0 16px 14px}
@media(max-width:760px){.project-filter-bar{grid-template-columns:1fr}.project-filter-bar button{width:100%}.bulk-review-toolbar,.bulk-review-actions{align-items:stretch;flex-direction:column}.bulk-review-actions button{width:100%}}

/* Universal back-to-public-site control for every logged-in role */
.sidebar .back-arrow-link{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:44px;
  min-height:42px;
  padding:8px!important;
  margin-bottom:6px;
  border:1px solid var(--line);
  border-radius:14px;
  font-size:25px;
  line-height:1;
  font-weight:800;
  text-decoration:none;
  background:rgba(255,255,255,.72);
}
.sidebar .back-arrow-link:hover{
  transform:translateX(-2px);
  background:#fff;
  box-shadow:0 8px 20px rgba(15,23,42,.08);
}

.project-detail-page{max-width:1050px;margin:0 auto}.project-detail-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin:24px 0}.project-detail-hero h1{margin:.35rem 0}.project-rate{font-size:1.25rem;padding:14px 18px;border:1px solid #e7ddd2;background:#fffaf5;white-space:nowrap}.project-full-brief{margin-top:24px;padding:26px;border:1px solid #e7ddd2;background:#fff}.project-full-brief p{line-height:1.75}.project-apply-panel{margin-top:24px;padding:24px;border:1px solid #e7ddd2;background:#fffaf5;display:flex;justify-content:space-between;gap:24px;align-items:center}.project-apply-panel h2{margin-top:0}.candidate-project-preview{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media(max-width:720px){.project-detail-hero,.project-apply-panel{flex-direction:column}.project-rate{white-space:normal}}

/* Usability pass */
.role-dashboard .priority-section{border:2px solid #ded7ff;background:linear-gradient(180deg,#fbfaff,#fff)}
.role-dashboard .priority-section .section-heading h2:before{content:'Today';display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#6d5fd1;margin-bottom:5px}
.sidebar .nav-group-label{margin-top:18px;padding:0 12px 6px;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:#8a8179;font-weight:800}
.sidebar .back-arrow-link{position:relative}
.sidebar .back-arrow-link:after{content:'Main website';position:absolute;left:52px;top:50%;transform:translateY(-50%);background:#1f2430;color:#fff;padding:7px 9px;border-radius:8px;font-size:.72rem;white-space:nowrap;opacity:0;pointer-events:none;transition:.15s}
.sidebar .back-arrow-link:hover:after,.sidebar .back-arrow-link:focus:after{opacity:1}
.compact-row,.queue-item,.showcase-project-card{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.compact-row:hover,.queue-item:hover,.showcase-project-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(35,30,25,.08);border-color:#cfc4b9}
.recording-dropdown>summary{min-height:54px;align-items:center}
.recording-dropdown[open]>summary{border-bottom:1px solid #ece5dd}
.project-showcase-grid{align-items:stretch}.showcase-project-card{display:flex;flex-direction:column}.showcase-project-card .showcase-footer{margin-top:auto}
.empty{line-height:1.55}
@media(max-width:900px){
  .app-shell{display:block!important}
  .sidebar{position:relative!important;width:100%!important;max-width:none!important;margin-bottom:14px!important;padding:14px!important}
  .sidebar .side-logo{margin-bottom:10px}
  .sidebar nav{display:flex!important;overflow-x:auto;gap:8px;padding-bottom:5px;scrollbar-width:thin}
  .sidebar nav .navlink{width:auto!important;min-width:max-content!important;margin:0!important;padding:10px 13px!important}
  .sidebar .nav-group-label{display:none}
  .sidebar .back-arrow-link{min-width:44px!important}
  .sidebar .back-arrow-link:after{display:none}
  .main-panel{width:100%!important;min-width:0!important}
}
@media(max-width:620px){
  .wrap{padding:10px!important}
  .main-panel{padding:16px!important}
  .main-panel>header,.topbar{align-items:flex-start!important;gap:12px!important}
  .main-panel>header h1,.topbar h1{font-size:1.55rem!important}
  .role-stats{grid-template-columns:1fr!important}
  .dashboard-two-col{grid-template-columns:1fr!important}
  .queue-item{display:block!important}.queue-actions{margin-top:14px!important}
  .project-showcase-grid{grid-template-columns:1fr!important}
}