.invoice-design-section{display:flex;flex-direction:column;gap:16px}.invoice-design-section+.invoice-design-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}.invoice-design-section h4{margin:0;font-size:.95rem;font-weight:600}.invoice-design-hint{margin:0;color:#5b6470;font-size:.82rem;line-height:1.5}.invoice-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.invoice-template-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--border-color);border-radius:14px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.invoice-template-card:hover{border-color:#9ec6d8;box-shadow:0 8px 24px rgba(12,61,92,.08);transform:translateY(-1px)}.invoice-template-card.is-selected{border-color:#0c3d5c;box-shadow:0 0 0 1px #0c3d5c}.invoice-template-card input{position:absolute;opacity:0;pointer-events:none}.invoice-template-card__check{position:absolute;top:12px;right:12px;width:22px;height:22px;border-radius:999px;border:1px solid var(--border-color);background:#fff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.invoice-template-card.is-selected .invoice-template-card__check{border-color:#0c3d5c;background:#0c3d5c}.invoice-template-card__select{display:flex;flex-direction:column;gap:12px;width:100%;padding:0;border:none;background:transparent;text-align:left;cursor:pointer}.invoice-template-card__thumb{border:1px solid #d7e3ea;border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#f8fbfd,#eef4f8);min-height:168px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8)}.invoice-template-card__copy strong{display:block;font-size:.92rem;margin-bottom:4px}.invoice-template-card__copy span{display:block;color:#5b6470;font-size:.8rem;line-height:1.45}.invoice-template-card__actions{display:flex;gap:8px;flex-wrap:wrap}.invoice-template-card__actions a,.invoice-template-card__actions button{border:none;background:transparent;color:#0c3d5c;font-size:.8rem;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.invoice-template-card__actions button:disabled{color:#7a8794;cursor:wait;text-decoration:none}.invoice-template-thumb{padding:12px;min-height:168px}.invoice-template-thumb__page{background:#fff;border:1px solid #d7e3ea;border-radius:10px;box-shadow:0 10px 24px rgba(12,61,92,.08);padding:10px;min-height:144px;overflow:hidden}.invoice-template-thumb--classic .invoice-template-thumb__header{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(0,72px);gap:8px;margin-bottom:8px;min-width:0}.invoice-template-thumb--classic .invoice-template-thumb__logo{display:flex;align-items:center;justify-content:center;height:30px;border-radius:6px;background:#edf2f7;color:#5b6470;font-size:.48rem;font-weight:700;letter-spacing:.04em}.invoice-template-thumb--classic .invoice-template-thumb__company,.invoice-template-thumb--classic .invoice-template-thumb__contact{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:.48rem;line-height:1.3;color:#5b6470}.invoice-template-thumb--classic .invoice-template-thumb__company span,.invoice-template-thumb--classic .invoice-template-thumb__company strong,.invoice-template-thumb--classic .invoice-template-thumb__contact span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-template-thumb--classic .invoice-template-thumb__company strong{color:#1a2a3a;font-size:.54rem}.invoice-template-thumb--classic .invoice-template-thumb__panel{border:1px solid #e5e7eb;border-radius:6px;padding:6px;margin-bottom:8px;background:#fafbfc}.invoice-template-thumb--classic .invoice-template-thumb__panel-title{font-size:.48rem;font-weight:700;color:#1a2a3a;margin-bottom:4px}.invoice-template-thumb--classic .invoice-template-thumb__panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;font-size:.46rem;color:#5b6470}.invoice-template-thumb--classic .invoice-template-thumb__table{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.invoice-template-thumb--classic .invoice-template-thumb__table-head,.invoice-template-thumb--classic .invoice-template-thumb__table-row{display:flex;justify-content:space-between;gap:8px;padding:4px 6px;font-size:.46rem}.invoice-template-thumb--classic .invoice-template-thumb__table-head{background:#f3f4f6;color:#1a2a3a;font-weight:700}.invoice-template-thumb--classic .invoice-template-thumb__table-row{border-top:1px solid #eef2f6;color:#5b6470}.invoice-template-thumb--classic .invoice-template-thumb__table-row--total{background:#f8fafc;color:#1a2a3a;font-weight:700}.invoice-template-thumb--modern .invoice-template-thumb__band{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px;padding:0 8px;border-radius:6px 6px 0 0;background:linear-gradient(90deg,#0c3d5c,#0c3d5c 72%,#1d9e75 0,#1d9e75);color:#fff;font-size:.46rem;font-weight:700}.invoice-template-thumb--modern .invoice-template-thumb__ref{opacity:.9;font-weight:500}.invoice-template-thumb--modern .invoice-template-thumb__accent{height:4px;background:repeating-linear-gradient(90deg,#1d9e75 0 8px,#0c3d5c 8px 16px);margin-bottom:8px}.invoice-template-thumb--modern .invoice-template-thumb__status{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#dcfce7;color:#15803d;font-size:.44rem;font-weight:700;margin-bottom:8px}.invoice-template-thumb--modern .invoice-template-thumb__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:8px}.invoice-template-thumb--modern .invoice-template-thumb__card{display:flex;flex-direction:column;gap:2px;min-width:0;min-height:34px;padding:5px 6px;border-radius:6px;background:#eef6fb;border:1px solid #dde8f0;font-size:.42rem;color:#5a8aab}.invoice-template-thumb--modern .invoice-template-thumb__band span,.invoice-template-thumb--modern .invoice-template-thumb__card span,.invoice-template-thumb--modern .invoice-template-thumb__card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-template-thumb--modern .invoice-template-thumb__card strong{color:#1a2a3a;font-size:.48rem}.invoice-template-thumb--modern .invoice-template-thumb__summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px;padding:6px 8px;border-radius:8px;background:#f5f9fc;border:1px solid #dde8f0;font-size:.46rem;color:#5b6470}.invoice-template-thumb--modern .invoice-template-thumb__summary strong{color:#0c3d5c;font-size:.54rem}.popup-overlay.invoice-preview-sheet{z-index:200}.popup-overlay.invoice-preview-sheet .popup{z-index:210;max-width:min(1500px,95vw)}.invoice-preview-sheet__content{display:flex;flex-direction:column;gap:12px}.invoice-preview-sheet__frame{width:100%;min-height:72vh;border:1px solid #d7e3ea;border-radius:12px;background:#f8fbfd}.invoice-design-summary{display:flex;gap:16px;align-items:flex-start}.invoice-design-summary__thumb{width:120px;flex-shrink:0;overflow:hidden}.invoice-design-summary__thumb .invoice-template-thumb{padding:4px;min-height:0}.invoice-design-summary__thumb .invoice-template-thumb__page{padding:6px;min-height:0}.invoice-design-summary__thumb .invoice-template-thumb--classic .invoice-template-thumb__header{grid-template-columns:minmax(0,28px) minmax(0,1fr);gap:4px}.invoice-design-summary__thumb .invoice-template-thumb--classic .invoice-template-thumb__contact{grid-column:1/-1;flex-direction:row;justify-content:space-between;gap:4px}.invoice-design-summary__thumb .invoice-template-thumb--modern .invoice-template-thumb__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-design-summary__thumb .invoice-template-thumb--modern .invoice-template-thumb__card:last-child{grid-column:1/-1}.invoice-design-summary__thumb .invoice-template-thumb--modern .invoice-template-thumb__card{min-height:28px;padding:4px}.invoice-design-summary__copy{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}.invoice-design-summary__copy strong{font-size:.95rem}.invoice-design-summary__meta{color:#5b6470;font-size:.82rem;line-height:1.45}.invoice-design-summary__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}.invoice-design-summary__actions a{color:#0c3d5c;font-size:.82rem;font-weight:600;text-decoration:underline;cursor:pointer}@media (max-width:768px){.invoice-design-summary,.invoice-template-grid{grid-template-columns:1fr;flex-direction:column}.invoice-design-summary__thumb{width:100%}}