/* মসজিদ খাতা — the one stylesheet. Phone first: big type, big targets, few colours (spec J.29–33).
   Every colour comes from the tokens below. */
:root {
    --mk-green: #0f6b4b;
    --mk-green-dark: #0b5139;
    --mk-green-soft: #e7f3ee;
    --mk-gold: #c9a028;
    --mk-gold-soft: #fbf4dc;
    --mk-ink: #1b2420;
    --mk-muted: #5c6a63;
    --mk-line: #dfe6e2;
    --mk-bg: #f4f7f5;
    --mk-card: #ffffff;
    --mk-red: #b42318;
    --mk-red-soft: #fdecea;
    --mk-ok: #1d7a45;
    --mk-radius: 14px;
    --mk-header: 58px;
    --bs-primary: #0f6b4b;
    --bs-primary-rgb: 15, 107, 75;
    --bs-link-color: #0f6b4b;
    --bs-link-color-rgb: 15, 107, 75;
    --bs-link-hover-color: #0b5139;
    --bs-link-hover-color-rgb: 11, 81, 57;
    --bs-body-color: #1b2420;
    --bs-body-bg: #f4f7f5;
    --bs-border-color: #dfe6e2;
    --bs-font-sans-serif: "Segoe UI", system-ui, -apple-system, Roboto, "Noto Sans Bengali", "Nirmala UI", Kalpurush, SolaimanLipi, Arial, sans-serif;
}

html[lang="bn"] { font-size: 106%; }
html.mk-big { font-size: 120%; }
html[lang="bn"].mk-big { font-size: 127%; }
body { background: var(--mk-bg); color: var(--mk-ink); line-height: 1.5; }
html[lang="bn"] body { line-height: 1.65; }
html[lang="bn"] * { letter-spacing: normal !important; }
h1, h2, h3, h4, h5 { line-height: 1.35; font-weight: 700; }
h2 { font-size: 1.25rem; }
.mk-icon { flex: 0 0 auto; vertical-align: -0.2em; }
.mk-money, .mk-num { font-variant-numeric: tabular-nums; white-space: nowrap; }
.mk-muted { color: var(--mk-muted); }
.mk-in { color: var(--mk-ok); }
.mk-out { color: var(--mk-red); }

