/* ---- minimal grid + button (self-contained, no external Bootstrap needed) ---- */
*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0,0,0,0); }
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; margin: 0; }
img { vertical-align: middle; border: 0; max-width: 100%; }
a { color: #337ab7; text-decoration: none; }
a:hover, a:focus { color: #23527c; text-decoration: underline; }
.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.row { margin-right: -15px; margin-left: -15px; }
.row:before, .row:after { display: table; content: " "; }
.row:after { clear: both; }
[class*="col-"] { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col-md-3, .col-md-9, .col-md-12 { width: 100%; }
@media (min-width: 768px) {
  .col-md-3, .col-md-9, .col-md-12 { float: left; }
  .col-md-3 { width: 25%; }
  .col-md-9 { width: 75%; }
  .col-md-12 { width: 100%; }
}
.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; }
.btn:hover, .btn:focus { text-decoration: none; }
.pull-right { float: right !important; }
.text-center { text-align: center; }

/* ---- Anjouan validation page styles (from original template) ---- */
.apg { background: #021b31; }

h3 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 600; margin-top: 0; margin-bottom: 0; font-size: 24px; color: #313941; }
h4 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; margin-top: 10px; margin-bottom: 10px; font-weight: 600; color: #313941; }
h6 { padding: 0; margin-bottom: 0; line-height: 1.7; }

.main-container { margin: 0 auto; width: 580px; max-width: 100%; margin-top: 5px; }
.row.header, .row { background: #F4F5F6; border-radius: 2px; }
.header { padding-top: 30px; }
.box { background: #F4F5F6; padding: 10px; padding-bottom: 20px; border-radius: 2px; }

.details { font-size: 12px; color: #5c656e; line-height: 1.4; text-shadow: 0 1px 0 white; padding-bottom: 15px; padding-top: 5px; text-align: justify; text-justify: inter-word; }
.notlast { padding-bottom: 0; margin-bottom: 0; }
.subheader { color: #babec2; font-size: 12px; line-height: 1.0; padding-top: 5px; }
.separator { border-top: 1px #e1e5e8 solid; border-bottom: 1px #ffffff solid; }

.flex-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 15px; padding-bottom: 15px; }
.flex-row > :first-child { width: 45%; font-weight: 600; }
.flex-row > :last-child { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

#operating-status { color: white; text-align: center; border-radius: 2px; padding: 10px 0; }
.valid { background: #728e4f; }
.invalid { background: #bd3c29; }

.action { border-radius: 3px; text-align: right; outline: none; padding-bottom: 20px; }
p { padding: 5px; text-align: justify; margin: 0 0 10px; }
ul { margin-top: 20px; padding: 0; list-style: none; }
ul li { padding: 9px 0 11px 0; }
ul.detail-list { margin-top: 0px; list-style-type: disc; padding-left: 20px; }
ol.detail-list { margin-top: 0; list-style-type: decimal; padding-left: 20px; }
.detail-list li { font-size: 12px; color: #5c656e; line-height: 1.4; text-shadow: 0 1px 0 white; text-align: justify; text-justify: inter-word; padding: 0px; }

.yellow-button { background-image: -webkit-gradient(linear, left top, left bottom, from(#e5db92), to(#d6c754)); background-image: linear-gradient(to bottom, #e5db92 0%, #d6c754 100%); background-repeat: repeat-x; color: #1b242d; padding: 0px; text-shadow: 0 1px 0 rgba(255,255,255,0.4); background-color: #e5db92; border-color: #d6c754; border-top-color: rgba(255,255,255,0.4); -webkit-box-shadow: 0 -1px 0 #d6c754; box-shadow: 0 -1px 0 #d6c754; border-radius: 0px; font-weight: 600; }
.yellow-button:hover, .yellow-button:focus, .yellow-button:active { color: #1b242d; background: #d6c754; border-color: #d6c754; -webkit-box-shadow: 0 -1px 0 #d6c754; box-shadow: 0 -1px 0 #d6c754; border-top-color: rgba(255,255,255,0.4); outline: none !important; text-decoration: none; }

hr.dashed-on-dark { border-bottom: 1px dashed #5C656E; border-top: none; margin: 0; }
.text { vertical-align: middle; }
.btn-small { width: 150px; font-size: 12px; line-height: 20px; }

.logo-container { display: block; text-align: center; }
.logo-container img { width: 125px; }
.logo-container img:hover { -webkit-transition: all 0.2s; transition: all 0.2s; opacity: 1.0; }
.logo-status { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 28px; letter-spacing: 0.5px; text-align: center; margin-top: 6px; line-height: 1; }
.logo-status.valid-text { color: #4c9a2e; }
.logo-status.invalid-text { color: #bd3c29; }

.copyright { color: #5c656e; font-size: 11px; padding-top: 5px; }
.dmca-badge img { max-width: 100px; }
.pull-right { margin: 8px 0; }