

dialog.pdv-com-drawer { position: fixed; inset: 10px 10px 10px auto; margin: 0; width: min(620px, calc(100vw - 20px)); max-width: none; height: calc(100vh - 20px);
  max-height: none; border-radius: var(--pdv-r-xl); box-shadow: var(--pdv-shadow-lg); padding: 0; overflow: hidden; }
dialog.pdv-com-drawer[open] { display: flex; flex-direction: column; animation: pdv-com-slide .22s ease-out; }
dialog.pdv-com-drawer::backdrop { background: rgba(8, 16, 12, .42); backdrop-filter: none; }
@keyframes pdv-com-slide { from { transform: translateX(28px); opacity: .4; } to { transform: none; opacity: 1; } }
.pdv-com-drawer [data-pdv-com-drawer-body] { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.pdv-com-drawer__loading { margin: auto; color: var(--pdv-muted); font-size: 13px; display: flex; gap: 8px; align-items: center; }

.pdv-com-cr { display: flex; flex-direction: column; min-height: 0; margin: 0; font-family: var(--pdv-font); font-size: 14px; color: var(--pdv-text); }
.pdv-com-cr--drawer { flex: 1; height: 100%; }
.pdv-com-cr__head { padding: 20px 24px 16px; border-bottom: 1px solid var(--pdv-border); display: flex; align-items: flex-start; gap: 12px; }
:is(#wrapper, body) .pdv-com-cr__head h2 { font-size: 19px; letter-spacing: -.02em; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.pdv-com-cr__head p { font-size: 13px; color: var(--pdv-muted); margin: 3px 0 0; }
.pdv-com-cr__x { flex: none; }
.pdv-com-cr__body { flex: 1; min-height: 0; overflow: auto; padding: 16px 24px 18px; display: flex; flex-direction: column; gap: 13px; }
.pdv-com-cr__body .pdv-callout .pdv-i.lg { flex: none; margin-top: 1px; }
.pdv-com-cr__none { display: flex; align-items: center; gap: 8px; color: var(--pdv-muted); font-size: 13px; padding: 10px 12px; border: 1px dashed var(--pdv-border-strong); border-radius: var(--pdv-r-md); margin: 0; }
.pdv-com-cr__foot { padding: 14px 24px; border-top: 1px solid var(--pdv-border); background: var(--pdv-sunken); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pdv-com-cr__save { margin-left: auto; }
.pdv-com-tot { font-size: 13px; color: var(--pdv-muted); }
.pdv-com-tot b { font-size: 18px; color: var(--pdv-ink); font-weight: 800; letter-spacing: -.02em; margin-left: 4px; }

.pdv-com-lbl { font-size: 13px; font-weight: 800; color: var(--pdv-ink); margin-bottom: 10px; display: flex; align-items: center; gap: 8px; }
.pdv-com-lbl .pdv-i { color: var(--pdv-muted); }
.pdv-com-lbl__r { margin-left: auto; font-size: 12px; font-weight: 600; color: var(--pdv-muted); display: inline-flex; align-items: center; gap: 8px; }
.pdv-com-warn { color: var(--pdv-warn-text); }

.pdv-com-fis { display: grid; gap: 6px; }
.pdv-com-fi { display: grid; grid-template-columns: 18px 52px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 7px 12px; border: 1px solid var(--pdv-border);
  border-radius: 12px; cursor: pointer; margin: 0; transition: border-color .15s, background .15s; }
.pdv-com-fi:hover { border-color: var(--pdv-border-strong); }
.pdv-com-fi.is-on { border-color: color-mix(in srgb, var(--pdv-accent) 45%, var(--pdv-border)); background: color-mix(in srgb, var(--pdv-accent-soft) 40%, transparent); }
.pdv-com-fi--ro { grid-template-columns: 52px minmax(0, 1fr); text-decoration: none !important; }
.pdv-com-fi__tn { width: 52px; height: 34px; border-radius: 6px; overflow: hidden; background: var(--pdv-sunken); display: grid; place-items: center; color: var(--pdv-faint); }
.pdv-com-fi__tn img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pdv-com-fi__t { min-width: 0; }
.pdv-com-fi q { quotes: "\201C" "\201D"; font-size: 13px; color: var(--pdv-ink); font-weight: 600; display: block; line-height: 1.35; overflow-wrap: anywhere; }
.pdv-com-fi small { font-size: 11.5px; color: var(--pdv-muted); display: block; margin-top: 2px; }

.pdv-com-grid3 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.25fr); gap: 12px; }
.pdv-com-grid3 > * { min-width: 0; }
.pdv-input.pdv-com-unit { display: flex; align-items: center; gap: 8px; padding: 0 12px; height: 38px; min-height: 38px; min-width: 0; overflow: hidden; }
.pdv-input.pdv-com-unit:focus-within { border-color: var(--pdv-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--pdv-accent) 18%, transparent); }
.pdv-com-unit input { border: 0 !important; background: transparent !important; outline: none; box-shadow: none !important; flex: 1; min-width: 0; height: 100%; padding: 0; margin: 0;
  font: inherit; font-size: 13.5px; color: var(--pdv-ink); }