/* Buttons and fields: 46px+ targets, 16px+ text (iOS zooms into anything smaller). */
.btn { min-height: 46px; border-radius: 10px; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; gap: .45rem; }
.btn-sm { min-height: 36px; }
.btn-lg { min-height: 56px; font-size: 1.15rem; }
.btn-link { min-height: 0; }
.btn-primary {
    --bs-btn-bg: var(--mk-green); --bs-btn-border-color: var(--mk-green);
    --bs-btn-hover-bg: var(--mk-green-dark); --bs-btn-hover-border-color: var(--mk-green-dark);
    --bs-btn-active-bg: var(--mk-green-dark); --bs-btn-active-border-color: var(--mk-green-dark);
    --bs-btn-disabled-bg: var(--mk-green); --bs-btn-disabled-border-color: var(--mk-green);
}
.btn-outline-primary {
    --bs-btn-color: var(--mk-green); --bs-btn-border-color: var(--mk-green);
    --bs-btn-hover-bg: var(--mk-green); --bs-btn-hover-border-color: var(--mk-green);
    --bs-btn-active-bg: var(--mk-green-dark); --bs-btn-active-border-color: var(--mk-green-dark);
}
.btn-gold { background: var(--mk-gold); border-color: var(--mk-gold); color: #1b1606; }
.btn-gold:hover, .btn-gold:focus { background: #b38f1f; border-color: #b38f1f; color: #1b1606; }
.form-control, .form-select { min-height: 52px; font-size: max(1rem, 16px); border-radius: 10px; }
.form-control-lg { font-size: 1.25rem; }
textarea.form-control { min-height: 84px; }
.form-label { font-weight: 600; margin-bottom: .3rem; }
.form-check-input { width: 1.35em; height: 1.35em; margin-top: .15em; }
.form-check-label { padding-left: .35rem; }
.form-text { color: var(--mk-muted); }
.mk-amount { font-size: 1.6rem !important; font-weight: 700; }
.mk-words { min-height: 1.5em; color: var(--mk-green-dark); font-weight: 600; margin-top: .3rem; }
.field-validation-error, .text-danger { color: var(--mk-red) !important; }
.mk-choices { display: flex; flex-wrap: wrap; gap: .5rem; }
.mk-choices .btn { flex: 1 1 auto; }

/* Header */
.mk-header { position: sticky; top: 0; z-index: 1035; height: var(--mk-header); background: var(--mk-green); color: #fff; display: flex; align-items: center; gap: .5rem; padding: 0 .5rem 0 .75rem; }
.mk-brand { display: flex; align-items: center; gap: .5rem; color: #fff; text-decoration: none; font-weight: 700; font-size: 1.1rem; min-width: 0; }
.mk-brand span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mk-brand:hover { color: #fff; }
.mk-header-tools { margin-left: auto; display: flex; align-items: center; gap: .35rem; }
.mk-iconbtn, .mk-langbtn { background: rgba(255, 255, 255, .14); color: #fff; border: 0; border-radius: 10px; min-width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; padding: 0 .6rem; }
.mk-iconbtn:hover, .mk-langbtn:hover { background: rgba(255, 255, 255, .25); color: #fff; }

/* Shell: a side rail on wide screens, a sheet on phones (offcanvas-lg), and a bottom tab bar on phones. */
.mk-shell { display: flex; align-items: flex-start; min-height: calc(100vh - var(--mk-header)); }
.mk-main { flex: 1 1 auto; min-width: 0; padding: 1rem .9rem 6rem; }
@media (min-width: 992px) {
    .mk-rail { position: sticky; top: var(--mk-header); flex: 0 0 250px; width: 250px; height: calc(100vh - var(--mk-header)); background: var(--mk-card); border-right: 1px solid var(--mk-line); }
    .mk-main { padding: 1.5rem 2rem 2rem; }
}
.mk-rail-body { height: 100%; overflow-y: auto; padding: .75rem .6rem 1.5rem; display: flex; flex-direction: column; gap: 2px; }
.mk-rail-body a { display: flex; align-items: center; gap: .7rem; padding: .7rem .8rem; border-radius: 10px; color: var(--mk-ink); text-decoration: none; font-weight: 500; font-size: 1.02rem; }
.mk-rail-body a:hover { background: var(--mk-green-soft); }
.mk-rail-body a.is-active { background: var(--mk-green); color: #fff; }
.mk-rail-head { margin: .9rem .8rem .25rem; font-size: .8rem; font-weight: 700; color: var(--mk-muted); }
.mk-tabbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1030; display: flex; background: var(--mk-card); border-top: 1px solid var(--mk-line); padding-bottom: env(safe-area-inset-bottom); }
.mk-tabbar a, .mk-tabbar button { flex: 1 1 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: 62px; color: var(--mk-muted); text-decoration: none; background: none; border: 0; font-size: .85rem; font-weight: 600; }
.mk-tabbar .is-active { color: var(--mk-green); }

/* Page parts */
.mk-page-head { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; margin-bottom: 1rem; }
.mk-page-head h1 { font-size: 1.5rem; margin: 0; }
.mk-page-head .mk-actions { margin-left: auto; display: flex; flex-wrap: wrap; gap: .5rem; }
.mk-card { background: var(--mk-card); border: 1px solid var(--mk-line); border-radius: var(--mk-radius); padding: 1rem; }
.mk-card + .mk-card { margin-top: 1rem; }
@media (min-width: 768px) { .mk-card { padding: 1.4rem; } }
.mk-form { max-width: 680px; }
.mk-flash { font-size: 1.05rem; font-weight: 600; border-radius: var(--mk-radius); }
.mk-saved { background: #e6f6ec; border: 2px solid #2f9e5f; border-radius: var(--mk-radius); padding: 1.25rem; text-align: center; margin-bottom: 1rem; }
.mk-saved-title { font-size: 1.45rem; font-weight: 800; color: var(--mk-ok); }
.mk-saved-actions { display: flex; flex-wrap: wrap; gap: .6rem; justify-content: center; margin-top: 1rem; }
.mk-badge { display: inline-block; padding: .12rem .55rem; border-radius: 99px; font-size: .82rem; font-weight: 700; background: var(--mk-green-soft); color: var(--mk-green-dark); white-space: nowrap; }
.mk-badge.is-void { background: var(--mk-red-soft); color: var(--mk-red); }
.mk-badge.is-wait { background: var(--mk-gold-soft); color: #7a5d00; }
.mk-badge.is-grey { background: #eceff0; color: #4a5551; }
.mk-void-row { opacity: .62; }
.mk-void-row .mk-money { text-decoration: line-through; }
.mk-warn { background: var(--mk-gold-soft); border: 1px solid #ecd58a; border-radius: 12px; padding: .8rem 1rem; }

/* Dashboard and hub tiles */
.mk-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
@media (min-width: 768px) { .mk-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.mk-tile { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .5rem; min-height: 118px; padding: 1rem .5rem; border-radius: var(--mk-radius); background: var(--mk-card); border: 2px solid var(--mk-line); color: var(--mk-ink); text-decoration: none; font-weight: 700; font-size: 1.1rem; text-align: center; }
.mk-tile .mk-icon { width: 38px; height: 38px; color: var(--mk-green); }
.mk-tile:hover { border-color: var(--mk-green); color: var(--mk-ink); }
.mk-tile.is-primary { background: var(--mk-green); border-color: var(--mk-green); color: #fff; }
.mk-tile.is-primary .mk-icon { color: #fff; }
.mk-tile small { font-weight: 500; color: var(--mk-muted); font-size: .85rem; }
.mk-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
@media (min-width: 992px) { .mk-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.mk-stat { background: var(--mk-card); border: 1px solid var(--mk-line); border-radius: var(--mk-radius); padding: .9rem 1rem; color: inherit; text-decoration: none; display: block; }
.mk-stat-label { color: var(--mk-muted); font-size: .9rem; font-weight: 600; }
.mk-stat-value { font-size: 1.4rem; font-weight: 800; }
.mk-stat.is-main { background: var(--mk-green); color: #fff; border-color: var(--mk-green); }
.mk-stat.is-main .mk-stat-label { color: rgba(255, 255, 255, .85); }
.mk-alert-line { display: flex; gap: .6rem; align-items: center; padding: .75rem 1rem; border-radius: 12px; background: var(--mk-gold-soft); color: #5c4600; font-weight: 600; text-decoration: none; }
.mk-alert-line + .mk-alert-line { margin-top: .5rem; }
.mk-alert-line.is-red { background: var(--mk-red-soft); color: var(--mk-red); }
.mk-alert-line:hover { filter: brightness(.97); color: inherit; }
.mk-today { display: flex; flex-wrap: wrap; gap: .25rem 1rem; align-items: baseline; margin-bottom: 1rem; }
.mk-today strong { font-size: 1.25rem; }

/* Lists */
.mk-table { width: 100%; margin: 0; border-collapse: collapse; }
.mk-table th { font-size: .85rem; color: var(--mk-muted); font-weight: 700; white-space: nowrap; }
.mk-table td, .mk-table th { padding: .6rem .55rem; border-bottom: 1px solid var(--mk-line); vertical-align: middle; }
.mk-table .num { text-align: right; }
.mk-table tbody tr:last-child td { border-bottom: 0; }
.mk-table tfoot td { font-weight: 800; border-top: 2px solid var(--mk-ink); border-bottom: 0; }
.mk-list-row { display: flex; gap: .75rem; align-items: center; padding: .8rem .2rem; border-bottom: 1px solid var(--mk-line); color: inherit; text-decoration: none; }
.mk-list-row:last-child { border-bottom: 0; }
.mk-list-row:hover { background: #fafcfb; color: inherit; }
.mk-grow { flex: 1 1 auto; min-width: 0; }
.mk-title { font-weight: 700; }
.mk-sub { color: var(--mk-muted); font-size: .9rem; }
.mk-list-row .mk-money { font-weight: 800; }
.mk-filters { display: flex; flex-wrap: wrap; gap: .5rem; align-items: end; }
.mk-filters > * { flex: 1 1 150px; }
.mk-filters .btn { flex: 0 0 auto; }
.mk-pager { display: flex; gap: .5rem; justify-content: center; margin-top: 1rem; }
.mk-grid-scroll { overflow-x: auto; }
.mk-register td, .mk-register th { text-align: center; white-space: nowrap; }
.mk-register td:first-child, .mk-register th:first-child { text-align: left; position: sticky; left: 0; background: #fff; }
.mk-paid { color: var(--mk-ok); font-weight: 800; }
.mk-due { color: var(--mk-red); font-weight: 800; }

/* Picker: search + tap a name (no tiny dropdowns for elderly hands). */
.mk-pick { max-height: 280px; overflow-y: auto; border: 1px solid var(--mk-line); border-radius: 10px; background: #fff; }
.mk-pick button { display: flex; width: 100%; text-align: left; gap: .5rem; justify-content: space-between; align-items: center; padding: .75rem .85rem; background: #fff; border: 0; border-bottom: 1px solid var(--mk-line); font-size: 1rem; color: inherit; }
.mk-pick button:last-child { border-bottom: 0; }
.mk-pick button:hover, .mk-pick button.is-on { background: var(--mk-green-soft); }
.mk-chosen { display: flex; align-items: center; gap: .75rem; padding: .75rem .9rem; border-radius: 10px; background: var(--mk-green-soft); font-weight: 700; margin-top: .5rem; }

/* Note-count grid (দানবাক্স) */
.mk-notes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
@media (min-width: 576px) { .mk-notes { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.mk-note { border: 1px solid var(--mk-line); border-radius: 12px; padding: .5rem .6rem; background: #fff; }
.mk-note label { font-weight: 800; font-size: 1.1rem; display: block; }
.mk-note-sum { color: var(--mk-muted); font-size: .9rem; min-height: 1.35em; }
.mk-total-bar { position: sticky; bottom: 66px; z-index: 5; background: var(--mk-green); color: #fff; border-radius: 12px; padding: .75rem 1rem; display: flex; justify-content: space-between; align-items: center; font-weight: 800; font-size: 1.2rem; margin-top: 1rem; }
@media (min-width: 992px) { .mk-total-bar { bottom: .5rem; } }

/* Sign-in pages */
.mk-auth { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 4rem 1rem 1.5rem; background: radial-gradient(circle at top, #e7f3ee, var(--mk-bg) 60%); position: relative; }
.mk-auth-card { width: 100%; max-width: 480px; background: #fff; border: 1px solid var(--mk-line); border-radius: 18px; padding: 1.75rem 1.4rem; box-shadow: 0 10px 30px rgba(15, 107, 75, .08); }
.mk-auth-brand { display: flex; align-items: center; gap: .6rem; color: var(--mk-green); font-weight: 800; font-size: 1.35rem; text-decoration: none; margin-bottom: 1rem; }
.mk-auth-title { font-size: 1.4rem; }
.mk-auth-top { position: absolute; top: .75rem; right: .75rem; }
.mk-auth-top .mk-langbtn { background: var(--mk-green-soft); color: var(--mk-green-dark); }
.mk-code { letter-spacing: .45em !important; text-align: center; font-size: 1.8rem !important; font-weight: 800; }
.mk-devcode { background: var(--mk-gold-soft); border: 1px dashed var(--mk-gold); border-radius: 10px; padding: .6rem .8rem; font-weight: 700; }
.mk-wizard-total { display: flex; justify-content: space-between; font-weight: 800; font-size: 1.1rem; padding: .6rem 0; border-top: 2px solid var(--mk-line); margin-top: .5rem; }

/* Paper: receipts (A5 or an 80 mm slip) and the A4 statement. */
.mk-paper { background: #fff; color: #000; margin: 0 auto 1rem; box-shadow: 0 2px 14px rgba(0, 0, 0, .08); border-radius: 6px; position: relative; }
.mk-paper.is-a4 { max-width: 210mm; padding: 12mm; }
.mk-paper.is-a5 { max-width: 148mm; padding: 9mm; }
.mk-paper.is-slip { max-width: 80mm; padding: 4mm 3mm; font-size: 13px; }
.mk-letterhead { text-align: center; border-bottom: 2px solid #000; padding-bottom: .45rem; margin-bottom: .7rem; }
.mk-letterhead img { max-height: 58px; max-width: 120px; margin-bottom: .25rem; }
.mk-org { font-size: 1.35rem; font-weight: 800; line-height: 1.3; }
.mk-paper.is-slip .mk-org { font-size: 1.05rem; }
.mk-addr { font-size: .9rem; }
.mk-doc-title { text-align: center; font-weight: 800; font-size: 1.15rem; margin: .4rem 0 .7rem; }
.mk-kv { width: 100%; border-collapse: collapse; }
.mk-kv td { padding: .3rem .2rem; vertical-align: top; border-bottom: 1px dotted #999; }
.mk-kv td:first-child { width: 36%; color: #333; }
.mk-big-amount { font-size: 1.45rem; font-weight: 800; }
.mk-void-stamp { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%) rotate(-18deg); font-size: 3rem; font-weight: 900; color: rgba(180, 35, 24, .38); border: 6px solid rgba(180, 35, 24, .38); padding: 0 1rem; border-radius: 12px; pointer-events: none; white-space: nowrap; }
.mk-signs { display: flex; justify-content: space-between; gap: 1rem; margin-top: 2.6rem; }
.mk-signs div { flex: 1; text-align: center; border-top: 1px solid #000; padding-top: .3rem; font-size: .9rem; }
.mk-cols { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #000; }
.mk-cols > div { padding: .4rem .6rem; }
.mk-cols > div + div { border-left: 1px solid #000; }
.mk-cols h3 { font-size: 1rem; text-align: center; border-bottom: 1px solid #000; padding-bottom: .3rem; margin: 0 0 .3rem; }
.mk-line { display: flex; justify-content: space-between; gap: .5rem; padding: .12rem 0; }
.mk-line > span:first-child { flex: 1 1 auto; }
.mk-line.is-total { border-top: 1px solid #000; margin-top: .3rem; padding-top: .3rem; font-weight: 800; }
.mk-carry { display: flex; justify-content: space-between; font-weight: 700; padding: .35rem .6rem; border: 1px solid #000; margin: .5rem 0; }
.mk-closing { font-weight: 800; font-size: 1.05rem; text-align: center; padding: .5rem; border: 2px solid #000; margin: .7rem 0; }
.mk-split { display: flex; flex-wrap: wrap; gap: .25rem 1.25rem; font-size: .95rem; margin: .25rem 0; }

@media print {
    body { background: #fff !important; }
    .mk-header, .mk-rail, .mk-tabbar, .mk-noprint, .mk-flash { display: none !important; }
    .mk-shell { display: block; }
    .mk-main { padding: 0 !important; }
    .mk-paper { box-shadow: none; border-radius: 0; margin: 0; max-width: none; padding: 0 !important; }
    a { color: inherit; text-decoration: none; }
}

/* Brand mark (the dome from the logo) on the green header. */
.mk-brand-mark { height: 32px; width: auto; flex: 0 0 auto; }
.mk-auth-brand img { border-radius: 12px; }

/* Form errors from the server (asp-validation-summary). */
.validation-summary-errors { background: var(--mk-red-soft); color: var(--mk-red); border: 1px solid #f3c4bf; border-radius: 12px; padding: .75rem 1rem; font-weight: 600; }
.validation-summary-errors ul { margin: 0; padding-left: 1.1rem; }
.validation-summary-valid { display: none; }

/* Print pages (receipt, statement): a toolbar on screen, only the paper on paper. */
.mk-print-page { background: #e9eeeb; padding: 1rem .75rem 2rem; }
.mk-printbar { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; margin: 0 auto 1rem; max-width: 900px; }
@media print { .mk-print-page { background: #fff; padding: 0; } }

/* Below the side-rail width the menu is a Bootstrap offcanvas (a flex column with its own header):
   the list must take what is left, not 100% of the sheet, or its last items cannot be scrolled to. */
@media (max-width: 991.98px) {
    .mk-rail-body { height: auto; flex: 1 1 auto; min-height: 0; }
}

/* Phones. Screen only: paper (A4 statement, A5 receipt) never gets these rules. */
@media screen and (max-width: 575.98px) {
    .mk-main { padding-left: .6rem; padding-right: .6rem; }
    .mk-card { padding: .85rem; }
    .mk-page-head h1 { font-size: 1.3rem; }
    .mk-stat { padding: .7rem .75rem; }
    .mk-stat-value { font-size: clamp(1rem, 4.8vw, 1.3rem); overflow-wrap: anywhere; }
    .mk-tile { min-height: 104px; font-size: 1.02rem; }
    .mk-table td, .mk-table th { padding: .5rem .4rem; }
    .mk-pick button { flex-wrap: wrap; }
    .mk-pick button > .text-end { text-align: left !important; width: 100%; }
    .mk-printbar .btn { flex: 1 1 auto; }
    .mk-paper.is-a4, .mk-paper.is-a5 { padding: 5mm 4mm; }
    .mk-cols { grid-template-columns: 1fr; }
    .mk-cols > div + div { border-left: 0; border-top: 1px solid #000; }
    .mk-signs { gap: .5rem; }
    .mk-signs div { font-size: .8rem; }
    details.mk-filter-box > summary { padding: .2rem 0; }
}
details.mk-filter-box > summary { cursor: pointer; font-weight: 600; }
details.mk-filter-box[open] > summary { margin-bottom: .75rem; }

/* Phone header: smaller tool buttons so the mosque's name keeps more of the bar. */
@media screen and (max-width: 575.98px) {
    .mk-header { gap: .3rem; padding: 0 .35rem 0 .5rem; }
    .mk-header-tools { gap: .25rem; }
    .mk-iconbtn, .mk-langbtn { min-width: 38px; height: 38px; padding: 0 .4rem; font-size: .95rem; }
    .mk-brand { font-size: 1rem; gap: .35rem; }
    .mk-brand-mark { height: 28px; }
    .mk-pad { display: none; }
    .mk-note { padding: .4rem .45rem; }
    .mk-note label { font-size: 1rem; }
    .mk-note-sum { font-size: .78rem; overflow-wrap: anywhere; }
}
/* Three note boxes a row on any real phone: the count grid fits on about one screen. */
@media screen and (min-width: 340px) {
    .mk-notes { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.mk-org-title { font-weight: 800; font-size: 1.15rem; color: var(--mk-green-dark); line-height: 1.35; }
.mk-file { min-height: 56px; }
/* Password fields: an eye button inside the field's right edge shows what was typed (site.js adds it). */
.mk-pw { position: relative; }
.mk-pw > .form-control { padding-right: 3.25rem; }
.mk-pw > input::-ms-reveal, .mk-pw > input::-ms-clear { display: none; } /* Edge's own eye would make two */
.mk-pw-btn {
    position: absolute; top: 0; right: 0; bottom: 0; width: 3rem;
    display: flex; align-items: center; justify-content: center;
    border: 0; background: none; color: var(--mk-muted); cursor: pointer;
}
.mk-pw-btn:hover, .mk-pw-btn[aria-pressed="true"] { color: var(--mk-green); }
.mk-pw-btn:focus-visible { outline: 2px solid var(--mk-green); outline-offset: -4px; border-radius: 10px; }
/* Super admin (/platform): a plain top bar instead of the masjid menu. */
.mk-pf-top { background: var(--mk-card); border-bottom: 1px solid var(--mk-line); }
.mk-pf-brand { display: inline-flex; align-items: center; gap: .5rem; font-weight: 800; color: var(--mk-green-dark); text-decoration: none; }
