:root {
  font-family: "Segoe UI", Arial, sans-serif;
  color: #252525;
  background: #fff;
  font-synthesis: none;
  --ink: #252525;
  --muted: #666;
  --blue: #245d86;
  --line: #ddd;
}
* { box-sizing: border-box; }
body { margin: 0; font-size: 14px; line-height: 1.45; }
button, input, select, textarea { font: inherit; }
button, a { touch-action: manipulation; }
button { cursor: pointer; line-height: 1.4; }
button:disabled { cursor: not-allowed; opacity: .5; }
button, a, input, select, textarea, summary { outline-offset: 3px; }
:focus-visible { outline: 2px solid var(--blue); }
a { color: var(--blue); }
h1, h2, h3, h4, p { margin-top: 0; }
h1 { margin-bottom: 0; font-size: 22px; line-height: 1.3; font-weight: 600; }
h2 { font-size: 17px; font-weight: 600; }
h3 { font-size: 15px; font-weight: 600; }
h4 { font-size: 14px; }
p { margin-bottom: 12px; }
small, .hint, .muted { font-size: 13px; color: var(--muted); }
pre { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; background: #f5f5f5; padding: 12px; max-height: 440px; overflow: auto; }
code { font-family: Consolas, monospace; font-size: 12px; overflow-wrap: anywhere; }
textarea { resize: vertical; min-height: 76px; line-height: 1.5; }
input:not([type=checkbox]):not([type=file]), select, textarea {
  width: 100%; min-width: 0; min-height: 36px; padding: 7px 9px;
  color: var(--ink); background: #fff; border: 1px solid #bbb; border-radius: 2px;
}
input:disabled, select:disabled, textarea:disabled { color: #666; background: #f5f5f5; }
input[type=checkbox] { width: 16px; height: 16px; margin: 2px 0 0; flex: 0 0 16px; accent-color: var(--blue); }
input[type=file] { width: 100%; padding: 8px; border: 1px solid #bbb; }
input::file-selector-button { font: inherit; margin-right: 10px; padding: 5px 9px; background: #fff; border: 1px solid #bbb; border-radius: 2px; cursor: pointer; }
fieldset { border: 1px solid var(--line); padding: 14px; margin: 18px 0; }
legend { padding: 0 6px; font-weight: 600; }
summary { cursor: pointer; }
.button {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  min-height: 36px; padding: 7px 11px; border: 1px solid transparent;
  border-radius: 2px; font-size: 14px; font-weight: 400; text-decoration: none;
}
.button.primary { background: var(--blue); color: #fff; border-color: var(--blue); }
.button.primary:hover:not(:disabled) { background: #194766; }
.button.secondary { background: #fff; color: var(--ink); border-color: #bbb; }
.button.secondary:hover:not(:disabled) { background: #f3f3f3; }
.button.quiet, .button.danger-quiet { background: transparent; color: #555; }
.button.quiet:hover { background: #eee; }
.button.danger-quiet { color: #993b34; }
.button.danger-quiet:hover { background: #faf0ef; }
.button.icon { background: transparent; color: #555; font-size: 24px; padding: 2px 8px; flex-shrink: 0; }
.button.task-title, .button.text-link { display: inline; min-height: auto; padding: 0; background: transparent; border: 0; text-align: left; color: var(--ink); }
.button.task-title:hover, .button.text-link:hover { color: var(--blue); text-decoration: underline; }
.button.mention { font-size: 13px; min-height: 30px; padding: 4px 7px; color: var(--blue); background: #f5f5f5; }
.actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.field { display: flex; flex-direction: column; gap: 5px; margin-bottom: 16px; min-width: 0; }
.field-label { display: block; font-size: 13px; font-weight: 600; }
.check { display: flex; align-items: flex-start; gap: 8px; cursor: pointer; margin: 12px 0; font-size: 13px; line-height: 1.5; }
.check-grid, .form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; }
.check-grid .check { margin: 6px 0; }
.form-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding-top: 14px; margin-top: 18px; border-top: 1px solid var(--line); }
.form-error { color: #a12e27; font-size: 14px; white-space: pre-wrap; margin: 12px 0; }
.form-error:empty { display: none; }
.surface { border-top: 1px solid var(--line); padding: 20px 0; margin-bottom: 8px; }
.empty { padding: 28px 12px; color: var(--muted); text-align: center; }
.empty p { margin: 0; }
.boot { padding: 30vh 20px; text-align: center; color: var(--muted); }
.startup-error { max-width: 700px; margin: 15vh auto; padding: 24px; }
.brand { color: var(--ink); font-size: 19px; font-weight: 600; text-decoration: none; }
.sidebar { position: fixed; z-index: 20; inset: 0 auto 0 0; width: 194px; padding: 22px 12px 16px; border-right: 1px solid var(--line); background: #fafafa; display: flex; flex-direction: column; }
.sidebar .brand { padding: 0 10px 26px; }
.sidebar nav { display: flex; flex-direction: column; gap: 2px; }
.nav-button { display: block; width: 100%; min-height: 38px; padding: 9px 10px; text-align: left; background: transparent; color: #444; border-color: transparent; }
.nav-button:hover { background: #eee; }
.nav-button.active { background: #e9e9e9; color: #111; font-weight: 600; }
.sidebar-bottom { margin-top: auto; padding: 24px 10px 0; color: var(--muted); font-size: 12px; }
.sidebar-bottom .button { display: block; margin: 9px 0 0 -8px; font-size: 12px; }
.live-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #a87826; margin-right: 5px; }
.live-dot.online { background: #43794d; }
.workspace { margin-left: 194px; min-height: 100vh; }
.topbar { height: 48px; display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding: 0 24px; border-bottom: 1px solid var(--line); background: #fff; }
.topbar-right { display: flex; align-items: center; gap: 12px; }
.topbar-right .button { font-size: 13px; }
.account-name { font-size: 13px; max-width: 220px; overflow-wrap: anywhere; }
.notification-count:not(:empty) { display: inline-block; min-width: 18px; padding: 0 4px; background: #eee; color: #222; text-align: center; }
.menu-toggle, .mobile-brand { display: none; }
.policy-notice { padding: 10px 12px; background: #f7f4ed; border-left: 2px solid #a78542; font-size: 13px; }
.main { padding: 22px 24px 48px; max-width: 1700px; margin: 0 auto; }
.page-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.heading-actions { display: flex; gap: 8px; flex-shrink: 0; }
.filters { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; margin-bottom: 12px; }
.filter-main { display: grid; grid-column: 1 / -1; grid-template-columns: 2fr 1fr 1.1fr 1.5fr; gap: 8px; }
.filter-main select { text-overflow: ellipsis; }
.extra-filters { grid-column: 1; min-width: 0; margin-top: 9px; }
.extra-filters > summary { color: #555; font-size: 13px; min-height: 30px; padding: 5px 0; }
.filter-extra { display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; padding: 8px 0; }
.filter-extra .check { margin: 0; }
.filter-extra .field { flex-direction: row; align-items: center; margin: 0; gap: 7px; }
.filter-extra .field-label { white-space: nowrap; font-weight: 400; }
.filter-extra input[type=date] { width: 142px; }
.reset-filters { grid-column: 2; align-self: start; margin-top: 9px; font-size: 13px; min-height: 30px; padding: 4px 7px; }
.result-bar { margin: 8px 0 10px; color: var(--muted); font-size: 13px; }
.block-section { margin: 0 0 20px; border-top: 1px solid #bbb; }
.block-section > summary { display: flex; align-items: baseline; gap: 10px; padding: 12px 0; list-style: none; }
.block-section > summary::-webkit-details-marker { display: none; }
.block-section > summary::before { content: '\25B8'; display: inline-block; color: #666; }
.block-section[open] > summary::before { transform: rotate(90deg); }
.block-code { flex-shrink: 0; font-size: 13px; color: #555; }
.block-title { flex: 1; min-width: 0; font-size: 15px; margin: 0; }
.block-count { color: var(--muted); font-size: 13px; white-space: nowrap; }
.task-row { display: grid; grid-template-columns: 18px minmax(180px, 1fr) 135px 100px; gap: 16px; padding: 13px 0 13px calc(var(--depth, 0) * 20px); border-top: 1px solid #e5e5e5; align-items: start; }
.task-row:hover { background: #fafafa; }
.task-row.context-row { background: #f5f5f5; }
.task-select { padding-top: 2px; }
.task-body { min-width: 0; }
.task-title-line { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.task-title { flex: 1; min-width: 120px; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.task-number { min-width: 17px; font-size: 13px; color: var(--muted); }
.task-meta { font-size: 13px; color: var(--muted); margin: 5px 0 0 25px; white-space: pre-wrap; overflow-wrap: anywhere; }
.task-state { display: flex; flex-direction: column; gap: 5px; }
.task-assignee { color: var(--muted); font-size: 13px; overflow-wrap: anywhere; }
.badge { display: inline-block; padding: 2px 5px; font-size: 12px; line-height: 1.5; width: max-content; max-width: 100%; background: #eee; color: #555; }
.status-doing { background: #edf2f6; color: #2d5e80; }
.status-done { background: #edf3ed; color: #3c6841; }
.status-blocked { background: #f7f1e7; color: #815f24; }
.status-cancelled { color: #666; text-decoration: line-through; }
.task-deadline { display: flex; flex-direction: column; gap: 4px; padding-top: 2px; }
.date { font-size: 14px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.date.overdue { color: #a13b33; }
.completed-date { font-size: 12px; color: #476c4a; }
.urgent-mark { font-size: 12px; color: #a13b33; }
.variants-inline { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 10px; margin: 7px 0 0 25px; }
.variant-pill { padding: 3px 6px; background: #fff; color: #555; border: 1px solid #ccc; border-radius: 2px; font-size: 12px; text-align: left; }
.variant-pill:hover { border-color: #777; }
.variant-pill.chosen { border-color: #557c5a; color: #3c6841; }
.variants-inline > .hint { font-size: 12px; }
.flat-list { border-top: 1px solid #bbb; }
.flat-list .task-row:first-child { border-top: 0; }
.calendar-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 14px; }
.calendar-toolbar .field { margin: 0; width: 200px; }
.calendar-legend { display: flex; gap: 16px; font-size: 13px; }
.calendar-legend span { padding-left: 7px; border-left: 2px solid; }
.calendar-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); background: var(--line); border: 1px solid var(--line); gap: 1px; }
.calendar-weekday { padding: 8px; text-align: center; background: #f5f5f5; color: #555; font-size: 13px; }
.calendar-blank { background: #f5f5f5; }
.calendar-day { background: #fff; min-height: 145px; padding: 8px 5px; }
.calendar-day > strong { display: block; font-size: 13px; font-weight: 400; margin-bottom: 7px; }
.calendar-day.today { background: #f3f7fa; }
.calendar-day.today > strong { color: var(--blue); font-weight: 600; }
.calendar-event { display: block; width: 100%; border: 0; border-left: 2px solid; padding: 5px; margin-bottom: 5px; font-size: 12px; text-align: left; overflow-wrap: anywhere; }
.event-start { color: #315d7b; background: #edf3f7; border-color: #6a8da5; }
.event-due { color: #775b30; background: #f7f3eb; border-color: #ab8c5a; }
.event-completed { color: #416849; background: #eef4ef; border-color: #789980; }
.modal { padding: 0; border: 1px solid #aaa; border-radius: 3px; max-height: 92vh; width: min(620px, calc(100vw - 28px)); max-width: calc(100vw - 28px); color: var(--ink); background: #fff; overflow: hidden; }
.modal.wide { width: min(1050px, calc(100vw - 28px)); }
.modal::backdrop { background: #0005; }
.modal-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 20px; border-bottom: 1px solid var(--line); }
.modal-header h2 { margin: 0; font-size: 17px; }
.modal-content { max-height: calc(92vh - 61px); overflow-y: auto; padding: 20px 24px 26px; scrollbar-gutter: stable; }
.detail-intro { margin-bottom: 14px; }
.detail-meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.eyebrow { font-size: 13px; color: var(--muted); }
.detail-title { font-size: 17px; line-height: 1.5; font-weight: 400; white-space: pre-wrap; overflow-wrap: anywhere; margin-bottom: 10px; }
.tabs { display: flex; gap: 24px; border-bottom: 1px solid var(--line); margin: 16px -24px 20px; padding: 0 24px; position: sticky; top: -20px; background: #fff; z-index: 2; }
.button.tab { padding: 10px 0; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; color: #666; }
.button.tab.active { color: var(--ink); border-bottom-color: #555; }
.schedule-summary { padding: 14px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin: 4px 0 18px; }
.schedule-summary .form-grid { align-items: start; }
.schedule-summary p { margin: 8px 0; }
.schedule-summary .field { margin-bottom: 12px; }
.formula { display: inline-block; background: #f5f5f5; padding: 3px 5px; }
.variant-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-bottom: 20px; }
.variant-card { border: 1px solid #ccc; padding: 14px; }
.variant-card.chosen { border-color: #557c5a; }
.variant-card strong { font-weight: 600; }
.variant-card p { white-space: pre-wrap; margin-top: 8px; overflow-wrap: anywhere; }
.variant-card .button { font-size: 13px; }
.remote-notice { display: flex; align-items: center; gap: 12px; padding: 12px; border-left: 2px solid #a78542; background: #f7f4ed; margin-bottom: 18px; }
.remote-notice[hidden] { display: none; }
.pending-change { display: flex; align-items: center; gap: 12px; border-bottom: 1px solid var(--line); padding: 6px 0; }
.pending-change span { flex: 1; overflow-wrap: anywhere; }
.preview-result:not(:empty) { border-top: 1px solid var(--line); padding-top: 20px; margin-top: 20px; }
.table-scroll { overflow: auto; max-width: 100%; }
table { width: 100%; border-collapse: collapse; text-align: left; font-size: 13px; }
th { white-space: nowrap; padding: 10px 12px; border-bottom: 1px solid #aaa; font-weight: 600; background: #f5f5f5; }
td { padding: 10px 12px; border-bottom: 1px solid var(--line); vertical-align: top; overflow-wrap: anywhere; min-width: 80px; }
td:first-child { min-width: 60px; }
.preview-result td:nth-child(2) { min-width: 250px; }
td .button.text-link { font-size: 13px; }
.preview { display: block; width: 100%; height: 65vh; border: 1px solid var(--line); background: #fff; }
.history-entry { display: flex; gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.history-entry > div:last-child { min-width: 0; flex: 1; }
.history-entry .hint { margin: 4px 0 10px; }
.history-entry summary { color: var(--blue); font-size: 13px; }
.history-diff { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.history-diff > div { min-width: 0; }
.history-diff h4 { margin-bottom: 5px; }
.upload-card { border-bottom: 1px solid var(--line); padding-bottom: 20px; margin-bottom: 20px; }
.file-card { border-bottom: 1px solid var(--line); margin: 16px 0; }
.file-header { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 12px 0; }
.file-header h3 { margin: 0; overflow-wrap: anywhere; }
.file-version { display: flex; justify-content: space-between; gap: 18px; padding: 14px 0; border-top: 1px solid var(--line); }
.file-version > div:first-child { min-width: 0; }
.file-version p { margin: 6px 0; }
.hash { display: block; color: var(--muted); font-size: 12px; word-break: break-all; margin-top: 8px; }
.archived { opacity: .7; }
.message, .message.own { border-bottom: 1px solid var(--line); padding: 16px 0; margin: 0; }
.message-head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.message-head time { color: var(--muted); font-size: 13px; }
.message-text { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.5; margin: 10px 0; }
.message-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.message-actions { display: flex; gap: 4px; }
.message-actions .button { font-size: 13px; min-height: 30px; padding: 4px 7px; }
.message-compose { padding-top: 20px; margin-top: 20px; }
.mention-options { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; margin-bottom: 14px; }
.notification { padding: 14px 0; border-bottom: 1px solid var(--line); }
.notification.unread { padding-left: 12px; border-left: 2px solid var(--blue); }
.notification p { white-space: pre-wrap; }
.notification .actions { margin-top: 10px; }
.report-metrics { display: flex; flex-wrap: wrap; gap: 12px 32px; padding: 0 0 20px; }
.summary-card p { font-size: 13px; color: var(--muted); margin-bottom: 5px; }
.summary-card strong { display: block; font-size: 24px; font-weight: 400; }
.source-grid { display: grid; grid-template-columns: 1fr; }
.source-card { min-width: 0; }
.source-card h2 { font-size: 15px; overflow-wrap: anywhere; margin-bottom: 6px; }
.source-card p { margin-bottom: 8px; }
.source-card summary { font-size: 13px; color: var(--muted); }
.source-card .actions { margin-top: 12px; }
.baseline-json { font-size: 12px; max-height: 600px; }
.settings-form { max-width: 600px; }
.user-card { border-top: 1px solid var(--line); padding-top: 20px; margin-top: 20px; max-width: 800px; }
.user-card h3 { margin-bottom: 4px; }
.toasts { position: fixed; z-index: 1000; bottom: 16px; right: 16px; width: min(490px, calc(100vw - 32px)); display: flex; flex-direction: column; gap: 8px; pointer-events: none; }
.toast { pointer-events: auto; display: flex; align-items: center; gap: 10px; justify-content: space-between; padding: 12px 14px; background: #fff; border: 1px solid #999; border-left: 3px solid #527556; font-size: 14px; }
.toast.error { border-left-color: #a13b33; color: #91362f; }
.login-page { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 30px 20px; }
.login-card { width: 360px; max-width: 100%; }
.login-card h1 { font-size: 24px; margin-bottom: 3px; }
.login-subtitle { font-size: 16px; margin-bottom: 28px; color: #555; }
.login-form .primary { width: 100%; margin-top: 4px; min-height: 40px; }
.login-policy { font-size: 12px; color: var(--muted); margin: 22px 0 0; padding-top: 16px; border-top: 1px solid var(--line); }
.depth-0 { --depth: 0; }.depth-1 { --depth: 1; }.depth-2 { --depth: 2; }.depth-3 { --depth: 3; }.depth-4 { --depth: 4; }.depth-5 { --depth: 5; }.depth-6 { --depth: 6; }.depth-7 { --depth: 7; }.depth-8 { --depth: 8; }.depth-9 { --depth: 9; }.depth-10 { --depth: 10; }
@media (max-width: 1100px) {
  .filter-main { grid-template-columns: 2fr 1fr 1fr; }
  .filter-main select:last-child { grid-column: 1 / -1; }
  .task-row { grid-template-columns: 18px minmax(160px, 1fr) 120px 90px; gap: 12px; }
}
@media (max-width: 850px) {
  .sidebar { width: 180px; }
  .workspace { margin-left: 180px; }
  .main { padding: 20px 18px 40px; }
  .page-heading { flex-wrap: wrap; gap: 12px; }
  .task-row { grid-template-columns: 18px minmax(140px, 1fr) 108px; gap: 10px; }
  .task-select { grid-row: 1 / span 2; }
  .task-state { grid-column: 3; grid-row: 1 / span 2; }
  .task-deadline { grid-column: 2; flex-direction: row; flex-wrap: wrap; padding: 0 0 0 25px; }
  .calendar-grid { min-width: 630px; }
  #results:has(.calendar-grid) { overflow: auto; }
  .account-name { max-width: 150px; }
}
@media (max-width: 640px) {
  .sidebar { width: 220px; top: 48px; transform: translateX(-100%); }
  .sidebar.open { transform: translateX(0); }
  .sidebar .brand { display: none; }
  .workspace { margin-left: 0; }
  .topbar { padding: 0 10px; justify-content: flex-start; gap: 7px; }
  .menu-toggle { display: inline-flex; padding: 6px; }
  .mobile-brand { display: block; font-size: 14px; }
  .topbar-right { margin-left: auto; gap: 2px; }
  .topbar-right .button { padding: 6px; font-size: 12px; }
  .account-name { display: none; }
  .main { padding: 16px 12px 36px; }
  .page-heading { gap: 12px; margin-bottom: 16px; }
  .page-heading h1 { font-size: 21px; }
  .heading-actions { width: 100%; gap: 8px; }
  .heading-actions .button { min-height: 36px; font-size: 13px; }
  .filter-main { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .filter-main input, .filter-main select:last-child { grid-column: 1 / -1; }
  .filter-main input, .filter-main select { font-size: 14px; }
  .filter-extra { gap: 14px; }
  .filter-extra .field { flex-wrap: wrap; }
  .block-section > summary { gap: 8px; padding: 11px 0; align-items: baseline; }
  .block-title { font-size: 14px; }
  .block-code, .block-count { font-size: 12px; }
  .task-row { padding: 12px 0 12px min(calc(var(--depth, 0) * 9px), 36px); grid-template-columns: 16px minmax(110px, 1fr) 92px; gap: 8px; }
  .task-title { min-width: 100px; font-size: 14px; }
  .task-title-line { gap: 6px; }
  .task-number { min-width: 15px; }
  .task-meta { margin-left: 0; font-size: 12px; }
  .task-assignee { font-size: 12px; }
  .task-deadline { padding-left: 0; }
  .date { font-size: 13px; }
  .variants-inline { margin-left: 0; }
  .modal, .modal.wide { max-height: 96vh; max-width: calc(100vw - 12px); width: calc(100vw - 12px); }
  .modal-header { padding: 10px 14px; }
  .modal-header h2 { font-size: 16px; }
  .modal-content { padding: 16px 14px 22px; max-height: calc(96vh - 57px); scrollbar-gutter: auto; }
  .detail-title { font-size: 16px; }
  .tabs { margin-left: -14px; margin-right: -14px; padding: 0 14px; gap: 20px; top: -16px; }
  .button.tab { font-size: 13px; }
  .form-grid { gap: 0 12px; }
  .variant-cards, .history-diff, .check-grid { grid-template-columns: 1fr; }
  .remote-notice { align-items: flex-start; flex-direction: column; }
  .file-version, .message-footer { flex-direction: column; align-items: flex-start; gap: 10px; }
  .calendar-toolbar { align-items: flex-start; }
  .calendar-legend { flex-direction: column; gap: 5px; font-size: 12px; }
  .calendar-toolbar .field { width: 180px; }
  .report-metrics { gap: 14px 26px; }
}
@media print {
  .sidebar, .topbar, .policy-notice, .filters, .heading-actions, .button, .toasts { display: none !important; }
  .workspace { margin: 0; }
  .main { padding: 0; }
  .task-row { break-inside: avoid; }
  .calendar-grid { min-width: 0; }
  body { background: #fff; }
  .task-title { display: inline !important; }
  .task-select { display: none; }
  .modal[open] { position: absolute; max-height: none; width: 100%; max-width: 100%; border: 0; }
  .modal-content { max-height: none; overflow: visible; }
  .modal-header { display: none; }
}