.pdv-com-unit input[type=date] { min-width: 0; flex: 1 1 auto; }
.pdv-com-unit input[type=date]::-webkit-calendar-picker-indicator { margin-left: 2px; padding: 0; opacity: .55; }
.pdv-com-unit input[readonly] { color: var(--pdv-text); }
.pdv-com-unit .pdv-i { color: var(--pdv-faint); }
.pdv-com-unit__pre { color: var(--pdv-faint); font-weight: 600; }
.pdv-com-unit__u { margin-left: auto; color: var(--pdv-faint); font-weight: 600; font-size: 12.5px; white-space: nowrap; }

.pdv-com-impact { border: 1px solid var(--pdv-border); border-radius: 14px; padding: 12px 16px 6px; }
.pdv-com-tl { position: relative; height: 54px; margin: 6px 6px 0; }
.pdv-com-tl__base { position: absolute; left: 0; right: 0; top: 22px; height: 6px; border-radius: 3px; background: var(--pdv-border); }
.pdv-com-tl__done { position: absolute; left: 0; top: 22px; height: 6px; border-radius: 3px; background: var(--pdv-accent); }
.pdv-com-tl__ext { position: absolute; top: 22px; height: 6px; border-radius: 3px;
  background: repeating-linear-gradient(45deg, var(--pdv-warn), var(--pdv-warn) 4px, color-mix(in srgb, var(--pdv-warn) 55%, transparent) 4px, color-mix(in srgb, var(--pdv-warn) 55%, transparent) 8px); }
.pdv-com-tl__m { position: absolute; top: 0; transform: translateX(-50%); font-size: 11px; font-weight: 700; color: var(--pdv-muted); white-space: nowrap; text-align: center; }
.pdv-com-tl__m::after { content: ""; display: block; width: 2px; height: 12px; margin: 3px auto 0; background: currentColor; border-radius: 1px; }
.pdv-com-tl__m--today { color: var(--pdv-accent); }

.pdv-com-tl__m.is-low { top: 24px; }
.pdv-com-tl__m.is-low::after { display: none; }
.pdv-com-tl__m.is-low::before { content: ""; display: block; width: 2px; height: 10px; margin: 0 auto 1px; background: currentColor; border-radius: 1px; }
.pdv-com-tl__m--new { color: var(--pdv-warn-text); }
.pdv-com-tl__ax { position: absolute; left: 0; top: 36px; font-size: 11px; color: var(--pdv-faint); font-weight: 600; }
.pdv-com-aff { display: flex; align-items: center; gap: 8px; font-size: 12.5px; padding: 7px 0; border-top: 1px dashed var(--pdv-border); flex-wrap: wrap; }
.pdv-com-aff .pdv-i { color: var(--pdv-faint); }
.pdv-com-aff b { color: var(--pdv-ink); }
.pdv-com-chg { margin-left: auto; font-weight: 700; color: var(--pdv-warn-text); }
.pdv-com-chg--plain { margin-left: 0; }
.pdv-com-chg--same { color: var(--pdv-muted); font-weight: 600; }

.pdv-com-why { border: 1px solid var(--pdv-border); border-radius: 12px; padding: 0 12px; }
.pdv-com-why > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: var(--pdv-ink); padding: 10px 0; }
.pdv-com-why > summary::-webkit-details-marker { display: none; }
.pdv-com-why > summary .pdv-i { color: var(--pdv-muted); }
.pdv-com-why > summary .pdv-muted { font-weight: 600; font-size: 12px; }
.pdv-com-why[open] > summary { padding-bottom: 6px; }
.pdv-com-why textarea { margin-bottom: 12px; min-height: 70px; }

