#apps-view .panel-head{align-items:center}
#apps-view .catalog-hint{margin:0 0 20px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);color:var(--muted);font-size:.82rem;line-height:1.6}
#app-editor{display:grid;gap:14px}
#apps-view .app-edit{position:relative;display:block;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 5px 20px rgba(25,35,75,.035)}
#apps-view .app-edit.is-private{border-style:dashed}
.app-edit-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-right:95px}
.app-edit-title>div{display:grid;gap:3px}
.app-edit-title strong{font-size:1.03rem;letter-spacing:-.025em}
.app-edit-title span:not(.catalog-state){color:var(--muted);font-size:.78rem}
.catalog-state{display:inline-flex;align-items:center;min-height:26px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:.72rem;font-weight:850;white-space:nowrap}
.is-public .catalog-state{border-color:color-mix(in srgb,var(--success) 35%,var(--line));background:color-mix(in srgb,var(--success) 12%,var(--surface));color:var(--success)}
#apps-view .catalog-visibility{display:flex;align-items:center;gap:13px;margin:17px 0 18px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);cursor:pointer}
#apps-view .catalog-visibility input{width:19px;height:19px;min-width:19px;margin:0;padding:0;accent-color:var(--brand-dark);cursor:pointer}
#apps-view .catalog-visibility span{display:grid;gap:2px}
#apps-view .catalog-visibility strong{font-size:.83rem}
#apps-view .catalog-visibility small{color:var(--muted);font-size:.72rem;font-weight:600;line-height:1.4}
.app-edit-details{margin-top:2px}
.app-edit-details summary{width:max-content;max-width:100%;padding:6px 9px 6px 1px;color:var(--brand-dark);font-size:.78rem;font-weight:850;cursor:pointer}
.app-edit-details summary:hover{text-decoration:underline;text-underline-offset:3px}
.app-edit-details summary:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
.app-edit-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px;margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}
.app-edit-fields label{color:var(--muted);font-size:.75rem}
.app-edit-fields input,.app-edit-fields select,.app-edit-fields textarea{color:var(--text);background:var(--surface);font-size:.88rem}
.app-edit-order{position:absolute;top:18px;right:18px;display:flex;gap:5px}
.app-edit-order button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--line);background:var(--surface-soft);color:var(--text)}
.app-edit-order button:hover{background:var(--brand-soft);color:var(--brand-dark);transform:none}
body.theme-dark #apps-view .app-edit{box-shadow:none}
body.theme-dark .app-edit-order button{background:var(--surface-soft);color:var(--text)}
body.theme-dark .app-edit-order button:hover{background:var(--brand-soft);color:var(--brand-dark)}
@media(max-width:700px){#apps-view .panel-head{align-items:flex-start;flex-direction:column}#apps-view .app-edit{padding:16px}.app-edit-title{padding-right:76px}.app-edit-title strong{font-size:.95rem}.catalog-state{font-size:.68rem}.app-edit-order{top:13px;right:13px}.app-edit-order button{width:32px;height:32px}.app-edit-fields{grid-template-columns:1fr}.app-edit-fields .wide{grid-column:1}}
