.price-list-intro{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid #d6e9e3;border-radius:16px;background:#fff;margin-bottom:20px}.price-list-symbol,.price-format-card header>span{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:#edf8f3;color:#218568}.price-list-symbol svg,.price-format-card header svg{width:23px;height:23px}.price-list-intro strong{font-size:15px;color:var(--ink)}.price-list-intro p{margin:5px 0 0;font-size:12px;color:var(--muted)}.price-list-currency{margin-left:auto;background:#edf8f3;color:#218568;font-size:11px;font-weight:700;padding:7px 10px;border-radius:8px;white-space:nowrap}
.price-list-toolbar{display:flex;align-items:flex-end;gap:20px;justify-content:space-between;margin-bottom:18px}.price-list-toolbar label{display:grid;gap:7px;font-size:11px;font-weight:650;color:var(--muted);width:230px}.price-list-toolbar select{width:100%;padding:10px 12px}.price-list-toolbar>p{font-size:11px;color:var(--muted);margin:0 0 12px}
.price-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.price-format-card{border:1px solid #dce7f0;background:var(--white,#fff);border-radius:18px;overflow:hidden;box-shadow:0 4px 18px #163a5d05}.price-format-card header{display:flex;align-items:center;gap:12px;padding:19px;border-bottom:1px solid #e5edf4}.price-format-card header>span{background:#edf5ff;color:#2876c9;width:36px;height:36px}.price-format-card h2{font-size:18px;line-height:1.4;margin:0;color:var(--ink)}.price-format-card header small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.price-format-rows{padding:0 19px}.price-finish-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid #e8eff4}.price-finish-row:last-child{border-bottom:0}.price-finish-row>div:first-child{min-width:0}.price-finish-row h3{font-size:13px;line-height:1.5;font-weight:650;margin:0;overflow-wrap:anywhere;color:var(--ink)}.price-finish-row p{font-size:11px;line-height:1.5;color:var(--muted);margin:4px 0 0}.price-finish-value{flex:none;text-align:right}.price-finish-value strong{font-size:17px;color:#218568;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}.price-finish-value small{display:block;font-size:10px;margin-top:4px;color:var(--muted)}.price-list-note{padding:19px 20px;margin:22px 0 0;border:1px solid #dce7f0;border-radius:15px;color:var(--ink);background:var(--white,#fff)}.price-list-note>strong{font-size:12px}.price-list-note p{font-size:11px;line-height:1.8;color:var(--muted);margin:8px 0 0}
[data-theme=dark] .price-list-intro,[data-theme=dark] .price-format-card,[data-theme=dark] .price-list-note{background:#111c30;border-color:#2a3d55}[data-theme=dark] .price-format-card header,[data-theme=dark] .price-finish-row{border-color:#2a3d55}[data-theme=dark] .price-finish-value strong{color:#72d5ad}[data-theme=dark] .price-list-symbol,[data-theme=dark] .price-list-currency{background:#173b34;color:#72d5ad}[data-theme=dark] .price-format-card header>span{background:#1b3352;color:#91c5f4}
@media(max-width:760px){.price-list-grid{grid-template-columns:minmax(0,1fr);gap:16px}.price-list-intro{padding:15px;gap:11px;flex-wrap:wrap}.price-list-intro strong{font-size:13px}.price-list-intro p{font-size:10px;line-height:1.7}.price-list-currency{display:none}.price-list-toolbar{display:block}.price-list-toolbar label{width:100%}.price-list-toolbar>p{margin:10px 0 0;font-size:10px}.price-list-toolbar select{font-size:16px!important}.price-format-card header{padding:16px}.price-format-rows{padding:0 16px}.price-finish-row{padding:15px 0}.price-finish-value strong{font-size:16px}}

.price-category-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}.price-category-actions .btn{min-height:32px;padding:6px 9px;font-size:10px}.price-category-form .field{margin-bottom:15px}.price-category-form .field small{display:block;margin-top:6px;color:var(--muted);font-size:11px;line-height:1.6}@media(max-width:380px){.price-finish-row{align-items:flex-start;gap:10px}.price-category-actions{flex-wrap:wrap}}

/* Price categories use compact individual tiles instead of long format panels. */
#app .price-list-grid{display:block}
#app .price-format-card{margin-bottom:24px;border:0;background:transparent;box-shadow:none;border-radius:0;overflow:visible}
#app .price-format-card header{padding:0 0 12px;margin-bottom:0;border:0;gap:10px}
#app .price-format-card header>span{width:30px;height:30px;border-radius:9px}
#app .price-format-card header svg{width:18px;height:18px}
#app .price-format-card h2{font-size:16px}
#app .price-format-rows{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0}
#app .price-finish-row{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:12px;position:relative;min-width:0;padding:16px;border:1px solid #dce7f0;border-top:3px solid #2876c9;border-radius:14px;background:var(--white,#fff);box-shadow:0 3px 14px #173d6304}
#app .price-finish-row:last-child{border-bottom:1px solid #dce7f0}
#app .price-finish-row h3{font-size:13px;line-height:1.45;margin:0}
#app .price-finish-row p{font-size:11px;line-height:1.5;margin-top:3px}
#app .price-finish-value{display:grid;grid-template-columns:1fr auto;align-items:baseline;text-align:left;gap:2px 8px}
#app .price-finish-value strong{font-size:19px}
#app .price-finish-value small{font-size:10px;margin:0;text-align:right}
#app .price-finish-value del{font-size:11px;color:var(--muted);grid-column:1/-1}
#app .price-finish-value .catalog-sale-badge{justify-self:start;grid-column:1/-1}
#app .price-category-actions{display:flex;align-items:stretch;justify-content:flex-start;gap:7px;grid-column:1/-1;margin-top:11px;padding-top:12px;border-top:1px solid #e5edf4}
#app.interface-system .price-category-actions .btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;flex:1 1 0;min-width:0;min-height:50px;padding:6px 5px;font-size:10px;line-height:1.35;border-radius:9px;box-shadow:none!important}
#app.interface-system .price-category-actions .btn svg{width:15px;height:15px}
@media(max-width:1100px){#app .price-format-rows{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){#app .price-format-rows{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){#app .price-format-rows{grid-template-columns:minmax(0,1fr);gap:12px}#app .price-finish-row{padding:14px}#app.interface-system .price-category-actions .btn{min-height:48px;font-size:11px;flex-direction:row;gap:6px}}
[data-theme=dark] #app .price-finish-row{background:#111c30;border-color:#2a3d55;border-top-color:#5699df}[data-theme=dark] #app .price-category-actions{border-color:#2a3d55}

/* Header may be inside a disclosure; retain compact intrinsic icon dimensions. */
#app .price-format-card header>span{flex:0 0 30px;max-width:30px;max-height:30px}
#app .price-format-card header svg{display:block;flex:none;max-width:18px;max-height:18px}