.pdv-com-ogrid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.pdv-com-o { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--pdv-border); border-radius: 12px; font-size: 13px; margin: 0; min-width: 0; }
.pdv-com-o > .pdv-i { color: var(--pdv-muted); flex: none; }
.pdv-com-o b { color: var(--pdv-ink); display: block; font-size: 13px; }
.pdv-com-o small { color: var(--pdv-muted); font-size: 12px; display: block; }
.pdv-com-o .pdv-toggle { margin-left: auto !important; }
label.pdv-com-o { cursor: pointer; }
.pdv-com-o__sel { border: 0; background: transparent; font: inherit; font-weight: 700; color: var(--pdv-ink); padding: 0 14px 0 0; margin: 0; max-width: 150px; cursor: pointer; appearance: none; -webkit-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--pdv-muted) 50%), linear-gradient(135deg, var(--pdv-muted) 50%, transparent 50%);
  background-position: right 4px top 55%, right 0 top 55%; background-size: 4px 4px; background-repeat: no-repeat; border-bottom: 1px dashed var(--pdv-border-strong); border-radius: 0; height: auto; }
.pdv-com-o__sel:focus { outline: 2px solid var(--pdv-accent); outline-offset: 2px; }

.pdv-com-pills { display: flex; flex-wrap: wrap; gap: 6px; }
.pdv-com-pill { margin: 0; cursor: pointer; }
.pdv-com-pill input { position: absolute; opacity: 0; pointer-events: none; }
.pdv-com-pill span { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px 0 4px; border-radius: 999px; border: 1.5px solid var(--pdv-border-strong); font-size: 12.5px;
  font-weight: 600; color: var(--pdv-text); background: var(--pdv-surface); }
.pdv-com-pill input:checked + span { border-color: var(--pdv-accent); background: var(--pdv-accent-soft); color: var(--pdv-accent-strong); }
.pdv-com-pill input:focus-visible + span { outline: 2px solid var(--pdv-accent); outline-offset: 2px; }

.pdv-com-page { max-width: 820px; margin: 0 auto; }
.pdv-com-sheet { background: var(--pdv-surface); border-radius: var(--pdv-r-xl); box-shadow: var(--pdv-shadow-md); border: 1px solid var(--pdv-border); overflow: hidden; }
.pdv-com-sheet--plain { background: transparent; box-shadow: none; border: 0; display: flex; gap: 8px; justify-content: flex-end; padding: 10px 0 0; overflow: visible; }
.pdv-com-sheet .pdv-com-cr__body { overflow: visible; }
.pdv-com-text { margin: 0; font-size: 13.5px; }
.pdv-com-cap { margin-top: 14px; padding: 14px; border: 1px solid var(--pdv-border); border-radius: 12px; }
.pdv-com-tablewrap { overflow-x: auto; }

