*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f3f3f3;color:#1f2d3d;font-size:14px}

/* Clean external portal header - no Salesforce dev org styling */
.portal-header{
  height:78px;
  background:#ffffff;
  border-bottom:1px solid #d8dde6;
  display:grid;
  grid-template-columns:360px minmax(260px,520px) 1fr;
  align-items:center;
  gap:24px;
  padding:0 22px;
  box-shadow:0 1px 4px rgba(15,23,42,.08);
}
.portal-brand{display:flex;align-items:center;gap:12px;min-width:0}
.portal-logo{
  width:42px;height:42px;border-radius:12px;
  background:#0B3C5D;color:#fff;
  display:grid;place-items:center;
  font-weight:900;font-size:14px;
}
.portal-title{font-size:22px;font-weight:700;color:#0B3C5D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.portal-subtitle{font-size:12px;color:#64748b;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.portal-search{
  height:36px;border:1px solid #b8c4d3;border-radius:8px;
  display:flex;align-items:center;
  padding:0 16px;color:#7b8794;background:#fff;
}
.portal-search:before{content:"🔍";margin-right:10px}
.portal-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px}
.portal-actions a{
  color:#0b5cab;text-decoration:none;font-weight:700;
  border-bottom:3px solid #1b73e8;padding:10px 8px;
}
.portal-actions span{
  background:#eef6ff;border:1px solid #cfe4fb;
  color:#0B3C5D;border-radius:18px;
  padding:8px 12px;font-weight:700;font-size:12px;
}

