/* ==UserStyle==
@name           SORACOM UserConsole for DEMO
@namespace      github.com/ma2shita/stylus-soracom-userconsole
@version        2.1.1
@description    Dynamic masking for SORACOM User console with Stylus
@author         Kohei "Max" MATSUSHITA
@homepageURL    https://github.com/ma2shita/stylus-soracom-userconsole
@license        MIT License
==/UserStyle== */

@-moz-document url-prefix("https://console.soracom.io/#/login") {
  /* Login form for root account */
  #login-email:not(:placeholder-shown){filter:blur(5px);}
  /* login banner */
  /* .login-banner {filter:blur(5px);} */
}

@-moz-document url-prefix("https://console.soracom.io/#/sam_login") {
  /* Login form for SAM */
  #login-operator-id:not(:placeholder-shown){filter:blur(3px);}
  #login-username:not(:placeholder-shown){filter:blur(3px);}
  /* login banner */
  /* .login-banner {filter:blur(5px);} */
}

@-moz-document url-prefix("https://console.soracom.io/#/sim") {
  /* for detail dialog */
  sc-subscriber-details-modal > div.modal-body > form > div:nth-child(3) > div > p {filter:blur(5px);} /* IMSI */
}

@-moz-document url-prefix("https://console.soracom.io/#/") {
  app-subscriber-batch-change > div > table > tbody > tr > td.simid {filter: blur(5px);} /* change SIM group */
}