dialog.pdv-com-preview { width: min(820px, calc(100vw - 24px)); background: var(--pdv-ground); max-height: calc(100vh - 24px); }
dialog.pdv-com-preview[open] { display: flex; flex-direction: column; }
.pdv-com-preview .pdv-dialog__head { background: var(--pdv-surface); padding-bottom: 14px; border-bottom: 1px solid var(--pdv-border); }
.pdv-com-preview__body { overflow: auto; padding: 18px 22px 24px; }
.pdv-com-preview__note { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--pdv-muted); margin-bottom: 14px; }
.pdv-com-cl { color: var(--pdv-text); font-family: var(--pdv-font); }
.pdv-com-cl__eyebrow { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: var(--pdv-muted); flex-wrap: wrap; }
:is(#wrapper, body) .pdv-com-cl h1 { font-size: 26px; letter-spacing: -.03em; padding: 8px 0 6px; }
:is(#wrapper, body) .pdv-com-cl h3 { font-size: 14px; padding-bottom: 12px; display: flex; align-items: center; gap: 8px; }
.pdv-com-cl__lead { font-size: 15px; margin: 0; }
.pdv-com-cl__cards { display: grid; gap: 14px; margin-top: 22px; }
.pdv-com-cl__sec { padding: 20px 22px; }
.pdv-com-cl__why { display: flex; gap: 14px; align-items: flex-start; font-size: 13.5px; }
.pdv-com-cl__why b { color: var(--pdv-ink); }
.pdv-com-cl__ic { width: 38px; height: 38px; border-radius: 11px; background: var(--pdv-warn-soft); color: var(--pdv-warn-text); display: grid; place-items: center; flex: none; }
.pdv-com-cl__ask { display: grid; grid-template-columns: 32px 1fr; gap: 12px; align-items: center; padding: 10px 0; border-top: 1px solid var(--pdv-border); font-size: 13.5px; }
.pdv-com-cl__ask:first-of-type { border-top: 0; padding-top: 0; }
.pdv-com-cl__ask-ic { width: 32px; height: 32px; border-radius: 9px; background: var(--pdv-sunken); color: var(--pdv-muted); display: grid; place-items: center; }
.pdv-com-cl__ask q { quotes: "\201C" "\201D"; color: var(--pdv-ink); font-weight: 600; }
.pdv-com-cl__ask small { display: block; color: var(--pdv-muted); font-size: 12px; }
.pdv-com-cl__money { display: grid; grid-template-columns: repeat(3, 1fr); padding: 0; }
.pdv-com-cl__money > div { padding: 18px 22px; min-width: 0; }
.pdv-com-cl__money > div + div { border-left: 1px solid var(--pdv-border); }
.pdv-com-cl__money--staff { box-shadow: none; }
.pdv-com-cl__money--staff > div { padding: 14px 16px; }
.pdv-com-cl__k { font-size: 12.5px; color: var(--pdv-muted); font-weight: 600; }
.pdv-com-cl__v { font-size: 24px; font-weight: 800; color: var(--pdv-ink); letter-spacing: -.03em; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pdv-com-cl__money--staff .pdv-com-cl__v { font-size: 20px; }
.pdv-com-cl__v s { font-size: 14px; color: var(--pdv-faint); font-weight: 600; margin-right: 6px; }
.pdv-com-cl__s { font-size: 12px; color: var(--pdv-muted); }
.pdv-com-cl__steps { display: grid; gap: 10px; }
.pdv-com-cl__steps > div { display: flex; gap: 12px; font-size: 13.5px; align-items: flex-start; }
.pdv-com-cl__steps > div > b { width: 24px; height: 24px; border-radius: 50%; background: var(--pdv-accent-soft); color: var(--pdv-accent); font-size: 12px; display: grid; place-items: center; flex: none; }
.pdv-com-cl__decide { margin-top: 18px; padding: 16px 18px; display: flex; align-items: center; gap: 10px; box-shadow: var(--pdv-shadow-lg); flex-wrap: wrap; }
.pdv-com-cl__dt { font-size: 13px; color: var(--pdv-muted); }
.pdv-com-cl__dt b { color: var(--pdv-ink); display: block; font-size: 14px; }
.pdv-com-cl__da { margin-left: auto; display: flex; gap: 8px; flex-wrap: wrap; }
.pdv-com-cl__da .is-disabled { opacity: .7; }

.pdv-com-checklist { margin: 16px 0 14px; padding-top: 14px; border-top: 1px solid var(--pdv-border); }
.pdv-com-checklist__none { font-size: 13px; margin: 0; }
.pdv-com-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.pdv-com-group { border: 1px solid var(--pdv-border); border-radius: 12px; padding: 12px 14px; background: var(--pdv-sunken); }
:is(#wrapper, body) .pdv-com-group h4 { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--pdv-muted) !important; display: flex; align-items: center; gap: 6px; padding-bottom: 8px; }
.pdv-com-group--exclusion h4 .pdv-i { color: var(--pdv-bad); }
.pdv-com-group--inclusion h4 .pdv-i, .pdv-com-group--deliverable h4 .pdv-i { color: var(--pdv-good); }
.pdv-com-group--criterion h4 .pdv-i { color: var(--pdv-violet); }
.pdv-com-group ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.pdv-com-group li { display: flex; align-items: flex-start; gap: 6px; font-size: 13px; }
.pdv-com-group li small { display: block; color: var(--pdv-muted); font-size: 12px; }
.pdv-com-items-form { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--pdv-border); }
.pdv-com-items { display: grid; gap: 6px; }
.pdv-com-irow { display: grid; grid-template-columns: 150px minmax(0, 1.4fr) 70px 76px minmax(0, 1fr) 30px; gap: 6px; align-items: center; }
.pdv-com-drow { display: grid; grid-template-columns: minmax(0, 1.3fr) 76px 90px minmax(0, 1.4fr) 30px; gap: 6px; align-items: center; }
.pdv-com-irow .pdv-input, .pdv-com-drow .pdv-input { min-height: 34px; height: 34px; font-size: 13px; padding-top: 0; padding-bottom: 0; }
.pdv-com-drow textarea.pdv-input { min-height: 34px; padding-top: 7px; resize: vertical; }
.pdv-com-irow--head { font-size: 11px; font-weight: 700; color: var(--pdv-faint); text-transform: uppercase; letter-spacing: .05em; }
.pdv-com-checks .pdv-card__head h3 { display: flex; align-items: center; gap: 8px; }
.pdv-com-lines { font-size: 13px; color: var(--pdv-text); margin-right: 6px; }
.pdv-com-scope-empty { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.pdv-com-scope-empty p { margin: 2px 0 0; font-size: 13px; }
.pdv-com-scope-empty__ic, .pdv-com-tplcta__ic, .pdv-com-tcard__ic { width: 40px; height: 40px; border-radius: 12px; background: var(--pdv-accent-soft); color: var(--pdv-accent); display: grid; place-items: center; flex: none; }

.pdv-com-tpls { display: grid; gap: 8px; max-height: 50vh; overflow: auto; }
.pdv-com-tpl { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; border: 1.5px solid var(--pdv-border); border-radius: 12px; cursor: pointer; margin: 0; }
.pdv-com-tpl:has(input:checked) { border-color: var(--pdv-accent); background: color-mix(in srgb, var(--pdv-accent-soft) 45%, transparent); }
.pdv-com-tpl input { margin-top: 3px; accent-color: var(--pdv-accent); }
.pdv-com-tpl small { display: block; color: var(--pdv-muted); font-size: 12.5px; }
.pdv-com-tpl__d { margin-top: 2px; }
.pdv-com-tplcta { display: flex; align-items: center; gap: 14px; padding: 16px 18px; margin-top: 16px; flex-wrap: wrap; }
.pdv-com-tplcta p { margin: 2px 0 0; font-size: 13px; }
.pdv-com-tgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; }
.pdv-com-tcard { padding: 16px 16px 14px; display: flex; flex-direction: column; gap: 6px; }
.pdv-com-tcard .pdv-chip { margin-top: 4px; }
.pdv-com-tcard__d { font-size: 13px; margin: 0; }
.pdv-com-tcard__kv { padding: 4px 0 0; }
.pdv-com-tcard__acts { margin-top: auto; padding-top: 8px; border-top: 1px solid var(--pdv-border); }
.pdv-com-tpl-editor .pdv-com-lbl { margin-top: 6px; }

.pdv-com-rfilters { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 14px; }
.pdv-com-kpis .pdv-qt { cursor: default; }
.pdv-com-rgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-bottom: 14px; }
.pdv-com-rcard { overflow: hidden; }
.pdv-com-rcard .pdv-card__head { flex-wrap: wrap; padding-bottom: 12px; }
.pdv-com-rcard .pdv-card__head h3 { display: flex; align-items: center; gap: 8px; }
.pdv-com-rcard__s { margin-left: auto; font-size: 12px; }
.pdv-com-rtable td { vertical-align: top; }

.pdv-com-rtable th { white-space: normal; vertical-align: bottom; }
.pdv-com-sub { display: block; font-size: 11.5px; color: var(--pdv-muted); font-weight: 500; }
.pdv-com-hbar { width: 70px; height: 6px; border-radius: 3px; background: var(--pdv-border); display: inline-block; vertical-align: middle; margin-right: 8px; overflow: hidden; }
.pdv-com-hbar span { display: block; height: 100%; background: var(--pdv-bad); border-radius: 3px; }

.pdv-com-limit { padding-top: 0; }
.pdv-com-limit__btn { width: 100%; }
.pdv-com-limit__cr { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 12px; background: var(--pdv-violet-soft); color: var(--pdv-violet) !important; font-size: 12.5px; }
.pdv-com-limit__cr b { display: block; color: var(--pdv-ink); }
.pdv-com-limit__cr small { display: block; }
.pdv-com-aibar h4 { display: flex; align-items: center; gap: 6px; }
.pdv-com-aibar__btns { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; }
.pdv-com-tflag { display: flex; align-items: center; gap: 8px; margin: 6px 0 0; flex-wrap: wrap; }
.pdv-com-tflag__s { font-size: 11.5px; color: var(--pdv-muted); }
.pdv-com-flagmenu { display: inline-block; }
.pdv-com-flagmenu > summary { list-style: none; cursor: pointer; }
.pdv-com-flagmenu > summary::-webkit-details-marker { display: none; }

.pdv-com-ai .pdv-dialog__body { max-height: 60vh; overflow: auto; }
.pdv-com-ai__list { display: grid; gap: 8px; }
.pdv-com-ai__item { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border: 1px solid var(--pdv-border); border-radius: 12px; font-size: 13px; margin: 0; }
.pdv-com-ai__item b { color: var(--pdv-ink); display: block; }
.pdv-com-ai__item small { color: var(--pdv-muted); display: block; font-size: 12px; }
.pdv-com-ai__item q { quotes: "\201C" "\201D"; display: block; color: var(--pdv-text); font-size: 12.5px; }
.pdv-com-ai__text { white-space: pre-wrap; font-size: 14px; line-height: 1.6; color: var(--pdv-ink); padding: 14px 16px; border-radius: 12px; background: var(--pdv-sunken); border: 1px solid var(--pdv-border); }
.pdv-com-ai__wait { display: flex; align-items: center; gap: 10px; color: var(--pdv-muted); font-size: 13px; padding: 14px 0; }
.pdv-com-ai__spin { width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--pdv-border-strong); border-top-color: var(--pdv-accent); animation: pdv-com-spin .8s linear infinite; }
@keyframes pdv-com-spin { to { transform: rotate(360deg); } }
.pdv-com-set { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--pdv-border); }

