﻿.p-card-list { display: flex; flex-direction: column; gap: 10px; margin-top: 12px; }
.p-sec.p-card { margin: 0; padding: 12px; border: 1px solid var(--c-line); border-radius: 10px; background: rgba(255,255,255,.035); min-width: 0; }
.p-card-head { align-items: center; justify-content: flex-start; gap: 8px; min-height: 22px; margin-bottom: 8px; }
.p-card-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 16px; width: 16px; height: 16px; color: var(--c-dim); }
.p-card-icon:empty { display: none; }
.p-card-icon svg, .p-card-grip svg, .p-order-reset svg { width: 16px; height: 16px; }
.p-card-title { flex: 1; min-width: 0; }
.p-card-title small { margin-left: 5px; }
.p-card-grip { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin: -4px -5px -4px 0; padding: 5px; border: 0; border-radius: 5px; color: var(--c-dim); background: transparent; cursor: grab; touch-action: none; opacity: 0; }
.p-card:hover .p-card-grip, .p-card:focus-within .p-card-grip, .p-card-grip:focus-visible { opacity: 1; }
.p-card-grip:hover, .p-card-grip:focus-visible { background: rgba(255,255,255,.08); color: var(--c-text); }
.p-card-grip:focus-visible, .p-order-reset:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.p-card-placeholder { opacity: .25; border-style: dashed !important; }
.p-sec.p-card-floating { position: fixed; z-index: 10001; pointer-events: none; box-sizing: border-box; margin: 0; background: var(--c-panel); box-shadow: 0 12px 32px #0008; transform: scale(1.02); opacity: .98; }
.p-card-floating .p-card-grip { opacity: 1; }
.p-order-reset { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; padding: 3px 0; border: 0; background: transparent; color: var(--c-dim); font: inherit; font-size: 12px; cursor: pointer; }
.p-order-reset:hover { color: var(--c-text); }
.p-panel-footer { margin-top: 16px; }
.panel-opening .p-card-list > .p-card { animation: panel-section-in 320ms ease-out both; }
.panel-opening .p-card-list > .p-card:nth-child(2) { animation-delay: 35ms; }
.panel-opening .p-card-list > .p-card:nth-child(3) { animation-delay: 70ms; }
.panel-opening .p-card-list > .p-card:nth-child(4) { animation-delay: 105ms; }
.panel-opening .p-card-list > .p-card:nth-child(5) { animation-delay: 140ms; }
.panel-opening .p-card-list > .p-card:nth-child(n+6) { animation-delay: 175ms; }
@media (hover: none), (pointer: coarse) { .p-card-grip { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .panel-opening .p-card-list > .p-card { animation: none; } }