@-moz-document url-prefix("https://console.soracom.io/#/") {
  #accountMenu > summary > span > span {font-size:0;} /* rewrite to account name (Step1) */
  #accountMenu > summary > span > span:before{content:"YOUR_NAME ";font-size:1.5rem;} /* rewrite to account name (Step2) */
  
  /* List of SIMs */
  #search-keywords {color: #fff !important} /* hide search text */
  #subscribers-table td.imei-lock {filter:blur(5px);} /* IMEI lock */
  
  #accountMenu > div > div.ds-banner > div > p {font-size:0;} /* rewrite to OPID (Step1) */
  #accountMenu > div > div.ds-banner > div > p > strong {font-size:0;}
  #accountMenu > div > div.ds-banner > div > p:before {content:"オペレーター ID: OPxxxxxxxxxx";font-size:1.2rem;} /* rewrite to OPID (Step2) */
  
  /* for change group dialog */
  table > tbody > tr > td.imsi {font-size:0} /* rewrite of IMSI (Step1) */
  table > tbody > tr > td.imsi:before{content:"44099 99999 99990";font-size:1.4rem;} /* rewrite of IMSI (Step2) */
  
  /* for detail dialog */
  sc-subscriber-details-modal > div.modal-body > form > div.form-group.ng-scope > div > p {filter:blur(5px);} /* IMSI or SIM ID */
  sc-subscriber-details-modal > div.modal-body > div > div > div.tab-pane.ng-scope.active > form > div:nth-child(1) > div:nth-child(2) > p {filter:blur(5px);} /* MSISDN */
  sc-subscriber-details-modal > div.modal-body > div > div > div.tab-pane.ng-scope.active > form > div:nth-child(1) > div.col-sm-4 > p {filter:blur(5px);} /* 製造番号 */
  sc-subscriber-details-modal > div.modal-body > div > div > div.tab-pane.ng-scope.active > form > div:nth-child(3) > div:nth-child(2) > p {font-size:0;} /* rewrite of IP Address (Step1) */
  sc-subscriber-details-modal > div.modal-body > div > div > div.tab-pane.ng-scope.active > form > div:nth-child(3) > div:nth-child(2) > p:before{content:"10.X.X.X";font-size:1.5rem;} /* rewrite of IP Address (Step2) */
  sc-subscriber-details-modal > div.modal-body > div > div > div.tab-pane.ng-scope.active > form > div:nth-child(5) > div.col-sm-4 > p {font-size:0;} /* rewrite of IMEI (Step1) */
  sc-subscriber-details-modal > div.modal-body > div > div > div.tab-pane.ng-scope.active > form > div:nth-child(5) > div.col-sm-4 > p:before{content:"8670XXXXXXXXX26";font-size:1.5rem;} /* rewrite of IMEI (Step2) */
  
  sc-subscriber-details-modal > div.modal-body > div > div > div.tab-pane.ng-scope.active > sc-tag-list > table > tbody:nth-child(2) td:nth-child(2) {filter:blur(4px);} /* tag value in tags */
  input#tag-value:not(:placeholder-shown) {filter:blur(3px);} /* dynamic mask for tag value */
  
  sc-subscriber-details-modal > div.modal-body > div > div > div.tab-pane.ng-scope.active > sc-subscriber-session-info > form > div:nth-child(3) > div > sc-subscriber-session-logs > div > div.panel-body > div.col-sm-12 > div > table > tbody td.session-log-imei {filter:blur(5px);} /* IMEI in session history */
  sc-subscriber-details-modal > div.modal-body > div > div > div.tab-pane.ng-scope.active > sc-subscriber-session-info > form > div:nth-child(3) > div > sc-subscriber-session-logs > div > div.panel-body > div.col-sm-12 > div > table > tbody td.session-log-area-code {filter:blur(5px);} /* AREA CODE in session history */
  sc-subscriber-details-modal > div.modal-body > div > div > div.tab-pane.ng-scope.active > sc-subscriber-session-info > form > div:nth-child(3) > div > sc-subscriber-session-logs > div > div.panel-body > div.col-sm-12 > div > table > tbody td.session-log-cell-id {filter:blur(5px);} /* CELL ID in session history */
  sc-subscriber-details-modal > div.modal-body > div > div > div.tab-pane.ng-scope.active > sc-subscriber-session-info > form > div.form-group.ng-scope > div.col-sm-9 > div.openlayers.ng-scope > div > div.ol-viewport {filter:blur(10px);} /* map in session history */
  
  sc-subscriber-locations-component > div {filter:blur(10px);} /* Blur map */
  sc-subscriber-locations-component div.ol-overlay-container.ol-selectable > div > div > dl > dd:nth-child(2) > div {filter:blur(5px);} /* IMSI */
  sc-subscriber-locations-component div.ol-overlay-container.ol-selectable > div > div > dl > dd:nth-child(8) > div {filter:blur(5px);} /* IP address */
  
  /* IMEI lock dialog */
  app-change-subscribers-imei-lock input:not(:placeholder-shown) {filter:blur(5px);}
  
  /* Napter */
  app-on-demand-remote-access-component > div > form > mat-form-field > div > div.mat-form-field-flex > div {filter:blur(5px);} /* IMSI */
  app-on-demand-remote-access-component td.x-hostname > code {filter:blur(5px);}
  app-on-demand-remote-access-component td.x-ipAddress > code {filter:blur(5px);}
  app-on-demand-remote-access-component td.x-allowed-ip-ranges > code {filter:blur(5px);}
  app-on-demand-remote-access-component td.ssh-example > code {filter:blur(5px);}
  app-on-demand-remote-access-component td.x-http-example > a {filter:blur(5px);}
  app-on-demand-remote-access-component td.x-vnc-example > code {filter:blur(5px);}
  app-on-demand-remote-access-component > div > form > div:nth-child(3) > div > table > tbody > tr > td:nth-child(2) > div > code {filter:blur(5px);} /* in current status */
  
  /* Device ping dialog */
  app-ping-subscribers td.imsi {filter:blur(5px);}
  
  /* Registration SIM by order */
  sc-register-subscriber-modal-component table tr td:nth-child(1) {filter:blur(5px);} /* order NO */
  sc-register-subscriber-modal-component table tr td:nth-child(2) {filter:blur(5px);} /* order date */
}

@-moz-document url-prefix("https://console.soracom.io/#/groups") {
  /* List of SIM group */
  #groups-table > tbody > tr > td {filter:blur(5px);}
  #groups-table > tbody > tr:nth-child(1) > td {filter:blur(0px);} /* Clarify the first item for live demo */
  /* Funk */
  app-funk-config-editor > div > div > div > div:nth-child(2) > input:not(:placeholder-shown) {filter:blur(5px);}  /* mask ARN(URL...) */
}