.sf-page{padding:24px 18px}
.page-title-row{height:48px;display:flex;align-items:center;gap:12px;margin-bottom:14px}
.object-icon{width:34px;height:34px;background:#ef6e8b;color:white;border-radius:2px;display:grid;place-items:center;font-size:18px}
.page-title-row h1{font-size:24px;font-weight:400;color:#374151;margin:0}

/* Main page grid: left workspace + right AI panel */
.console-grid{
  display:grid;
  grid-template-columns:minmax(0, calc(100% - 410px)) 390px;
  gap:16px;
  align-items:start;
  width:100%;
}
.left-workspace{min-width:0}
.dashboard-card,.portfolio-ai,.table-card{background:white;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.14);border:1px solid #e3e7ef}
.dashboard-card{padding:24px 16px 22px;overflow:hidden}
.chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 28px}
.chart-card{min-height:270px;overflow:hidden}
.chart-card h2,.table-card h2{margin:0 0 14px;color:#17385d;font-size:20px;font-weight:400}
.legend{font-size:11px;color:#6b7280;margin-bottom:12px;text-align:center;white-space:normal}
.legend span{display:inline-block;width:30px;height:9px;margin:0 4px -1px 10px}
.green{background:#2ecc71}.orange{background:#f39c12}.red{background:#e74c3c}.yellow{background:#f1c40f}
.donut,.pie{width:210px;height:210px;border-radius:50%;margin:10px auto}
.health-donut{background:conic-gradient(#2ecc71 0 8%,#f39c12 8% 52%,#e74c3c 52% 100%);position:relative}
.health-donut:after{content:"";position:absolute;inset:53px;background:white;border-radius:50%}
.discount-pie{background:conic-gradient(#2ecc71 0 88%,#f1c40f 88% 92%,#f39c12 92% 94%,#e74c3c 94% 100%)}
.value-pie{width:195px;height:195px;background:conic-gradient(#2ecc71 0 74%,#3498db 74% 82%,#9b59b6 82% 87%,#f39c12 87% 91%,#e74c3c 91% 95%,#1abc9c 95% 98%,#2ecc71 98% 100%)}
.bar-chart{height:210px;display:flex;align-items:end;justify-content:center;gap:8px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;margin:16px 10px 0;position:relative;background:repeating-linear-gradient(to top,#fff 0,#fff 34px,#eee 35px)}
.bar-col{width:18px;text-align:center;position:relative}
.bar-col div{background:#1e9bf0;width:18px}
.bar-col span{display:block;font-size:9px;color:#6b7280;transform:rotate(-50deg);transform-origin:left top;width:82px;margin-top:7px;text-align:left}
.simple-bar{width:52px;text-align:center}
.simple-bar div{width:38px;margin:0 auto;background:#3498db}.simple-bar div.purple{background:#9b59b6}.simple-bar div.teal{background:#1abc9c}
.simple-bar span{display:block;margin-top:8px;font-size:11px;color:#6b7280}
.owner{gap:5px}.owner-bar{width:46px}.owner-bar div{background:#1e9bf0;width:32px}.owner-bar span{font-size:9px;transform:rotate(-35deg);display:block;width:82px;text-align:left;margin-top:8px}

/* AI panel fixed to the right grid column */
.portfolio-ai{padding:18px;margin-top:0;position:sticky;top:16px;z-index:1}
.ai-head{display:flex;justify-content:space-between;align-items:center;color:#17385d}
.ai-head button{background:#0176d3;color:#fff;border:0;border-radius:20px;padding:10px 18px;font-weight:700}
.mode{font-size:12px;color:#64748b;margin:15px 0}
.portfolio-ai h3{font-size:14px;margin:14px 0 8px;color:#17385d}
.portfolio-ai p,.portfolio-ai li{font-size:13px;line-height:1.45;color:#374151}
.portfolio-ai ul{padding-left:18px;margin:0}
.quick-btns,.ask-btns{display:flex;flex-wrap:wrap;gap:8px}
.quick-btns button,.ask-btns button{background:white;border:1px solid #9ca3af;border-radius:20px;color:#0b5cab;font-weight:700;padding:8px 14px;font-size:12px}
.ask-btns button{background:#f8fafc;color:#374151;border-color:#d1d5db}

/* Table now stays inside the left workspace only */
.table-card{margin-top:8px;overflow:hidden;width:100%}
.table-card h2{padding:14px 18px 0;margin-bottom:10px}
.table-scroll{width:100%;overflow-x:auto}
.sf-table{width:100%;border-collapse:collapse;background:white;table-layout:fixed}
.sf-table th{background:#f3f4f6;border:1px solid #d8dde6;color:#374151;text-align:left;font-size:12px;padding:8px}
.sf-table td{border:1px solid #e5e7eb;padding:8px;font-size:12px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sf-table td a{color:#0b5cab;font-weight:700;text-decoration:none}
.sf-table th:nth-child(1),.sf-table td:nth-child(1){width:34%}
.sf-table th:nth-child(2),.sf-table td:nth-child(2){width:14%}
.sf-table th:nth-child(3),.sf-table td:nth-child(3){width:15%}
.sf-table th:nth-child(4),.sf-table td:nth-child(4){width:9%}
.sf-table th:nth-child(5),.sf-table td:nth-child(5){width:10%}
.sf-table th:nth-child(6),.sf-table td:nth-child(6){width:11%}
.sf-table th:nth-child(7),.sf-table td:nth-child(7){width:7%;text-align:center}
.status{font-weight:800}.status.critical{color:#c2185b}.status.at-risk{color:#c2185b}.status.moderate{color:#555}.status.healthy{color:#15803d}
.eye{font-size:14px}

@media(max-width:1250px){
  .console-grid{grid-template-columns:1fr}
  .portfolio-ai{position:static}
}
@media(max-width:900px){
  .portal-header{grid-template-columns:1fr;gap:8px;height:auto;padding:14px}
  .portal-search{display:none}
  .portal-actions{justify-content:flex-start}
  .chart-grid{grid-template-columns:1fr}
}


/* Existing console styles are preserved only if this file is appended.
   This package provides the Opportunity Insights replica styles. */
.insights-page{padding:18px;background:#f3f3f3}
.record-header{display:flex;align-items:center;gap:12px;padding:18px 28px 10px}
.record-icon{width:34px;height:34px;border-radius:50%;background:#ff6b35;color:#fff;display:grid;place-items:center;font-size:18px}
.record-object{font-size:12px;color:#64748b}
.record-main h1{font-size:28px;font-weight:400;color:#17385d;margin:0}
.record-actions{margin-left:auto;display:flex;gap:0}
.record-actions button{background:#fff;border:1px solid #aab7c4;padding:8px 16px;color:#0b5cab;font-weight:700}
.record-actions button:first-child{border-radius:20px 0 0 20px}.record-actions button:last-child{border-radius:0 20px 20px 0}
.record-fields{display:grid;grid-template-columns:repeat(4,1fr);padding:4px 32px 20px;max-width:720px;gap:22px}
.record-fields span{display:block;color:#64748b;font-size:12px}.record-fields a{color:#0b5cab;font-weight:700;text-decoration:underline}.record-fields strong{font-weight:700}
.stage-path{margin:0 18px 16px;background:#fff;border-radius:14px;padding:10px 12px;display:flex;align-items:center;gap:2px;box-shadow:0 1px 5px rgba(0,0,0,.08)}
.stage-step{height:30px;line-height:30px;padding:0 18px;background:#e5e7eb;color:#4b5563;clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%,10% 50%);font-size:12px;min-width:88px;text-align:center}
.stage-step.active{background:#0B3C5D;color:#fff;font-weight:800}.stage-step:nth-child(-n+3){background:#9ee7d8;color:#0f766e}
.stage-path button{margin-left:auto;border:0;background:#0176d3;color:#fff;border-radius:18px;padding:9px 22px;font-weight:800}
.insights-layout{display:grid;grid-template-columns:minmax(780px,1fr) 390px;gap:16px;align-items:start}
.insights-left{background:#fff;border-radius:16px;padding:0 18px 18px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.tabs{height:54px;display:flex;align-items:end;border-bottom:1px solid #d8dde6;gap:30px}
.tabs a{padding:0 8px 14px;text-decoration:none;color:#374151;font-weight:700}.tabs a.active{color:#0b5cab;border-bottom:3px solid #1b73e8}
.refresh-row{height:48px;display:flex;align-items:center}.round-refresh{width:32px;height:32px;border-radius:50%;border:1px solid #aab7c4;background:#fff;color:#0b5cab}
.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sf-card{background:#fff;border:1px solid #e3e7ef;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.12);padding:18px;min-height:180px}
.sf-card h3{margin:0 0 14px;color:#555;font-size:15px}.sf-card h4{font-size:13px;color:#555;margin:12px 0 6px}
.sf-card p{margin:5px 0;color:#4b5563;line-height:1.35}.summary-card h3{font-size:20px;color:#555;line-height:1.25}.tall-card{min-height:320px}.indent{padding-left:18px}
.gauge-wrap{height:150px;display:grid;place-items:center}.gauge{width:170px;height:85px;border-radius:170px 170px 0 0;background:conic-gradient(from 270deg,#d43f2f 0 70deg,#eef2f3 70deg 180deg);position:relative}.gauge:after{content:"";position:absolute;left:34px;top:34px;width:102px;height:51px;background:white;border-radius:102px 102px 0 0}
.gauge.healthy{background:conic-gradient(from 270deg,#2ecc71 0 145deg,#eef2f3 145deg 180deg)}.gauge.moderate{background:conic-gradient(from 270deg,#f1c40f 0 115deg,#eef2f3 115deg 180deg)}.gauge.at-risk{background:conic-gradient(from 270deg,#f39c12 0 85deg,#eef2f3 85deg 180deg)}.gauge.critical{background:conic-gradient(from 270deg,#d43f2f 0 60deg,#eef2f3 60deg 180deg)}
.blue-btn{
  background:#0176d3;
  color:#fff;
  border:0;
  border-radius:24px;
  padding:8px 22px;
  height:44px;
  font-size:14px;
  font-weight:600;
}

.outline-btn{
  background:#fff;
  color:#0176d3;
  border:1px solid #c9c9c9;
  border-radius:24px;
  padding:8px 22px;
  height:44px;
  font-size:14px;
  font-weight:600;
}
.chart-small{min-height:240px}.mini-legend{font-size:12px;text-align:center;color:#64748b}.mini-legend span{display:inline-block;width:28px;height:10px;margin-left:8px}.blue{background:#3498db}.purple{background:#9b59b6}.teal{background:#1abc9c}.yellow{background:#f1c40f}.orange{background:#e67e22}
.small-donut{width:150px;height:150px;margin:20px auto;border-radius:50%;background:conic-gradient(#3498db 0 7%,#9b59b6 7% 30%,#f1c40f 30% 72%,#e67e22 72% 100%);position:relative}.small-donut:after{content:"";position:absolute;inset:42px;background:white;border-radius:50%}
.mini-line-chart{height:160px;border-bottom:1px solid #ccc;border-left:1px solid #eee;position:relative;margin-top:20px}.line-label{position:absolute;top:5px;left:60px;color:#16a34a}.trend-line{position:absolute;left:40px;right:30px;top:70px;border-top:3px solid #2ecc71}.date-label{position:absolute;bottom:-22px;left:65px;color:#555}
.single-bar-chart{height:170px;border-left:1px solid #eee;border-bottom:1px solid #ccc;margin-top:22px;display:flex;align-items:end;justify-content:center}.single-bar-chart div{width:130px;height:90px;background:#16a085}.single-bar-chart span{position:absolute;margin-top:190px;color:#555}.blue-chart div{height:70px;background:#3498db}.empty-chart{height:150px}.activity-donut{width:160px;height:160px;border-radius:50%;background:conic-gradient(#1abc9c 0 100%);position:relative;margin:20px auto}.activity-donut:after{content:"";position:absolute;inset:45px;background:white;border-radius:50%}
.action-center-card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 2px 8px rgba(0,0,0,.12);position:sticky;top:16px}
.action-center-card h2{font-size:22px;color:#17385d;font-weight:400;margin:0 0 22px}.action-box{background:#fff;border:1px solid #e3e7ef;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.12);padding:18px;margin-bottom:18px}
.action-box h3{font-size:14px;color:#555;margin:0 0 14px}.pill{display:inline-block;border-radius:4px;padding:6px 9px;font-weight:800;margin-bottom:12px}.pill.critical,.pill.at-risk{background:#ffdce5;color:#c2185b}.pill.healthy{background:#dcfce7;color:#15803d}.pill.moderate{background:#fef9c3;color:#854d0e}
.task-row{display:grid;grid-template-columns:22px 1fr 18px;align-items:center;margin:10px 0;color:#374151}.task-row input{accent-color:#0176d3}.task-row em{color:#0176d3;font-style:normal}.task-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.status.critical{color:#c2185b}.status.at-risk{color:#c2185b}.status.moderate{color:#555}.status.healthy{color:#15803d}
@media(max-width:1200px){.insights-layout{grid-template-columns:1fr}.action-center-card{position:static}.cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.cards-grid,.record-fields{grid-template-columns:1fr}.stage-path{overflow-x:auto}.record-actions{display:none}}

.tasks-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9999;align-items:center;justify-content:center}
.tasks-modal{background:#fff;width:850px;max-width:95vw;max-height:85vh;overflow:auto;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.tasks-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #ddd}
.tasks-modal-header h2{margin:0;color:#17385d}
.tasks-modal-header button{border:0;background:#f1f5f9;border-radius:50%;font-size:26px;width:36px;height:36px}
.tasks-modal-body{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px 24px}
.modal-task-card{border:1px solid #ddd;border-left:4px solid #0176d3;border-radius:8px;padding:12px;margin-bottom:10px;background:#fff}
.modal-task-card.overdue{border-left-color:#c2185b}
.modal-task-card strong{display:block;margin-bottom:6px}
.modal-task-card span{display:block;font-size:12px;color:#64748b}
.modal-task-card p{font-size:13px;color:#374151}

.task-modal-backdrop{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.55);
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
}

.task-modal-box{
  width:760px;
  max-width:92vw;
  max-height:88vh;
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,.25);
}

.task-modal-title{
  position:relative;
  padding:26px 70px 24px;
  text-align:center;
  border-bottom:2px solid #d1d5db;
}

.task-modal-title h2{
  margin:0;
  color:#032D60;
  font-size:28px;
  font-weight:500;
}

.task-modal-title button{
  position:absolute;
  right:20px;
  top:18px;
  border:0;
  background:#f1f5f9;
  border-radius:50%;
  width:46px;
  height:46px;
  font-size:30px;
  cursor:pointer;
}

.task-modal-content{
  padding:26px;
  max-height:58vh;
  overflow:auto;
}

.task-modal-content h3{
  margin:0 0 18px;
  color:#2E2E2E;
  font-size:18px;
  font-weight:700;
}

.task-overdue-title{
  margin-top:28px !important;
}

.task-accordion-item{
  margin-bottom:12px;
}

.task-accordion-header{
  display:flex;
  align-items:center;
  gap:10px;
  color:#3E3E3C;
  font-size:15px;
  font-weight:600;
  cursor:pointer;
}

.task-chevron{
  font-size:16px;
  color:#555;
}

.task-accordion-body{
  margin:10px 0 10px 34px;
}

.task-desc{
  background:#F3F3F3;
  border-radius:8px;
  padding:14px;
  color:#2E2E2E;
  line-height:1.55;
  font-size:14px;
  max-width:820px;
}

.task-actions{
  margin-top:14px;
  display:flex;
  gap:12px;
}

.task-empty{
  color:#555;
  font-size:18px;
}

.task-modal-footer{
  padding:16px 22px;
  border-top:2px solid #d1d5db;
  display:flex;
  justify-content:flex-end;
  background:#fff;
}
.task-modal-box{
  width:760px;
  max-width:92vw;
  max-height:88vh;
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,.25);
}

.task-accordion-header{
  display:flex;
  align-items:center;
  gap:10px;
  color:#3E3E3C;
  font-size:15px;
  font-weight:600;
  cursor:pointer;
}

.task-desc{
  background:#F3F3F3;
  border-radius:8px;
  padding:14px;
  color:#2E2E2E;
  line-height:1.55;
  font-size:14px;
  max-width:820px;
}

.task-actions{
  margin-top:14px;
  display:flex;
  gap:12px;
}

.login-body{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#0B3C5D,#17385d);
}

.login-card{
  width:390px;
  background:#fff;
  border-radius:18px;
  padding:34px;
  box-shadow:0 20px 60px rgba(0,0,0,.35);
}

.login-logo{
  width:54px;
  height:54px;
  border-radius:14px;
  background:#0B3C5D;
  color:#fff;
  display:grid;
  place-items:center;
  font-weight:900;
  margin-bottom:18px;
}

.login-card h1{
  margin:0;
  color:#0B3C5D;
  font-size:24px;
}

.login-card p{
  color:#64748b;
  margin:8px 0 24px;
}

.login-card label{
  display:block;
  margin:14px 0 6px;
  font-weight:700;
  color:#374151;
}

.login-card input{
  width:100%;
  height:42px;
  border:1px solid #cbd5e1;
  border-radius:8px;
  padding:0 12px;
}

.login-card button{
  width:100%;
  height:44px;
  margin-top:22px;
  border:0;
  border-radius:24px;
  background:#0176d3;
  color:#fff;
  font-weight:800;
  cursor:pointer;
}

.login-error{
  background:#fee2e2;
  color:#991b1b;
  padding:10px 12px;
  border-radius:8px;
  margin-bottom:14px;
}

.portal-header{
  grid-template-columns:360px 1fr auto;
}

.portal-search{
  display:none !important;
}

.portal-user{
  display:flex;
  align-items:center;
  gap:10px;
  margin-left:14px;
  padding-left:14px;
  border-left:1px solid #d8dde6;
}

.portal-avatar{
  width:34px;
  height:34px;
  border-radius:50%;
  background:#0B3C5D;
  color:#fff;
  display:grid;
  place-items:center;
  font-size:16px;
}

.portal-user-text{
  line-height:1.15;
}

.portal-user-name{
  font-size:13px;
  font-weight:700;
  color:#0B3C5D;
  white-space:nowrap;
}

.portal-user-role{
  font-size:11px;
  color:#64748b;
}

.portal-logout{
  color:#0b5cab;
  text-decoration:none;
  font-weight:700;
  font-size:12px;
  margin-left:6px;
}

.task-edit-modal-box{
  width:680px;
  max-width:92vw;
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,.25);
}

.task-edit-content{
  padding:24px;
}

.task-edit-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.task-edit-content label,
.task-edit-comments label{
  display:block;
  font-size:13px;
  font-weight:700;
  color:#3e3e3c;
  margin-bottom:6px;
}

.task-edit-content input,
.task-edit-content select,
.task-edit-comments textarea{
  width:100%;
  border:1px solid #c9c9c9;
  border-radius:8px;
  padding:10px 12px;
  font-size:14px;
  box-sizing:border-box;
}

.task-edit-comments{
  margin-top:18px;
}

.ai-task-row{
  align-items:flex-start;
}

.ai-task-row small{
  color:#6b7280;
  font-size:12px;
}

.ai-task-disabled{
  opacity:.55;
}

.ai-task-disabled span{
  color:#6b7280;
}

.ai-task-arrow{
  margin-left:auto;
  border:0;
  background:transparent;
  color:#0176d3;
  font-weight:800;
  cursor:pointer;
}

.ai-task-detail{
  margin:6px 0 12px 30px;
  padding:10px 12px;
  background:#f4f6f9;
  border-radius:8px;
  font-size:13px;
  color:#374151;
  line-height:1.4;
}

.blue-btn,
.outline-btn,
button {
  cursor: pointer;
  transition: all 0.15s ease;
}

.blue-btn:hover {
  filter: brightness(0.92);
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(1, 118, 211, 0.18);
}

.outline-btn:hover {
  background: #f3f7fb;
  border-color: #0176d3;
  color: #0176d3;
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(1, 118, 211, 0.12);
}

.blue-btn:active,
.outline-btn:active,
button:active {
  transform: translateY(0);
  box-shadow: none;
}

.blue-btn:disabled,
.outline-btn:disabled,
button:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.add-activity-wrap{
  position:relative;
  display:inline-flex;
  vertical-align:middle;
  margin-left:8px;
}

.add-activity-menu{
  position:absolute;
  top:46px;
  right:0;
  width:190px;
  background:#fff;
  border:1px solid #d8dde6;
  border-radius:8px;
  box-shadow:0 8px 24px rgba(0,0,0,.16);
  z-index:1000;
  overflow:hidden;
}

.add-activity-menu button{
  display:block;
  width:100%;
  border:0;
  background:#fff;
  padding:12px 16px;
  text-align:left;
  font-size:14px;
  color:#1f2937;
  cursor:pointer;
}

.add-activity-menu button:hover{
  background:#eef4ff;
  color:#0176d3;
}

.task-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:10px 12px;
  align-items:center;
}

.task-buttons > button,
.task-buttons > .add-activity-wrap{
  flex:0 0 calc(50% - 6px);
}

.task-buttons button{
  width:100%;
}

.add-activity-wrap{
  position:relative;
  display:block;
  margin-left:0;
}

.add-activity-wrap > button{
  width:100%;
}

.task-buttons{
  display:grid !important;
  grid-template-columns: 1fr 1fr;
  gap:10px 12px;
}

.task-buttons > button,
.task-buttons > .add-activity-wrap{
  width:100%;
  min-width:0;
}

.task-buttons button{
  width:100%;
  white-space:nowrap;
  font-size:13px;
  font-weight:600;
  padding:10px 12px;
  line-height:1.2;
}

.add-activity-wrap{
  position:relative;
}

.add-activity-menu{
  top:52px;
  left:0;
  right:auto;
  width:100%;
  min-width:190px;
}

.stage-path button,
.mark-stage-btn {
  cursor: pointer;
  transition: all 0.2s ease;
}

.stage-path button:hover,
.mark-stage-btn:hover {
  transform: translateY(-1px);
  filter: brightness(0.96);
}

.mark-stage-btn {
  min-width: 280px;
  padding: 0 22px;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}

.stage-step {
  cursor: pointer;
}

.stage-step.selected-stage {
  background: #003b71 !important;
  color: #ffffff !important;
}

.stage-step.closed-won.active {
  background: #a7eadb !important;
  color: #006b5f !important;
}

.stage-step.closed-lost.active {
  background: #e4005a !important;
  color: #ffffff !important;
}

.mark-stage-btn {
  min-width: 260px;
  white-space: nowrap;
  font-size: 16px;
  cursor: pointer;
}

.mark-stage-btn:hover,
.stage-step:hover {
  filter: brightness(0.95);
  transform: translateY(-1px);
}

.close-stage-box {
  max-width: 620px;
}

#closedStageSelect {
  width: 100%;
  height: 42px;
  border: 2px solid #003b71;
  border-radius: 6px;
  padding: 0 12px;
}

.stage-path {
  display: flex;
  align-items: center;
  gap: 4px;
  overflow-x: auto;
  padding: 16px 20px;
}

.stage-path .stage-step {
  min-width: 145px !important;
  height: 44px !important;
  padding: 0 18px !important;
  font-size: 15px !important;
  white-space: nowrap !important;
  flex-shrink: 0;
}

.stage-path .stage-step.completed {
  min-width: 120px !important;
}

.mark-stage-btn {
  min-width: 330px !important;
  height: 48px !important;
  font-size: 18px !important;
  white-space: nowrap !important;
  flex-shrink: 0;
}

.sf-path-wrap {
  display: flex;
  align-items: center;
  gap: 28px;
  background: #ffffff;
  border-radius: 18px;
  padding: 18px 18px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.10);
  overflow-x: auto;
}

.sf-path {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
}

.sf-path-item {
  position: relative;
  height: 48px;
  min-width: 160px;
  padding: 0 22px 0 30px;
  border: none;
  background: #e5e5e5;
  color: #2f2f2f;
  font-size: 19px;
  font-weight: 500;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
  margin-right: 6px;
  clip-path: polygon(
    0 0,
    calc(100% - 16px) 0,
    100% 50%,
    calc(100% - 16px) 100%,
    0 100%,
    16px 50%
  );
  transition: all 0.15s ease;
  white-space: nowrap;
}

.sf-path-item:first-child {
  border-top-left-radius: 22px;
  border-bottom-left-radius: 22px;
  clip-path: polygon(
    0 0,
    calc(100% - 16px) 0,
    100% 50%,
    calc(100% - 16px) 100%,
    0 100%
  );
}

.sf-path-item:last-child {
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
}

.sf-path-item:hover {
  filter: brightness(0.96);
}

.sf-path-item.is-complete {
  background: #a8eadc;
  color: #006c5b;
  font-weight: 700;
}

.sf-path-item.is-current,
.sf-path-item.selected-stage {
  background: #003b71;
  color: #ffffff;
  font-weight: 700;
}

.sf-path-item.is-won {
  background: #a8eadc;
  color: #006c5b;
  font-weight: 500;
}

.sf-path-item.is-lost {
  background: #e4005a;
  color: #ffffff;
  font-weight: 700;
}

.sf-path-label {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sf-path-action {
  min-width: 320px;
  height: 48px;
  border: none;
  border-radius: 24px;
  background: #0176d3;
  color: #ffffff;
  font-size: 19px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  padding: 0 28px;
  transition: all 0.15s ease;
}

.sf-path-action:hover {
  background: #0b5cab;
}

.sf-path-action:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.sf-native-path-wrap {
  display: flex;
  align-items: center;
  gap: 32px;
  background: #ffffff;
  border-radius: 18px;
  padding: 16px 18px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.10);
  overflow: hidden;
}

.sf-native-path {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  list-style: none;
  padding: 0;
  margin: 0;
}

.sf-native-step {
  position: relative;
  flex: 1 1 0;
  min-width: 110px;
  height: 40px;
  margin-left: 4px;
}

.sf-native-step:first-child {
  margin-left: 0;
}

.sf-native-step button {
  position: relative;
  width: 100%;
  height: 40px;
  border: none;
  background: #d8dde6;
  color: #2f2f2f;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  padding: 0 22px;
  text-align: center;
  overflow: visible;
}

.sf-native-step button span {
  position: relative;
  z-index: 3;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sf-native-step button::after {
  content: "";
  position: absolute;
  top: 0;
  right: -18px;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 18px solid #d8dde6;
  z-index: 2;
}

.sf-native-step button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 18px solid #ffffff;
  z-index: 1;
}

.sf-native-step:first-child button {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.sf-native-step:first-child button::before {
  display: none;
}

.sf-native-step:last-child button {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.sf-native-step:last-child button::after {
  display: none;
}

.sf-native-step.is-complete button {
  background: #a8eadc;
  color: #006b5f;
}

.sf-native-step.is-complete button::after {
  border-left-color: #a8eadc;
}

.sf-native-step.is-current button,
.sf-native-step button.selected-stage {
  background: #16325c;
  color: #ffffff;
}

.sf-native-step.is-current button::after,
.sf-native-step button.selected-stage::after {
  border-left-color: #16325c;
}

.sf-native-step.is-won button {
  background: #a8eadc;
  color: #006b5f;
}

.sf-native-step.is-won button::after {
  border-left-color: #a8eadc;
}

.sf-native-step.is-lost button {
  background: #e4005a;
  color: #ffffff;
}

.sf-native-step.is-lost button::after {
  border-left-color: #e4005a;
}

.sf-native-step button:hover {
  filter: brightness(0.97);
}

.sf-native-action {
    width: 220px;
    min-width: 220px;
    height: 36px;

    padding: 0 16px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    background: #0176d3;
    color: #ffffff;

    border: none;
    border-radius: 18px;

    font-family: "Salesforce Sans", Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;

    white-space: nowrap;
    cursor: pointer;
    flex-shrink: 0;

    transition: background-color .15s ease;
}

.sf-native-action:hover {
    background: #0b5cab;
}

.sf-native-action:active {
    background: #014486;
}

.sf-native-path-wrap {
  gap: 16px !important;
  padding: 14px 14px !important;
}

.sf-native-step {
  height: 36px !important;
  min-width: 0 !important;
}

.sf-native-step button {
  height: 36px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 36px !important;
  padding: 0 16px !important;
}

.sf-native-step button::after {
  right: -14px !important;
  border-top-width: 18px !important;
  border-bottom-width: 18px !important;
  border-left-width: 14px !important;
}

.sf-native-step button::before {
  border-top-width: 18px !important;
  border-bottom-width: 18px !important;
  border-left-width: 14px !important;
}

.sf-native-action {
  min-width: 255px !important;
  height: 36px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 36px !important;
  padding: 0 16px !important;
  flex-shrink: 0 !important;
}

.sf-native-path {
  padding-right: 14px !important;
}
.stage-action-icon {
    font-size: 13px;
    line-height: 1;
}

.stage-action-text {
    font-size: 14px;
    font-weight: 600;
}

/* ---------- Salesforce Stage Tooltip ---------- */

.sf-native-step button {
    position: relative;
    overflow: visible !important;
}

.sf-stage-tooltip {

    position: absolute;

    left: 50%;
    top: 46px;

    transform: translateX(-50%);

    display: none;

    background: #16325c;
    color: #ffffff;

    font-size: 13px;
    font-weight: 500;

    padding: 10px 14px;

    border-radius: 6px;

    white-space: nowrap;

    z-index: 9999;

    box-shadow: 0 4px 10px rgba(0,0,0,.18);
}

.sf-stage-tooltip::before {

    content: "";

    position: absolute;

    left: 50%;
    top: -7px;

    transform: translateX(-50%);

    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #16325c;
}

.sf-native-step:hover .sf-stage-tooltip {
    display: block;
}
.sf-native-path-wrap {
  overflow: visible !important;
  position: relative !important;
  z-index: 20 !important;
}

.sf-native-path {
  overflow: visible !important;
}

.sf-native-step {
  overflow: visible !important;
}

.sf-native-step button {
  overflow: visible !important;
}

.sf-stage-tooltip {
  z-index: 99999 !important;
}
/* Action Center button refinement v11 */
.action-center-card .blue-btn,
.action-center-card .outline-btn,
.task-modal-footer .blue-btn,
.task-modal-footer .outline-btn,
.task-actions .blue-btn,
.task-actions .outline-btn {
  height: 32px;
  min-width: 86px;
  padding: 0 12px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 400;
  line-height: 30px;
  white-space: nowrap;
}

.task-buttons .blue-btn,
.task-buttons .outline-btn {
  height: 34px;
  font-size: 12px;
  font-weight: 400;
  padding: 0 12px;
  border-radius: 6px;
}

.task-actions,
.task-modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: nowrap;
}

.task-actions {
  justify-content: flex-start;
}

.task-modal-footer button,
.task-actions button {
  width: auto !important;
  flex: 0 0 auto;
}

.add-activity-menu button {
  height: auto !important;
  line-height: 1.2 !important;
  border-radius: 0 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  padding: 10px 14px !important;
}

/* v12 Add Activity dropdown clipping fix */
.add-activity-menu.oih-menu-fixed {
  position: fixed !important;
  width: 190px !important;
  z-index: 99999 !important;
  overflow: visible !important;
}

/* v12 target-only button polish: Insights and Details tabs */
#rerunAiAnalysisBtn,
#detailsEditBtn,
#detailsSaveBtn,
#detailsCancelBtn {
  height: 34px !important;
  min-width: 92px;
  padding: 0 14px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 32px !important;
  margin: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

#rerunAiAnalysisBtn,
#detailsSaveBtn {
  background: #0176d3 !important;
  border: 1px solid #0176d3 !important;
  color: #ffffff !important;
}

#detailsEditBtn,
#detailsCancelBtn {
  background: #ffffff !important;
  border: 1px solid #c9d3df !important;
  color: #0b5cab !important;
}

#rerunAiAnalysisBtn:hover,
#detailsSaveBtn:hover {
  background: #0b5cab !important;
  border-color: #0b5cab !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(1,118,211,.18);
}

#detailsEditBtn:hover,
#detailsCancelBtn:hover {
  background: #f4f8ff !important;
  border-color: #0176d3 !important;
  color: #0176d3 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(1,118,211,.12);
}

/* Health Console Portfolio AI interactions */
.portfolio-ai button{cursor:pointer;transition:all .15s ease}
.portfolio-ai button:disabled{opacity:.65;cursor:not-allowed}
.quick-btns button.active,.ask-btns button.active{background:#eaf4ff;border-color:#0176d3;color:#014486}
.portfolio-ai-result{margin-top:16px;border:1px solid #d7e3f4;background:#f8fbff;border-radius:14px;padding:12px}
.portfolio-ai-result .result-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.portfolio-ai-result h3{margin:0 0 8px;font-size:14px;color:#17385d}
.portfolio-ai-result p{margin:8px 0;color:#374151}
.portfolio-ai-result .result-head button{background:#fff;border:1px solid #9ca3af;border-radius:18px;color:#0b5cab;font-weight:700;padding:6px 10px;font-size:12px}
.ai-deal-list{list-style:none;padding-left:0!important;margin:8px 0 0!important;display:flex;flex-direction:column;gap:8px}
.ai-deal-list li{border:1px solid #e3e7ef;background:#fff;border-radius:10px;padding:8px!important;display:flex;flex-direction:column;gap:3px}
.ai-deal-list a{font-weight:700;color:#0b5cab;text-decoration:none}
.ai-deal-list span{font-size:12px;color:#5f6f85}
#portfolioTable tbody tr[hidden]{display:none}

/* Health Console LWC parity update */
.health-console-page .dashboard-card.slds-like-card,
.health-console-page .table-card.slds-like-card,
.health-console-page .portfolio-ai.panel-card{
  background:#fff;
  border:1px solid #d8dde6;
  border-radius:8px;
  box-shadow:0 2px 4px rgba(0,0,0,0.10);
}
.health-console-page .dashboard-card{padding:16px;}
.health-console-page .lwc-chart-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.health-console-page .lwc-chart-card{min-height:260px;padding:0;overflow:visible;}
.health-console-page .lwc-chart-card h2,
.health-console-page .table-card h2{font-size:16px;font-weight:600;color:#032d60;margin:0 0 10px;}
.health-console-page .chart-container{height:220px;position:relative;padding:8px;}
.health-console-page .chart-container canvas{width:100%!important;height:100%!important;}
.health-console-page .sf-table th{cursor:pointer;user-select:none;}
.health-console-page .sf-table th:hover{background:#eef4ff;}
.health-console-page .portfolio-ai.panel-card{padding:14px;position:sticky;top:16px;}
.health-console-page .portfolio-ai .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.health-console-page .portfolio-ai .title{display:flex;gap:6px;align-items:center;font-weight:600;color:#032d60;font-size:14px;}
.health-console-page .einstein-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#eef4ff;color:#0176d3;font-size:12px;}
.health-console-page .brand-btn{background:#0176d3!important;color:#fff!important;border:1px solid #0176d3!important;border-radius:4px!important;padding:7px 12px!important;font-weight:600!important;font-size:12px!important;}
.health-console-page .mode-text{font-size:11px;color:#777;margin-bottom:10px;}
.health-console-page .portfolio-ai .section{margin-bottom:14px;}
.health-console-page .portfolio-ai .section-title{font-weight:600;margin-bottom:6px;font-size:13px;color:#1f2937;}
.health-console-page .portfolio-ai .summary{font-size:13px;color:#444;line-height:1.45;}
.health-console-page .portfolio-ai .risk-item{font-size:12px;margin-bottom:4px;color:#374151;line-height:1.45;}
.health-console-page .action-buttons{display:flex;gap:8px;flex-wrap:wrap;}
.health-console-page .action-btn{background:#fff;border:1px solid #c9c9c9;border-radius:4px;color:#0176d3;font-weight:600;padding:7px 10px;font-size:12px;}
.health-console-page .action-btn.active{background:#eef4ff;border-color:#c5d9ff;color:#1b4f9c;font-weight:700;}
.health-console-page .chip-container{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;}
.health-console-page .chip{background:#f3f6f9;border:1px solid #d8dde6;border-radius:16px;padding:4px 10px;cursor:pointer;font-size:11px;color:#374151;font-weight:500;}
.health-console-page .chip.active-chip{background:#eef4ff;border-color:#c5d9ff;color:#1b4f9c;font-weight:700;}
.health-console-page .deal-card{border:1px solid #eee;border-radius:6px;padding:8px;margin-bottom:8px;background:#fff;}
.health-console-page .deal-name{font-weight:600;color:#1f2937;font-size:13px;}
.health-console-page .deal-meta{font-size:11px;color:#777;margin-top:2px;}
.health-console-page .deal-risk,
.health-console-page .deal-action{font-size:12px;color:#374151;margin-top:4px;}
.health-console-page .open-insights{display:inline-block;margin-top:6px;color:#0176d3;text-decoration:none;font-size:12px;font-weight:600;}
.health-console-page .pagination-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;}
.health-console-page .icon-btn{border:0;background:#fff;color:#0176d3;font-size:22px;line-height:1;cursor:pointer;padding:2px 8px;}
.health-console-page .icon-btn:disabled{opacity:.4;cursor:not-allowed;}
.health-console-page .page-text{font-size:12px;color:#5f6368;}
.health-console-page .account-section{margin-top:10px;display:flex;flex-direction:column;gap:8px;}
.health-console-page .account-section label{font-size:12px;color:#374151;font-weight:600;}
.health-console-page .account-section select{border:1px solid #d8dde6;border-radius:4px;padding:8px;background:#fff;}
.health-console-page .answer-box{margin-top:8px;padding:10px;background:#f4f6f9;border-radius:6px;font-size:12px;white-space:pre-line;line-height:1.5;color:#374151;}
.health-console-page .answer-loading{display:flex;align-items:center;gap:8px;color:#5f6368;font-size:13px;}
.health-console-page .spinner-dot{width:14px;height:14px;border:2px solid #c5d9ff;border-top-color:#0176d3;border-radius:50%;display:inline-block;animation:oihSpin .8s linear infinite;}
@keyframes oihSpin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.health-console-page .lwc-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.health-console-page .lwc-chart-grid{grid-template-columns:1fr;}.health-console-page .portfolio-ai.panel-card{position:static;}}


/* Health Console final polish */
.portal-header{
  position:sticky;
  top:0;
  z-index:1000;
}
.health-console-page [hidden],
.risk-modal[hidden],
.answer-loading[hidden],
.account-section[hidden]{
  display:none!important;
}
.health-console-page .portfolio-ai.panel-card{
  top:96px;
  max-height:calc(100vh - 112px);
  overflow:auto;
}
body.modal-open{overflow:hidden;}
.risk-modal{
  position:fixed;
  inset:0;
  z-index:2000;
  display:flex;
  align-items:center;
  justify-content:center;
}
.risk-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.62);
}
.risk-modal-card{
  position:relative;
  width:min(640px,92vw);
  max-height:78vh;
  background:#fff;
  border-radius:18px;
  box-shadow:0 14px 36px rgba(0,0,0,.30);
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.risk-modal-x{
  position:absolute;
  top:-46px;
  right:0;
  width:34px;
  height:34px;
  border-radius:50%;
  border:0;
  background:#fff;
  color:#555;
  font-size:34px;
  line-height:30px;
  cursor:pointer;
}
.risk-modal-header{
  padding:24px 22px 18px;
  text-align:center;
  border-bottom:1px solid #d8dde6;
}
.risk-modal-title{
  font-size:24px;
  color:#032d60;
  margin-bottom:8px;
}
.risk-modal-pill{
  display:inline-block;
  background:#eef4ff;
  color:#032d60;
  border-radius:18px;
  padding:5px 14px;
  font-weight:700;
  font-size:13px;
}
.risk-modal-body{
  padding:22px;
  overflow:auto;
  color:#3e3e3c;
  line-height:1.55;
}
.risk-modal-section{margin-bottom:18px;}
.risk-modal-section h3{
  margin:0 0 10px;
  font-size:15px;
  color:#3e3e3c;
  font-weight:700;
}
.risk-modal-section p{
  margin:0 0 8px 22px;
  font-size:14px;
}
.risk-modal-footer{
  padding:14px 18px;
  border-top:1px solid #d8dde6;
  display:flex;
  justify-content:flex-end;
}
.risk-modal-close{
  background:#fff;
  color:#0176d3;
  border:1px solid #9ca3af;
  border-radius:18px;
  padding:8px 22px;
  font-weight:700;
  cursor:pointer;
}
.health-console-page .eye{
  cursor:pointer;
  color:#0b5cab;
  text-decoration:none;
}
@media(max-width:760px){
  .health-console-page .portfolio-ai.panel-card{top:0;max-height:none;}
  .portal-header{position:sticky;}
}
.risk-modal-section.agentforce-summary p{
  margin-left:0;
  white-space:pre-line;
}
.risk-modal-section.suggested-actions-section p{
  position:relative;
  margin-left:20px;
}
.risk-modal-section.suggested-actions-section p::before{
  content:'•';
  position:absolute;
  left:-14px;
}
.risk-modal-section.confidence-section h3{
  color:#032d60;
}
.risk-modal-note{
  margin-top:12px;
  color:#706e6b;
  font-size:13px;
  font-style:italic;
}


/* Salesforce-aligned Risk Insights modal body */
.risk-insight-list {
  margin: 0;
  padding-left: 1.1rem;
}

.risk-insight-list li {
  margin: 0 0 0.35rem;
  line-height: 1.45;
}

.risk-modal-section.summary-box,
.risk-modal-section.agentforce-summary {
  background: #f3f3f3;
  border-radius: 6px;
  padding: 0.75rem;
}

.risk-confidence-text {
  margin-top: 0.75rem;
  font-size: 0.9rem;
  color: #444;
}

.risk-modal-note {
  margin-top: 0.75rem;
  font-size: 0.85rem;
  color: #444;
}

/* ================================================================
   OIH Portal OTP Login - minimal extension of the existing login UI
   ================================================================ */
.login-message{
  background:#e8f5e9;
  color:#1b5e20;
  padding:10px 12px;
  border-radius:8px;
  margin-bottom:14px;
}

.login-help{
  margin-top:10px;
  color:#64748b;
  font-size:12px;
  line-height:1.45;
}

.login-secondary-form{
  margin:0;
}

.login-card .login-secondary-button{
  margin-top:10px;
  background:#ffffff;
  color:#0176d3;
  border:1px solid #0176d3;
}

.login-link{
  display:block;
  margin-top:14px;
  color:#0b5cab;
  text-align:center;
  text-decoration:none;
  font-weight:700;
  font-size:12px;
}