/* ===== SMM PWR — global red+white theme (Bootstrap 3 override) ===== */
:root{--pwr-red:#E11733;--pwr-red2:#FF3B57;--pwr-ink:#14161d;--pwr-muted:#7a8091;--pwr-line:#eef0f5;--pwr-bg:#f6f7fb;}

body{background:var(--pwr-bg);color:var(--pwr-ink);
  font-family:'Inter','Segoe UI',system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--pwr-red)}
a:hover,a:focus{color:#b3122a;text-decoration:none}
hr{border-color:var(--pwr-line)}

/* ---- top navbar ---- */
.navbar-default{background:#fff;border:none;border-bottom:1px solid var(--pwr-line);box-shadow:0 2px 14px rgba(20,20,40,.05);border-radius:0;margin-bottom:26px}
.navbar-default .navbar-brand{color:var(--pwr-ink);font-weight:800;letter-spacing:.3px;
  height:auto;padding:12px 18px 12px 14px;display:flex;align-items:center}
.navbar-default .navbar-brand>img{max-height:36px;width:auto;display:block}
.navbar-default .navbar-brand:hover{color:var(--pwr-red)}
.navbar-default .navbar-nav>li>a{color:var(--pwr-muted);font-weight:700;border-radius:10px;margin:8px 3px;padding:10px 16px}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:var(--pwr-red);background:#fff5f6}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#fff;background:linear-gradient(135deg,var(--pwr-red2),var(--pwr-red));box-shadow:0 8px 18px rgba(225,23,51,.3)}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background:#fff5f6;color:var(--pwr-red)}
.navbar-default .navbar-nav>li>a .navbar-icon{margin-right:7px}
.navbar-default .badge{background:linear-gradient(135deg,var(--pwr-red2),var(--pwr-red));color:#fff;font-weight:800;padding:6px 12px;border-radius:20px}
.navbar-toggle .icon-bar{background:var(--pwr-red)}
.navbar-nav .caret{border-top-color:currentColor}

/* ---- buttons ---- */
.btn{border-radius:10px;font-weight:700}
.btn-primary,.btn-primary:focus{background:linear-gradient(135deg,var(--pwr-red2),var(--pwr-red));border:none;color:#fff;box-shadow:0 8px 18px rgba(225,23,51,.28)}
.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary{background:linear-gradient(135deg,var(--pwr-red),#b3122a);border:none;color:#fff}
.btn-success{background:linear-gradient(135deg,#22c67e,#0f9d63);border:none}
.btn-default{background:#fff;border:1.5px solid var(--pwr-line);color:#3a3f4b}
.btn-default:hover,.btn-default:focus{background:#fff5f6;border-color:#f6c9cf;color:var(--pwr-red)}
.btn-link{color:var(--pwr-red)}

/* ---- nav-pills (filter/category tabs) ---- */
.nav-pills{gap:8px;display:flex;flex-wrap:wrap}
.nav-pills>li>a{border-radius:11px;color:var(--pwr-muted);font-weight:700;background:#fff;border:1px solid var(--pwr-line)}
.nav-pills>li>a:hover{background:#fff5f6;color:var(--pwr-red)}
.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{background:linear-gradient(135deg,var(--pwr-red2),var(--pwr-red));color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(225,23,51,.28)}

/* ---- forms ---- */
.form-control{border-radius:11px;border:1.5px solid var(--pwr-line);box-shadow:none;height:46px;background:#fbfcfe;color:var(--pwr-ink)}
.form-control:focus{border-color:var(--pwr-red);box-shadow:0 0 0 3px rgba(225,23,51,.12);background:#fff}
textarea.form-control{height:auto}
.control-label,label{font-weight:700;color:#3a3f4b}
.input-group-addon{border-radius:11px;border:1.5px solid var(--pwr-line);background:#faf7f8}

/* ---- cards / wells / panels ---- */
.well,.panel{border-radius:16px;border:1px solid var(--pwr-line);box-shadow:0 12px 30px rgba(20,20,40,.05);background:#fff}
.well{padding:24px}
.panel{overflow:hidden}
.panel-default>.panel-heading{background:#faf7f8;border-color:var(--pwr-line);font-weight:800;color:var(--pwr-ink)}
.panel-primary>.panel-heading{background:linear-gradient(135deg,var(--pwr-red2),var(--pwr-red));border-color:transparent}

/* ---- tables ---- */
.table{background:#fff;border-radius:14px;overflow:hidden}
.table>thead>tr>th{border-bottom:2px solid var(--pwr-line);color:var(--pwr-muted);text-transform:uppercase;font-size:11.5px;letter-spacing:.4px;font-weight:800;padding:14px 16px}
.table>tbody>tr>td{padding:14px 16px;border-top:1px solid var(--pwr-line);vertical-align:middle}
.table-hover>tbody>tr:hover{background:#fff5f6}
.table-striped>tbody>tr:nth-of-type(odd){background:#fbfcfe}

/* Wide tables (orders, refill, subscriptions) squeeze the narrow columns
   because the link column asks for 40% of the row. Keep ids, dates and
   amounts on one line and let the long text columns absorb the slack. */
.nowrap,.table .nowrap{white-space:nowrap}
@media (min-width:768px){
  .table>thead>tr>th{white-space:nowrap}
  .table>thead>tr>th,.table>tbody>tr>td{padding-left:12px;padding-right:12px}
  /* A table cell's max-width is ignored in auto layout, so the link column
     grows to fit the longest URL and starves the service name. Constraining
     an inner inline-block does work — the column can no longer ask for more
     than 320px and the leftover width goes to the service column. */
  /* Perfect Panel's own .width-40 wins on specificity and forces the table
     to 1720px on a 1440px screen, so every other column gets squeezed and
     ids/dates break across two lines. !important is the only way to drop it. */
  .table td.width-40,.table th.width-40{width:auto!important}
  .pwr-clip{display:inline-block;max-width:320px;overflow-wrap:anywhere;vertical-align:middle}
}

/* ---- labels / badges (order statuses) ---- */
.label{border-radius:20px;padding:.35em .8em;font-weight:800;font-size:78%}
.label-success{background:#e7f8f0;color:#0f9d63}
.label-info{background:#e9f0ff;color:#2b6ef2}
.label-primary{background:#fdeaed;color:var(--pwr-red)}
.label-warning{background:#fff2e0;color:#e08600}
.label-danger{background:#fdeaed;color:var(--pwr-red)}
.label-default{background:#f1f2f6;color:var(--pwr-muted)}

/* ---- dropdowns ---- */
.dropdown-menu{border-radius:12px;border:1px solid var(--pwr-line);box-shadow:0 16px 40px rgba(20,20,40,.12);padding:6px;margin-top:6px}
.dropdown-menu>li>a,.dropdown-item{border-radius:8px;padding:9px 13px;font-weight:600;color:#3a3f4b}
.dropdown-menu>li>a:hover,.dropdown-item:hover,.dropdown-menu>.active>a{background:#fff5f6;color:var(--pwr-red)}

/* ---- misc accents ---- */
.pagination>li>a,.pagination>li>span{color:var(--pwr-red);border-color:var(--pwr-line)}
.pagination>.active>a,.pagination>.active>a:hover,.pagination>.active>span{background:var(--pwr-red);border-color:var(--pwr-red);color:#fff}
.progress{border-radius:20px;background:#f0f1f5}
.progress-bar{background:linear-gradient(90deg,var(--pwr-red2),var(--pwr-red))}
.text-primary{color:var(--pwr-red)!important}
.text-danger{color:var(--pwr-red)!important}
.alert{border-radius:12px}
.alert-success{background:#e7f8f0;border-color:#c9efdd;color:#0f9d63}
.alert-danger{background:#fdeaed;border-color:#f6cdd4;color:#c01027}
.alert-info{background:#e9f0ff;border-color:#cfe0ff;color:#2b6ef2}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:var(--pwr-red);border-bottom-color:transparent}
::selection{background:rgba(225,23,51,.18)}
a.forgot-password{color:var(--pwr-red)}

/* keep the custom login untouched (it is self-scoped under .pwr-login) */

/* ---- provider facts: average time + daily delivery capacity ---- */
.pwr-avg{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#0f9d63;white-space:nowrap}
.pwr-avg:before{content:"";width:7px;height:7px;border-radius:50%;background:#0f9d63;flex:0 0 7px;
  box-shadow:0 0 0 0 rgba(15,157,99,.55);animation:pwrpulse-dot 1.8s ease-out infinite}
@keyframes pwrpulse-dot{to{box-shadow:0 0 0 7px rgba(15,157,99,0)}}
.pwr-speed{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:20px;white-space:nowrap;
  background:#fff1f2;color:var(--pwr-red);font-size:11px;font-weight:800;letter-spacing:.2px;vertical-align:1px}
.pwr-svc-facts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.pwr-svc-facts span{display:inline-flex;align-items:baseline;gap:6px;padding:7px 12px;border-radius:11px;
  background:#f6f7fb;border:1px solid var(--pwr-line);font-size:13px;color:var(--pwr-ink)}
.pwr-svc-facts b{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--pwr-muted)}
.pwr-live{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:20px;white-space:nowrap;
  background:#e7f8f0;color:#0f9d63;font-size:11px;font-weight:800;letter-spacing:.2px;vertical-align:1px}
.pwr-drop{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:20px;white-space:nowrap;
  font-size:11px;font-weight:800;letter-spacing:.2px;vertical-align:1px;
  background:#f1f2f6;color:var(--pwr-muted)}
.pwr-drop-low{background:#e7f8f0;color:#0f9d63}
.pwr-drop-mid{background:#fff2e0;color:#e08600}
.pwr-drop-high{background:#fdeaed;color:var(--pwr-red)}
.pwr-chart{margin:0 0 14px;padding:12px 14px 8px;border:1px solid var(--pwr-line);border-radius:12px;background:#fff}
.pwr-facts-wrap{margin-bottom:2px}
.pwr-nodata{margin:0 0 12px;padding:10px 13px;border-radius:11px;background:#f6f7fb;
  border:1px dashed var(--pwr-line);color:var(--pwr-muted);font-size:12.5px;font-weight:600}

/* add funds: coin list moved out of the <select>, where it never fitted */
.pwr-pay-info{margin-top:10px}
.pwr-pay-note{display:inline-block;padding:6px 12px;border-radius:20px;background:#e7f8f0;color:#0f9d63;
  font-size:12.5px;font-weight:800;margin-bottom:10px}
.pwr-pay-label{font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;
  color:var(--pwr-muted);margin-bottom:6px}
.pwr-pay-coins{display:flex;flex-wrap:wrap;gap:6px}
.pwr-pay-coins span{padding:4px 9px;border-radius:8px;background:#f6f7fb;border:1px solid var(--pwr-line);
  font-size:11.5px;font-weight:800;color:#3a3f4b;letter-spacing:.2px}
#method{text-overflow:ellipsis}
.pwr-chart-hd{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;
  color:var(--pwr-muted);margin-bottom:6px}
.pwr-spark{display:block;width:100%;height:46px}

/* =====================================================================
   RESPONSIVE — phone & tablet
   ===================================================================== */
img{max-width:100%;height:auto}
.table td,.table th{word-break:break-word}

/* ---- tablet: let wide tables scroll inside their card ---- */
@media (max-width:991px){
  .navbar-default{margin-bottom:18px}
  .well{padding:18px}
  .well>.table,.well>form>.table{margin-bottom:0}
  .well-float,.well{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .table>thead>tr>th,.table>tbody>tr>td{padding:12px 12px}
  .nav-pills>li>a{padding:8px 13px;font-size:13.5px}
  .col-md-8.col-md-offset-2{padding-left:8px;padding-right:8px}
}

/* ---- phone ---- */
@media (max-width:767px){
  body{font-size:14.5px}
  .container,.container-fluid{padding-left:12px;padding-right:12px}
  .navbar-default{margin-bottom:14px}
  .navbar-default .navbar-brand{padding-left:12px;font-size:17px}
  .navbar-default .navbar-brand>img{max-height:34px;width:auto}
  .navbar-toggle{margin-right:10px;border-color:var(--pwr-line)}
  .navbar-default .navbar-nav>li>a{margin:2px 6px;padding:11px 14px}
  .navbar-default .navbar-nav .badge{display:inline-block}
  .navbar-nav .open .dropdown-menu{box-shadow:none;border:none;background:transparent}

  .well{padding:14px;border-radius:14px;overflow-x:visible}
  .well-float{overflow-x:visible}

  /* filter / status pills: search jumps to its own full-width line */
  .nav-pills{gap:7px;margin-bottom:12px}
  .nav-pills>li{float:none}
  .nav-pills>li>a{padding:8px 12px;font-size:13px}
  .nav-pills>li.search,.nav-pills>li.pull-right{float:none!important;width:100%;order:-1;margin:0 0 10px}
  .nav-pills>li.search .input-group,.nav-pills>li.search form{width:100%}
  .nav-pills .dropdown,.nav-pills .dropdown>.btn{width:auto;max-width:100%}
  .nav-pills .dropdown>.btn{white-space:normal;text-align:left}

  /* --- tables become cards (labels are injected by script.js) --- */
  .pwr-table-cards{display:block;background:transparent;border-radius:0}
  .pwr-table-cards>thead{display:none}
  .pwr-table-cards>tbody{display:block}
  .pwr-table-cards>tbody>tr{display:block;background:#fff;border:1px solid var(--pwr-line);
    border-radius:14px;padding:4px 14px;margin:0 0 12px;box-shadow:0 6px 18px rgba(20,20,40,.05)}
  /* label on its own line, value below — never squeezes long service names */
  .pwr-table-cards>tbody>tr>td{display:block;width:auto!important;
    padding:9px 0!important;border-top:1px solid var(--pwr-line)!important;text-align:left;
    font-size:14px;line-height:1.45;white-space:normal!important;overflow-wrap:anywhere}
  .pwr-table-cards>tbody>tr>td:first-child{border-top:none!important}
  .pwr-table-cards>tbody>tr>td:before{content:attr(data-th);display:block;margin-bottom:2px;
    font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--pwr-muted)}
  .pwr-table-cards>tbody>tr>td[data-th=""]:before{content:none}
  .pwr-table-cards>tbody>tr>td[data-th=""]:empty{display:none}
  .pwr-table-cards>tbody>tr>td.width-40,.pwr-table-cards .width-service-name{width:auto}
  .pwr-table-cards .service-name{font-weight:600}
  .pwr-table-cards .pwr-speed{margin-left:0;margin-top:4px}
  .pwr-clip{max-width:100%}
  /* category / section header rows */
  .pwr-table-cards>tbody>tr.pwr-row-group{background:transparent;border:none;box-shadow:none;padding:0;margin:20px 0 8px}
  .pwr-table-cards>tbody>tr.pwr-row-group>td{display:block;border:none!important;padding:0!important;
    text-align:left;font-size:15px}
  .pwr-table-cards .order-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}

  /* forms: 16px keeps iOS Safari from zooming on focus */
  .form-control{font-size:16px;height:48px}
  select.form-control{font-size:16px}
  #order-form>.btn-primary,#order-form button[type=submit],
  .well>form>button[type=submit]{width:100%;height:50px;font-size:16px}

  .pagination{display:flex;flex-wrap:wrap;gap:6px}
  .pagination>li>a,.pagination>li>span{border-radius:9px}
  .modal-dialog{margin:10px}
  .modal-content{border-radius:14px}
  .alert{font-size:14px}
}

/* ---- very small phones ---- */
@media (max-width:400px){
  .pwr-table-cards>tbody>tr>td:before{flex-basis:44%;font-size:10.5px}
  .pwr-table-cards>tbody>tr{padding:2px 12px}
  .well{padding:12px}
  .btn-xs{padding:4px 9px}
}

/* =====================================================================
   Landing content (home, sign up) — the crawlable copy under the hero
   ===================================================================== */
/* ---- landing content under the hero (this is what search engines read) ---- */
.pwr-landing{background:#fff;color:#14161d;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
.pwr-landing .pl-wrap{max-width:920px;margin:0 auto;padding:72px 24px 88px}
.pwr-landing h2{font-size:33px;line-height:1.18;font-weight:800;letter-spacing:-.6px;margin:52px 0 16px;color:#14161d}
.pwr-landing h2:first-child{margin-top:0}
.pwr-landing h3{font-size:21px;font-weight:800;margin:32px 0 10px;color:#14161d}
.pwr-landing p{font-size:16.5px;line-height:1.72;color:#3f4552;margin:0 0 16px}
.pwr-landing ul,.pwr-landing ol{margin:0 0 18px;padding-left:22px}
.pwr-landing li{font-size:16.5px;line-height:1.7;color:#3f4552;margin-bottom:8px}
.pwr-landing a{color:#E11733;font-weight:700}
.pwr-landing a:hover{color:#b3122a;text-decoration:underline}
.pwr-landing strong{color:#14161d;font-weight:800}
.pwr-landing table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:15.5px}
.pwr-landing th{text-align:left;padding:12px 14px;background:#f6f7fb;border-bottom:2px solid #eef0f5;
  font-size:11.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#7a8091}
.pwr-landing td{padding:12px 14px;border-bottom:1px solid #eef0f5;color:#3f4552}
.pwr-landing blockquote{margin:0 0 20px;padding:16px 20px;border-left:3px solid #E11733;
  background:#fff5f6;border-radius:0 12px 12px 0}
.pwr-landing blockquote p{margin:0;color:#14161d}
.pwr-landing hr{border:none;border-top:1px solid #eef0f5;margin:44px 0}
@media (max-width:767px){
  .pwr-landing .pl-wrap{padding:44px 20px 60px}
  .pwr-landing h2{font-size:26px;margin:38px 0 12px}
  .pwr-landing h3{font-size:19px}
  .pwr-landing p,.pwr-landing li{font-size:16px}
  .pwr-landing table{display:block;overflow-x:auto}
}