@-moz-document url-prefix("https://console.soracom.io/#/sigfox_devices") {
  /* Sigfox devices */
  sc-change-group-modal-component > form > div > div.modal-body > div > div:nth-child(1) > div > p {filter:blur(3px);}
  .sigfox-devices-id{filter:blur(3px);}
  /* .sigfox-device-last-seen{filter:blur(3px);} */
}

@-moz-document url-prefix("https://console.soracom.io/#/harvest_data") {
  /* Harvest Data */
  div.ds-rows dl.ds-details--vertical dt{filter:blur(3px);}  /* resource selector(list) */
  app-multi-resource-selector > details > summary > span > span:nth-child(2) > a > span > span {filter:blur(5px);}
}

@-moz-document url-prefix("https://console.soracom.io/#/lagoon/users") {
  /* Manage of Lagoon */
  td.ui-td-email.x-td-email {filter:blur(5px);} /* lagoon user table */
}

@-moz-document url-prefix("https://console.soracom.io/#/soralets/") {
  /* Manage of Soralet */
  #page-wrapper > div > app-soralet > div > div.ds-group > div > app-soralet-versions > div > div:nth-child(2) > table > tbody > tr > td:nth-child(2){filter:blur(3px);}
}

@-moz-document url-prefix("https://console.soracom.io/#/billings") {
  /* Billing */
  td.amount {filter:blur(5px);} /* amount in table */
  span.latest-bill-amount{font-size:0;} /* rewrite of amount of currently month (Step1) */
  span.latest-bill-amount:before{content:"1,999";font-size:2.7rem;} /* rewrite of amount of currently month (Step2) */
}

@-moz-document url-prefix("https://console.soracom.io/#/orders") {
  /* Order history */
  #page-wrapper div.shipping-address {filter:blur(5px);} /* Shipping address */
  #page-wrapper > div:nth-child(4) > div > sc-orders > table > tbody > tr > td:nth-child(4) {filter:blur(5px);} /* Amount */
}

@-moz-document url-prefix("https://console.soracom.io/#/security/users/") {
  /* Manage of SAM user */
  app-password-management > div > dl > dd:nth-child(4) > div {font-size:0} /* rewrite of Login URL (Step1) */
  app-password-management > div > dl > dd:nth-child(4) > div:before{content:"https://console.soracom.io/#/sam_login?o=OPxxxxxxxxxx&coverage_type=jp";font-size:1.4rem;} /* rewrite of Login URL (Step2) */
}

@-moz-document url-prefix("https://console.soracom.io/#/security/credentials") {
  /* Manage of Credentials */
  app-credentials td.last-used {filter:blur(5px);}
  app-credentials td.description {filter:blur(5px);}
}
@-moz-document url-prefix("https://console.soracom.io/#/payment_statements") {
  /* Payment statement */
  div.company-name {filter:blur(4px);}
  div.department {filter:blur(4px);}
  div.full-name {filter:blur(4px);}
  td.payment-statement-amount {filter:blur(4px);}
}

@-moz-document url-prefix("https://console.soracom.io/#/payments") {
  /* Payments */
  #card-holder-name {filter:blur(4px);}
}

@-moz-document url-prefix("https://console.soracom.io/#/gadgets/gps_multiunit") {
  /* GPS Multiunit SORACOM Edition */
  td.ui-td-imsi.x-td-imsi{filter:blur(5px);} /* IMSI */
}

@-moz-document url-prefix("https://console.soracom.io/#/gadgets/aws_button") {
  /* LTE-M Button powered by AWS */
  td.button-serial-number {filter: blur(5px);}
}

@-moz-document url-prefix("https://console.soracom.io/#/gadgets/lte_m_button") {
  /* LTE-M Button for Enterprise / Plus */
  td.ui-td-dsn.x-td-dsn {filter: blur(5px);}
  td.ui-td-imsi.x-td-imsi {filter: blur(5px);}
  app-lte-m-button-config > form > div > div.ds-group > div:nth-child(3) > input {filter:blur(4px);} /* not exists placeholder */
}

