/* URG Working CRM */
body:has(.urg-crm){margin:0!important;background:#f3f3f3!important;overflow:hidden}
body:has(.urg-crm) header,body:has(.urg-crm) footer{display:none!important}
.urg-crm{font-family:Arial,Helvetica,sans-serif;height:100vh;display:grid;grid-template-columns:230px 1fr;color:#333}
.urg-side{background:#fff;border-right:1px solid #ddd;display:flex;flex-direction:column}
.urg-brand{height:72px;background:#ff5722;color:#fff;display:flex;align-items:center;gap:12px;padding:0 16px;font-size:24px}.urg-brand b{color:#fff}.urg-brand em{font-style:normal}
.urg-side nav{padding:10px 0;display:grid}.urg-side button{all:unset;padding:13px 18px;border-left:4px solid transparent;cursor:pointer;font-weight:700}.urg-side button.active,.urg-side button:hover{background:#f6f6f6;border-left-color:#ff5722}.urg-side a{margin:auto 16px 16px;color:#333;text-decoration:none;border:1px solid #ddd;padding:10px;text-align:center}
.urg-main{min-width:0;height:100vh}.urg-top{height:72px;background:#ff5722;color:#fff;display:grid;grid-template-columns:220px 1fr auto;gap:18px;align-items:center;padding:0 22px}.urg-top h1{margin:0;color:#fff;font-weight:400}.urg-top input{height:46px;border:0;border-radius:3px;background:rgba(255,255,255,.45);font-size:20px;padding:0 18px;color:#fff}.urg-top input::placeholder{color:#fff}.urg-top button{border:0;background:#fff;color:#ff5722;border-radius:4px;padding:10px 14px;font-weight:900}
.urg-panel{display:none;height:calc(100vh - 72px);overflow:auto}.urg-panel.active{display:block}
.urg-insightly{display:grid;grid-template-columns:44% 56%;height:calc(100vh - 72px)}.urg-list{background:#fafafa;border-right:1px solid #cfcfcf;overflow:auto}.urg-list-title{height:64px;background:#fff;border-bottom:1px solid #ddd;padding:10px 16px}.urg-list-title small{display:block;font-weight:800;color:#777}.urg-list-title select{border:0;font-size:20px;background:#fff}
.urg-headrow,.urg-row{display:grid;grid-template-columns:50px 1.3fr .8fr 1.6fr}.urg-headrow{background:#f4f4f4;border-bottom:1px solid #ddd;font-weight:800}.urg-headrow span,.urg-row span{padding:12px 14px;border-right:1px solid #eee;overflow:hidden}.urg-row{all:unset;width:100%;min-height:56px;background:#fff;border-bottom:1px solid #ddd;cursor:pointer}.urg-row.active,.urg-row:hover{background:#e9ffe9}.urg-row b{color:#2f83c5;display:block}.urg-row small{display:block;color:#777}.check{width:16px!important;height:16px!important;border:2px solid #ccc;margin:18px auto!important;padding:0!important}
.mini-pipe{display:flex!important;align-items:center}.mini-pipe i{height:18px;width:45px;background:#d1d1d1;clip-path:polygon(0 0,85% 0,100% 50%,85% 100%,0 100%,12% 50%);margin-left:-5px}.mini-pipe i.on{background:#05af32}
.urg-detail{background:#fff;overflow:auto;box-shadow:-8px 0 18px rgba(0,0,0,.12)}.urg-detail-record{display:none}.urg-detail-record.active{display:block}.urg-detail-head{display:grid;grid-template-columns:52px 1fr auto;gap:12px;padding:18px 24px;border-bottom:1px solid #ddd}.target{width:52px;height:52px;border:1px solid #ddd;display:grid;place-items:center;color:#e65c5c;font-size:34px}.urg-detail-head h2{margin:0;color:#202b38}.urg-detail-head p{color:#666}
.actions-menu{position:relative}.action-toggle{border:1px solid #ccc;background:#f8f8f8;padding:8px 12px;font-weight:800}.action-dropdown{display:none;position:absolute;right:0;top:42px;background:#fff;border:1px solid #aaa;box-shadow:0 6px 18px rgba(0,0,0,.18);width:320px;z-index:1000}.actions-menu.open .action-dropdown{display:block}.action-dropdown button{display:block;width:100%;border:0;background:#fff;border-bottom:1px solid #eee;text-align:left;padding:10px;cursor:pointer}.action-dropdown button:hover{background:#4a90f0;color:#fff}
.stage{display:grid;grid-template-columns:110px repeat(5,1fr);padding:18px 24px}.stage span{height:36px;background:#d7d7d7;color:#fff;display:flex;align-items:center;justify-content:center;clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%,8% 50%);margin-left:-8px;font-weight:800}.stage span.active{background:#05af32}
.summary-boxes{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:18px 24px}.summary-boxes button{background:#fff;border:1px solid #ddd;padding:12px;text-align:left;box-shadow:0 1px 3px rgba(0,0,0,.08)}.summary-boxes label{display:block;color:#777;font-weight:800}.summary-boxes b{font-size:26px;color:#c36}
.sections{padding:0 24px 24px}.sections details{border-top:1px solid #ddd;padding:12px 0}.sections table,.pdf-doc table,.urg-table{width:100%;border-collapse:collapse}.sections th,.sections td,.pdf-doc th,.pdf-doc td,.urg-table th,.urg-table td{border:1px solid #ddd;padding:10px;text-align:left}.sections th,.pdf-doc th,.urg-table th{background:#f7f7f7;width:220px}
.urg-card{background:#fff;margin:18px;padding:18px;border:1px solid #ddd}.line{border-bottom:1px solid #eee;padding:12px}.line b,.line span{display:block}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpis div{border:1px solid #ddd;padding:16px}.kpis b{font-size:28px}
.urg-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:99999;align-items:center;justify-content:center}.urg-modal.open{display:flex}.urg-modal>div{background:#fff;padding:24px;width:min(850px,95vw);max-height:90vh;overflow:auto;position:relative}.urg-modal [data-close]{position:absolute;right:10px;top:10px;border:0;border-radius:50%;width:34px;height:34px}
.urg-form,.urg-public-form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.urg-form .full,.urg-public-form .full{grid-column:1/-1}.urg-form input,.urg-form select,.urg-form textarea,.urg-public-form input,.urg-public-form select,.urg-public-form textarea{width:100%;padding:11px;border:1px solid #ccc;border-radius:4px}.urg-form textarea,.urg-public-form textarea{min-height:110px}.urg-form button,.urg-public-form button,.urg-primary{background:#05af32;color:#fff;border:0;padding:12px 16px;border-radius:4px;font-weight:800}
.urg-public{max-width:1000px;margin:30px auto;background:#fff;padding:30px}.pdf-doc{background:#fff}.letter{border-left:10px solid #1f6b34;padding-left:25px;display:flex;gap:30px;margin-bottom:25px}.letter h1{color:#1f6b34;margin:0}.letter img{max-width:120px}.logo-text{font-weight:900;color:#1f6b34;font-size:22px}.pdf-doc h2,.pdf-doc h3{color:#1f6b34}.contract-terms{border:1px solid #d8ead8;background:#fbfffb;padding:18px;margin-top:18px}.contract-terms p{line-height:1.55}
.urg-calendar{background:#fff;margin:18px;border-radius:14px;box-shadow:0 8px 26px rgba(0,0,0,.08);overflow:hidden}.cal-top{background:linear-gradient(135deg,#ff5722,#ff7b47);color:#fff;padding:22px;display:flex;justify-content:space-between}.cal-top h2,.cal-top small,.cal-top p{color:#fff}.cal-top button{background:#fff;color:#ff5722;border:0;border-radius:5px;padding:8px 12px;margin-left:6px}.cal-layout{display:grid;grid-template-columns:1fr 320px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#ddd}.cal-grid>b{background:#fafafa;padding:14px}.day{background:#fff;min-height:130px;padding:10px}.day span{display:block;background:#e9f7ff;border-left:4px solid #338bd0;margin:6px 0;padding:6px}.cal-agenda{background:#fff;border-left:1px solid #ddd;padding:18px}.agenda-item{border:1px solid #e6e6e6;border-left:5px solid #05af32;border-radius:8px;padding:10px;margin-bottom:10px}.agenda-item b,.agenda-item span,.agenda-item small{display:block}
@media(max-width:900px){.urg-crm{grid-template-columns:1fr}.urg-insightly,.cal-layout{grid-template-columns:1fr;height:auto}.urg-top,.urg-detail-head,.stage,.summary-boxes,.urg-form,.urg-public-form{grid-template-columns:1fr}.urg-panel{height:auto}}


/* v1.1 modern professional polish */
:root{
  --urg-orange:#ff5a1f;
  --urg-orange-dark:#e94812;
  --urg-green:#15a34a;
  --urg-blue:#2563eb;
  --urg-ink:#172033;
  --urg-muted:#697386;
  --urg-border:#e5e7eb;
  --urg-bg:#f6f8fb;
  --urg-card:#ffffff;
  --urg-shadow:0 14px 35px rgba(15,23,42,.10);
  --urg-radius:16px;
}
body:has(.urg-crm){background:var(--urg-bg)!important}
.urg-crm{grid-template-columns:260px 1fr;background:var(--urg-bg);color:var(--urg-ink);font-family:Inter,Arial,Helvetica,sans-serif}
.urg-side{background:linear-gradient(180deg,#1c1230 0%,#381c55 55%,#512b4c 100%);border-right:0;box-shadow:8px 0 24px rgba(15,23,42,.15)}
.urg-brand{height:84px;background:transparent;border-bottom:1px solid rgba(255,255,255,.12);padding:0 22px;align-items:center}
.urg-brand .brand-mark{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.14);display:grid;place-items:center;color:#fff;font-size:20px}
.urg-brand b{font-size:18px;letter-spacing:-.02em;line-height:1.1}
.urg-brand em{display:block;font-size:12px;color:rgba(255,255,255,.68);margin-top:4px}
.urg-side nav{padding:16px 10px;gap:5px}
.urg-side button{color:rgba(255,255,255,.82);border-left:0;border-radius:12px;margin:0 4px;padding:13px 16px;font-size:14px;display:flex;align-items:center;gap:10px}
.urg-side button.active,.urg-side button:hover{background:rgba(255,255,255,.15);color:#fff;border-left:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.urg-side button::before{content:"";width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.28)}
.urg-side button.active::before{background:var(--urg-orange)}
.urg-side a{color:#fff;border-color:rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.08)}
.urg-top{height:84px;background:#fff;color:var(--urg-ink);grid-template-columns:340px 1fr auto;box-shadow:0 1px 0 var(--urg-border);position:sticky;top:0;z-index:20}
.urg-top h1{color:var(--urg-ink);font-weight:900;font-size:22px;letter-spacing:-.03em}
.urg-top p{margin:4px 0 0;color:var(--urg-muted);font-size:12px}
.urg-top input{background:#f1f5f9;color:var(--urg-ink);border:1px solid #e2e8f0;border-radius:999px;height:48px;font-size:15px;box-shadow:inset 0 1px 2px rgba(15,23,42,.04)}
.urg-top input::placeholder{color:#94a3b8}
.urg-top button{background:var(--urg-orange);color:#fff;border-radius:12px;padding:13px 18px;box-shadow:0 10px 24px rgba(255,90,31,.28)}
.urg-panel{height:calc(100vh - 84px)}
.urg-dashboard-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;padding:18px 20px 0}
.urg-dashboard-kpis div{background:#fff;border:1px solid var(--urg-border);border-radius:var(--urg-radius);padding:16px;box-shadow:0 8px 22px rgba(15,23,42,.05)}
.urg-dashboard-kpis span{display:block;color:var(--urg-muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.urg-dashboard-kpis b{display:block;font-size:23px;margin-top:6px;color:var(--urg-ink);letter-spacing:-.03em}
.urg-insightly{height:auto;min-height:calc(100vh - 170px);margin:18px 20px 24px;border-radius:22px;overflow:hidden;border:1px solid var(--urg-border);box-shadow:var(--urg-shadow);background:#fff;grid-template-columns:46% 54%}
.urg-list{background:#fbfcfe;border-right:1px solid var(--urg-border)}
.urg-list-title{height:76px;border-bottom:1px solid var(--urg-border);display:flex;flex-direction:column;justify-content:center;padding:0 20px;background:#fff}
.urg-list-title small{color:#94a3b8;font-size:11px;letter-spacing:.08em}
.urg-list-title select{font-weight:900;color:var(--urg-ink);font-size:19px;letter-spacing:-.02em}
.urg-headrow{background:#f8fafc;color:#64748b;border-bottom:1px solid var(--urg-border);text-transform:uppercase;font-size:11px;letter-spacing:.05em}
.urg-row{background:#fff;border-bottom:1px solid #edf2f7;transition:all .16s ease}
.urg-row:hover{background:#f8fbff;transform:translateX(2px)}
.urg-row.active{background:#effaf3!important;box-shadow:inset 5px 0 0 var(--urg-green)}
.urg-row b{color:#165cb8;font-size:14px}
.urg-row small{margin-top:3px;color:#64748b}
.check{border-radius:5px;border-color:#cbd5e1!important;background:#fff}
.urg-row.active .check{background:var(--urg-green);border-color:var(--urg-green)!important}
.urg-detail{background:#fff;box-shadow:none}
.urg-detail-head{padding:22px 26px;background:#fff;border-bottom:1px solid var(--urg-border)}
.target{border-radius:15px;background:#fff5f0;border-color:#fed7c7;color:var(--urg-orange)}
.urg-detail-head small{font-weight:900;color:#94a3b8;letter-spacing:.08em}
.urg-detail-head h2{font-size:25px;font-weight:900;letter-spacing:-.035em}
.action-toggle{border:1px solid var(--urg-border);border-radius:12px;background:#f8fafc;color:var(--urg-ink);padding:10px 14px}
.action-dropdown{border:1px solid var(--urg-border);border-radius:14px;box-shadow:0 20px 50px rgba(15,23,42,.18);overflow:hidden;width:340px}
.action-dropdown button{font-weight:700;color:#334155;padding:12px 14px}
.action-dropdown button:hover{background:var(--urg-blue);color:#fff}
.stage{padding:22px 28px;grid-template-columns:100px repeat(5,1fr)}
.stage b{align-self:center;color:#64748b;font-size:12px;letter-spacing:.05em}
.stage span{height:38px;background:#d7dce4;font-size:12px}
.stage span.active{background:var(--urg-green)}
.summary-boxes{padding:0 28px 22px;gap:14px}
.summary-boxes button{border-radius:14px;border:1px solid var(--urg-border);box-shadow:0 8px 18px rgba(15,23,42,.06);transition:.15s}
.summary-boxes button:hover{transform:translateY(-2px);box-shadow:0 16px 26px rgba(15,23,42,.10)}
.summary-boxes label{color:#64748b;font-size:11px}
.summary-boxes b{color:var(--urg-orange);font-size:28px}
.sections{padding:0 28px 28px}
.sections details{background:#fff;border:1px solid var(--urg-border);border-radius:16px;padding:0;margin-bottom:14px;overflow:hidden}
.sections summary{padding:14px 16px;background:#f8fafc;font-weight:900;cursor:pointer}
.sections table{border:0}
.sections th,.sections td{border:0;border-bottom:1px solid #edf2f7;padding:13px 16px}
.sections th{background:#fff;color:#64748b;text-transform:uppercase;font-size:11px;letter-spacing:.06em}
.urg-card{border:1px solid var(--urg-border);border-radius:22px;box-shadow:var(--urg-shadow);margin:20px;background:#fff;padding:24px}
.urg-card h2{margin-top:0;font-weight:900;letter-spacing:-.03em}
.line{border:1px solid #edf2f7;border-radius:14px;margin:10px 0;padding:14px;background:#fbfdff}
.kpis{grid-template-columns:repeat(4,1fr);gap:14px}
.kpis div{border-radius:16px;border:1px solid var(--urg-border);background:#fbfdff}
.kpis b{color:var(--urg-orange)}
.urg-modal{backdrop-filter:blur(4px)}
.urg-modal>div{border-radius:22px;box-shadow:0 25px 70px rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.6)}
.urg-modal h2{margin-top:0;font-size:24px;letter-spacing:-.03em}
.urg-modal [data-close]{background:#f1f5f9;color:#334155;font-weight:900}
.urg-form input,.urg-form select,.urg-form textarea,.urg-public-form input,.urg-public-form select,.urg-public-form textarea{border-radius:12px;border:1px solid #dbe3ef;background:#fbfdff}
.urg-form label,.urg-public-form label{font-weight:800;color:#334155}
.urg-form button,.urg-public-form button,.urg-primary{border-radius:12px;background:var(--urg-green);box-shadow:0 10px 20px rgba(21,163,74,.20)}
.urg-public{border-radius:22px;border:1px solid var(--urg-border);box-shadow:var(--urg-shadow)}
.letter{border-left:0;background:linear-gradient(135deg,#f0fdf4,#fff);border:1px solid #dbeafe;border-radius:18px;padding:20px;margin-bottom:25px}
.logo-text{background:#fff;border:1px solid #dcfce7;border-radius:14px;padding:12px;color:#15803d}
.contract-terms{border-radius:16px;border-color:#bbf7d0}
.urg-calendar{border:1px solid var(--urg-border);box-shadow:var(--urg-shadow);border-radius:24px}
.cal-top{background:linear-gradient(135deg,#1f1740 0%,#512b4c 50%,#ff5a1f 100%);padding:26px}
.cal-top h2{font-size:30px;margin:2px 0;font-weight:900}
.cal-top button{border-radius:10px;font-weight:900}
.day{min-height:135px;transition:.12s}
.day:hover{background:#fff7ed}
.day strong{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f1f5f9;color:#334155}
.day span{border-radius:10px;border-left-color:var(--urg-green);font-size:12px}
.cal-agenda{background:#fbfdff}
.agenda-item{background:#fff;border-radius:14px;box-shadow:0 4px 12px rgba(15,23,42,.05)}
.muted{color:var(--urg-muted)}
@media(max-width:1200px){.urg-dashboard-kpis{grid-template-columns:repeat(3,1fr)}.urg-insightly{grid-template-columns:1fr}.urg-detail{min-height:600px}}
@media(max-width:760px){.urg-dashboard-kpis,.kpis{grid-template-columns:1fr}.urg-crm{grid-template-columns:1fr}.urg-side{height:auto}.urg-top{grid-template-columns:1fr;height:auto;padding:16px}.urg-panel{height:auto}.urg-headrow,.urg-row{grid-template-columns:40px 1fr}.urg-headrow span:nth-child(n+3),.urg-row span:nth-child(n+3){display:none}}


/* v1.2 Workflow Actions card */
.urg-workflow-card{
  margin:0 28px 22px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  border:1px solid var(--urg-border);
  border-radius:20px;
  box-shadow:0 14px 30px rgba(15,23,42,.08);
  overflow:hidden;
}
.urg-workflow-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:18px 20px;
  border-bottom:1px solid #eef2f7;
  background:#fff;
}
.urg-workflow-title small{
  display:block;
  color:#94a3b8;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
}
.urg-workflow-title h3{
  margin:3px 0 0;
  font-size:20px;
  font-weight:900;
  letter-spacing:-.03em;
  color:var(--urg-ink);
}
.urg-workflow-title span{
  background:#eef6ff;
  color:#165cb8;
  border:1px solid #dbeafe;
  padding:8px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
}
.urg-action-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  padding:16px;
}
.urg-action-grid button{
  border:1px solid #e2e8f0;
  background:#fff;
  border-radius:16px;
  padding:14px;
  text-align:left;
  cursor:pointer;
  min-height:82px;
  transition:.15s ease;
  box-shadow:0 6px 14px rgba(15,23,42,.04);
}
.urg-action-grid button:hover{
  transform:translateY(-2px);
  border-color:#bfdbfe;
  box-shadow:0 15px 28px rgba(15,23,42,.10);
}
.urg-action-grid button b{
  display:block;
  color:#172033;
  font-size:14px;
  margin-bottom:6px;
}
.urg-action-grid button small{
  display:block;
  color:#64748b;
  font-weight:700;
}
.urg-action-grid .urg-primary-action{
  background:linear-gradient(135deg,#16a34a,#22c55e);
  border-color:#16a34a;
}
.urg-action-grid .urg-primary-action b,.urg-action-grid .urg-primary-action small{color:#fff}
.urg-action-grid .urg-danger-action{
  background:#fff7f7;
  border-color:#fecaca;
}
.urg-action-grid .urg-danger-action b{color:#b91c1c}
@media(max-width:1300px){.urg-action-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.urg-action-grid{grid-template-columns:1fr}.urg-workflow-card{margin:0 16px 18px}}

/* v1.3 professional contract formatting */
.professional-contract{font-family:Inter,Arial,Helvetica,sans-serif;color:#172033;background:#fff}
.contract-letterhead{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center;border:1px solid #dbeafe;background:linear-gradient(135deg,#f0fdf4 0%,#ffffff 55%,#fff7ed 100%);border-radius:22px;padding:24px;margin-bottom:26px;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.contract-logo{min-height:120px;display:grid;place-items:center;background:#fff;border:1px solid #dcfce7;border-radius:18px;padding:14px}
.contract-logo-img{max-width:125px;max-height:105px;object-fit:contain}
.contract-logo-fallback{text-align:center;color:#15803d;line-height:1.1}.contract-logo-fallback strong{display:block;font-size:15px;letter-spacing:.08em}.contract-logo-fallback span{display:block;font-size:30px;font-weight:900;color:#ef4b18;letter-spacing:.12em}
.contract-company h1{margin:0 0 6px;font-size:30px;line-height:1;letter-spacing:-.04em;color:#14532d}.contract-company h2{margin:0 0 8px;font-size:18px;color:#172033}.contract-company p{margin:4px 0;color:#475569;font-size:13px}
.contract-title-block{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:3px solid #16a34a;padding-bottom:18px;margin-bottom:20px}.contract-title-block h2{margin:8px 0 8px;font-size:28px;letter-spacing:-.04em;color:#172033}.contract-title-block p{max-width:680px;color:#64748b;line-height:1.55}
.contract-badge{display:inline-block;background:#ecfdf5;color:#15803d;border:1px solid #bbf7d0;border-radius:999px;padding:7px 12px;font-weight:900;font-size:12px;letter-spacing:.05em;text-transform:uppercase}
.contract-status{padding:12px 16px;border-radius:14px;font-weight:900;font-size:13px;letter-spacing:.08em;white-space:nowrap}.contract-status.is-signed{background:#dcfce7;color:#166534;border:1px solid #86efac}.contract-status.is-pending{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}
.contract-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.contract-summary div{border:1px solid #e2e8f0;border-radius:16px;padding:15px;background:#fbfdff}.contract-summary span,.signature-grid span,.internal-ip span{display:block;font-size:11px;color:#64748b;text-transform:uppercase;font-weight:900;letter-spacing:.06em;margin-bottom:6px}.contract-summary strong{display:block;color:#172033;font-size:16px}
.contract-section{margin:22px 0;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;background:#fff}.contract-section h3{margin:0;padding:15px 18px;background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#172033;font-size:17px}.contract-table{width:100%;border-collapse:collapse}.contract-table th,.contract-table td{border:0!important;border-bottom:1px solid #eef2f7!important;padding:13px 18px!important;text-align:left;vertical-align:top}.contract-table th{width:230px;background:#fff!important;color:#64748b;text-transform:uppercase;font-size:11px;letter-spacing:.06em}
.contract-terms-modern{border:1px solid #bbf7d0;background:linear-gradient(180deg,#f7fff9,#ffffff);border-radius:18px;padding:20px;margin:24px 0}.contract-terms-modern h3{margin:0 0 14px;color:#14532d;font-size:20px}.terms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.terms-grid section{background:#fff;border:1px solid #dcfce7;border-radius:14px;padding:14px}.terms-grid h4{margin:0 0 8px;color:#166534;font-size:14px}.terms-grid p{margin:0;color:#475569;line-height:1.55;font-size:13px}
.contract-signature-block{border:2px solid #172033;border-radius:18px;padding:20px;margin-top:24px;background:#fff}.contract-signature-block h3{margin:0 0 14px;color:#172033}.signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.signature-grid div,.internal-ip{border:1px solid #e2e8f0;border-radius:14px;padding:14px;background:#f8fafc}.signature-grid strong,.internal-ip strong{display:block;color:#172033;font-size:16px}.internal-ip{margin-top:14px;background:#fff7ed;border-color:#fed7aa}.signature-note{margin:14px 0 0;color:#475569;font-size:13px;line-height:1.5}.contract-footer{margin-top:28px;border-top:1px solid #e2e8f0;text-align:center;color:#64748b;font-size:12px;padding-top:14px}
.contract-sign #sigpad{width:100%;max-width:800px;height:220px;border:2px dashed #94a3b8;border-radius:16px;background:#fff;grid-column:1/-1}
@media(max-width:800px){.contract-letterhead,.contract-summary,.terms-grid,.signature-grid{grid-template-columns:1fr}.contract-title-block{display:block}}
@media print{.contract-letterhead,.contract-section,.contract-terms-modern,.contract-signature-block{box-shadow:none!important}.contract-summary div,.terms-grid section{break-inside:avoid}}

/* v1.4 bundled Utah Refugee Goats logo + staff goat count */
.form-note{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;border-radius:12px;padding:12px;font-weight:800;margin:0}
.contract-logo{background:#fff}
.contract-logo-img{max-width:145px!important;max-height:120px!important}
.letter img{max-width:150px!important;max-height:120px!important;object-fit:contain}

/* v1.5 exact uploaded logo in contract */
.exact-logo-letterhead{
  grid-template-columns:240px 1fr!important;
}
.exact-logo-letterhead .contract-logo{
  min-height:145px!important;
  padding:10px!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
}
.exact-urg-logo{
  width:220px!important;
  max-width:220px!important;
  max-height:140px!important;
  object-fit:contain!important;
  display:block!important;
}
@media(max-width:800px){
  .exact-logo-letterhead{grid-template-columns:1fr!important}
  .exact-urg-logo{margin:auto!important}
}

/* v1.6 logo size + signed contract workflow fix */
.exact-logo-letterhead{
  grid-template-columns:120px 1fr!important;
  gap:18px!important;
  padding:18px!important;
}
.exact-logo-letterhead .contract-logo{
  min-height:74px!important;
  padding:4px!important;
  border:0!important;
  box-shadow:none!important;
  background:#fff!important;
}
.exact-urg-logo,
.contract-logo-img{
  width:105px!important;
  max-width:105px!important;
  max-height:70px!important;
  object-fit:contain!important;
}
.contract-company h1{font-size:24px!important}
.contract-company h2{font-size:16px!important}
.contract-company p{font-size:12px!important}
.drawn-signature-box{
  margin-top:14px;
  border:1px solid #e2e8f0;
  border-radius:14px;
  padding:14px;
  background:#fff;
}
.drawn-signature-box span{
  display:block;
  font-size:11px;
  color:#64748b;
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.06em;
  margin-bottom:8px;
}
.drawn-signature-box img{
  max-width:360px;
  max-height:130px;
  display:block;
  border:1px dashed #cbd5e1;
  border-radius:10px;
  background:#fff;
}
@media(max-width:800px){
  .exact-logo-letterhead{grid-template-columns:1fr!important;text-align:center}
  .exact-urg-logo{margin:auto!important}
}

/* v1.7 smooth and flowy workflow */
html{scroll-behavior:smooth}
.urg-row,.summary-boxes button,.urg-action-grid button,.urg-next-actions button,.urg-more-actions button,.action-dropdown button,.urg-card,.urg-detail-record{transition:all .22s cubic-bezier(.2,.8,.2,1)}
.urg-detail-record.active{animation:urgFadeSlide .28s ease both}
@keyframes urgFadeSlide{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.urg-flow-card{
  margin:0 28px 22px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  border:1px solid var(--urg-border);
  border-radius:24px;
  box-shadow:0 16px 38px rgba(15,23,42,.09);
  overflow:hidden;
}
.urg-flow-header{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  padding:18px 20px;
  border-bottom:1px solid #eef2f7;
  background:#fff;
}
.urg-flow-header small{display:block;color:#94a3b8;font-size:11px;font-weight:900;letter-spacing:.08em}
.urg-flow-header h3{margin:4px 0 0;font-size:21px;font-weight:900;letter-spacing:-.03em;color:var(--urg-ink)}
.urg-flow-header span{background:#eef6ff;color:#165cb8;border:1px solid #dbeafe;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}
.urg-flow-steps{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:8px;
  padding:18px 18px 6px;
}
.urg-flow-steps div{
  position:relative;
  background:#f1f5f9;
  border:1px solid #e2e8f0;
  border-radius:16px;
  padding:12px 8px;
  text-align:center;
  color:#64748b;
}
.urg-flow-steps div.done{background:#ecfdf5;border-color:#bbf7d0;color:#166534}
.urg-flow-steps div.current{box-shadow:0 0 0 3px rgba(34,197,94,.18);transform:translateY(-2px)}
.urg-flow-steps i{
  display:inline-grid;
  place-items:center;
  width:26px;height:26px;
  border-radius:999px;
  background:#fff;
  color:inherit;
  font-style:normal;
  font-weight:900;
  margin-bottom:6px;
}
.urg-flow-steps b{display:block;font-size:11px}
.urg-next-actions{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  padding:16px 18px 18px;
}
.urg-next-actions button,.urg-more-actions button{
  border:1px solid #e2e8f0;
  background:#fff;
  border-radius:16px;
  padding:14px;
  cursor:pointer;
  text-align:left;
  font-weight:900;
  color:#172033;
  box-shadow:0 6px 14px rgba(15,23,42,.04);
}
.urg-next-actions button:hover,.urg-more-actions button:hover{
  transform:translateY(-2px);
  border-color:#bfdbfe;
  box-shadow:0 15px 28px rgba(15,23,42,.10);
}
.urg-next-actions button.primary{
  background:linear-gradient(135deg,#16a34a,#22c55e);
  color:#fff;
  border-color:#16a34a;
}
.urg-more-actions{border-top:1px solid #eef2f7;padding:0 18px 18px}
.urg-more-actions summary{cursor:pointer;font-weight:900;color:#64748b;padding:12px 0}
.urg-more-actions div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.urg-flow-result{padding:0 18px 18px}
.urg-toast{
  position:fixed;
  right:22px;
  bottom:22px;
  background:#172033;
  color:#fff;
  padding:14px 18px;
  border-radius:16px;
  box-shadow:0 18px 50px rgba(15,23,42,.35);
  opacity:0;
  transform:translateY(12px);
  pointer-events:none;
  z-index:999999;
  max-width:420px;
  transition:.22s ease;
  font-weight:800;
}
.urg-toast.show{opacity:1;transform:translateY(0)}
.urg-toast.ok{background:#166534}
.is-loading{opacity:.6;pointer-events:none;position:relative}
.is-loading:after{content:"";display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;margin-left:8px;vertical-align:-2px;animation:urgSpin .7s linear infinite}
@keyframes urgSpin{to{transform:rotate(360deg)}}
@media(max-width:1100px){
  .urg-flow-steps{grid-template-columns:repeat(3,1fr)}
  .urg-next-actions,.urg-more-actions div{grid-template-columns:1fr}
}

/* v1.8 proportional logo and signed contract file update */
.exact-logo-letterhead{
  grid-template-columns:96px 1fr!important;
  gap:16px!important;
  padding:16px 18px!important;
  align-items:center!important;
}
.exact-logo-letterhead .contract-logo{
  width:88px!important;
  min-height:64px!important;
  height:64px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.exact-urg-logo,
.contract-logo-img,
.letter img{
  width:82px!important;
  max-width:82px!important;
  max-height:60px!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
}
.contract-company h1{font-size:22px!important;margin-bottom:4px!important}
.contract-company h2{font-size:15px!important;margin-bottom:5px!important}
.contract-company p{font-size:11.5px!important;line-height:1.35!important;margin:2px 0!important}
.contract-letterhead{margin-bottom:18px!important;border-radius:16px!important}
.contract-title-block h2{font-size:24px!important}
.contract-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.contract-sign .contract-letterhead{max-width:100%!important}
@media(max-width:800px){
  .exact-logo-letterhead{grid-template-columns:1fr!important;text-align:center!important}
  .exact-logo-letterhead .contract-logo{margin:auto!important}
  .contract-summary{grid-template-columns:1fr!important}
}

/* v1.9 balanced logo */
.exact-logo-letterhead{
 grid-template-columns:70px 1fr !important;
 gap:12px !important;
}
.exact-logo-letterhead .contract-logo{
 width:70px !important;
 height:50px !important;
 min-height:50px !important;
}
.contract-logo-img,
.exact-urg-logo,
.letter img{
 width:65px !important;
 max-width:65px !important;
 max-height:45px !important;
}
.contract-company h1{font-size:21px !important;}

/* v2.0 beautiful modern forms */
.urg-modern-form,
.urg-public-form,
.urg-form{
  --form-bg:#ffffff;
  --form-border:#e2e8f0;
  --form-text:#172033;
  --form-muted:#64748b;
  --form-green:#16a34a;
  --form-orange:#ff5a1f;
}
.urg-public-form,
.urg-form{
  background:linear-gradient(180deg,#ffffff,#fbfdff);
  border:1px solid #e2e8f0;
  border-radius:24px;
  padding:22px;
  box-shadow:0 18px 45px rgba(15,23,42,.08);
}
.urg-modal .urg-form{
  box-shadow:none;
  border-radius:18px;
  background:#fbfdff;
}
.urg-form-hero{
  background:linear-gradient(135deg,#14532d 0%,#166534 45%,#ff5a1f 100%);
  color:#fff;
  border-radius:22px;
  padding:26px;
  margin-bottom:6px;
  box-shadow:0 18px 40px rgba(20,83,45,.22);
}
.urg-form-hero span{
  display:inline-block;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.24);
  padding:6px 11px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.urg-form-hero h2{
  color:#fff!important;
  margin:12px 0 8px!important;
  font-size:32px!important;
  line-height:1.05;
  letter-spacing:-.04em;
}
.urg-form-hero p{
  color:rgba(255,255,255,.88);
  max-width:760px;
  margin:0;
  line-height:1.55;
}
.urg-form label,
.urg-public-form label{
  display:flex;
  flex-direction:column;
  gap:7px;
  color:#334155;
  font-size:13px;
  font-weight:900;
  letter-spacing:-.01em;
}
.urg-form label small,
.urg-public-form label small{
  color:#64748b;
  font-weight:700;
}
.urg-form input,
.urg-form select,
.urg-form textarea,
.urg-public-form input,
.urg-public-form select,
.urg-public-form textarea{
  appearance:none;
  width:100%;
  box-sizing:border-box;
  min-height:48px;
  border:1px solid #dbe3ef!important;
  background:#fff!important;
  border-radius:14px!important;
  padding:12px 14px!important;
  color:#172033!important;
  font-size:15px!important;
  font-weight:600;
  outline:none;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.urg-form textarea,
.urg-public-form textarea{
  min-height:125px!important;
  resize:vertical;
  line-height:1.5;
}
.urg-form input:focus,
.urg-form select:focus,
.urg-form textarea:focus,
.urg-public-form input:focus,
.urg-public-form select:focus,
.urg-public-form textarea:focus{
  border-color:#16a34a!important;
  box-shadow:0 0 0 4px rgba(22,163,74,.13)!important;
}
.urg-form select,
.urg-public-form select{
  background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%)!important;
  background-position:calc(100% - 18px) 21px,calc(100% - 12px) 21px!important;
  background-size:6px 6px,6px 6px!important;
  background-repeat:no-repeat!important;
  padding-right:38px!important;
}
.urg-form .full,
.urg-public-form .full{
  grid-column:1/-1;
}
.urg-form button,
.urg-public-form button,
.urg-primary{
  min-height:50px;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#16a34a,#22c55e)!important;
  color:#fff!important;
  font-size:15px;
  font-weight:900!important;
  letter-spacing:-.01em;
  cursor:pointer;
  box-shadow:0 14px 28px rgba(22,163,74,.22)!important;
  transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}
.urg-form button:hover,
.urg-public-form button:hover,
.urg-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 34px rgba(22,163,74,.28)!important;
}
.urg-form button:active,
.urg-public-form button:active{
  transform:translateY(0);
}
.urg-modal>div{
  border-radius:26px!important;
  padding:26px!important;
}
.urg-modal h2{
  color:#172033;
  font-size:26px!important;
  margin-bottom:16px!important;
}
.urg-modal [data-close]{
  background:#f1f5f9!important;
  color:#172033!important;
  box-shadow:0 5px 12px rgba(15,23,42,.08);
}
.form-note{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:10px;
  background:linear-gradient(135deg,#ecfdf5,#f7fff9)!important;
  border:1px solid #bbf7d0!important;
  color:#166534!important;
  border-radius:16px!important;
  padding:14px 16px!important;
  font-size:13px;
  font-weight:900;
}
.form-note:before{
  content:"✓";
  display:inline-grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#16a34a;
  color:#fff;
  font-size:13px;
  flex:0 0 auto;
}
.contract-sign .urg-form,
.urg-public .urg-form{
  margin-top:22px;
}
.contract-sign #sigpad{
  border:2px dashed #94a3b8!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  box-shadow:inset 0 2px 8px rgba(15,23,42,.04);
}
.urg-public{
  background:linear-gradient(180deg,#ffffff,#fbfdff)!important;
}
.urg-booking-form{
  max-width:980px;
  margin:0 auto;
}
@media(max-width:760px){
  .urg-public-form,.urg-form{
    grid-template-columns:1fr!important;
    padding:18px;
    border-radius:20px;
  }
  .urg-form-hero{
    padding:22px;
    border-radius:18px;
  }
  .urg-form-hero h2{
    font-size:26px!important;
  }
}

/* v2.1 logo, pipeline, and calendar fit */
.exact-logo-letterhead{
  grid-template-columns:58px 1fr !important;
  gap:10px !important;
  padding:12px 14px !important;
  align-items:center !important;
}
.exact-logo-letterhead .contract-logo{
  width:54px !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  border:0 !important;
}
.contract-logo-img,
.exact-urg-logo,
.letter img{
  width:50px !important;
  max-width:50px !important;
  max-height:38px !important;
  height:auto !important;
  object-fit:contain !important;
}
.contract-company h1{font-size:19px !important;margin:0 0 2px !important}
.contract-company h2{font-size:13px !important;margin:0 0 3px !important}
.contract-company p{font-size:10.5px !important;line-height:1.25 !important;margin:1px 0 !important}
.contract-letterhead{margin-bottom:14px !important;border-radius:14px !important}

.urg-top-actions{display:flex;gap:10px;align-items:center}
.urg-top-actions button:first-child{background:#172033;color:#fff;box-shadow:0 10px 24px rgba(15,23,42,.22)}

.stage-six{grid-template-columns:90px repeat(6,1fr)!important}
.stage-six span{font-size:11px!important;min-width:0!important}
.stage-six span.active{background:linear-gradient(135deg,#16a34a,#22c55e)!important}

.urg-calendar{
  margin:14px !important;
  height:calc(100vh - 120px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.cal-top{
  flex:0 0 auto;
  padding:16px 18px!important;
}
.cal-top h2{font-size:24px!important}
.cal-top p{font-size:12px!important;margin:4px 0 0!important}
.cal-layout{
  flex:1 1 auto;
  min-height:0;
  grid-template-columns:minmax(0,1fr) 300px!important;
  overflow:hidden;
}
.cal-grid{
  height:100%;
  overflow:auto;
  grid-auto-rows:minmax(86px,1fr);
}
.cal-grid>b{
  position:sticky;
  top:0;
  z-index:2;
  padding:9px!important;
}
.day{
  min-height:86px!important;
  padding:7px!important;
}
.day strong{
  width:23px!important;
  height:23px!important;
  font-size:12px!important;
}
.day span.cal-item{
  font-size:10.5px!important;
  line-height:1.2!important;
  padding:5px 6px!important;
  margin:4px 0!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cal-agenda{
  overflow:auto;
  max-height:none!important;
  padding:14px!important;
}
.agenda-item{
  padding:9px!important;
  margin-bottom:8px!important;
}
.agenda-item small,.agenda-item em{
  display:block;
  color:#64748b;
  font-style:normal;
  font-size:11px;
  line-height:1.35;
}
.cal-item.public,.agenda-item.public{border-left-color:#2563eb!important}
.cal-item.volunteer,.agenda-item.volunteer{border-left-color:#16a34a!important}
.cal-item.training,.agenda-item.training{border-left-color:#7c3aed!important}
.cal-item.job-weed_control,.agenda-item.job-weed_control{border-left-color:#15803d!important;background:#ecfdf5!important}
.cal-item.job-goat_rental,.agenda-item.job-goat_rental{border-left-color:#f97316!important;background:#fff7ed!important}
.cal-item.delivery,.agenda-item.delivery{border-left-color:#f59e0b!important}
.cal-item.pickup,.agenda-item.pickup{border-left-color:#8b5cf6!important}
.event-check{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;background:#f8fafc;padding:12px;border-radius:14px;border:1px solid #e2e8f0}
.event-check input{width:auto!important;min-height:auto!important}
@media(max-width:1100px){
  .urg-calendar{height:auto!important;overflow:visible!important}
  .cal-layout{grid-template-columns:1fr!important;overflow:visible!important}
  .cal-grid{height:auto!important}
  .stage-six{grid-template-columns:1fr!important}
}

/* v2.2 Contracts sidebar timeline */
.urg-contracts-layout{
  height:calc(100vh - 112px);
  margin:14px;
  display:grid;
  grid-template-columns:340px minmax(0,1fr);
  background:#fff;
  border:1px solid var(--urg-border);
  border-radius:24px;
  overflow:hidden;
  box-shadow:var(--urg-shadow);
}
.urg-contract-sidebar{
  background:linear-gradient(180deg,#fbfdff,#f8fafc);
  border-right:1px solid #e2e8f0;
  overflow:auto;
}
.contract-sidebar-head{
  padding:22px;
  background:#fff;
  border-bottom:1px solid #e2e8f0;
}
.contract-sidebar-head small{
  display:block;
  color:#94a3b8;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
}
.contract-sidebar-head h2{
  margin:5px 0 8px;
  font-size:24px;
  letter-spacing:-.04em;
  color:#172033;
}
.contract-sidebar-head p{
  margin:0;
  color:#64748b;
  font-size:13px;
  line-height:1.45;
}
.contract-sidebar-list{
  padding:10px;
}
.contract-side-row{
  width:100%;
  display:grid;
  grid-template-columns:14px 1fr auto;
  gap:12px;
  align-items:center;
  border:1px solid transparent;
  background:transparent;
  border-radius:16px;
  padding:13px;
  text-align:left;
  cursor:pointer;
  transition:.18s ease;
}
.contract-side-row:hover,
.contract-side-row.active{
  background:#fff;
  border-color:#dbeafe;
  box-shadow:0 10px 24px rgba(15,23,42,.08);
}
.contract-side-row>span{
  width:12px;
  height:12px;
  border-radius:999px;
  background:#f59e0b;
}
.contract-side-row>span.signed{background:#16a34a}
.contract-side-row b{
  display:block;
  color:#165cb8;
  font-size:13px;
}
.contract-side-row small{
  display:block;
  color:#64748b;
  margin-top:3px;
}
.contract-side-row em{
  font-style:normal;
  font-size:11px;
  font-weight:900;
  color:#64748b;
  background:#f1f5f9;
  border-radius:999px;
  padding:5px 8px;
}
.urg-contract-main{
  min-width:0;
  overflow:auto;
  background:#fff;
}
.contract-record{
  display:none;
  padding:26px;
}
.contract-record.active{
  display:block;
  animation:urgFadeSlide .25s ease both;
}
.contract-record-top{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  border-bottom:1px solid #e2e8f0;
  padding-bottom:18px;
  margin-bottom:18px;
}
.contract-record-top small{
  color:#94a3b8;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
}
.contract-record-top h2{
  margin:4px 0;
  color:#172033;
  font-size:30px;
  letter-spacing:-.04em;
}
.contract-record-top p{
  margin:0;
  color:#64748b;
}
.contract-pill{
  border-radius:999px;
  padding:9px 13px;
  font-weight:900;
  font-size:12px;
  letter-spacing:.06em;
  background:#fff7ed;
  color:#c2410c;
  border:1px solid #fed7aa;
}
.contract-pill.signed{
  background:#dcfce7;
  color:#166534;
  border-color:#86efac;
}
.contract-actions-bar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:22px;
}
.contract-actions-bar button{
  border:1px solid #e2e8f0;
  background:#fff;
  border-radius:14px;
  padding:11px 14px;
  font-weight:900;
  cursor:pointer;
  transition:.18s ease;
}
.contract-actions-bar button:hover{
  transform:translateY(-2px);
  border-color:#bfdbfe;
  box-shadow:0 12px 22px rgba(15,23,42,.08);
}
.contract-timeline{
  position:relative;
  display:grid;
  gap:0;
  max-width:980px;
}
.timeline-step{
  position:relative;
  display:grid;
  grid-template-columns:42px 1fr;
  gap:14px;
  padding:0 0 22px;
}
.timeline-step:before{
  content:"";
  position:absolute;
  left:20px;
  top:38px;
  bottom:0;
  width:2px;
  background:#e2e8f0;
}
.timeline-step:last-child:before{display:none}
.timeline-step i{
  width:40px;
  height:40px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-style:normal;
  font-weight:900;
  background:#f1f5f9;
  color:#64748b;
  border:1px solid #e2e8f0;
  z-index:1;
}
.timeline-step.done i{
  background:#16a34a;
  color:#fff;
  border-color:#16a34a;
}
.timeline-step>div{
  border:1px solid #e2e8f0;
  background:#fbfdff;
  border-radius:18px;
  padding:14px 16px;
}
.timeline-step.done>div{
  background:#f0fdf4;
  border-color:#bbf7d0;
}
.timeline-step b{
  display:block;
  color:#172033;
  font-size:15px;
}
.timeline-step span{
  display:block;
  color:#64748b;
  font-size:12px;
  font-weight:800;
  margin:4px 0 6px;
}
.timeline-step p{
  margin:0;
  color:#475569;
  font-size:13px;
  line-height:1.45;
}
@media(max-width:950px){
  .urg-contracts-layout{
    height:auto;
    grid-template-columns:1fr;
  }
  .urg-contract-sidebar{
    max-height:360px;
    border-right:0;
    border-bottom:1px solid #e2e8f0;
  }
}

/* v2.3 contract matching uploaded PDF style */
.urg-legal-contract{
  background:#f4f8f1!important;
  padding:28px!important;
  font-family:Arial,Helvetica,sans-serif!important;
  color:#111!important;
}
.urg-contract-page{
  position:relative;
  background:#fff;
  max-width:920px;
  min-height:1180px;
  margin:0 auto 28px;
  padding:42px 42px 42px 70px;
  box-shadow:0 10px 28px rgba(15,23,42,.10);
  box-sizing:border-box;
  overflow:hidden;
}
.urg-contract-stripes{
  position:absolute;
  left:20px;
  top:0;
  bottom:0;
  width:18px;
  background:#1f6b34;
}
.urg-contract-stripes span{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:11px;
  background:#1f6b34;
}
.urg-contract-stripes em{
  position:absolute;
  left:11px;
  top:0;
  bottom:0;
  width:5px;
  background:#dc7900;
}
.urg-contract-header{
  display:grid;
  grid-template-columns:230px 1fr;
  gap:28px;
  align-items:start;
  margin-bottom:34px;
}
.urg-contract-logo img{
  width:200px!important;
  max-width:200px!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
}
.urg-contract-heading h1{
  margin:14px 0 12px!important;
  color:#1f6b34!important;
  font-size:36px!important;
  line-height:1.18!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  text-transform:uppercase!important;
}
.urg-contract-heading p{
  margin:6px 0!important;
  font-size:15px!important;
  color:#111!important;
}
.urg-section-title{
  background:#1f6b34!important;
  color:#fff!important;
  font-weight:900!important;
  font-size:19px!important;
  letter-spacing:.02em!important;
  padding:10px 16px!important;
  margin:0 0 34px!important;
  text-transform:uppercase!important;
}
.urg-summary-list{
  padding:0 0 0 28px;
  font-size:16px;
  line-height:1.55;
}
.urg-summary-list p{
  margin:0 0 18px!important;
  color:#111!important;
}
.urg-summary-list strong{
  font-weight:700!important;
}
.urg-signed-badge,
.urg-pending-badge{
  display:inline-block;
  margin:0 0 0 28px;
  padding:10px 22px;
  background:#d97900;
  color:#fff;
  font-weight:900;
  font-size:20px;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.urg-pending-badge{
  background:#c2410c;
}
.urg-first-footer{
  position:absolute;
  left:70px;
  right:42px;
  bottom:40px;
  font-size:14px;
  color:#111;
}
.terms-page{
  padding-top:38px;
}
.urg-full-terms{
  font-size:13.5px;
  line-height:1.43;
  color:#111;
}
.urg-full-terms .urg-section-title{
  margin-bottom:18px!important;
}
.urg-full-terms h3{
  margin:16px 0 8px!important;
  color:#111!important;
  font-size:15px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}
.urg-full-terms ul{
  margin:0 0 10px 18px!important;
  padding:0!important;
}
.urg-full-terms li{
  margin:0 0 5px!important;
}
.urg-full-terms p{
  margin:0 0 8px!important;
}
.urg-signature-summary{
  margin-top:18px;
  font-size:14px;
  line-height:1.45;
}
.urg-signature-summary p{
  margin:0 0 7px!important;
}
.urg-drawn-signature{
  margin:0 0 18px!important;
}
.urg-drawn-signature img{
  max-width:260px!important;
  max-height:90px!important;
  border:1px dashed #bbb;
  background:#fff;
  padding:4px;
}
.contract-sign .urg-legal-contract{
  padding:20px!important;
}
.contract-sign .urg-contract-page{
  min-height:auto;
  margin-bottom:20px;
}
@media(max-width:900px){
  .urg-legal-contract{padding:12px!important}
  .urg-contract-page{padding:28px 22px 28px 44px;min-height:auto}
  .urg-contract-stripes{left:12px}
  .urg-contract-header{grid-template-columns:1fr;gap:12px}
  .urg-contract-logo img{width:150px!important;max-width:150px!important}
  .urg-contract-heading h1{font-size:28px!important}
  .urg-first-footer{position:static;margin:40px 0 0}
}
@media print{
  .urg-legal-contract{background:#f4f8f1!important;padding:0!important}
  .urg-contract-page{box-shadow:none!important;page-break-after:always;margin:0 auto}
  .urg-contract-page:last-child{page-break-after:auto}
}

/* v2.4 deleted jobs restore/permanent delete */
.urg-deleted-page{padding:14px}
.deleted-header p{color:#64748b;margin:6px 0 0}
.deleted-list{display:grid;gap:14px;margin:0 20px 24px}
.deleted-job-card{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:20px;
  padding:18px;
  box-shadow:0 12px 28px rgba(15,23,42,.07);
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:18px;
  align-items:center;
}
.deleted-job-main{display:flex;gap:14px;align-items:center}
.deleted-icon{
  width:46px;height:46px;
  display:grid;place-items:center;
  background:#fff7ed;
  border:1px solid #fed7aa;
  border-radius:14px;
}
.deleted-job-main h3{margin:0;color:#172033;font-size:18px}
.deleted-job-main p{margin:4px 0;color:#475569}
.deleted-job-main small{color:#64748b;font-weight:700}
.deleted-meta{display:grid;gap:6px;color:#64748b;font-weight:800;font-size:12px}
.deleted-actions{display:flex;gap:10px}
.deleted-actions button{
  border:0;
  border-radius:12px;
  padding:11px 14px;
  font-weight:900;
  cursor:pointer;
  transition:.18s ease;
}
.deleted-actions button:hover{transform:translateY(-2px)}
.deleted-actions .restore{background:#16a34a;color:#fff;box-shadow:0 10px 22px rgba(22,163,74,.22)}
.deleted-actions .permanent{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}
@media(max-width:1050px){
  .deleted-job-card{grid-template-columns:1fr}
  .deleted-actions{flex-wrap:wrap}
}

/* v2.5 payment fields */
.urg-modern-form label:has([name="amount_collected"]),
.urg-modern-form label:has([name="payment_method"]){
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:16px;
  padding:12px;
}
.urg-modern-form label:has([name="amount_collected"]) input{
  font-size:18px!important;
  font-weight:900!important;
}


/* v2.6 Utah Refugee Goats logo on all forms */
.urg-form-logo,
.contract-sign .urg-form-logo{
 text-align:center;
 margin:0 0 20px;
}
.urg-form-logo img{
 max-width:140px!important;
 width:140px!important;
 height:auto!important;
 display:inline-block;
}
.urg-modern-form,
.urg-booking-form,
.urg-driver-form,
.urg-survey-form{
 position:relative;
}

/* v2.7 report generator */
.urg-report-generator{
  padding:18px;
}
.urg-report-toolbar{
  background:linear-gradient(135deg,#172033,#1f6b34);
  color:#fff;
  border-radius:24px;
  padding:22px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:end;
  box-shadow:0 16px 34px rgba(15,23,42,.16);
}
.urg-report-toolbar small{
  display:block;
  font-weight:900;
  letter-spacing:.08em;
  color:rgba(255,255,255,.72);
}
.urg-report-toolbar h2{
  color:#fff;
  margin:6px 0;
  font-size:26px;
  letter-spacing:-.04em;
}
.urg-report-toolbar p{
  margin:0;
  color:rgba(255,255,255,.82);
}
.urg-report-filters{
  display:flex;
  gap:10px;
  align-items:end;
  flex-wrap:wrap;
}
.urg-report-filters label{
  display:flex;
  flex-direction:column;
  gap:6px;
  color:#fff;
  font-size:12px;
  font-weight:900;
}
.urg-report-filters select{
  min-width:150px;
  height:42px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:12px;
  padding:0 12px;
  background:#fff;
  color:#172033;
}
.urg-report-filters button{
  height:42px;
  border:0;
  border-radius:12px;
  padding:0 14px;
  font-weight:900;
  background:#ff5a1f;
  color:#fff;
  cursor:pointer;
}
.report-kpis{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:12px;
  margin:16px 0;
}
.report-kpis div{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:18px;
  padding:15px;
  box-shadow:0 8px 20px rgba(15,23,42,.05);
}
.report-kpis span{
  display:block;
  color:#64748b;
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.report-kpis b{
  display:block;
  margin-top:7px;
  font-size:22px;
  color:#172033;
}
.report-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.report-card{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:22px;
  padding:18px;
  margin-bottom:16px;
  box-shadow:0 10px 24px rgba(15,23,42,.06);
  overflow:auto;
}
.report-card h3{
  margin:0 0 12px;
  color:#172033;
  font-size:18px;
}
.report-table{
  width:100%;
  border-collapse:collapse;
  font-size:13px;
}
.report-table th,.report-table td{
  border-bottom:1px solid #edf2f7;
  padding:10px;
  text-align:left;
  vertical-align:top;
}
.report-table th{
  color:#64748b;
  text-transform:uppercase;
  font-size:11px;
  letter-spacing:.06em;
  background:#f8fafc;
}
@media(max-width:1200px){
  .report-kpis{grid-template-columns:repeat(3,1fr)}
  .urg-report-toolbar,.report-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .report-kpis{grid-template-columns:1fr}
  .urg-report-filters{display:grid}
}
@media print{
  body:has(.urg-report-generator) .urg-side,
  body:has(.urg-report-generator) .urg-top,
  body:has(.urg-report-generator) .urg-panel:not([data-content="reports"]){
    display:none!important;
  }
  .urg-report-generator{padding:0!important}
  .urg-report-toolbar{box-shadow:none!important;border-radius:0!important}
  .report-card,.report-kpis div{box-shadow:none!important}
}

/* v2.8 working/error message */
.urg-inline-msg{
  grid-column:1/-1;
  border-radius:14px;
  padding:12px 14px;
  font-weight:900;
  margin-bottom:10px;
}
.urg-inline-msg.ok{background:#dcfce7;color:#166534;border:1px solid #86efac}
.urg-inline-msg.bad{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;white-space:pre-wrap}

/* v2.9 logo in forms + estimate preview */
.urg-form-logo{
  text-align:center;
  margin:0 auto 18px;
}
.urg-form-logo img{
  width:120px!important;
  max-width:120px!important;
  height:auto!important;
  object-fit:contain!important;
}
.urg-empty-token{
  text-align:center;
  max-width:720px;
}
.urg-empty-token h1,.urg-empty-token h2{
  color:#172033;
  margin:8px 0;
}
.urg-estimate-preview{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:16px;
  align-items:center;
  background:linear-gradient(135deg,#ecfdf5,#fff7ed);
  border:1px solid #bbf7d0;
  border-radius:18px;
  padding:16px;
  margin:2px 0;
}
.urg-estimate-preview div{
  background:#fff;
  border:1px solid #dcfce7;
  border-radius:14px;
  padding:14px;
}
.urg-estimate-preview span{
  display:block;
  color:#64748b;
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.urg-estimate-preview b{
  display:block;
  color:#166534;
  font-size:28px;
  margin-top:4px;
}
.urg-estimate-preview p{
  margin:0;
  color:#475569;
  font-weight:800;
  line-height:1.4;
}
@media(max-width:760px){
  .urg-estimate-preview{grid-template-columns:1fr}
  .urg-form-logo img{width:95px!important;max-width:95px!important}
}

/* v3.0 drawn signatures */
.urg-signature-pad-wrap{
  display:block;
  background:#fff;
  border:1px solid #dbe3ef;
  border-radius:18px;
  padding:14px;
}
.urg-signature-pad-wrap label{
  display:block!important;
  margin-bottom:10px;
  color:#334155;
  font-weight:900;
}
.urg-signature-pad{
  width:100%!important;
  height:190px!important;
  border:2px dashed #94a3b8!important;
  border-radius:16px!important;
  background:#fff!important;
  touch-action:none;
}
.signature-tools{
  display:flex;
  justify-content:flex-end;
  margin-top:10px;
}
.signature-tools button{
  min-height:38px!important;
  background:#f1f5f9!important;
  color:#172033!important;
  box-shadow:none!important;
  border:1px solid #dbe3ef!important;
  padding:8px 12px!important;
}
.urg-form-logo img{
  width:115px!important;
  max-width:115px!important;
}