.product-resource-admin-v1 { display: grid !important; grid-template-columns: 220px minmax(0,1fr); gap: 16px; min-width: 0; align-items: start; }
.pr-admin-warning { margin: 0; padding: 12px 14px; border: 1px solid #f0d9a8; border-radius: 12px; background: #fff9e9; color: #735b22; line-height: 1.55; }
.pr-admin-nav { position: sticky; top: 18px; display: grid; gap: 12px; padding: 14px; border: 1px solid #dde4e0; border-radius: 18px; background: #fff; }
.pr-admin-nav-heading { display: grid; gap: 4px; padding: 3px 6px 8px; border-bottom: 1px solid #edf1ee; }
.pr-admin-nav-heading small { color: #159652; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.pr-admin-nav-heading strong { color: #1f2a24; font-size: 14px; }
.pr-admin-nav nav { display: grid; gap: 5px; }
.pr-admin-nav button { min-height: 42px; padding: 0 12px; text-align: left; border: 1px solid transparent; border-radius: 10px; background: transparent; color: #59635d; font: inherit; font-weight: 600; cursor: pointer; }
.pr-admin-nav button:hover { background: #f5f7f6; color: #1f2a24; }
.pr-admin-nav button:focus-visible { outline: 3px solid rgba(32,197,108,.2); outline-offset: 2px; }
.pr-admin-nav button.active { border-color: #ccebd8; background: #e5f8ed; color: #078143; }
.pr-module-select { display: none; }
.pr-admin-workspace { min-width: 0; }
.pr-admin-workspace>header { min-height: 112px; display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 22px; border: 1px solid #e1e8e3; border-radius: 20px; background: radial-gradient(circle at 30% 0,#e8fbef,transparent 45%),#fff; }
.pr-admin-workspace>header small { color: #159652; font-weight: 700; } .pr-admin-workspace>header h2 { margin: 5px 0; font-size: 25px; } .pr-admin-workspace>header p { margin: 0; color: #718078; }
.pr-admin-workspace button.primary,.pr-form-actions .primary { background: #20c56c; color: #092d1a; }
.pr-admin-columns { display: grid; grid-template-columns: minmax(210px,.65fr) minmax(420px,1.35fr) minmax(300px,.85fr); gap: 16px; margin-top: 16px; align-items: start; }
.pr-admin-columns>section,.pr-admin-preview { min-width: 0; border: 1px solid #e1e8e3; border-radius: 18px; background: #fff; }
.pr-admin-list { max-height: calc(100vh - 250px); overflow: auto; display: grid; gap: 7px; padding: 12px; }
.pr-admin-list>button { min-height: 70px; padding: 12px; text-align: left; border: 1px solid #e4e9e5; border-radius: 12px; background: #fff; }
.pr-admin-list>button.active { border-color: #63d495; background: #effbf4; } .pr-admin-list strong,.pr-admin-list span { display: block; } .pr-admin-list span { margin-top: 5px; color: #758078; font-size: 12px; }
.pr-admin-editor { padding: 16px; } .pr-admin-preview { position: sticky; top: 18px; padding: 14px; overflow: hidden; }
.pr-admin-form { display: grid; gap: 16px; } .pr-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.pr-form-grid label,.pr-link-editor>label { display: grid; gap: 6px; color: #566159; font-size: 13px; font-weight: 600; } .pr-form-grid .wide { grid-column: 1/-1; }
.pr-form-grid .check { min-height: 44px; display: inline-flex; align-items: center; align-self: end; gap: 10px; padding: 0 12px; border: 1px solid #dce4de; border-radius: 10px; background: #fbfdfb; color: #465248; line-height: 1.25; cursor: pointer; user-select: none; }
.pr-form-grid .check input[type="checkbox"] { width: 22px; min-width: 22px; height: 22px; min-height: 22px; margin: 0; padding: 0; flex: 0 0 22px; accent-color: #20c56c; cursor: pointer; }
.pr-form-grid .check:has(input[type="checkbox"]:checked) { border-color: #77d8a0; background: #effbf4; color: #087d41; }
.pr-form-grid .check:focus-within { outline: 3px solid rgba(32,197,108,.18); outline-offset: 2px; }
.pr-form-grid input,.pr-form-grid select,.pr-form-grid textarea,.pr-link-editor input,.pr-link-editor select,.pr-link-editor textarea { width: 100%; min-height: 44px; box-sizing: border-box; padding: 10px 12px; border: 1px solid #dce4de; border-radius: 10px; background: #fbfdfb; font: inherit; }
.pr-form-grid textarea,.pr-link-editor textarea { min-height: 88px; resize: vertical; }
.pr-form-grid select[multiple] { min-height: 132px; padding: 6px; }
.pr-form-grid label small { color: #849088; font-size: 11px; font-weight: 400; line-height: 1.5; }
.pr-image-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.pr-admin-upload { padding: 12px; border: 1px dashed #a8cfb8; border-radius: 14px; background: #f8fcf9; transition: .2s ease; } .pr-admin-upload.dragging { border-color: #20c56c; box-shadow: 0 0 0 4px rgba(32,197,108,.12); }
.pr-admin-upload>div:first-child { display: flex; justify-content: space-between; gap: 10px; } .pr-admin-upload>div strong,.pr-admin-upload>div span { display: block; } .pr-admin-upload>div span { color: #79847c; font-size: 11px; }
.pr-admin-upload>[data-image-pick] { width: 100%; aspect-ratio: 16/9; margin-top: 10px; display: grid; place-items: center; overflow: hidden; border: 0; border-radius: 10px; background: #eef5f0; color: #16884b; } .pr-admin-upload>[data-image-pick] img { width: 100%; height: 100%; object-fit: cover; } .pr-admin-upload>[data-image-pick] i { font-size: 28px; font-style: normal; }
.pr-admin-upload-actions { display: flex; gap: 8px; margin-top: 8px; } .pr-admin-upload-actions button { flex: 1; min-height: 34px; border: 0; border-radius: 8px; background: #edf3ef; }
.pr-section-title { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 10px; } .pr-section-title button,.pr-file-pick { border: 0; border-radius: 9px; padding: 8px 11px; background: #e5f8ed; color: #087d41; cursor: pointer; }
.pr-file-editor,.pr-link-editor { padding: 14px; border: 1px solid #e1e8e3; border-radius: 14px; background: #fbfdfb; }
.pr-file-list,.pr-link-rows { display: grid; gap: 8px; } .pr-file-list article { display: grid; grid-template-columns: 24px 1fr auto; gap: 8px; align-items: center; padding: 9px; border: 1px solid #e2e7e3; border-radius: 10px; background: #fff; } .pr-file-list strong,.pr-file-list small { display: block; } .pr-file-list small { margin-top: 3px; color: #7b857f; } .pr-file-list button { border: 0; background: transparent; color: #d74747; }
.pr-link-rows article { display: grid; grid-template-columns: 110px 1fr 100px auto auto; gap: 7px; align-items: center; } .pr-link-rows label { display: flex; gap: 4px; font-size: 12px; } .pr-link-rows label input { width: auto; min-height: 0; } .pr-link-rows button { border: 0; background: transparent; color: #d74747; }
.pr-upload-progress { display: flex; align-items: center; gap: 8px; margin-top: 10px; } .pr-upload-progress i { width: 16px; height: 16px; border: 2px solid #cde8d8; border-top-color: #20bd68; border-radius: 50%; animation: pr-admin-spin .8s linear infinite; } @keyframes pr-admin-spin { to { transform: rotate(360deg); } }
.pr-form-actions { display: flex; flex-wrap: wrap; gap: 9px; padding-top: 4px; } .pr-form-actions button { min-height: 42px; padding: 0 16px; border: 0; border-radius: 11px; background: #edf3ef; } .pr-form-actions .danger { color: #cc4141; background: #fff0f0; }
.pr-overview { display: grid; gap: 16px; margin-top: 16px; } .pr-metrics { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; } .pr-metrics article,.pr-overview section { padding: 18px; border: 1px solid #e1e8e3; border-radius: 16px; background: #fff; } .pr-metrics span,.pr-metrics strong { display: block; } .pr-metrics strong { margin-top: 8px; font-size: 26px; } .pr-overview h3 { margin-top: 0; }
.pr-task-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.pr-task-grid button { min-height: 92px; padding: 14px; display: grid; justify-items: start; gap: 4px; border: 1px solid #e1e8e3; border-radius: 13px; background: #f8fbf9; text-align: left; }
.pr-task-grid strong { color: #078143; font-size: 24px; }
.pr-task-grid span { color: #68746d; font-size: 12px; }
.pr-quality-list { display: grid; gap: 10px; margin-top: 16px; }
.pr-quality-list button { min-height: 66px; padding: 13px 15px; display: flex; justify-content: space-between; align-items: center; gap: 12px; border: 1px solid #e1e8e3; border-radius: 13px; background: #fff; text-align: left; }
.pr-quality-list button span { color: #a25c24; font-size: 12px; }
.pr-change-list { display: grid; gap: 10px; margin-top: 16px; } .pr-change-list article { display: grid; grid-template-columns: 1fr auto auto; gap: 10px; align-items: center; padding: 14px; border: 1px solid #e1e8e3; border-radius: 14px; background: #fff; } .pr-change-list strong,.pr-change-list span,.pr-change-list em { display: block; } .pr-change-list span { margin-top: 4px; color: #77817a; font-size: 12px; } .pr-change-list em { margin-top: 5px; color: #159652; font-style: normal; } .pr-change-list button { border: 0; border-radius: 9px; padding: 9px 12px; }
.pr-empty-inline { padding: 28px; text-align: center; color: #748079; }
.pr-admin-state { margin-top: 16px; min-height: 150px; display: grid; place-content: center; justify-items: center; gap: 7px; padding: 28px; border: 1px solid #dde4e0; border-radius: 16px; background: #fff; text-align: center; color: #748079; }
.pr-admin-state strong { color: #1f2a24; font-size: 16px; }
.pr-admin-state span { max-width: 460px; line-height: 1.55; }
.pr-admin-error button { margin-top: 6px; }
.pr-scope-note { padding: 12px; border-radius: 10px; background: #fff8e8; color: #84631e; font-size: 12px; }
@media (max-width: 1360px) { .pr-admin-columns { grid-template-columns: 220px minmax(420px,1fr); } .pr-admin-preview { grid-column: 2; position: static; } }
@media (max-width: 900px) { .product-resource-admin-v1 { grid-template-columns: 190px minmax(0,1fr); } .pr-admin-columns { grid-template-columns: 1fr; } .pr-admin-preview { grid-column: 1; } .pr-metrics,.pr-task-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 720px) { .product-resource-admin-v1 { display: block !important; } .pr-admin-nav { display: none; } .pr-module-select { position: sticky; top: 116px; z-index: 12; display: grid; gap: 6px; margin-bottom: 12px; padding: 11px 12px; border: 1px solid #dde4e0; border-radius: 14px; background: rgba(255,255,255,.96); box-shadow: 0 8px 24px rgba(18,50,30,.08); } .pr-module-select span { color: #59635d; font-size: 11px; font-weight: 700; } .pr-module-select select { width: 100%; min-height: 42px; padding: 0 12px; border: 1px solid #cfe0d5; border-radius: 10px; background: #f5f7f6; color: #078143; font: inherit; font-weight: 700; } .pr-admin-workspace>header { min-height: 0; align-items: flex-start; padding: 16px; } .pr-admin-workspace>header h2 { font-size: 22px; } .pr-admin-workspace>header p { line-height: 1.5; } .pr-admin-columns,.pr-form-grid,.pr-image-grid,.pr-metrics,.pr-task-grid { grid-template-columns: 1fr; } .pr-admin-workspace>header>button { width: 100%; min-height: 42px; } .pr-link-rows article { grid-template-columns: 1fr; } }