/* Iso Sketch on the web - the host's own bits: banner, account chip, dialogs.
   Kept apart from the engine's css/app.css, which is shared byte-for-byte. */
#isk-web-banner {
  font: 12px/1.5 "Segoe UI", system-ui, sans-serif; padding: 6px 12px;
  background: #3a2a12; color: #f2a73b; border-bottom: 1px solid #5a4320; text-align: center;
}
#isk-web-banner.flash { animation: iskwebflash .9s ease-out; }
@keyframes iskwebflash { 0%, 60% { background: #7a4a10; color: #fff; } 100% { background: #3a2a12; } }
#isk-web-banner .isk-web-link {
  font: inherit; font-weight: 700; color: #fff; background: transparent; border: 1px solid #f2a73b;
  border-radius: 4px; padding: 1px 8px; margin-left: 6px; cursor: pointer;
}
#isk-account { margin-left: 8px; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.isk-web-modal {
  position: fixed; inset: 0; z-index: 9999; background: rgba(8, 12, 18, .62);
  display: grid; place-items: center; padding: 16px;
}
.isk-web-modal .card {
  width: min(560px, 100%); max-height: calc(100vh - 32px); overflow: auto;
  background: #161d27; color: #e7edf5; border: 1px solid #2b3747; border-radius: 10px;
  padding: 18px 20px; font: 14px/1.5 "Segoe UI", system-ui, sans-serif; box-shadow: 0 20px 60px rgba(0,0,0,.5);
}
.isk-web-modal h3 { margin: 0 0 10px; font-size: 17px; }
.isk-web-modal h4 { margin: 16px 0 6px; font-size: 14px; }
.isk-web-modal .note { color: #9fb0c4; font-size: 13px; margin: 6px 0; }
.isk-web-modal input {
  width: 100%; box-sizing: border-box; margin: 6px 0; padding: 9px 10px; font: inherit;
  background: #0f151d; color: #e7edf5; border: 1px solid #33425a; border-radius: 6px;
}
.isk-web-modal .row { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; margin-top: 14px; }
.isk-web-modal .btn {
  font: inherit; padding: 7px 12px; border-radius: 6px; border: 1px solid #33425a;
  background: #1f2936; color: #e7edf5; cursor: pointer;
}
.isk-web-modal .btn:hover { background: #283547; }
.isk-web-modal .crew { list-style: none; padding: 0; margin: 0; }
.isk-web-modal .crew li { display: flex; justify-content: space-between; align-items: center; padding: 4px 0; border-bottom: 1px solid #222d3b; }
.isk-web-modal .drawings { display: grid; gap: 6px; }
.isk-web-modal .drow {
  display: grid; grid-template-columns: 1fr auto auto auto auto; gap: 6px; align-items: center;
  padding: 6px 0; border-bottom: 1px solid #222d3b;
}
.isk-web-modal .drow b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.isk-web-modal .drow small { grid-column: 1; grid-row: 2; color: #8496ab; }
@media (max-width: 600px) {
  .isk-web-modal .drow { grid-template-columns: 1fr 1fr; }
  .isk-web-modal .drow small { grid-column: 1 / -1; grid-row: auto; }
}