@media (max-width: 760px) {
  dialog.pdv-com-drawer { inset: 0; width: 100vw; height: 100%; border-radius: 0; }
  .pdv-com-cr__head { padding: 16px 16px 12px; }
  :is(#wrapper, body) .pdv-com-cr__head h2 { font-size: 17px; }
  .pdv-com-cr__body { padding: 14px 16px; }
  .pdv-com-cr__foot { padding: 12px 16px; }
  .pdv-com-tot { width: 100%; }
  .pdv-com-cr__save { margin-left: 0; }
  .pdv-com-cr__foot .pdv-btn--primary { flex: 1; }
  .pdv-com-fi { grid-template-columns: 18px 44px minmax(0, 1fr); padding: 8px 10px; gap: 10px; }
  .pdv-com-fi__tn { width: 44px; height: 30px; }
  .pdv-com-fi > .pdv-chip { grid-column: 3; justify-self: start; }
  .pdv-com-grid3 { grid-template-columns: 1fr 1fr; }
  .pdv-com-grid3 > :last-child { grid-column: 1 / -1; }
  .pdv-com-ogrid, .pdv-com-groups, .pdv-com-rgrid { grid-template-columns: 1fr; }
  .pdv-com-cl__money { grid-template-columns: 1fr 1fr; }
  .pdv-com-cl__money > div:first-child { grid-column: 1 / -1; border-bottom: 1px solid var(--pdv-border); }
  .pdv-com-cl__money > div:nth-child(2) { border-left: 0; }
  .pdv-com-cl__v { font-size: 20px; }
  :is(#wrapper, body) .pdv-com-cl h1 { font-size: 22px; }
  .pdv-com-cl__sec { padding: 16px; }
  .pdv-com-cl__da { margin-left: 0; width: 100%; }
  .pdv-com-cl__da .pdv-btn { flex: 1; }
  .pdv-com-irow, .pdv-com-drow { grid-template-columns: 1fr 1fr; padding: 8px; border: 1px solid var(--pdv-border); border-radius: 10px; }
  .pdv-com-irow > input[name="item_title[]"], .pdv-com-irow > input[name="item_notes[]"], .pdv-com-drow > input[name="d_title[]"], .pdv-com-drow > textarea { grid-column: 1 / -1; }
  .pdv-com-irow--head { display: none !important; }
  .pdv-com-page { max-width: none; }
}

.pdv-com-kpis .pdv-ellipsis { overflow: visible; white-space: normal; }
.pdv-com-kpis .pdv-qt__l, .pdv-com-kpis .pdv-qt__s { white-space: normal; }
.pdv-com-rtable td:first-child { min-width: 150px; }
@media (max-width: 760px) {
  .pdv-com-rfilters .pdv-seg { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
  .pdv-com-rfilters .pdv-seg > a { flex: none; }
  .pdv-com-kpis .pdv-qt { align-items: flex-start; }
  .pdv-com-kpis .pdv-qt__l { white-space: normal !important; }
  .pdv-com-rcard__s { margin-left: 0; width: 100%; }
}
