:root{--black:#0a0a0a;--ink:#111;--muted:#727272;--line:#e9e9e9;--panel:#fff;--bg:#f7f7f5;--yellow:#f2c200;--yellow-soft:#fff8d8}*{box-sizing:border-box}html,body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input{font:inherit}.haro-app{display:flex;min-height:100vh}.haro-sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:#050505;color:#fff;padding:22px 14px;overflow:auto;border-right:1px solid #191919}.haro-brand{padding:0 8px 20px}.haro-brand img{display:block;width:145px;max-height:48px;object-fit:contain;object-position:left center}.haro-brand span{display:inline-block;margin-top:8px;background:var(--yellow);color:#111;font-size:10px;font-weight:800;padding:4px 8px;border-radius:5px}.haro-sidebar nav{display:grid;gap:4px}.haro-sidebar nav small{color:#777;font-size:10px;font-weight:800;letter-spacing:.08em;margin:17px 10px 6px}.haro-sidebar nav a{color:#dcdcdc;text-decoration:none;padding:10px 12px;border-radius:8px;font-size:13px;border-left:3px solid transparent}.haro-sidebar nav a:hover,.haro-sidebar nav a.active{background:#fff;color:#111;border-left-color:var(--yellow)}.haro-main{margin-left:232px;width:calc(100% - 232px);min-height:100vh}.haro-topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.haro-topbar h1{font-size:22px;margin:0}.haro-topbar p{font-size:12px;color:var(--muted);margin:3px 0 0}.haro-top-actions{display:flex;align-items:center;gap:16px}.haro-top-actions input{width:350px;border:1px solid var(--line);border-radius:8px;padding:11px 14px;background:#fcfcfc}.haro-user{display:grid;font-size:12px}.haro-user span{font-size:10px;color:var(--muted)}.haro-logout{color:#111;text-decoration:none;font-size:12px}.haro-content{padding:24px 28px 30px}.haro-period{display:flex;justify-content:flex-end;align-items:center;gap:9px;font-size:12px;margin-bottom:18px}.haro-period button,.haro-card-head button{background:#fff;border:1px solid var(--line);border-radius:7px;padding:8px 12px}.haro-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.haro-kpis article,.haro-card{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.02)}.haro-kpis article{padding:17px}.haro-kpis span{font-size:11px;font-weight:700}.haro-kpis strong{display:block;font-size:24px;margin:10px 0 16px}.haro-kpis small{display:block;border-top:1px solid var(--line);padding-top:11px;color:var(--muted)}.haro-grid-primary{display:grid;grid-template-columns:2.1fr 1fr;gap:14px;margin-top:14px}.haro-grid-secondary{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:14px;margin-top:14px}.haro-card{padding:17px}.haro-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.haro-card-head h2{font-size:15px;margin:0}.haro-card-head p{font-size:11px;color:var(--muted);margin:5px 0 0}.haro-badge{background:var(--yellow);border-radius:99px;padding:4px 8px;font-weight:800;font-size:11px}.haro-stages{display:grid;grid-template-columns:repeat(8,1fr);gap:0;margin-top:22px;border:1px solid var(--line);border-radius:8px;padding:20px 10px}.haro-stage{text-align:center;position:relative}.haro-stage:not(:last-child):after{content:"";position:absolute;right:-50%;top:7px;width:100%;height:1px;background:#d8d8d8}.haro-stage .dot{position:relative;z-index:2;width:10px;height:10px;background:#111;border:2px solid #fff;box-shadow:0 0 0 1px #111;border-radius:50%;display:block;margin:2px auto 12px}.haro-stage:last-child .dot{background:var(--yellow);box-shadow:0 0 0 1px #b58f00}.haro-stage b{display:block;font-size:10px}.haro-stage strong{display:block;font-size:19px;margin-top:10px}.haro-summary{display:grid;grid-template-columns:repeat(4,1fr);margin-top:12px;border:1px solid var(--line);border-radius:8px}.haro-summary div{padding:13px;text-align:center}.haro-summary div+div{border-left:1px solid var(--line)}.haro-summary span{font-size:10px;color:var(--muted);display:block}.haro-summary b{display:block;margin-top:5px}.haro-empty{min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;color:var(--muted);background:#fafafa;border:1px dashed #dedede;border-radius:8px;margin-top:18px}.haro-empty b{color:#222;font-size:12px;margin-bottom:6px}.haro-empty span{font-size:11px;max-width:280px}.haro-chart-placeholder{display:flex;align-items:center;gap:24px;justify-content:center;padding:28px 10px;color:var(--muted);font-size:11px}.ring{width:120px;height:120px;border-radius:50%;background:conic-gradient(#111 0 25%,#555 25% 50%,#aaa 50% 75%,#eee 75% 100%);position:relative}.ring:after{content:"";position:absolute;inset:28px;border-radius:50%;background:#fff}.haro-status{height:52px;background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;color:#666;font-size:10px}.haro-status span:first-child::first-letter{color:var(--yellow)}
.haro-login-body{background:#0a0a0a}.haro-login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.haro-login-brand{background:#050505;color:#fff;padding:64px;display:flex;flex-direction:column;justify-content:space-between}.haro-login-brand img{width:180px}.haro-eyebrow,.haro-kicker{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--yellow)}.haro-login-brand h1{font-size:52px;line-height:1.02;max-width:620px;margin:18px 0}.haro-login-brand p{color:#aaa;max-width:520px;line-height:1.6}.haro-login-card{background:#f6f6f4;display:flex;align-items:center;justify-content:center;padding:40px}.haro-login-card-inner{width:min(420px,100%);background:#fff;border:1px solid #e7e7e7;padding:34px;border-radius:12px}.haro-login-card h2{font-size:26px;margin:10px 0 5px}.haro-login-card p{color:#777;font-size:13px}.haro-login-card label{display:block;font-size:12px;font-weight:700;margin:14px 0 6px}.haro-login-card input[type=text],.haro-login-card input[type=password]{width:100%;border:1px solid #ddd;border-radius:8px;padding:12px}.haro-login-card .login-submit input{width:100%;background:#111;color:#fff;border:0;border-radius:8px;padding:13px;font-weight:800;cursor:pointer}.haro-login-card .login-submit input:hover{background:#262626}.haro-forgot{display:inline-block;margin-top:12px;color:#111;font-size:12px;text-decoration:none;border-bottom:2px solid var(--yellow)}
@media(max-width:1200px){.haro-kpis{grid-template-columns:repeat(3,1fr)}.haro-grid-primary,.haro-grid-secondary{grid-template-columns:1fr}.haro-stages{overflow:auto}.haro-stage{min-width:95px}.haro-top-actions input{display:none}}@media(max-width:760px){.haro-sidebar{width:76px}.haro-brand img{width:48px;object-fit:cover;object-position:left}.haro-brand span,.haro-sidebar nav small{display:none}.haro-sidebar nav a{font-size:0;text-align:center;padding:13px 6px}.haro-sidebar nav a:before{content:"•";font-size:20px}.haro-main{margin-left:76px;width:calc(100% - 76px)}.haro-topbar{padding:0 15px}.haro-user{display:none}.haro-content{padding:16px}.haro-kpis{grid-template-columns:repeat(2,1fr)}.haro-login-shell{grid-template-columns:1fr}.haro-login-brand{display:none}}
body.admin-bar .haro-sidebar{top:0!important}body.admin-bar .haro-topbar{top:0!important}.haro-notice{background:var(--yellow-soft);border:1px solid #ead477;padding:12px 15px;border-radius:8px;margin-bottom:16px;font-size:12px}.haro-module-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.haro-module-head h2{font-size:20px;margin:0 0 5px}.haro-module-head p{margin:0;color:var(--muted);font-size:12px}.haro-primary{border:0;background:#111;color:#fff;border-radius:8px;padding:11px 16px;font-weight:800;font-size:12px;cursor:pointer;border-bottom:3px solid var(--yellow)}.haro-form-card{display:none;background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;margin-bottom:16px}.haro-form-card.is-open{display:block}.haro-form-card h3{margin:0 0 16px;font-size:16px}.haro-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.haro-form-grid label{font-size:11px;font-weight:800}.haro-form-grid input,.haro-form-grid select,.haro-form-grid textarea{display:block;width:100%;margin-top:6px;border:1px solid #ddd;border-radius:7px;background:#fff;padding:10px 11px;min-height:39px}.haro-form-grid textarea{height:80px;resize:vertical}.haro-form-grid .span-2{grid-column:span 2}.haro-form-actions{display:flex;justify-content:flex-end;margin-top:16px}.haro-table-wrap{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:auto}.haro-table{width:100%;border-collapse:collapse;font-size:12px}.haro-table th{text-align:left;background:#fafafa;color:#666;font-size:10px;text-transform:uppercase;letter-spacing:.04em;padding:12px 14px;border-bottom:1px solid var(--line)}.haro-table td{padding:14px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.haro-table td b{display:block}.haro-table td small{display:block;color:#888;margin-top:3px}.haro-table tr:last-child td{border-bottom:0}.haro-table-empty{text-align:center!important;color:#888;padding:40px!important}.haro-status-pill{display:inline-block;background:#f5f5f5;border:1px solid #e7e7e7;border-left:3px solid var(--yellow);border-radius:5px;padding:5px 8px;font-size:10px}.haro-link{color:#111;text-decoration:none;font-weight:800;border-bottom:2px solid var(--yellow)}.haro-coming{background:#fff;border:1px solid var(--line);border-radius:10px;padding:55px;text-align:center}.haro-coming span{font-size:10px;font-weight:900;letter-spacing:.15em;color:#9a7a00}.haro-coming h2{font-size:28px;margin:10px 0}.haro-coming p{max-width:560px;margin:auto;color:#777;line-height:1.6}@media(max-width:1000px){.haro-form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.haro-form-grid{grid-template-columns:1fr}.haro-form-grid .span-2{grid-column:auto}.haro-module-head{align-items:flex-start;gap:12px}.haro-primary{white-space:nowrap}}
.haro-pipeline-strip{display:grid;grid-template-columns:repeat(8,1fr);background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:16px;overflow:hidden}.haro-pipeline-strip div{padding:15px 12px;text-align:center;position:relative}.haro-pipeline-strip div+div{border-left:1px solid var(--line)}.haro-pipeline-strip span{display:block;color:#666;font-size:10px;font-weight:700}.haro-pipeline-strip strong{display:block;font-size:20px;margin-top:6px}.haro-pipeline-strip div:last-child{box-shadow:inset 0 -3px 0 var(--yellow)}.haro-table small.is-late{color:#9b2500;font-weight:800}.haro-table small.is-late:before{content:"";display:inline-block;width:5px;height:5px;background:var(--yellow);border-radius:50%;margin-right:5px}@media(max-width:1100px){.haro-pipeline-strip{overflow:auto}.haro-pipeline-strip div{min-width:110px}}
/* =========================================================
   HaRO Company — Typography System v0.3.1
   Global hierarchy: clean, lighter, readable
   ========================================================= */
:root{
  --font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --fs-xs:11px;
  --fs-sm:12.5px;
  --fs-body:14px;
  --fs-control:14px;
  --fs-label:13px;
  --fs-card-title:16px;
  --fs-section:21px;
  --fs-page:24px;
  --fw-regular:400;
  --fw-medium:500;
  --fw-semibold:600;
}

html,body{
  font-family:var(--font-ui);
  font-size:var(--fs-body);
  font-weight:var(--fw-regular);
  line-height:1.45;
  letter-spacing:0;
}

/* Sidebar */
.haro-sidebar nav small{
  font-size:10.5px;
  font-weight:var(--fw-semibold);
  letter-spacing:.09em;
}
.haro-sidebar nav a{
  font-size:13.5px;
  font-weight:var(--fw-regular);
  line-height:1.25;
}
.haro-brand span{
  font-size:10px;
  font-weight:var(--fw-semibold);
}

/* Topbar */
.haro-topbar h1{
  font-size:var(--fs-page);
  line-height:1.15;
  font-weight:var(--fw-semibold);
}
.haro-topbar p{
  font-size:13px;
  line-height:1.35;
}
.haro-top-actions input{
  font-size:13.5px;
  font-weight:var(--fw-regular);
}
.haro-user{
  font-size:13px;
  font-weight:var(--fw-medium);
}
.haro-user span,
.haro-logout{
  font-size:11.5px;
  font-weight:var(--fw-regular);
}

/* Page/module headings */
.haro-module-head h2{
  font-size:var(--fs-section);
  line-height:1.2;
  font-weight:var(--fw-semibold);
}
.haro-module-head p{
  font-size:13px;
  line-height:1.45;
  font-weight:var(--fw-regular);
}

/* Buttons */
.haro-primary{
  font-size:13px;
  font-weight:var(--fw-semibold);
}
.haro-period,
.haro-period button,
.haro-card-head button{
  font-size:12.5px;
  font-weight:var(--fw-regular);
}

/* KPI cards */
.haro-kpis span{
  font-size:12.5px;
  font-weight:var(--fw-medium);
}
.haro-kpis strong{
  font-size:26px;
  line-height:1.1;
  font-weight:var(--fw-semibold);
}
.haro-kpis small{
  font-size:12px;
  line-height:1.4;
}

/* Cards */
.haro-card-head h2{
  font-size:var(--fs-card-title);
  font-weight:var(--fw-semibold);
  line-height:1.25;
}
.haro-card-head p{
  font-size:12.5px;
  line-height:1.45;
}
.haro-badge{
  font-size:11.5px;
  font-weight:var(--fw-semibold);
}

/* Dashboard pipeline */
.haro-stage b{
  font-size:11.5px;
  font-weight:var(--fw-medium);
}
.haro-stage strong{
  font-size:21px;
  font-weight:var(--fw-semibold);
}
.haro-summary span{
  font-size:11.5px;
}
.haro-summary b{
  font-size:14px;
  font-weight:var(--fw-semibold);
}

/* Opportunity pipeline strip */
.haro-pipeline-strip span{
  font-size:11.5px;
  font-weight:var(--fw-medium);
  line-height:1.3;
}
.haro-pipeline-strip strong{
  font-size:21px;
  font-weight:var(--fw-semibold);
}

/* Forms */
.haro-form-card h3{
  font-size:17px;
  font-weight:var(--fw-semibold);
}
.haro-form-grid label{
  font-size:var(--fs-label);
  font-weight:var(--fw-semibold);
  line-height:1.35;
}
.haro-form-grid input,
.haro-form-grid select,
.haro-form-grid textarea{
  font-size:var(--fs-control);
  font-weight:var(--fw-regular);
  line-height:1.35;
}
.haro-form-grid input::placeholder,
.haro-form-grid textarea::placeholder{
  font-size:13.5px;
  font-weight:var(--fw-regular);
  color:#8a8a8a;
  opacity:1;
}

/* Tables */
.haro-table{
  font-size:13px;
}
.haro-table th{
  font-size:11px;
  font-weight:var(--fw-semibold);
  letter-spacing:.045em;
}
.haro-table td{
  font-size:13px;
  line-height:1.4;
}
.haro-table td b{
  font-weight:var(--fw-semibold);
}
.haro-table td small{
  font-size:11.5px;
}
.haro-status-pill{
  font-size:11px;
  font-weight:var(--fw-medium);
}
.haro-link{
  font-weight:var(--fw-semibold);
}

/* Empty / notices / coming soon */
.haro-notice{
  font-size:12.5px;
  line-height:1.45;
}
.haro-empty b{
  font-size:13px;
  font-weight:var(--fw-semibold);
}
.haro-empty span{
  font-size:12px;
  line-height:1.45;
}
.haro-coming span{
  font-size:10.5px;
  font-weight:var(--fw-semibold);
}
.haro-coming h2{
  font-size:27px;
  font-weight:var(--fw-semibold);
}
.haro-coming p{
  font-size:14px;
}

/* Footer/status */
.haro-status{
  font-size:11px;
  line-height:1.35;
}

/* Login */
.haro-eyebrow,.haro-kicker{
  font-size:11px;
  font-weight:var(--fw-semibold);
}
.haro-login-brand h1{
  font-weight:var(--fw-semibold);
}
.haro-login-card h2{
  font-size:25px;
  font-weight:var(--fw-semibold);
}
.haro-login-card p{
  font-size:13.5px;
}
.haro-login-card label{
  font-size:13px;
  font-weight:var(--fw-semibold);
}
.haro-login-card input[type=text],
.haro-login-card input[type=password]{
  font-size:14px;
  font-weight:var(--fw-regular);
}
.haro-login-card .login-submit input{
  font-size:13.5px;
  font-weight:var(--fw-semibold);
}

/* v0.5.1 */
.haro-commercial-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid #e5e5e5;border-radius:12px;overflow:hidden;background:#e5e5e5;margin:4px 0 8px}
.haro-commercial-preview>div{background:#fff;padding:14px 16px}
.haro-commercial-preview span{display:block;font-size:11.5px;font-weight:500;color:#777;margin-bottom:5px}
.haro-commercial-preview strong{font-size:16px;font-weight:600;color:#111}
@media(max-width:900px){.haro-commercial-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v0.6.0 — propostas */
.haro-proposal-sheet{max-width:980px;margin:0 auto 22px;background:#fff;border:1px solid #dedede;border-radius:14px;padding:30px}
.haro-proposal-top{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #e8e8e8;padding-bottom:22px}
.haro-proposal-top span,.haro-proposal-client span,.haro-proposal-grid span,.haro-proposal-values span,.haro-proposal-notes span{font-size:11px;font-weight:600;letter-spacing:.05em;color:#777}
.haro-proposal-top h2{font-size:28px;font-weight:600;margin:6px 0 2px}
.haro-proposal-top p{margin:0;font-size:13px;color:#666}
.haro-proposal-status{align-self:flex-start;border-left:3px solid #f2cc00;padding:8px 12px;font-size:12px;font-weight:600;background:#fafafa}
.haro-proposal-client{padding:24px 0}.haro-proposal-client strong{display:block;font-size:20px;font-weight:600;margin-top:5px}.haro-proposal-client small{font-size:12px;color:#777}
.haro-proposal-grid,.haro-proposal-values{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e5e5e5;border-radius:10px;overflow:hidden}
.haro-proposal-grid>div,.haro-proposal-values>div{padding:16px;border-right:1px solid #e5e5e5}.haro-proposal-grid>div:last-child,.haro-proposal-values>div:last-child{border-right:0}
.haro-proposal-grid strong,.haro-proposal-values strong{display:block;font-size:14px;font-weight:600;margin-top:5px}
.haro-proposal-values{grid-template-columns:repeat(3,1fr);margin-top:14px}.haro-proposal-values strong{font-size:19px}.haro-proposal-values .featured{border-bottom:3px solid #f2cc00}
.haro-proposal-notes{padding:22px 0}.haro-proposal-notes p{font-size:13px;line-height:1.6}
.haro-proposal-foot{display:flex;justify-content:space-between;border-top:1px solid #e8e8e8;padding-top:15px;font-size:11.5px;color:#777}
.haro-proposal-actions{display:flex;flex-wrap:wrap;gap:8px;max-width:980px;margin:0 auto 24px}.haro-proposal-actions form{margin:0}
.haro-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:1px solid #d7d7d7;background:#fff;color:#111;border-radius:8px;font-size:12.5px;font-weight:500;text-decoration:none;cursor:pointer}
@media(max-width:900px){.haro-proposal-grid{grid-template-columns:repeat(2,1fr)}.haro-proposal-values{grid-template-columns:1fr}.haro-proposal-grid>div,.haro-proposal-values>div{border-bottom:1px solid #e5e5e5}}

/* v0.7.0 — contratos */
.haro-head-actions{display:flex;gap:8px}
.haro-contract-sheet{max-width:980px;margin:0 auto 22px;background:#fff;border:1px solid #dedede;border-radius:14px;padding:30px}
.haro-contract-meta{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1px;background:#e5e5e5;border:1px solid #e5e5e5;border-radius:10px;overflow:hidden;margin:22px 0}
.haro-contract-meta>div{background:#fff;padding:16px}.haro-contract-meta span{display:block;font-size:10.5px;font-weight:600;letter-spacing:.05em;color:#777}.haro-contract-meta strong{display:block;font-size:15px;font-weight:600;margin-top:5px}.haro-contract-meta small{font-size:11.5px;color:#777}
.haro-contract-body{font-size:13.5px;line-height:1.75;color:#222;padding:10px 2px 25px}.haro-contract-body p{margin:0 0 15px}
.haro-subsection{margin:30px 0 12px}.haro-subsection h3{font-size:17px;font-weight:600;margin:0 0 4px}.haro-subsection p{font-size:12.5px;color:#777;margin:0}
@media(max-width:900px){.haro-contract-meta{grid-template-columns:1fr}}

/* v0.8.0 — implantação */
.haro-implementation-head{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border:1px solid #e2e2e2;border-radius:12px;background:#fff}.haro-implementation-head span{font-size:10.5px;font-weight:600;letter-spacing:.05em;color:#777}.haro-implementation-head h2{font-size:23px;font-weight:600;margin:5px 0 2px}.haro-implementation-head p{font-size:12px;color:#777;margin:0}.haro-progress-big{text-align:right}.haro-progress-big strong{display:block;font-size:27px;font-weight:600}.haro-progress-big span{font-size:11px}.haro-progress{height:5px;background:#eee;margin:12px 0 20px;border-radius:99px;overflow:hidden}.haro-progress i,.haro-mini-progress i{display:block;height:100%;background:#f2cc00}.haro-checklist{border:1px solid #e2e2e2;border-radius:12px;overflow:hidden;background:#fff}.haro-check-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 17px;border-bottom:1px solid #ececec}.haro-check-item:last-child{border-bottom:0}.haro-check-item>div:first-child{display:grid;grid-template-columns:14px 1fr;column-gap:10px;align-items:center}.haro-check-item strong{font-size:13.5px;font-weight:600}.haro-check-item small{grid-column:2;font-size:11px;color:#777;margin-top:2px}.haro-check-state{width:10px;height:10px;border:1px solid #999;border-radius:50%}.haro-check-state.received{border:3px solid #777}.haro-check-state.approved{background:#f2cc00;border-color:#f2cc00}.haro-check-actions{display:flex;gap:6px}.haro-check-actions form{margin:0}.haro-mini-progress{width:110px;height:4px;background:#eee;border-radius:99px;overflow:hidden;margin-bottom:4px}

/* =========================================================
   v0.8.1 — Form layout system / Oportunidades
   ========================================================= */

.haro-form-section-label{
  grid-column:1 / -1;
  margin:8px 0 0;
  padding-top:14px;
  border-top:1px solid #ececec;
  font-size:10.5px;
  font-weight:600;
  letter-spacing:.075em;
  text-transform:uppercase;
  color:#777;
}
.haro-opportunity-grid > .haro-form-section-label:first-child{
  border-top:0;
  padding-top:0;
  margin-top:0;
}

.haro-opportunity-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:14px;
  row-gap:14px;
  align-items:end;
}

/* first row */
.haro-opportunity-grid .opp-company{grid-column:span 4}
.haro-opportunity-grid .opp-title{grid-column:span 5}
.haro-opportunity-grid .opp-stage{grid-column:span 3}

/* catalog */
.haro-opportunity-grid .opp-solution{grid-column:span 4}
.haro-opportunity-grid .opp-product{grid-column:span 4}
.haro-opportunity-grid .opp-plan{grid-column:span 4}

/* ownership/commercial */
.haro-opportunity-grid .opp-value{grid-column:span 4}
.haro-opportunity-grid .opp-partner{grid-column:span 4}
.haro-opportunity-grid .opp-representative{grid-column:span 4}

/* commercial summary */
.haro-opportunity-grid .opp-commercial-summary{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  width:100%;
  margin:0;
  min-height:78px;
}
.haro-opportunity-grid .opp-commercial-summary>div{
  padding:15px 18px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.haro-opportunity-grid .opp-commercial-summary span{
  font-size:11.5px;
  margin-bottom:6px;
}
.haro-opportunity-grid .opp-commercial-summary strong{
  font-size:17px;
  line-height:1.15;
}

/* next action */
.haro-opportunity-grid .opp-next-date{grid-column:span 4}
.haro-opportunity-grid .opp-next-action{grid-column:span 8}

.haro-opportunity-grid label{
  min-width:0;
}
.haro-opportunity-grid input,
.haro-opportunity-grid select,
.haro-opportunity-grid textarea{
  width:100%;
  min-height:44px;
}
.haro-opportunity-grid input[type="datetime-local"]{
  min-width:0;
}

/* give forms more breathing room globally */
.haro-form-card{
  padding:22px;
}
.haro-form-grid{
  row-gap:14px;
  column-gap:14px;
}
.haro-form-actions{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid #ededed;
}

/* remove the cramped card feeling */
.haro-form-card h3{
  margin-bottom:18px;
}

/* Responsive */
@media(max-width:1100px){
  .haro-opportunity-grid .opp-company,
  .haro-opportunity-grid .opp-title,
  .haro-opportunity-grid .opp-stage,
  .haro-opportunity-grid .opp-solution,
  .haro-opportunity-grid .opp-product,
  .haro-opportunity-grid .opp-plan,
  .haro-opportunity-grid .opp-value,
  .haro-opportunity-grid .opp-partner,
  .haro-opportunity-grid .opp-representative{
    grid-column:span 6;
  }
  .haro-opportunity-grid .opp-next-date{grid-column:span 5}
  .haro-opportunity-grid .opp-next-action{grid-column:span 7}
}

@media(max-width:760px){
  .haro-opportunity-grid{
    grid-template-columns:1fr;
  }
  .haro-opportunity-grid .opp-company,
  .haro-opportunity-grid .opp-title,
  .haro-opportunity-grid .opp-stage,
  .haro-opportunity-grid .opp-solution,
  .haro-opportunity-grid .opp-product,
  .haro-opportunity-grid .opp-plan,
  .haro-opportunity-grid .opp-value,
  .haro-opportunity-grid .opp-partner,
  .haro-opportunity-grid .opp-representative,
  .haro-opportunity-grid .opp-next-date,
  .haro-opportunity-grid .opp-next-action,
  .haro-opportunity-grid .opp-commercial-summary,
  .haro-form-section-label{
    grid-column:1;
  }
  .haro-opportunity-grid .opp-commercial-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* v0.9.0 — role-aware partner / representative panels */
.haro-brand em{display:block;margin-top:7px;color:#aaa;font-size:10.5px;font-style:normal;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:165px}
.haro-dashboard-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}.haro-dashboard-intro>div:first-child>span{display:block;font-size:10.5px;font-weight:600;letter-spacing:.08em;color:#777}.haro-dashboard-intro>div:first-child>strong{display:block;font-size:18px;font-weight:600;margin-top:3px}
.haro-alert-block{display:flex;flex-direction:column;justify-content:center;min-height:150px;padding:22px;border:1px solid #ececec;border-radius:10px}.haro-alert-block strong{font-size:14px;font-weight:600}.haro-alert-block span{font-size:12px;color:#777;margin:5px 0 16px}.haro-alert-block a{font-size:12px;font-weight:600;color:#111;text-decoration:none;border-bottom:2px solid #f2cc00;align-self:flex-start}
.haro-commission-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.haro-commission-kpis article{border:1px solid #e1e1e1;border-radius:12px;background:#fff;padding:18px}.haro-commission-kpis span{display:block;font-size:12px;font-weight:500}.haro-commission-kpis strong{display:block;font-size:24px;font-weight:600;margin:7px 0 12px}.haro-commission-kpis small{display:block;border-top:1px solid #eee;padding-top:10px;font-size:11.5px;color:#777}
@media(max-width:800px){.haro-dashboard-intro{align-items:flex-start;flex-direction:column}.haro-commission-kpis{grid-template-columns:1fr}}

/* v0.9.1 — partner onboarding + PIN login */
.haro-partner-card{padding:24px}.haro-partner-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;align-items:end}.haro-partner-grid .haro-form-section-label{grid-column:1/-1}.haro-partner-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;min-width:0}.haro-partner-grid input,.haro-partner-grid select,.haro-partner-grid textarea{width:100%;min-height:44px;border:1px solid #ddd;border-radius:8px;padding:10px 12px;background:#fff;font:inherit;font-weight:400;box-sizing:border-box}.haro-partner-grid textarea{min-height:94px;resize:vertical}.p-name{grid-column:span 3}.p-legal{grid-column:span 4}.p-document{grid-column:span 3}.p-city{grid-column:span 1}.p-state{grid-column:span 1}.p-contact{grid-column:span 3}.p-cpf{grid-column:span 2}.p-email{grid-column:span 4}.p-phone{grid-column:span 3}.p-region{grid-column:span 5}.p-commission{grid-column:span 3}.p-status{grid-column:span 4}.p-notes{grid-column:1/-1}.haro-partner-access{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr 1fr;border:1px solid #dedede;border-radius:10px;overflow:hidden}.haro-partner-access>div{padding:14px 16px;border-right:1px solid #e8e8e8}.haro-partner-access>div:last-child{border-right:0}.haro-partner-access span{display:block;font-size:10.5px;color:#777;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.haro-partner-access strong{display:block;font-size:14px;font-weight:600;margin-top:5px}.haro-partner-access small{font-size:11px;color:#777}.haro-pin-reset-form{display:flex;justify-content:flex-end;margin-top:-58px;margin-bottom:18px;margin-right:145px}.haro-access-created{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e0c000;border:1px solid #e0c000;border-radius:12px;overflow:hidden;margin-bottom:16px}.haro-access-created>div{background:#fffceb;padding:16px 18px}.haro-access-created span{display:block;font-size:10px;font-weight:700;letter-spacing:.08em;color:#796800}.haro-access-created strong{display:block;font-size:21px;font-weight:600;margin:5px 0}.haro-access-created small{font-size:11.5px;color:#6d6550}
.haro-pin-form{margin-top:22px}.haro-pin-form label{display:block;font-size:13px;font-weight:600;margin:14px 0 6px}.haro-pin-form>input[type=text],.haro-pin-form>input[type=password]{width:100%;height:46px;border:1px solid #d8d8d8;border-radius:8px;padding:0 13px;font-size:14px;box-sizing:border-box;background:#fff}.haro-pin-form input[name=pin]{font-size:20px;letter-spacing:.18em}.haro-login-remember{display:flex!important;align-items:center;gap:8px;font-size:12px!important;font-weight:400!important}.haro-login-button{width:100%;height:46px;margin-top:8px;border:0;border-bottom:3px solid #f2cc00;border-radius:8px;background:#111;color:#fff;font-size:13.5px;font-weight:600;cursor:pointer}.haro-login-help{display:block;margin-top:13px;font-size:11.5px;color:#888}.haro-login-error{background:#fff3f1;border:1px solid #e8c2bb;border-radius:8px;padding:10px 12px;font-size:12px;color:#7e281b;margin-top:15px}
@media(max-width:1100px){.p-name,.p-legal,.p-document,.p-contact,.p-cpf,.p-email,.p-phone,.p-region,.p-commission,.p-status{grid-column:span 6}.p-city{grid-column:span 4}.p-state{grid-column:span 2}.haro-pin-reset-form{margin:10px 0 0;justify-content:flex-start}}
@media(max-width:720px){.haro-partner-grid{grid-template-columns:1fr}.haro-partner-grid label,.p-name,.p-legal,.p-document,.p-city,.p-state,.p-contact,.p-cpf,.p-email,.p-phone,.p-region,.p-commission,.p-status,.p-notes,.haro-partner-access,.haro-form-section-label{grid-column:1}.haro-partner-access,.haro-access-created{grid-template-columns:1fr}.haro-partner-access>div{border-right:0;border-bottom:1px solid #e8e8e8}}

/* v0.9.2 route hardening */
body.haro-login-body{margin:0!important}

/* v0.9.5 — PIN reveal */
.haro-pin-view{min-width:260px}.haro-pin-row{display:flex;align-items:center;gap:8px;margin-top:5px}.haro-pin-row input{width:112px!important;height:34px!important;border:1px solid #ddd!important;border-radius:6px!important;padding:0 9px!important;font-size:14px!important;letter-spacing:.12em!important;background:#fafafa!important}.haro-pin-toggle{height:34px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;padding:0 12px;font-size:11.5px;font-weight:600;cursor:pointer}.haro-pin-toggle:hover{border-color:#111}

/* v0.9.6 — server-side PIN reveal */
.haro-pin-row{display:flex;align-items:center;gap:10px;margin-top:6px}
.haro-pin-number,.haro-pin-masked{display:inline-flex;align-items:center;min-width:112px;height:34px;padding:0 10px;border:1px solid #ddd;border-radius:6px;background:#fafafa;font-size:14px!important;font-weight:600!important;letter-spacing:.12em}
.haro-pin-toggle{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 13px;border:1px solid #d8d8d8;border-radius:6px;background:#fff;color:#111;text-decoration:none;font-size:11.5px;font-weight:600}
.haro-pin-toggle:hover{border-color:#111}

/* v0.10.0 — equipe comercial e acesso individual */
.haro-team-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;align-items:end}.haro-team-grid .haro-form-section-label{grid-column:1/-1}.haro-team-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.haro-team-grid label small{font-size:10.5px;color:#888;font-weight:400}.haro-team-grid input,.haro-team-grid select{width:100%;height:44px;border:1px solid #ddd;border-radius:8px;padding:0 12px;font:inherit;font-weight:400;background:#fff;box-sizing:border-box}.t-name{grid-column:span 3}.t-email{grid-column:span 3}.t-phone{grid-column:span 2}.t-partner{grid-column:span 2}.t-role{grid-column:span 2}.t-commission{grid-column:span 6}.t-status{grid-column:span 6}.haro-team-access{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.5fr 1.4fr;border:1px solid #dedede;border-radius:10px;overflow:hidden}.haro-team-access>div{padding:14px 16px;border-right:1px solid #e8e8e8}.haro-team-access>div:last-child{border-right:0}.haro-team-access span{display:block;font-size:10.5px;font-weight:600;color:#777;letter-spacing:.05em;text-transform:uppercase}.haro-team-access strong{display:block;margin-top:5px;font-size:14px;font-weight:600}.haro-team-reset{display:flex;justify-content:flex-start;margin-top:12px}
@media(max-width:1050px){.t-name,.t-email,.t-phone,.t-partner,.t-role,.t-commission,.t-status{grid-column:span 6}}
@media(max-width:720px){.haro-team-grid{grid-template-columns:1fr}.haro-team-grid label,.haro-team-grid .haro-form-section-label,.haro-team-access{grid-column:1}.haro-team-access{grid-template-columns:1fr}.haro-team-access>div{border-right:0;border-bottom:1px solid #e8e8e8}}

/* v0.10.1 — vínculo comercial automático */
.haro-opportunity-grid label small{display:block;margin-top:5px;font-size:10.5px;font-weight:400;color:#888}
.haro-commercial-policy{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:10px 12px;border-left:3px solid #f2cc00;background:#fafafa}
.haro-commercial-policy span{font-size:10px;font-weight:700;letter-spacing:.06em;color:#666;white-space:nowrap}
.haro-commercial-policy p{margin:0;font-size:11.5px;color:#777;line-height:1.4}

/* v0.11.0 — carteira comercial / empresa 360 */
.haro-company-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;align-items:end}.haro-company-grid .haro-form-section-label{grid-column:1/-1}.haro-company-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.haro-company-grid label small{font-size:10.5px;font-weight:400;color:#888}.haro-company-grid input,.haro-company-grid select{width:100%;height:44px;border:1px solid #ddd;border-radius:8px;padding:0 12px;background:#fff;font:inherit;font-weight:400;box-sizing:border-box}.c-name{grid-column:span 3}.c-legal{grid-column:span 4}.c-doc{grid-column:span 3}.c-city{grid-column:span 1}.c-state{grid-column:span 1}.c-contact{grid-column:span 4}.c-email{grid-column:span 4}.c-phone{grid-column:span 4}.c-partner{grid-column:span 4}.c-owner{grid-column:span 4}.c-status{grid-column:span 4}
.haro-client-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;border:1px solid #e1e1e1;border-radius:12px;background:#fff}.haro-client-head span{font-size:10px;font-weight:700;letter-spacing:.08em;color:#777}.haro-client-head h2{font-size:25px;font-weight:600;margin:5px 0 3px}.haro-client-head p{font-size:12px;color:#777;margin:0}.haro-client-head-actions{display:flex;gap:8px}.haro-primary-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:8px;background:#111;color:#fff;border-bottom:3px solid #f2cc00;text-decoration:none;font-size:12.5px;font-weight:600}
.haro-client-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:12px 0 16px}.haro-client-kpis article{background:#fff;border:1px solid #e1e1e1;border-radius:10px;padding:14px}.haro-client-kpis span{display:block;font-size:11px;color:#777}.haro-client-kpis strong{display:block;font-size:18px;font-weight:600;margin-top:6px}
.haro-client-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:14px}.haro-client-data{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #eee;border-radius:9px;overflow:hidden}.haro-client-data>div{padding:13px 14px;border-bottom:1px solid #eee}.haro-client-data>div:nth-child(odd){border-right:1px solid #eee}.haro-client-data span{display:block;font-size:10.5px;color:#777}.haro-client-data strong{display:block;font-size:13px;font-weight:600;margin-top:4px;word-break:break-word}.haro-client-timeline{border:1px solid #eee;border-radius:9px;overflow:hidden}.haro-client-timeline a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border-bottom:1px solid #eee;color:#111;text-decoration:none}.haro-client-timeline a:last-child{border-bottom:0}.haro-client-timeline strong{display:block;font-size:13px;font-weight:600}.haro-client-timeline small{display:block;font-size:10.5px;color:#777;margin-top:3px}.haro-client-timeline b{font-size:12px;font-weight:600;white-space:nowrap}
@media(max-width:1100px){.c-name,.c-legal,.c-doc,.c-city,.c-state,.c-contact,.c-email,.c-phone,.c-partner,.c-owner,.c-status{grid-column:span 6}.haro-client-kpis{grid-template-columns:repeat(3,1fr)}.haro-client-grid{grid-template-columns:1fr}}
@media(max-width:720px){.haro-company-grid{grid-template-columns:1fr}.haro-company-grid label,.haro-company-grid .haro-form-section-label{grid-column:1}.haro-client-head{flex-direction:column}.haro-client-kpis{grid-template-columns:repeat(2,1fr)}.haro-client-data{grid-template-columns:1fr}.haro-client-data>div:nth-child(odd){border-right:0}}

/* v0.12.0 — oportunidade -> proposta */
.haro-row-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.haro-link-strong{font-weight:600;border-bottom:2px solid #f2cc00}
.haro-proposal-source{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e1e1e1;border-radius:10px;overflow:hidden;background:#e8e8e8;gap:1px}.haro-proposal-source>div{background:#fff;padding:13px 14px}.haro-proposal-source span{display:block;font-size:10.5px;color:#777}.haro-proposal-source strong{display:block;margin-top:5px;font-size:13.5px;font-weight:600}.haro-notice{padding:11px 13px;margin-bottom:14px;border-left:3px solid #f2cc00;background:#fafafa;font-size:12.5px}
@media(max-width:900px){.haro-proposal-source{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v0.13.0 — proposta aprovada -> contrato */
.haro-contract-source{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e1e1e1;border-radius:10px;overflow:hidden;background:#e8e8e8;gap:1px}.haro-contract-source>div{background:#fff;padding:13px 14px}.haro-contract-source span{display:block;font-size:10.5px;color:#777}.haro-contract-source strong{display:block;margin-top:5px;font-size:13.5px;font-weight:600}.haro-proposal-actions{flex-wrap:wrap}
@media(max-width:900px){.haro-contract-source{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v0.13.1 — estados vazios e catálogo opcional */
.haro-opportunity-grid label>small,.haro-form-grid label>small{display:block;margin-top:5px;font-size:10.5px;font-weight:400;color:#8a8a8a;line-height:1.35}

/* v0.13.2 — próxima ação assistida */
.opp-next-date>small,.opp-next-action>small{display:block;margin:2px 0 6px;font-size:10.5px;font-weight:400;color:#8a8a8a}

/* v0.14.0 — contrato operacional */
.haro-contract-warning{margin:0 0 16px;padding:14px 16px;border-left:3px solid #f2cc00;background:#fffbea}.haro-contract-warning strong{display:block;font-size:13px;font-weight:600}.haro-contract-warning span{display:block;margin-top:4px;font-size:11.5px;color:#766b43}.haro-contract-flow{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid #e6e6e6;border-radius:8px;background:#fafafa}.haro-contract-flow span{font-size:10px;font-weight:700;letter-spacing:.06em;color:#777}.haro-contract-flow strong{font-size:12px;font-weight:600}.haro-contract-next{margin-top:18px;padding:13px 15px;border-left:3px solid #f2cc00;background:#fafafa}.haro-contract-next span{display:block;font-size:10px;font-weight:700;letter-spacing:.06em;color:#777}.haro-contract-next strong{display:block;margin-top:5px;font-size:12.5px;font-weight:600}.haro-primary:disabled{opacity:.45;cursor:not-allowed}

/* v0.15.0 — documento PDF oficial */
.haro-pdf-button{border-bottom:2px solid #f2cc00}.haro-contract-document-meta{display:grid;grid-template-columns:1fr 1.5fr;gap:1px;margin-top:16px;border:1px solid #e6e6e6;border-radius:8px;overflow:hidden;background:#e6e6e6}.haro-contract-document-meta>div{background:#fff;padding:12px 14px}.haro-contract-document-meta span{display:block;font-size:9.5px;font-weight:700;letter-spacing:.06em;color:#777}.haro-contract-document-meta strong{display:block;margin-top:4px;font-size:11.5px;font-weight:600}.haro-proposal-actions{align-items:center}
@media(max-width:720px){.haro-contract-document-meta{grid-template-columns:1fr}}

/* v0.16.3 — document safeguards */
.haro-contract-warning{border-radius:8px}
\n/* v0.19.0 — Soluções / parceiro x vertical */\n.haro-action-menu{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.haro-action-menu form{margin:0}.haro-link-button{border:0;background:transparent;padding:0;color:#111;font:inherit;font-size:12px;font-weight:600;cursor:pointer;text-decoration:underline;text-decoration-color:#f2cc00;text-underline-offset:4px}.haro-link-button.haro-danger{color:#777;text-decoration-color:#bbb}.haro-source-pill{display:inline-flex;padding:5px 8px;border:1px solid #e1e1e1;border-radius:6px;background:#fafafa;font-size:10.5px;color:#666}.haro-muted{font-size:12px;color:#777;line-height:1.55;max-width:920px}.haro-muted-value{font-size:11.5px;color:#888}.haro-table td small{display:block;margin-top:4px;color:#777;font-size:10.5px}\n
/* v0.20.0 — API por vertical */
.haro-api-card{border-top:3px solid #f2cc00}.haro-api-kicker{font-size:10px;font-weight:700;letter-spacing:.09em;color:#777}.haro-api-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #e5e5e5;border-radius:9px;overflow:hidden;margin:16px 0}.haro-api-grid>div{padding:12px 14px;border-bottom:1px solid #eee}.haro-api-grid>div:nth-child(odd){border-right:1px solid #eee}.haro-api-grid span{display:block;font-size:10px;color:#777;text-transform:uppercase;letter-spacing:.05em}.haro-api-grid strong{display:block;margin-top:5px;font-size:12px;font-weight:600;word-break:break-all}.haro-api-secret{padding:14px 16px;border:1px solid #e5cb53;background:#fffbea;border-radius:8px;margin:14px 0}.haro-api-secret span,.haro-api-secret strong,.haro-api-secret small{display:block}.haro-api-secret span{font-size:10px;font-weight:700;letter-spacing:.07em;color:#786a21}.haro-api-secret strong{font-family:monospace;font-size:13px;margin:7px 0;word-break:break-all}.haro-api-secret small{font-size:11px;color:#756e4d}.haro-api-endpoints{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}.haro-api-endpoints code{padding:6px 8px;background:#f5f5f5;border:1px solid #e2e2e2;border-radius:5px;font-size:10.5px}.haro-api-card .haro-form-actions{gap:8px}.haro-api-card .haro-form-actions form{margin:0}@media(max-width:800px){.haro-api-grid{grid-template-columns:1fr}.haro-api-grid>div:nth-child(odd){border-right:0}}

/* v0.21.0 — ambientes API e hardening */
.haro-api-env-tabs{display:inline-flex;border:1px solid #ddd;border-radius:8px;padding:3px;margin:12px 0;background:#f7f7f7}.haro-api-env-tabs a{padding:7px 13px;border-radius:6px;text-decoration:none;color:#666;font-size:11px;font-weight:600}.haro-api-env-tabs a.active{background:#111;color:#fff;box-shadow:inset 0 -2px #ffd400}.haro-api-endpoints small{display:block;width:100%;font-size:10px;color:#777;margin-top:4px}

/* v0.21.1 — ações claras e acesso direto à API */
.haro-solution-actions{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:130px}
.haro-solution-actions form{margin:0;width:100%}
.haro-action-link{display:block;width:100%;padding:3px 0;border:0;background:transparent;text-align:left;font-size:11.5px;line-height:1.25;text-decoration:none;color:#222;cursor:pointer;font-family:inherit}
.haro-action-link:hover{text-decoration:underline}
.haro-api-action{font-weight:700;color:#111;border-left:3px solid #ffd400;padding-left:8px;margin:2px 0}
.haro-action-button{appearance:none}
.haro-edit-context-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #e6e6e6;border-left:4px solid #ffd400;background:#fafafa;border-radius:8px;padding:12px 14px;margin:0 0 14px}
.haro-edit-context-bar span{display:block;font-size:9px;font-weight:700;letter-spacing:.08em;color:#777;margin-bottom:3px}
.haro-edit-context-bar strong{font-size:13px}
.haro-api-config-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;background:#111;color:#fff;text-decoration:none;border-radius:7px;border-bottom:3px solid #ffd400;font-size:11px;font-weight:700;white-space:nowrap}
.haro-api-config-button:hover{color:#fff}
.haro-api-section-label{font-size:9px;font-weight:700;letter-spacing:.08em;color:#777;margin:15px 0 5px}
@media(max-width:760px){.haro-edit-context-bar{align-items:flex-start;flex-direction:column}.haro-api-config-button{width:100%}}

/* v0.21.2 — correção de renderização do painel API */
.haro-api-card.is-open{display:block!important}

/* v0.21.3 — feedback persistência de credencial */
.haro-api-success,.haro-api-error{padding:12px 14px;border-radius:8px;margin:12px 0;border:1px solid #ddd;background:#fafafa}
.haro-api-success{border-left:4px solid #ffd400}.haro-api-error{border-left:4px solid #222}
.haro-api-success strong,.haro-api-error strong,.haro-api-success span,.haro-api-error span{display:block}
.haro-api-success span,.haro-api-error span{font-size:11px;color:#666;margin-top:4px}
.haro-api-empty-note{display:block;font-size:10px;color:#888;margin-top:4px}

/* v0.22.0 — credenciamento comercial + permissões */
.haro-credential-section{margin:18px 0 20px}.haro-section-title{display:flex;justify-content:space-between;gap:20px;margin-bottom:11px}.haro-section-title span{font-size:9px;font-weight:700;letter-spacing:.09em;color:#777}.haro-section-title h3{margin:3px 0 4px;font-size:17px}.haro-section-title p{margin:0;max-width:850px;font-size:11.5px;color:#666;line-height:1.5}.haro-readonly-label{display:inline-block!important;margin-top:5px;padding:2px 6px;border:1px solid #ddd;border-radius:4px;font-size:9px!important;text-transform:uppercase;letter-spacing:.05em;color:#777!important}.haro-locked-commercial{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;margin:14px 0}.haro-locked-commercial>div{padding:11px 13px;border-right:1px solid #eee}.haro-locked-commercial>div:last-child{border-right:0}.haro-locked-commercial span{display:block;font-size:9px;color:#777;text-transform:uppercase;letter-spacing:.05em}.haro-locked-commercial strong{display:block;margin-top:5px;font-size:12px}.haro-access-card{border-left:3px solid #ffd400}.haro-empty-state{padding:18px;border:1px dashed #d9d9d9;border-radius:8px;color:#777;font-size:11.5px;background:#fafafa}@media(max-width:800px){.haro-locked-commercial{grid-template-columns:1fr 1fr}}

/* v0.22.1 — parceiro sem comissão global */
.haro-partner-credentials{margin:8px 0 18px}.haro-partner-credentials .haro-table td{vertical-align:top}

/* v0.22.2 — correção largura Soluções credenciadas */
.haro-partner-credentials-block{
  grid-column:1 / -1 !important;
  width:100%;
  min-width:0;
  display:block;
}
.haro-partner-credentials{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:auto;
  margin:8px 0 18px;
  border:1px solid #e5e5e5;
  border-radius:8px;
}
.haro-partner-credentials .haro-table{
  width:100% !important;
  min-width:760px;
  table-layout:auto;
  margin:0;
}
.haro-partner-credentials .haro-table th,
.haro-partner-credentials .haro-table td{
  white-space:normal;
  vertical-align:top;
}
.haro-partner-credentials .haro-table th:nth-child(1){width:24%}
.haro-partner-credentials .haro-table th:nth-child(2){width:20%}
.haro-partner-credentials .haro-table th:nth-child(3){width:18%}
.haro-partner-credentials .haro-table th:nth-child(4){width:14%}
.haro-partner-credentials .haro-table th:nth-child(5){width:24%}
@media(max-width:900px){
  .haro-partner-credentials .haro-table{min-width:680px}
}

/* v0.24.0 — acesso operacional do gestor da empresa parceira */
.haro-manager-access-status{grid-column:1/-1;border:1px solid #dedede;border-left:3px solid #ffd400;border-radius:10px;background:#fff;overflow:hidden}
.haro-manager-access-status.is-ok{border-left-color:#111}
.haro-manager-access-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 16px;border-bottom:1px solid #e8e8e8;background:#fafafa}
.haro-manager-access-head span{display:block;font-size:9px;font-weight:700;letter-spacing:.08em;color:#777}
.haro-manager-access-head strong{display:block;margin-top:3px;font-size:15px}
.haro-manager-access-head small{display:block;margin-top:4px;font-size:10.5px;color:#777}
.haro-access-open-link{font-size:11px;font-weight:600;color:#111;text-decoration:none;border-bottom:2px solid #ffd400;padding-bottom:2px}
.haro-partner-access-v24{border:0;border-radius:0;grid-template-columns:1.35fr .8fr .9fr 1.05fr}
.haro-access-issues{padding:11px 16px;background:#fff9e7;border-top:1px solid #f0df9a}
.haro-access-issues b{display:block;font-size:11px;margin-bottom:5px}
.haro-access-issues span{display:block;font-size:10.5px;color:#695d31;line-height:1.5}
.haro-access-actions{display:flex;justify-content:flex-end;gap:10px;margin:14px 0 0}
.haro-access-actions form{margin:0}
.haro-notice-ok{border-left:3px solid #111}
.haro-notice-warn{border-left:3px solid #ffd400}
@media(max-width:900px){.haro-partner-access-v24{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.haro-manager-access-head{align-items:flex-start;flex-direction:column}.haro-partner-access-v24{grid-template-columns:1fr}.haro-access-actions{justify-content:flex-start;flex-direction:column}.haro-access-actions button{width:100%}}

/* v0.25.0 — CRM comercial incremental: prospecções, agenda e tarefas */
.haro-crm-tip{display:flex;align-items:center;gap:18px;padding:12px 15px;margin:0 0 16px;border:1px solid #e7e7e7;border-left:3px solid #ffd400;border-radius:8px;background:#fff}
.haro-crm-tip strong{font-size:11px}.haro-crm-tip span{font-size:11px;color:#666}
.haro-temp{display:inline-flex;padding:5px 8px;border-radius:5px;font-size:10px;font-weight:650;border:1px solid #ddd;background:#fafafa}
.haro-temp-hot{border-color:#d9b500;background:#fff9dc}.haro-temp-warm{border-color:#ddd;background:#f6f6f6}.haro-temp-cold{color:#777}
.haro-inline-form{display:inline}.haro-link-button{appearance:none;border:0;background:none;padding:0;color:#111;text-decoration:underline;text-decoration-color:#ffd400;text-underline-offset:3px;font:inherit;cursor:pointer}
.haro-agenda-list,.haro-task-list{display:grid;gap:9px}
.haro-agenda-item,.haro-task-item{display:grid;align-items:center;gap:15px;padding:15px 17px;background:#fff;border:1px solid #e4e4e4;border-radius:9px}
.haro-agenda-item{grid-template-columns:62px minmax(0,1fr) 160px auto}
.haro-agenda-date{width:52px;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ddd;border-bottom:3px solid #ffd400;border-radius:7px}
.haro-agenda-date strong{font-size:18px;line-height:1}.haro-agenda-date span{font-size:9px;text-transform:uppercase;margin-top:4px;color:#777}
.haro-agenda-body small,.haro-agenda-owner small,.haro-task-item small{display:block;color:#888;font-size:10px}.haro-agenda-body h3,.haro-task-item h3{font-size:13px;margin:3px 0}.haro-agenda-body p,.haro-task-item p{font-size:10.5px;color:#777;margin:0}.haro-agenda-owner{font-size:11px}
.haro-task-item{grid-template-columns:minmax(0,1fr) 180px 110px auto}.haro-task-item.is-late{border-left:3px solid #111}.haro-task-priority{font-size:8.5px;letter-spacing:.08em;color:#777}
.haro-empty-card{padding:28px;border:1px dashed #ccc;border-radius:9px;background:#fff;color:#777;text-align:center;font-size:12px}
@media(max-width:900px){.haro-agenda-item,.haro-task-item{grid-template-columns:1fr}.haro-agenda-date{width:48px}.haro-agenda-owner{padding-top:6px;border-top:1px solid #eee}.haro-crm-tip{align-items:flex-start;flex-direction:column;gap:4px}}

/* v0.26.0 — identidade HaRO e correções do acesso da equipe */

/* O tema do WordPress não pode recolorir os botões principais. */
.haro-app .haro-primary,
.haro-app button.haro-primary,
.haro-app input.haro-primary,
.haro-app a.haro-primary,
.haro-shell .haro-primary,
.haro-shell button.haro-primary,
.haro-main .haro-primary,
.haro-main button.haro-primary{
  appearance:none !important;
  -webkit-appearance:none !important;
  background:#FFD400 !important;
  background-image:none !important;
  border:1px solid #FFD400 !important;
  border-bottom:1px solid #FFD400 !important;
  color:#111 !important;
  box-shadow:none !important;
  text-shadow:none !important;
  border-radius:7px !important;
  font-weight:700 !important;
}
.haro-app .haro-primary:hover,
.haro-app button.haro-primary:hover,
.haro-shell .haro-primary:hover,
.haro-main .haro-primary:hover,
.haro-main button.haro-primary:hover{
  background:#E8C100 !important;
  border-color:#E8C100 !important;
  color:#111 !important;
}

/* Mantém ações secundárias neutras, sem rosa. */
.haro-app .haro-secondary,
.haro-shell .haro-secondary,
.haro-main .haro-secondary{
  background:#fff !important;
  color:#111 !important;
  border-color:#d8d8d8 !important;
  box-shadow:none !important;
}

/* PIN individual */
.haro-pin-inline-form{display:inline-flex;margin:0}
.haro-pin-toggle-button{
  appearance:none;
  border:1px solid #d8d8d8 !important;
  background:#fff !important;
  color:#111 !important;
  cursor:pointer;
  padding:8px 12px !important;
  border-radius:6px !important;
  font-size:11px !important;
  font-weight:600 !important;
  line-height:1 !important;
  text-decoration:none !important;
}
.haro-pin-toggle-button:hover{
  border-color:#FFD400 !important;
  background:#fffdf2 !important;
}

/* v0.27.0 — dashboard exclusivo do vendedor/representante */
.haro-rep-dashboard{display:grid;gap:18px}
.haro-rep-kpis{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.haro-rep-kpis .haro-kpi-card{min-height:116px;padding:16px;background:#fff;border:1px solid #e3e3e3;border-radius:9px}
.haro-rep-kpis .haro-kpi-card span{display:block;font-size:10px;color:#555;margin-bottom:12px}
.haro-rep-kpis .haro-kpi-card strong{display:block;font-size:24px;line-height:1.05;color:#111}
.haro-rep-kpis .haro-kpi-card small{display:block;margin-top:12px;padding-top:9px;border-top:1px solid #eee;font-size:9.5px;color:#888}
.haro-rep-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.haro-panel-card{background:#fff;border:1px solid #e3e3e3;border-radius:10px;padding:17px}
.haro-panel-card-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid #eee}
.haro-panel-card-head h3{margin:0;font-size:14px}.haro-panel-card-head p{margin:4px 0 0;font-size:10px;color:#777}.haro-panel-card-head a{font-size:10.5px;color:#111;text-decoration:none;border-bottom:2px solid #FFD400;padding-bottom:2px}
.haro-rep-list{display:grid}.haro-rep-list-row{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #f0f0f0}
.haro-rep-list-row:last-child{border-bottom:0}.haro-rep-list-row strong{display:block;font-size:11px}.haro-rep-list-row small{display:block;margin-top:3px;font-size:9.5px;color:#888}.haro-rep-list-row>span{white-space:nowrap;font-size:10px;color:#666}
.haro-empty-mini{padding:22px 0;text-align:center;font-size:10.5px;color:#888}
.haro-rep-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:1180px){.haro-rep-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.haro-rep-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.haro-rep-grid{grid-template-columns:1fr}}

/* v0.28.0 — proteção do Gestor e salvamento da equipe via sessão HaRO */
.haro-manager-self-notice{
  grid-column:1/-1;
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin:0 0 15px;
  padding:12px 14px;
  border:1px solid #e4e4e4;
  border-left:3px solid #FFD400;
  border-radius:7px;
  background:#fffdf3;
}
.haro-manager-self-notice strong{font-size:11px;white-space:nowrap}
.haro-manager-self-notice span{font-size:10.5px;color:#666;line-height:1.45}

/* v0.32.0 — timeline comercial */
.haro-activity-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:16px;margin:16px 0}
.haro-activity-form{margin:0}
.haro-activity-section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}
.haro-activity-section-head h3{margin:0;font-size:14px}.haro-activity-section-head p{margin:4px 0 0;font-size:10px;color:#777}
.haro-activity-timeline{padding:18px;background:#fff;border:1px solid #e4e4e4;border-radius:9px}
.haro-activity-item{position:relative;display:grid;grid-template-columns:18px 1fr;gap:10px;padding:0 0 18px}
.haro-activity-item:not(:last-child):before{content:"";position:absolute;left:7px;top:14px;bottom:0;width:1px;background:#ddd}
.haro-activity-dot{position:relative;z-index:1;width:15px;height:15px;border:3px solid #FFD400;border-radius:50%;background:#fff;margin-top:2px}
.haro-activity-content{padding:0 0 4px;min-width:0}
.haro-activity-meta{display:flex;justify-content:space-between;gap:12px;align-items:center}
.haro-activity-meta span{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#555}
.haro-activity-meta time{font-size:9.5px;color:#888;white-space:nowrap}
.haro-activity-content h4{margin:5px 0;font-size:12px}
.haro-activity-content p{margin:5px 0;font-size:10.5px;line-height:1.5;color:#666}
.haro-activity-outcome,.haro-activity-next{margin-top:7px;padding:7px 9px;border-left:2px solid #FFD400;background:#fafafa;font-size:10px;color:#555}
.haro-activity-content>small{display:block;margin-top:8px;font-size:9px;color:#999}
@media(max-width:980px){.haro-activity-layout{grid-template-columns:1fr}}

/* v0.33.0 — correção visual do painel real /painel/ */

/* PRIMARY ACTIONS: force HaRO yellow everywhere inside portal content */
body .haro-main .haro-primary,
body .haro-content .haro-primary,
body .haro-module-head .haro-primary,
body .haro-form-card .haro-primary,
body .haro-rep-actions .haro-primary,
body .haro-main button.haro-primary,
body .haro-main a.haro-primary,
body .haro-content button.haro-primary,
body .haro-content a.haro-primary{
  -webkit-appearance:none !important;
  appearance:none !important;
  background:#FFD400 !important;
  background-image:none !important;
  border:1px solid #FFD400 !important;
  border-bottom:3px solid #E2BE00 !important;
  color:#111 !important;
  box-shadow:none !important;
  text-shadow:none !important;
  font-weight:700 !important;
}
body .haro-main .haro-primary:hover,
body .haro-content .haro-primary:hover,
body .haro-module-head .haro-primary:hover,
body .haro-form-card .haro-primary:hover{
  background:#E8C100 !important;
  border-color:#E8C100 !important;
  border-bottom-color:#CDA900 !important;
  color:#111 !important;
}

/* Representative dashboard — independent layout */
body .haro-main .haro-rep-dashboard{
  display:block !important;
  width:100% !important;
}
body .haro-main .haro-rep-dashboard > .haro-module-head{
  margin-bottom:18px !important;
}
body .haro-main .haro-rep-kpis-v33{
  display:grid !important;
  grid-template-columns:repeat(7,minmax(0,1fr)) !important;
  gap:12px !important;
  width:100% !important;
  margin:0 0 16px !important;
}
body .haro-main .haro-rep-kpis-v33 .haro-rep-kpi{
  display:block !important;
  min-width:0 !important;
  min-height:126px !important;
  padding:16px 16px 14px !important;
  margin:0 !important;
  background:#fff !important;
  border:1px solid #dedede !important;
  border-radius:9px !important;
  box-shadow:none !important;
}
body .haro-main .haro-rep-kpis-v33 .haro-rep-kpi span{
  display:block !important;
  margin:0 0 13px !important;
  font-size:11px !important;
  line-height:1.25 !important;
  color:#333 !important;
}
body .haro-main .haro-rep-kpis-v33 .haro-rep-kpi strong{
  display:block !important;
  margin:0 !important;
  font-size:24px !important;
  line-height:1.05 !important;
  font-weight:600 !important;
  color:#111 !important;
  white-space:nowrap !important;
}
body .haro-main .haro-rep-kpis-v33 .haro-rep-kpi small{
  display:block !important;
  margin-top:13px !important;
  padding-top:10px !important;
  border-top:1px solid #ececec !important;
  font-size:9.5px !important;
  line-height:1.3 !important;
  color:#777 !important;
}
body .haro-main .haro-rep-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:14px !important;
  margin:0 0 16px !important;
}
body .haro-main .haro-panel-card{
  display:block !important;
  padding:17px !important;
  margin:0 !important;
  background:#fff !important;
  border:1px solid #dedede !important;
  border-radius:9px !important;
}
body .haro-main .haro-panel-card-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:15px !important;
  padding-bottom:12px !important;
  margin-bottom:0 !important;
  border-bottom:1px solid #ececec !important;
}
body .haro-main .haro-panel-card-head h3{
  margin:0 !important;
  font-size:15px !important;
  line-height:1.25 !important;
}
body .haro-main .haro-panel-card-head p{
  margin:4px 0 0 !important;
  font-size:10px !important;
  color:#777 !important;
}
body .haro-main .haro-panel-card-head a{
  font-size:10.5px !important;
  color:#111 !important;
  text-decoration:none !important;
  border-bottom:2px solid #FFD400 !important;
}
body .haro-main .haro-rep-list-row{
  display:flex !important;
  justify-content:space-between !important;
  gap:15px !important;
  padding:11px 0 !important;
  border-bottom:1px solid #eee !important;
}
body .haro-main .haro-empty-mini{
  padding:28px 0 !important;
  text-align:center !important;
  color:#888 !important;
  font-size:11px !important;
}
body .haro-main .haro-rep-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-top:2px !important;
}

/* Prospects: keep module head/action aligned and remove theme pink */
body .haro-main .haro-module-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:20px !important;
}
body .haro-main .haro-module-head > .haro-primary{
  flex:0 0 auto !important;
  min-height:44px !important;
  padding:0 18px !important;
}

/* Responsive */
@media(max-width:1200px){
  body .haro-main .haro-rep-kpis-v33{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
}
@media(max-width:820px){
  body .haro-main .haro-rep-kpis-v33{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  body .haro-main .haro-rep-grid{grid-template-columns:1fr !important}
}
@media(max-width:520px){
  body .haro-main .haro-rep-kpis-v33{grid-template-columns:1fr !important}
  body .haro-main .haro-module-head{flex-direction:column !important}
}

/* v0.34.0 — dashboard do representante isolado do CSS legado */
.haro-rep-home{width:100%;display:block}
.haro-rep-home-heading{margin:0 0 18px}
.haro-rep-home-heading h2{margin:0;font-size:22px;line-height:1.15}
.haro-rep-home-heading p{margin:6px 0 0;font-size:11px;color:#6f6f6f}

.haro-rep-summary-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}
.haro-rep-summary-card{
  display:block;
  min-width:0;
  min-height:124px;
  padding:16px;
  background:#fff;
  border:1px solid #dedede;
  border-radius:9px;
  box-sizing:border-box;
}
.haro-rep-summary-card span{display:block;font-size:10.5px;line-height:1.25;color:#333;margin-bottom:13px}
.haro-rep-summary-card strong{display:block;font-size:24px;line-height:1.05;font-weight:600;color:#111;white-space:nowrap}
.haro-rep-summary-card small{display:block;margin-top:13px;padding-top:9px;border-top:1px solid #ececec;font-size:9.5px;color:#777}

.haro-rep-home-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:15px}
.haro-rep-home-panel{display:block;background:#fff;border:1px solid #dedede;border-radius:9px;padding:16px}
.haro-rep-home-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:12px;border-bottom:1px solid #ececec}
.haro-rep-home-panel h3{margin:0;font-size:14px}
.haro-rep-home-panel header p{margin:4px 0 0;font-size:10px;color:#777}
.haro-rep-home-panel header a{font-size:10.5px;color:#111;text-decoration:none;border-bottom:2px solid #FFD400;padding-bottom:2px}

.haro-rep-home-list{display:block}
.haro-rep-home-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid #eee}
.haro-rep-home-row:last-child{border-bottom:0}
.haro-rep-home-row strong{display:block;font-size:11px}
.haro-rep-home-row small{display:block;margin-top:3px;font-size:9.5px;color:#888}
.haro-rep-home-row>span{font-size:10px;color:#666;white-space:nowrap}
.haro-rep-home-empty{padding:26px 0;text-align:center;font-size:10.5px;color:#888}

.haro-rep-home-actions{display:flex;gap:10px;flex-wrap:wrap}
.haro-rep-home-actions .haro-primary{
  background:#FFD400 !important;
  border:1px solid #FFD400 !important;
  border-bottom:3px solid #E2BE00 !important;
  color:#111 !important;
}
@media(max-width:1200px){
  .haro-rep-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:820px){
  .haro-rep-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .haro-rep-home-columns{grid-template-columns:1fr}
}
@media(max-width:520px){
  .haro-rep-summary-grid{grid-template-columns:1fr}
}