/* TKNP Complete Website CMS - Actions & Buttons Studio V3 */
#tknp-actions-v3-manager{margin:0 0 18px;background:#f7f9fc;border:1px solid #dbe4ef;border-radius:0 0 16px 16px;overflow:hidden;color:#172033}.tknp-actions-head{display:flex;justify-content:space-between;gap:20px;padding:20px 22px;background:linear-gradient(135deg,#fff,#f3f7fb);border-bottom:1px solid #dbe4ef}.tknp-actions-head h3{font-size:24px;margin:3px 0 6px;color:#0b3d69}.tknp-actions-head p{margin:0;max-width:820px;color:#5b6c7d}.tknp-actions-head .eyebrow,.modal-head .eyebrow{font-size:11px;font-weight:900;letter-spacing:.12em;color:#1c8b4b}.head-actions,.editor-actions,.registry-actions,.modal-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tknp-actions-btn{border:1px solid #c7d4e1;background:#fff;color:#17324d;border-radius:8px;padding:9px 13px;font-weight:800;cursor:pointer}.tknp-actions-btn:hover{box-shadow:0 4px 12px rgba(15,23,42,.08)}.tknp-actions-btn.primary{background:#0b3d69;color:#fff;border-color:#0b3d69}.tknp-actions-btn.publish{background:#1c8b4b;color:#fff;border-color:#1c8b4b}.tknp-actions-btn.secondary{background:#eef4f8;color:#0b3d69}.tknp-actions-btn.ghost{background:transparent}.tknp-actions-btn.danger{background:#fff3f3;color:#b42318;border-color:#efc3c3}.tknp-actions-alert{margin:12px 22px 0;padding:10px 13px;border-radius:8px;font-weight:700}.tknp-actions-alert.ok{background:#eaf8ef;color:#146c43;border:1px solid #bee3ca}.tknp-actions-alert.error{background:#fff0f0;color:#b42318;border:1px solid #f0c2c2}.tknp-actions-subtabs{display:flex;gap:8px;padding:12px 22px 0}.tknp-actions-subtabs button{border:0;background:#e9eff5;color:#3a5166;padding:10px 15px;border-radius:9px 9px 0 0;font-weight:850;cursor:pointer}.tknp-actions-subtabs button.active{background:#fff;color:#0b3d69;box-shadow:0 -1px 0 #dbe4ef,1px 0 0 #dbe4ef,-1px 0 0 #dbe4ef}.tknp-actions-summary{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;padding:14px 22px;background:#fff;border-top:1px solid #dbe4ef;border-bottom:1px solid #dbe4ef}.tknp-actions-summary>div{padding:12px 14px;border:1px solid #dbe4ef;border-radius:10px;background:#f9fbfd}.tknp-actions-summary strong{display:block;font-size:22px;color:#0b3d69}.tknp-actions-summary span{display:block;font-size:12px;color:#64748b;margin-top:2px}.tknp-actions-studio{display:grid;grid-template-columns:310px 430px minmax(420px,1fr);min-height:720px;background:#fff}.tknp-actions-studio>aside,.tknp-actions-studio>section{min-width:0;border-right:1px solid #e2e8f0}.tknp-actions-studio>section:last-child{border-right:0}.tknp-actions-list-head{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px;border-bottom:1px solid #e2e8f0;position:sticky;top:0;background:#fff;z-index:2}.tknp-actions-list-head label{font-size:12px;font-weight:800;color:#52667a}.tknp-actions-list-head select{width:100%;display:block;margin-top:4px;border:1px solid #cbd5e1;border-radius:7px;padding:8px}.tknp-actions-card-list{padding:10px;max-height:700px;overflow:auto}.tknp-action-card{display:block;width:100%;text-align:left;border:1px solid #dbe4ef;background:#fff;border-radius:10px;padding:12px;margin:0 0 9px;cursor:pointer;color:#172033}.tknp-action-card:hover,.tknp-action-card.selected{border-color:#2d77aa;box-shadow:0 4px 12px rgba(11,61,105,.08)}.tknp-action-card.selected{background:#f2f7fb}.card-top,.card-foot{display:flex;justify-content:space-between;gap:8px;align-items:center}.tknp-action-card strong{display:block;margin:8px 0 3px;font-size:14px}.tknp-action-card small{display:block;color:#64748b;line-height:1.35}.card-foot{margin-top:9px;font-size:11px;color:#64748b}.placement{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.tknp-actions-status{display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:4px 7px;background:#e5e7eb;color:#475569}.tknp-actions-status.live{background:#dcfce7;color:#166534}.tknp-actions-status.draft,.tknp-actions-status.draft-changes{background:#fff7d6;color:#8a5a00}.tknp-actions-status.pending,.tknp-actions-status.pending-review{background:#e0e7ff;color:#3730a3}.tknp-actions-editor{padding:16px;max-height:720px;overflow:auto}.editor-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.editor-title h4{margin:6px 0 0;font-size:20px;color:#0b3d69}.editor-title>span{font-size:11px;color:#64748b}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:block}.field.full{grid-column:1/-1}.field>span{display:block;font-size:11px;font-weight:850;color:#52667a;margin-bottom:4px}.field input,.field select,.field textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:7px;padding:9px 10px;background:#fff;color:#172033}.field textarea{resize:vertical}.checks{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0;font-size:12px}.checks label{display:flex;gap:6px;align-items:center}.target-card{border:1px solid #cfe0ee;background:#f5f9fc;border-radius:10px;padding:11px;margin:12px 0}.target-card div{display:flex;justify-content:space-between;gap:8px}.target-card span,.target-card small{display:block;color:#64748b;font-size:11px}.target-card code{display:block;background:#fff;border:1px solid #dbe4ef;padding:7px;border-radius:6px;margin:8px 0;overflow-wrap:anywhere}.editor-actions{padding-top:12px;border-top:1px solid #e2e8f0}.preview-col{background:#eef3f8}.tknp-actions-preview{height:100%}.preview-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;background:#fff;border-bottom:1px solid #dbe4ef}.preview-toolbar strong,.preview-toolbar small{display:block}.preview-toolbar small{font-size:11px;color:#64748b}.devices{display:flex;gap:5px;flex-wrap:wrap}.devices button{border:1px solid #cbd5e1;background:#fff;border-radius:7px;padding:7px 9px;font-size:11px;font-weight:800;cursor:pointer}.devices button.active{background:#0b3d69;color:#fff;border-color:#0b3d69}.preview-canvas{padding:12px;display:grid;grid-template-columns:1fr;gap:10px}.preview-canvas.compare{grid-template-columns:1fr 1fr}.preview-cell{min-width:0}.preview-label{display:flex;justify-content:space-between;align-items:center;padding:7px 9px;border-radius:8px 8px 0 0;background:#334155;color:#fff;font-size:11px}.preview-label.draft{background:#a15c00}.preview-label.live{background:#166534}.device-stage{position:relative;overflow:hidden;background:#dfe7ef;border:1px solid #c9d5df;border-top:0;border-radius:0 0 8px 8px;min-height:330px}.device-shell{position:relative;background:#fff;box-shadow:0 0 0 1px #ccd6df}.device-shell iframe{border:0;display:block;background:#fff}.registry-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:18px 22px;background:#fff}.registry-toolbar h4{margin:0 0 5px;color:#0b3d69;font-size:20px}.registry-toolbar p{margin:0;max-width:850px;color:#64748b}.registry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 22px 22px;background:#fff}.registry-card{border:1px solid #dbe4ef;border-radius:12px;padding:14px;min-width:0}.registry-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.health,.locked,.custom{font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:4px 6px}.health.ready{background:#dcfce7;color:#166534}.health.disabled{background:#fee2e2;color:#991b1b}.locked{background:#eef2ff;color:#3730a3}.custom{background:#f1f5f9;color:#475569}.registry-card h4{margin:10px 0 5px;color:#0b3d69}.registry-card>code{display:inline-block;font-size:11px;color:#334155}.registry-card p{font-size:12px;color:#64748b;min-height:34px}.registry-meta{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.registry-meta span{font-size:10px;background:#f1f5f9;border-radius:5px;padding:4px 6px}.destination{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;padding:8px;font-family:monospace;font-size:11px;overflow-wrap:anywhere;margin:8px 0}.tknp-actions-modal{position:fixed;inset:0;background:rgba(15,23,42,.62);z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{width:min(760px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 25px 60px rgba(0,0,0,.28);padding:18px}.modal-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.modal-head h4{margin:3px 0 14px;font-size:21px;color:#0b3d69}.modal-head>button{border:0;background:transparent;font-size:28px;cursor:pointer}.modal-actions{justify-content:flex-end;margin-top:14px;padding-top:12px;border-top:1px solid #e2e8f0}.empty,.tknp-actions-loading{padding:28px;color:#64748b;text-align:center}
@media(max-width:1500px){.tknp-actions-studio{grid-template-columns:280px 390px minmax(360px,1fr)}}@media(max-width:1250px){.tknp-actions-studio{grid-template-columns:300px 1fr}.preview-col{grid-column:1/-1;border-top:1px solid #dbe4ef}.tknp-actions-summary{grid-template-columns:repeat(3,1fr)}.registry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.tknp-actions-head,.registry-toolbar{flex-direction:column}.tknp-actions-studio{display:block}.tknp-actions-card-list,.tknp-actions-editor{max-height:none}.tknp-actions-summary{grid-template-columns:repeat(2,1fr)}.preview-canvas.compare{grid-template-columns:1fr}.registry-grid{grid-template-columns:1fr}.editor-grid{grid-template-columns:1fr}.head-actions{width:100%}}