/* PKWORLD Host module · Batch 3 · group, payment and rooming patterns. Tokens from host.css only. */

.gstars { display: inline-flex; gap: 1px; color: var(--pk-gold-ink, #7A6407); vertical-align: -2px; }
.gstars i { font-size: 12px; }

/* Hotel block on the quote */
.gblock { padding: 0; overflow: hidden; }
.gbh { display: flex; gap: 14px; align-items: center; padding: 16px; }
.gbn { font: 600 17px var(--pk-font-heading); color: var(--pk-navy-ink, #1B4353); }
.gbl { padding: 0 16px 8px; display: flex; flex-direction: column; }
.gline { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-top: 1px solid var(--pk-silver, #DCDCDC); font-size: 14px; }
.vp-phone .gline { font-size: 13px; }
.gbf { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; padding: 12px 16px; background: var(--pk-iceblue, #F5FEFF); border-top: 1px solid var(--pk-silver, #DCDCDC); }

/* Totals and schedule */
.gkv { display: grid; grid-template-columns: 1fr auto; gap: 8px 16px; font-size: 14px; }
.gkv b { text-align: right; font-variant-numeric: tabular-nums; color: var(--pk-navy-ink, #1B4353); }
.ggrand { display: flex; justify-content: space-between; align-items: baseline; padding-top: 12px; border-top: 1px solid var(--pk-silver, #DCDCDC); font: 600 16px var(--pk-font-heading); color: var(--pk-navy-ink, #1B4353); }
.ggrand .money { font-size: 24px; }
.vp-phone .ggrand .money { font-size: 22px; }
.gpay { display: flex; flex-direction: column; border: 1px solid var(--pk-silver, #DCDCDC); border-radius: 10px; overflow: hidden; }
.gpr { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 14px; font-size: 14px; }
.gpr + .gpr { border-top: 1px solid var(--pk-silver, #DCDCDC); }
.gpr b { color: var(--pk-navy-ink, #1B4353); font-weight: 600; }
.gpr.now { background: var(--pk-green-tint, #EFFCF1); }

/* Policy */
.gpol { display: flex; flex-direction: column; border: 1px solid var(--pk-silver, #DCDCDC); border-radius: 10px; overflow: hidden; }
.gpo { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 12px; padding: 12px 14px; font-size: 14px; align-items: center; }
.vp-phone .gpo { grid-template-columns: minmax(0, 1fr); gap: 4px; }
.gpo + .gpo { border-top: 1px solid var(--pk-silver, #DCDCDC); }
.gpo b { color: var(--pk-navy-ink, #1B4353); font-weight: 600; font-size: 14px; }
.gpo.now { background: var(--pk-gold-tint, #FBF6D8); }

/* Group shell */
.gsteps .s { font-size: 12px; }
.vp-phone .gsteps .s { font-size: 10.5px; line-height: 1.25; }
.gtabs .tab i { font-size: 18px; }
.vp-phone .gtabs { margin: 0 -16px; padding: 0 16px; }
.two { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 24px; align-items: start; }
.vp-phone .two { grid-template-columns: minmax(0, 1fr); gap: 16px; }
.two > .col { min-width: 0; }

/* Countdown and contact */
.cdown { display: inline-flex; align-items: center; gap: 6px; font: 600 13px var(--pk-font-body); color: var(--pk-orange-ink, #94490A); background: var(--pk-orange-tint, #FFF0E0); border-radius: 24px; padding: 4px 12px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.cdown.ok { color: var(--pk-deepteal-ink, #1A5768); background: var(--pk-deepteal-tint, #E7F3F7); }
.phone-line { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 600; color: var(--pk-navy-ink, #1B4353); }
.phone-line .masked { font-size: 14px; }

/* Payment method list */
.pm { display: flex; flex-direction: column; gap: 10px; }
.pm .rcard.off { opacity: .55; }
.soon { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--pk-slate, #646C6C); background: var(--pk-lightgrey, #F1F2F4); border-radius: 4px; padding: 2px 6px; margin-left: 6px; }
.bankbox { border: 1px solid var(--pk-silver, #DCDCDC); border-radius: 12px; background: var(--pk-iceblue, #F5FEFF); padding: 16px; display: grid; grid-template-columns: 160px minmax(0, 1fr) auto; gap: 10px 16px; font-size: 14px; align-items: center; }
.vp-phone .bankbox { grid-template-columns: minmax(0, 1fr) auto; }
.vp-phone .bankbox .k { grid-column: 1 / -1; margin-bottom: -6px; }
.bankbox .k { color: var(--pk-slate, #646C6C); }
.bankbox .v { font-weight: 600; color: var(--pk-navy-ink, #1B4353); font-variant-numeric: tabular-nums; }
.bankbox .sample { grid-column: 1 / -1; font-size: 12px; color: var(--pk-slate, #646C6C); }
.amount-hero { display: flex; flex-direction: column; gap: 4px; padding: 20px; border-radius: 12px; background: var(--pk-navy-fill, #1B4353); color: #fff; }
.amount-hero span { color: var(--pk-on-navy-secondary, #BFE3EC); font-size: 14px; }
.amount-hero b { font: 700 32px/1.1 var(--pk-font-heading); color: #fff; font-variant-numeric: tabular-nums; }
.vp-phone .amount-hero b { font-size: 28px; }

/* Lists (G-01, W-05, W-07, H-01) */
.lrow { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 16px; border-bottom: 1px solid var(--pk-silver, #DCDCDC); }
.lrow:last-child { border-bottom: 0; }
.vp-phone .lrow { grid-template-columns: minmax(0, 1fr); gap: 8px; padding: 14px 16px; }
.lrow .no { font-size: 12px; font-weight: 600; color: var(--pk-deepteal-ink, #1A5768); letter-spacing: .02em; }
.lrow .tt { font: 600 15px var(--pk-font-heading); color: var(--pk-navy-ink, #1B4353); }
.next { display: inline-flex; gap: 6px; align-items: center; font-size: 13px; font-weight: 600; color: var(--pk-orange-ink, #94490A); }
.next.ok { color: var(--pk-deepteal-ink, #1A5768); }
.next.done { color: var(--pk-slate, #646C6C); font-weight: 500; }
.next i { font-size: 16px; }

/* Rooming tables */
.rtable { width: 100%; border-collapse: collapse; font-size: 13px; }
.rtable th { text-align: left; font: 600 11px var(--pk-font-body); text-transform: uppercase; letter-spacing: .04em; color: var(--pk-slate, #646C6C); background: var(--pk-iceblue, #F5FEFF); padding: 9px 10px; border-bottom: 1px solid var(--pk-silver, #DCDCDC); white-space: nowrap; }
.rtable td { padding: 9px 10px; border-bottom: 1px solid var(--pk-silver, #DCDCDC); vertical-align: top; }
.rtable tr.miss td { background: #FFFDF5; }
.rtable tr.bad td { background: var(--pk-red-tint, #FDE7E9); }
.rtable .rn { font-weight: 600; color: var(--pk-navy-ink, #1B4353); white-space: nowrap; }
.rtable .grip { color: var(--pk-muted, #8A9191); cursor: grab; font-size: 16px; }
.gin { display: inline-flex; align-items: center; min-height: 32px; padding: 0 10px; border: 1.5px dashed var(--pk-silver, #DCDCDC); border-radius: 8px; background: #fff; color: var(--pk-muted, #8A9191); font-size: 13px; }
.rcards2 { display: flex; flex-direction: column; gap: 8px; }
.rc { border: 1px solid var(--pk-silver, #DCDCDC); border-radius: 10px; padding: 12px; background: #fff; display: flex; flex-direction: column; gap: 4px; font-size: 13px; }
.rc.miss { border-style: dashed; background: #FFFDF5; }
.rc.bad { border-color: var(--pk-red-ink, #B02532); background: var(--pk-red-tint, #FDE7E9); }
.rc .rh2 { display: flex; justify-content: space-between; gap: 8px; align-items: center; }
.rc .rh2 b { color: var(--pk-navy-ink, #1B4353); font-size: 14px; }
.rbar { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.deadline { display: inline-flex; align-items: center; gap: 6px; font: 600 13px var(--pk-font-body); color: var(--pk-gold-ink, #7A6407); background: var(--pk-gold-tint, #FBF6D8); border-radius: 6px; padding: 4px 10px; }
.deadline i { font-size: 16px; }
.pool { display: flex; flex-wrap: wrap; gap: 6px; }
.pool .gpp { display: inline-flex; gap: 6px; align-items: center; padding: 4px 10px 4px 6px; border-radius: 16px; background: #fff; border: 1px solid var(--pk-silver, #DCDCDC); font-size: 13px; cursor: grab; }
.pool .gpp i { color: var(--pk-muted, #8A9191); font-size: 14px; }
.paste { width: 100%; min-height: 150px; border: 1.5px solid var(--pk-silver, #DCDCDC); border-radius: 8px; padding: 12px 14px; font: 400 14px/1.6 var(--pk-font-body); color: var(--pk-charcoal, #343434); resize: vertical; background: #fff; }
.paste:focus { outline: none; border-color: var(--pk-green-ink, #2A7F36); box-shadow: var(--pk-focus-ring); }
.parsed { display: flex; flex-direction: column; border: 1px solid var(--pk-silver, #DCDCDC); border-radius: 10px; overflow: hidden; background: #fff; }
.parsed .pr { display: grid; grid-template-columns: 28px minmax(0, 1.4fr) 80px minmax(0, 1fr); gap: 8px; align-items: center; padding: 8px 12px; font-size: 13px; border-top: 1px solid var(--pk-silver, #DCDCDC); }
.parsed .pr:first-child { border-top: 0; }
.parsed .pr.h { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--pk-slate, #646C6C); background: var(--pk-iceblue, #F5FEFF); }
.parsed .pr.bad { background: var(--pk-red-tint, #FDE7E9); }
.parsed .pr .e { grid-column: 2 / -1; color: var(--pk-red-ink, #B02532); font-size: 12px; display: flex; gap: 4px; align-items: center; }
.vp-phone .parsed .pr { grid-template-columns: 24px minmax(0, 1fr); }
.vp-phone .parsed .pr.h { display: none; }
.vp-phone .parsed .pr { row-gap: 2px; }
.vp-phone .parsed .pr > span:nth-child(n+3) { grid-column: 2; font-size: 12px; color: var(--pk-slate, #646C6C); }

/* Invoice print layout */
.inv { background: #fff; border: 1px solid var(--pk-silver, #DCDCDC); box-shadow: var(--pk-shadow-2); padding: 48px 56px; max-width: 794px; margin: 0 auto; font-size: 13px; color: var(--pk-charcoal, #343434); }
.vp-phone .inv { padding: 20px 16px; }
.inv .lh { display: flex; justify-content: space-between; gap: 24px; padding-bottom: 20px; border-bottom: 3px solid var(--pk-green-fill, #3CB54B); }
.vp-phone .inv .lh { flex-direction: column; gap: 12px; }
.inv h2 { font-size: 26px; letter-spacing: .04em; }
.inv table { width: 100%; border-collapse: collapse; margin-top: 8px; }
.inv th { text-align: left; font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: var(--pk-slate, #646C6C); padding: 8px 6px; border-bottom: 1px solid var(--pk-navy-fill, #1B4353); }
.inv td { padding: 9px 6px; border-bottom: 1px solid var(--pk-silver, #DCDCDC); vertical-align: top; }
.inv .r { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.inv .tot td { font-weight: 700; color: var(--pk-navy-ink, #1B4353); font-size: 15px; border-bottom: 2px solid var(--pk-navy-fill, #1B4353); }
.inv .meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 20px 0; }
.vp-phone .inv .meta { grid-template-columns: minmax(0, 1fr); }
.inv .meta b { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: var(--pk-slate, #646C6C); margin-bottom: 4px; }
.inv .phx { color: var(--pk-slate, #646C6C); font-style: italic; }

/* Calendar (W-07) */
.cal { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); border: 1px solid var(--pk-silver, #DCDCDC); border-radius: 12px; overflow: hidden; background: #fff; }
.cal .dh { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--pk-slate, #646C6C); padding: 8px; background: var(--pk-iceblue, #F5FEFF); border-bottom: 1px solid var(--pk-silver, #DCDCDC); }
.cal .d { min-height: 92px; border-right: 1px solid var(--pk-silver, #DCDCDC); border-bottom: 1px solid var(--pk-silver, #DCDCDC); padding: 6px; display: flex; flex-direction: column; gap: 4px; font-size: 12px; }
.cal .d:nth-child(7n) { border-right: 0; }
.cal .d .dn { font-weight: 600; color: var(--pk-slate, #646C6C); }
.cal .d.out .dn { color: var(--pk-silver, #DCDCDC); }
.cal .d.today .dn { color: #fff; background: var(--pk-deepteal-fill, #216E85); border-radius: 50%; width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; }
.cal .ev { border-radius: 4px; padding: 2px 6px; font-size: 11px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cal .ev.orange { background: var(--pk-orange-tint, #FFF0E0); color: var(--pk-orange-ink, #94490A); }
.cal .ev.green { background: var(--pk-green-tint, #EFFCF1); color: var(--pk-green-ink, #2A7F36); }
.cal .ev.gold { background: var(--pk-gold-tint, #FBF6D8); color: var(--pk-gold-ink, #7A6407); }
.vp-phone .cal .d { min-height: 56px; padding: 3px; }
.vp-phone .cal .ev { font-size: 0; height: 6px; padding: 0; }

/* Earnings lines (W-06) */
.earnl { display: flex; flex-direction: column; gap: 6px; font-size: 13px; }
.earnl .el { display: flex; justify-content: space-between; gap: 12px; }
.earnl .el span { color: var(--pk-slate, #646C6C); }
.earnl .el b { font-variant-numeric: tabular-nums; color: var(--pk-navy-ink, #1B4353); white-space: nowrap; }

/* Activity log */
.alog { display: flex; flex-direction: column; }
.alog .ai { display: grid; grid-template-columns: 108px minmax(0, 1fr); gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--pk-silver, #DCDCDC); font-size: 13px; }
.alog .ai:last-child { border-bottom: 0; }
.alog .ai span:first-child { color: var(--pk-slate, #646C6C); white-space: nowrap; }
.gsticky { position: sticky; bottom: 0; margin: 16px -16px -24px; display: flex; gap: 12px; align-items: center; background: #fff; border-top: 1px solid var(--pk-silver, #DCDCDC); box-shadow: var(--pk-shadow-3); padding: 12px 16px; z-index: 5; }
.vp-phone .cdown { white-space: normal; }
.two > .col:last-child .gpo { grid-template-columns: minmax(0, 1fr); gap: 4px; }

/* W-05 quotes list, W-07 groups list */
.qt { width: 100%; border-collapse: collapse; font-size: 14px; }
.qt th { text-align: left; font: 600 11px var(--pk-font-body); text-transform: uppercase; letter-spacing: .04em; color: var(--pk-slate, #646C6C); padding: 10px 14px; border-bottom: 1px solid var(--pk-silver, #DCDCDC); background: var(--pk-iceblue, #F5FEFF); white-space: nowrap; }
.qt td { padding: 14px; border-bottom: 1px solid var(--pk-silver, #DCDCDC); vertical-align: middle; }
.qt tr:last-child td { border-bottom: 0; }
.qt tr.sub td { background: #FAFBFC; padding-top: 10px; padding-bottom: 10px; font-size: 13px; }
.qt tr.sub td:first-child { padding-left: 38px; }
.qt tr.sel td { background: var(--pk-iceblue, #F5FEFF); }
.qt .qn { font-weight: 600; color: var(--pk-navy-ink, #1B4353); white-space: nowrap; }
.qt .vt { display: inline-flex; align-items: center; font: 600 11px var(--pk-font-body); padding: 1px 7px; border-radius: 10px; background: var(--pk-lightgrey, #F1F2F4); color: var(--pk-slate, #646C6C); margin-left: 6px; }
.qt .num { font-variant-numeric: tabular-nums; font-weight: 600; color: var(--pk-navy-ink, #1B4353); white-space: nowrap; text-align: right; }
.qt th.num { text-align: right; }
.left-warn { color: var(--pk-orange-ink, #94490A); font-weight: 600; }
.qcard { padding: 14px 16px; border-bottom: 1px solid var(--pk-silver, #DCDCDC); display: flex; flex-direction: column; gap: 6px; }
.qcard:last-child { border-bottom: 0; }
.qcard .qh { display: flex; justify-content: space-between; gap: 8px; align-items: flex-start; }
.vlist { display: flex; flex-direction: column; }
.vlist .vi { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--pk-silver, #DCDCDC); align-items: start; }
.vlist .vi:last-child { border-bottom: 0; }
.vlist .vb { width: 36px; height: 36px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font: 600 13px var(--pk-font-body); background: var(--pk-lightgrey, #F1F2F4); color: var(--pk-slate, #646C6C); }
.vlist .vi.cur .vb { background: var(--pk-deepteal-fill, #216E85); color: #fff; }
.diff { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 6px 16px; font-size: 13px; }
.diff .h { font-size: 11px; font-weight: 600; text-transform: uppercase; color: var(--pk-slate, #646C6C); letter-spacing: .04em; }
.diff s { color: var(--pk-muted, #8A9191); }
.diff b { color: var(--pk-navy-ink, #1B4353); font-variant-numeric: tabular-nums; }
.seg2 { display: inline-flex; border: 1px solid var(--pk-silver, #DCDCDC); border-radius: 8px; overflow: hidden; }
.seg2 span { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; font: 500 13px var(--pk-font-body); color: var(--pk-slate, #646C6C); background: #fff; }
.seg2 span.on { background: var(--pk-navy-fill, #1B4353); color: #fff; }
.prog { height: 6px; border-radius: 3px; background: var(--pk-lightgrey, #F1F2F4); overflow: hidden; width: 90px; }
.prog > span { display: block; height: 100%; background: var(--pk-green-fill, #3CB54B); }
.prog.warn > span { background: var(--pk-orange-fill, #E9862B); }
.cal .ev.teal { background: var(--pk-teal-tint, #E3F5F8); color: var(--pk-deepteal-ink, #1A5768); }
.cal .ev.cont { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -7px; }
.cal .ev.mid { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: -7px; }

/* H-01, H-03, H-04 (inside .skin-pkw, partner portal styles) */
.skin-pkw .hrow-card { padding: 14px 16px; border-bottom: 1px solid var(--pk-silver, #DCDCDC); display: flex; flex-direction: column; gap: 8px; }
.skin-pkw .hrow-card:last-child { border-bottom: 0; }
.skin-pkw .hmeta { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 13px; color: var(--pk-slate, #646C6C); }
.skin-pkw .hmeta span { display: inline-flex; align-items: center; gap: 5px; }
.skin-pkw .hname { font: 600 15px var(--pk-font-heading); color: var(--pk-navy-ink, #1B4353); }
.skin-pkw .hleft { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 600; color: var(--pk-orange-ink, #94490A); white-space: nowrap; }
.skin-pkw .hleft.urgent { color: var(--pk-red-ink, #B02532); }
.skin-pkw .newdot { width: 8px; height: 8px; border-radius: 50%; background: var(--pk-red-fill, #DC3545); display: inline-block; }
.skin-pkw .hmoney { display: flex; flex-direction: column; gap: 8px; font-size: 14px; }
.skin-pkw .hmoney .l { display: flex; justify-content: space-between; gap: 12px; }
.skin-pkw .hmoney .l span { color: var(--pk-slate, #646C6C); }
.skin-pkw .hmoney .l b { font-variant-numeric: tabular-nums; color: var(--pk-navy-ink, #1B4353); white-space: nowrap; }
.skin-pkw .hmoney .l.tot { border-top: 1px solid var(--pk-silver, #DCDCDC); padding-top: 10px; font-size: 16px; }
.skin-pkw .hmoney .l.tot b { font-size: 18px; color: var(--pk-green-ink, #2A7F36); }
.skin-pkw .hroom-no { display: inline-flex; align-items: center; min-width: 64px; height: 32px; padding: 0 10px; border: 1.5px solid var(--pk-silver, #DCDCDC); border-radius: 8px; font-size: 13px; color: var(--pk-muted, #8A9191); background: #fff; }
.skin-pkw .hroom-no.set { color: var(--pk-navy-ink, #1B4353); font-weight: 600; border-color: transparent; background: var(--pk-lightgrey, #F1F2F4); }
.skin-pkw .pkw-table tr.miss td { background: #FFFDF5; }
.skin-pkw .tag2 { display: inline-flex; padding: 2px 8px; border-radius: 6px; background: var(--pk-lightgrey, #F1F2F4); font-size: 13px; margin: 0 4px 4px 0; color: var(--pk-charcoal, #343434); }
.skin-pkw .hcount { display: flex; gap: 8px; flex-wrap: wrap; }
.skin-pkw .hcount span { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 8px; background: var(--pk-lightgrey, #F1F2F4); font-size: 13px; color: var(--pk-slate, #646C6C); }
.skin-pkw .hcount b { color: var(--pk-navy-ink, #1B4353); font-size: 15px; }
.skin-pkw .hnote { padding: 12px 14px; border-left: 3px solid var(--pk-deepteal-fill, #216E85); background: var(--pk-iceblue, #F5FEFF); border-radius: 0 8px 8px 0; font-size: 14px; color: var(--pk-charcoal, #343434); }
.vp-phone .parsed .pr > span.nil { display: none; }
/* Phone tab bars: tighter tabs and a fade on the right edge as a scroll cue */
.vp-phone .tabs.fade { -webkit-mask-image: linear-gradient(to right, #000 85%, transparent); mask-image: linear-gradient(to right, #000 85%, transparent); }
.vp-phone .tab { padding: 10px 10px; }
.vp-phone .skin-pkw .pkw-tabs { -webkit-mask-image: linear-gradient(to right, #000 85%, transparent); mask-image: linear-gradient(to right, #000 85%, transparent); }
.vp-phone .skin-pkw .pkw-tabs .pkw-tab { padding: 11px 12px; }
.nowrap { white-space: nowrap; }
.vp-phone .skin-pkw .pkw-cellstack__sub { white-space: normal; }

.parsed .pr .rm { font-weight: 600; color: var(--pk-deepteal-ink, #1A5768); white-space: nowrap; }
.vp-phone .parsed .pr > span.rm { color: var(--pk-deepteal-ink, #1A5768); font-weight: 600; }

.parsed .drop { display: inline-flex; align-items: center; gap: 4px; margin-left: 8px; font-size: 11px; font-weight: 600; color: var(--pk-slate, #646C6C); background: var(--pk-lightgrey, #F1F2F4); border-radius: 6px; padding: 1px 6px; }