.gcp-app,.gcp-app *,.gcp-auth,.gcp-auth *{box-sizing:border-box}.gcp-app,.gcp-auth{--g:#ffb000;--ink:#101418;--cream:#fbf8ef;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}
.gcp-auth{max-width:1120px;margin:30px auto;display:grid;grid-template-columns:1fr 430px;background:#090909;color:#fff;border-radius:12px;overflow:hidden}.gcp-auth-copy{padding:60px}.gcp-auth-copy>span,.gcp-pagehead>span,.gcp-welcome>span,.gcp-heading span,.gcp-formbox>span,.gcp-discover span{color:var(--g);font-size:10px;font-weight:900;letter-spacing:1px}.gcp-auth-copy h2{font-size:46px;line-height:.98;margin:12px 0}.gcp-auth-copy h2 em,.gcp-welcome h1 em{color:var(--g);font-style:normal}.gcp-auth-copy p{color:#999;line-height:1.6}.gcp-auth-box{background:#fff;color:#111;padding:42px}.gcp-auth-box h3{font-size:26px;margin:0 0 20px}.gcp-auth input,.gcp-auth select,.gcp-auth textarea,.gcp-formbox input,.gcp-formbox select,.gcp-formbox textarea{width:100%;padding:13px 14px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#111;margin:0}.gcp-auth form,.gcp-formbox form{display:grid;gap:13px}.gcp-auth button,.gcp-formbox button{min-height:48px;border:0;border-radius:6px;background:var(--g);font-weight:900;cursor:pointer}.gcp-auth-switch{display:block;margin-top:18px;color:#111!important;font-weight:800;text-decoration:none}.gcp-check{display:flex!important;gap:9px;align-items:flex-start;font-size:11px;line-height:1.4}.gcp-check input{width:auto!important;margin-top:2px!important}.gcp-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gcp-app{min-height:760px;display:grid;grid-template-columns:245px 1fr;background:#f6f4ef;border-radius:10px;overflow:hidden}.gcp-side{background:#090909;color:#fff;padding:27px 18px;display:flex;flex-direction:column}.gcp-brand{font-weight:900;font-size:18px;padding:0 8px 24px}.gcp-brand b{color:var(--g)}.gcp-brand small{display:block;color:#666;font-size:8px;letter-spacing:1px;margin-top:5px}.gcp-side nav{display:grid;gap:3px}.gcp-side nav a,.gcp-signout{display:flex;justify-content:space-between;align-items:center;padding:12px 13px;border-radius:6px;color:#aaa!important;text-decoration:none;font-size:12px;font-weight:800}.gcp-side nav a:hover,.gcp-side nav a.active{background:#171717;color:#fff!important}.gcp-side nav a.active{box-shadow:inset 3px 0 var(--g)}.gcp-side i{font-style:normal;background:var(--g);color:#111;border-radius:20px;padding:2px 6px;font-size:9px}.gcp-signout{margin-top:auto}.gcp-main{min-width:0}.gcp-top{height:72px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.gcp-top span,.gcp-top strong{display:block}.gcp-top span{font-size:8px;color:#999;font-weight:900}.gcp-top strong{font-size:12px;margin-top:3px}.gcp-bell{position:relative;text-decoration:none;font-size:19px}.gcp-bell b{position:absolute;right:-8px;top:-8px;background:var(--g);color:#111;border-radius:20px;font-size:8px;padding:3px 5px}.gcp-content{padding:30px;max-width:1180px}
.gcp-welcome{background:#090909;color:#fff;padding:35px;border-radius:10px}.gcp-welcome h1{font-size:40px;line-height:1;margin:10px 0 12px}.gcp-welcome p{color:#999;max-width:680px;line-height:1.5}.gcp-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.gcp-actions a{padding:11px 14px;background:var(--g);color:#111!important;border-radius:5px;text-decoration:none;font-size:10px;font-weight:900}.gcp-actions a+ a{background:#202020;color:#fff!important}.gcp-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:30px 0 14px}.gcp-heading h2{margin:5px 0 0;font-size:24px}.gcp-heading>a{font-size:10px;font-weight:900;color:#111!important}.gcp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.gcp-card{min-height:190px;padding:18px;background:#fff;border-radius:8px;color:#111!important;text-decoration:none;display:flex;flex-direction:column}.gcp-card>span{color:#d88e00;font-size:8px;font-weight:900}.gcp-card h3{font-size:17px;margin:15px 0 7px}.gcp-card p{font-size:10px;line-height:1.5;color:#666;margin:0}.gcp-card b{margin-top:auto;color:#d88e00;font-size:9px}.gcp-discover{margin-top:12px;padding:22px;background:#fff;border-radius:8px;display:flex;justify-content:space-between;gap:30px;align-items:center}.gcp-discover h3{margin:5px 0}.gcp-discover p{font-size:10px;color:#666;max-width:650px}.gcp-discover a{background:#111;color:#fff!important;text-decoration:none;padding:11px 14px;border-radius:5px;font-size:9px;font-weight:900}.gcp-pagehead{margin-bottom:22px}.gcp-pagehead h1{font-size:36px;margin:7px 0}.gcp-pagehead p{color:#666;max-width:700px;line-height:1.55}.gcp-formbox{background:#fff;border-radius:9px;padding:24px;max-width:800px}.gcp-formbox h2{margin:6px 0 20px}.gcp-formbox label{display:grid;gap:7px;font-size:11px}.gcp-formbox label strong{font-size:11px}.gcp-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.gcp-options label{display:flex;align-items:center;gap:7px;background:#f7f5f0;padding:9px;border-radius:5px}.gcp-options input{width:auto!important}.gcp-list{display:grid;gap:7px}.gcp-list>a,.gcp-static{background:#fff;padding:16px;border-radius:7px;text-decoration:none;color:#111!important;display:flex;justify-content:space-between;align-items:center}.gcp-list b,.gcp-list span{display:block}.gcp-list span{font-size:9px;color:#888;margin-top:4px}.gcp-list strong{font-size:9px;color:#d88e00}.gcp-empty{background:#fff;padding:22px;border-radius:7px;color:#777}.gcp-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:25px}.gcp-notes a{background:#fff;padding:14px;border-radius:7px;text-decoration:none;color:#111!important}.gcp-notes b,.gcp-notes span{display:block}.gcp-notes b{font-size:11px}.gcp-notes span{font-size:9px;color:#777;margin-top:5px}.gcp-section-title{font-size:16px;margin:24px 0 10px}.gcp-thread{display:grid;gap:9px;max-width:800px;margin-bottom:12px}.gcp-msg{max-width:75%;padding:13px 15px;border-radius:8px;background:#fff}.gcp-msg.mine{margin-left:auto;background:#111;color:#fff}.gcp-msg small{font-size:8px;color:#d88e00;font-weight:900}.gcp-msg p{margin:5px 0 0;font-size:11px;line-height:1.5}
@media(max-width:850px){.gcp-app{grid-template-columns:1fr}.gcp-side{position:relative}.gcp-side nav{grid-template-columns:1fr 1fr}.gcp-signout{margin-top:15px}.gcp-cards{grid-template-columns:1fr 1fr}.gcp-auth{grid-template-columns:1fr}.gcp-auth-copy{padding:38px}.gcp-notes{grid-template-columns:1fr}}
@media(max-width:560px){.gcp-content{padding:20px}.gcp-top{padding:0 20px}.gcp-side nav{grid-template-columns:1fr}.gcp-cards,.gcp-two,.gcp-options{grid-template-columns:1fr}.gcp-welcome h1{font-size:32px}.gcp-discover{display:block}.gcp-discover a{display:inline-block;margin-top:12px}.gcp-auth-box{padding:28px}.gcp-auth-copy{padding:30px}.gcp-auth-copy h2{font-size:36px}}

/* GCP 0.1.1 — portal-contained authentication */
.gcp-auth-error{
  margin:0 0 16px;
  padding:12px 14px;
  border-radius:6px;
  background:#fff2f0;
  color:#9f2d20;
  font-size:12px;
  line-height:1.45;
  font-weight:700;
}

/* =========================================================
   GOMIE CUSTOMER PORTAL — MY REQUESTS
   ========================================================= */

.gcp-request-list{
  display:grid;
  gap:14px;
  width:100%;
  max-width:1100px;
}

.gcp-request-item{
  width:100%;
  margin:0;
  background:#fff;
  border:1px solid rgba(16,20,24,.08);
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 4px 18px rgba(16,20,24,.035);
}

.gcp-request-item summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:20px 22px;
  background:#fff;
  transition:background .18s ease;
}

.gcp-request-item summary:hover{
  background:#fcfbf8;
}

.gcp-request-item summary::-webkit-details-marker{
  display:none;
}

.gcp-request-item summary::marker{
  display:none;
  content:"";
}

.gcp-request-item summary > div{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
}

.gcp-request-item summary > div > b{
  display:block;
  margin:0;
  color:#111;
  font-size:16px;
  line-height:1.3;
  font-weight:700;
}

.gcp-request-item summary > div > span{
  display:block;
  color:#777;
  font-size:12px;
  line-height:1.5;
  font-weight:500;
}

.gcp-request-item summary > strong{
  flex:0 0 auto;
  color:#111;
  font-size:12px;
  line-height:1;
  font-weight:700;
  white-space:nowrap;
}

.gcp-request-item summary > strong::after{
  content:" ↓";
  color:#ffb000;
  margin-left:4px;
}

.gcp-request-item[open] summary{
  background:#0b0b0b;
}

.gcp-request-item[open] summary > div > b{
  color:#fff;
}

.gcp-request-item[open] summary > div > span{
  color:#aaa;
}

.gcp-request-item[open] summary > strong{
  color:#ffb000;
}

.gcp-request-item[open] summary > strong::after{
  content:" ↑";
}

.gcp-request-body{
  padding:24px;
  background:#fff;
}

.gcp-request-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:36px;
  row-gap:0;
}

.gcp-request-field{
  display:grid;
  grid-template-columns:minmax(180px,42%) 1fr;
  align-items:start;
  gap:18px;
  padding:14px 0;
  border-bottom:1px solid #eee;
}

.gcp-request-field span{
  display:block;
  margin:0;
  color:#777;
  font-size:11px;
  line-height:1.45;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.045em;
}

.gcp-request-field b{
  display:block;
  margin:0;
  color:#171717;
  font-size:13px;
  line-height:1.55;
  font-weight:600;
  word-break:break-word;
}

.gcp-request-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  padding-top:24px;
}