@-moz-document url-prefix("https://jp.lagoon.soracom.io") {
  /* SORACOM Lagoon */
  #login-view > form > div:nth-child(1) > input:not(:placeholder-shown){filter:blur(5px);}  /* mask email in login form */
  body > grafana-app > sidemenu > div.sidemenu__bottom > div:nth-child(2) > ul > li.side-menu-header > span {filter:blur(5px);} /* mask email in sidebar menu */
  
  /* mask for datepicker */
  body > grafana-app > sidemenu > div.sidemenu__bottom > div:nth-child(2) > ul > li.side-menu-header > span {filter:blur(5px);}
  body > grafana-app > div.main-view > div > div > div > dashnav > div > gf-time-picker > div:nth-child(2) > button.btn.navbar-button.gf-timepicker-nav-btn > span:nth-child(2) {filter:blur(5px);}
}

@-moz-document url-prefix("https://jp.lagoon.soracom.io/profile") {
  /* SORACOM Lagoon / profile */
  /* masking in setting page */
  body > grafana-app > div.main-view > div > div > page-header > div > div > div > div > div > h1 {filter:blur(6px);}
  body > grafana-app > div.main-view > div > div > div > form input {filter:blur(5px)}
}

@-moz-document url-prefix("https://jp-v2.lagoon.soracom.io") {
  /* Login form */
  grafana-app react-container form > div:nth-child(1) input:not(:placeholder-shown) {filter: blur(5px);} /* not exists placeholder */
  /* mask email in sidebar menu */
  body > grafana-app > sidemenu > div.sidemenu__bottom > div:nth-child(1) > ul > li.side-menu-header > span {filter:blur(5px);}
}

@-moz-document url-prefix("https://jp-v2.lagoon.soracom.io/alerting/notification/new") {
  grafana-app react-container form > div:nth-child(1) input:not(:placeholder-shown) {filter: blur(0);} /* override */
}

@-moz-document url-prefix("https://jp-v2.lagoon.soracom.io/profile") {
  /* SORACOM Lagoon / profile */
  /* masking in setting page */
  body > grafana-app > div > div > react-container h1 {filter:blur(6px);}
}

@-moz-document url-prefix("https://console.mosaic.soracom.io/jp") {
  .sensitive{filter:blur(5px);}
}

@-moz-document url-prefix("https://try.soracom.io/lagoon-gallery/") {
  #resource-id:not(:placeholder-shown){filter:blur(5px);} /* resource id */
  app-template-downloader > div.ds-dialog__main > div > p {filter:blur(5px);} /* resource id */
}

@-moz-document url-prefix("https://console.soracom.io/#/dashboard") {
  /* Dashboard */
  /* traffic */
  app-dashboard > main > section > div > div:nth-child(1) > div > canvas {filter:blur(3px);}
  
  /* billing */
  app-dashboard > main > section > div.ds-cols > a:nth-child(3) > div.ds-rows > div.ds-heading {font-size:0} /* current amount */
  app-dashboard > main > section > div.ds-cols > a:nth-child(3) > div.ds-rows > div.ds-heading:before {content:"4,95Z";font-size:5rem}
  app-dashboard > main > section > div.ds-cols > a:nth-child(3) > div.ds-rows > div.ds-heading > sup {font-size: 2.5rem !important;}
  app-dashboard > main > section > div.ds-cols > a:nth-child(3) > div.ds-rows > div > div > div.ds-text:nth-child(2) {filter:blur(5px);} /* prev month */
  
  /* audit log */
  app-dashboard > main > section > div.ds-cols > a:nth-child(5) > table > tbody > tr > td:nth-child(2) > div {filter:blur(5px);}
  
  /* IAM */
  app-dashboard > main > section > div.ds-cols > a:nth-child(9) > div > div > div > p {filter:blur(5px);}
  app-dashboard > main > section > div.ds-cols > a:nth-child(9) > div > a > p.ds-text:nth-child(2) {filter:blur(5px);}
}