.gcp-request-actions form{
  margin:0;
  padding:0;
}

.gcp-request-btn{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 17px;
  margin:0;
  border:1px solid #d8d8d8;
  border-radius:5px;
  background:#fff;
  color:#111 !important;
  text-decoration:none !important;
  font-family:inherit;
  font-size:12px;
  line-height:1;
  font-weight:700;
  cursor:pointer;
  box-shadow:none;
}

.gcp-request-btn:hover{
  border-color:#111;
  background:#f7f7f7;
  color:#111 !important;
}

.gcp-request-btn--primary{
  border-color:#ffb000;
  background:#ffb000;
  color:#111 !important;
}

.gcp-request-btn--primary:hover{
  border-color:#eaa100;
  background:#eaa100;
}

.gcp-request-btn--danger{
  border-color:#ddd;
  background:#fff;
  color:#b42318 !important;
}

.gcp-request-btn--danger:hover{
  border-color:#b42318;
  background:#fff7f6;
  color:#b42318 !important;
}

.gcp-request-alert{
  width:100%;
  max-width:1100px;
  margin:0 0 18px;
  padding:14px 17px;
  border-left:4px solid #ffb000;
  border-radius:4px;
  background:#fff;
  color:#222;
  font-size:13px;
  line-height:1.5;
  font-weight:600;
}

.gcp-request-alert--error{
  border-left-color:#b42318;
  background:#fff7f6;
}

.gcp-request-edit-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:14px;
  margin-top:18px;
}

.gcp-request-edit-actions button{
  width:auto !important;
  min-width:190px;
}

.gcp-request-edit-actions a{
  color:#555;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
}

.gcp-request-edit-actions a:hover{
  color:#111;
}

/* Tablet */
@media(max-width:900px){

  .gcp-request-fields{
    grid-template-columns:1fr;
  }

  .gcp-request-item summary{
    padding:18px;
  }

  .gcp-request-body{
    padding:18px;
  }
}

/* Mobile */
@media(max-width:600px){

  .gcp-request-item summary{
    align-items:flex-start;
    gap:12px;
    padding:16px;
  }

  .gcp-request-item summary > div > b{
    font-size:15px;
  }

  .gcp-request-item summary > strong{
    font-size:0;
  }

  .gcp-request-item summary > strong::after{
    font-size:16px;
    margin:2px 0 0;
  }

  .gcp-request-body{
    padding:16px;
  }

  .gcp-request-field{
    grid-template-columns:1fr;
    gap:5px;
    padding:12px 0;
  }

  .gcp-request-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .gcp-request-actions form{
    width:100%;
  }

  .gcp-request-btn{
    width:100%;
  }

  .gcp-request-edit-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .gcp-request-edit-actions button{
    width:100% !important;
  }
}


/* =========================================================
   GOMIE CUSTOMER PORTAL — ACCOUNT / BILLING PROFILE
   ========================================================= */

.gcp-account-form{
  max-width:900px;
}

.gcp-account-section{
  padding:0 0 26px;
  margin:0 0 26px;
  border-bottom:1px solid #ececec;
}

.gcp-account-section:last-of-type{
  margin-bottom:10px;
}

.gcp-account-section>span{
  display:block;
  margin-bottom:6px;
  color:#d88e00;
  font-size:9px;
  font-weight:900;
  letter-spacing:1px;
}

.gcp-account-section h2{
  margin:0 0 18px;
  font-size:21px;
}

.gcp-account-help{
  margin:-8px 0 18px;
  color:#777;
  font-size:11px;
  line-height:1.55;
}

.gcp-account-form label small{
  display:block;
  color:#888;
  font-size:9px;
  line-height:1.45;
}

.gcp-account-type{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.gcp-account-type label{
  position:relative;
  display:grid !important;
  grid-template-columns:auto 1fr;
  column-gap:10px;
  row-gap:3px;
  align-items:start;
  padding:16px;
  border:1px solid #ddd;
  border-radius:7px;
  background:#fafafa;
  cursor:pointer;
}

.gcp-account-type label:has(input:checked){
  border-color:#ffb000;
  background:#fff9e8;
}

.gcp-account-type input{
  width:auto !important;
  margin:3px 0 0 !important;
  grid-row:1 / span 2;
}

.gcp-account-type strong{
  font-size:12px !important;
}

.gcp-account-type small{
  font-size:9px;
  color:#777;
}

@media(max-width:600px){
  .gcp-account-type{
    grid-template-columns:1fr;
  }
}