:root{--bg-0: #f2efe6;--bg-1: #e6dfcf;--ink: #151616;--ink-soft: #54585a;--accent: #a93e2a;--accent-2: #0f6a63;--card: rgba(255, 252, 244, .86);--line: rgba(21, 22, 22, .14)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:Space Grotesk,sans-serif;background:radial-gradient(circle at 20% 10%,#ffe6cf 0%,transparent 26%),radial-gradient(circle at 95% 90%,#cde9d8 0%,transparent 28%),linear-gradient(145deg,var(--bg-0),var(--bg-1))}.layout{width:min(1040px,100% - 2rem);margin:1.5rem auto 2.5rem;display:grid;gap:1rem}.card{border:1px solid var(--line);border-radius:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:var(--card);padding:1rem 1.1rem;box-shadow:0 12px 36px #29271e14;animation:reveal .45s ease both}.hero{position:relative;overflow:hidden}.hero h1{margin:0;font-size:clamp(1.5rem,3vw,2.4rem)}.hero p{color:var(--ink-soft);margin:.5rem 0 0}.actions{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.65rem}.actions>.button,.actions>label.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.45rem;margin-bottom:0;min-width:192px}#create-new-md380-btn,#create-new-md390-btn{width:100%}.status-line{margin-top:.7rem;display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.status-badge{border-radius:999px;padding:.2rem .65rem;font-size:.85rem;font-weight:600}.status-badge.clean{background:#d8eee7;color:#0d5a53}.status-badge.dirty{background:#f8ddd5;color:#7a2c1f}.status-meta{color:var(--ink-soft);font-size:.92rem}.button{border:none;border-radius:10px;padding:.65rem .9rem;background:var(--accent);color:#fff;font-weight:600;letter-spacing:.02em;cursor:pointer}.button.tiny{padding:.45rem .65rem;font-size:.85rem}.button.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.button:disabled{background:#b9b9b9;border:1px solid #a8a8a8;color:#5f5f5f;cursor:not-allowed}.button.ghost:disabled{background:#e6e6e6;border-color:#c8c8c8;color:#7a7a7a}.grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.tiles{display:grid;gap:1rem;grid-template-columns:1fr}.risk-card{border-color:#8f131359;background:#fff1ece6}.risk-text{color:#7a1a0f;font-weight:600;line-height:1.5}.risk-ack{display:flex;align-items:flex-start;gap:.55rem;font-weight:600}.risk-ack input{margin-top:.1rem;width:1rem;height:1rem}.tile{display:flex;flex-direction:column;gap:.7rem}.tile ol{margin:0;padding-left:1.2rem;color:var(--ink-soft)}.tile>.button{min-width:360px;text-align:center}.perform-db-backup{display:flex;align-items:flex-start;gap:.55rem}.perform-db-backup input{margin-top:.1rem;width:1rem;height:1rem}.callsign-action-btn{min-width:280px;text-align:center;width:100%}.muted{opacity:.72}code{font-family:IBM Plex Mono,monospace;background:#0000000d;border-radius:6px;padding:.1rem .35rem}.tabs-card{display:grid;gap:.9rem}.tabs{display:flex;flex-wrap:wrap;gap:.45rem}.tab{border:1px solid var(--line);border-radius:999px;padding:.45rem .8rem;background:#fffaf0;color:var(--ink);cursor:pointer;min-width:160px}.tab.active{border-color:var(--accent);background:#f7d8cc;color:#3f170f}.tab:disabled{cursor:not-allowed;opacity:.45}.tab-panel{border-top:1px dashed var(--line);padding-top:.9rem}.disabled-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.disabled-grid input:disabled{color:var(--ink-soft);background:#f2eee4}.muted-text{color:var(--ink-soft);margin-top:-.2rem}.readonly-row input:disabled{background:#f4f0e7;color:var(--ink-soft)}h2{margin-top:0;margin-bottom:.8rem}dl{display:grid;gap:.45rem}dl div{display:flex;justify-content:space-between;gap:.8rem;border-bottom:1px dashed var(--line);padding-bottom:.3rem}dt{color:var(--ink-soft)}dd{margin:0;font-family:IBM Plex Mono,monospace}label{display:grid;gap:.4rem;margin-bottom:.7rem}input,select{border:1px solid var(--line);border-radius:8px;padding:.55rem;font:inherit;background:#fffdf7}.rows{margin-top:.7rem;display:grid;gap:.5rem}.toolbar{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.toolbar>.button{flex:0 0 auto}.toolbar>input,.toolbar>select{min-width:0}#channel-search{flex:1 1 9rem}#channel-mode-filter{flex:1 1 10.5rem}#bulk-target{grid-column:1 / -1;width:100%}.bulkbar{margin-top:.55rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;align-items:stretch}.bulkbar small,.bulkbar .button{grid-column:1 / -1}.bulk-card{margin-top:.9rem;border:1px solid var(--line);border-radius:10px;background:#fffcf48c}.bulk-card details{padding:.85rem .95rem}.bulk-card summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;font-weight:600;list-style:none}.bulk-card summary::-webkit-details-marker{display:none}.bulk-card summary:after{content:"+";font-size:1.1rem;line-height:1;color:var(--accent)}.bulk-card details[open] summary:after{content:"−"}.row{display:grid;gap:.45rem;grid-template-columns:1.2fr 1fr auto}.zone-row{grid-template-columns:1fr 1.4fr auto}.channel-row{grid-template-columns:1.4fr repeat(8,minmax(80px,1fr)) auto}.two-pane-layout{display:grid;grid-template-columns:minmax(240px,clamp(280px,32vw,360px)) 1fr;gap:1rem;margin-top:.7rem}.memories-rows{width:100%}@media(min-width:721px){.memories-rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}}.pane-left{width:100%;max-width:360px;display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--line);border-radius:8px;padding:.75rem;background:#fffcf480;overflow-y:auto;max-height:60vh}.pane-right{min-width:0;border:1px solid var(--line);border-radius:8px;padding:1rem;background:#fffcf480;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;max-height:60vh}.list{display:flex;flex-direction:column;gap:.4rem}.list-item{padding:.6rem;border:1px solid var(--line);border-radius:6px;background:var(--card);cursor:pointer;transition:all .2s ease;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.55rem;align-items:center}.channel-bulk-select{display:inline-flex;align-items:center;margin:0}.list-item-content{min-width:0}.list-item:hover{background:#fff9f2;border-color:var(--accent)}.list-item.selected{background:var(--accent-2);color:#fff;border-color:var(--accent-2)}.list-item-name{font-weight:500;margin-bottom:.2rem}.list-item-meta{font-size:.85rem;opacity:.7}.list-item.selected .list-item-meta{opacity:.9}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-group label{display:flex;flex-direction:column;gap:.3rem;font-weight:500;font-size:.95rem}.form-group input,.form-group select{padding:.5rem;border:1px solid var(--line);border-radius:4px;font-family:inherit;font-size:.95rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #a93e2a1a}.form-actions{display:flex;gap:.5rem;margin-top:.5rem}.general-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.9rem}.general-section{border:1px solid var(--line);border-radius:10px;background:#fffcf480;padding:.75rem}.general-section h3{margin:0 0 .55rem;font-size:.95rem;letter-spacing:.02em}.field-help{font-size:.8rem;color:var(--ink-soft)}.field-error{min-height:1rem;font-size:.78rem;color:#8f1313}.input-invalid{border-color:#8f1313;box-shadow:0 0 0 2px #8f131314}.zone-editor-meta{display:grid;gap:.25rem}.zone-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.zone-editor-panel{border:1px solid var(--line);border-radius:8px;background:#fffcf499;padding:.65rem}.zone-editor-panel h3{margin:0 0 .5rem;font-size:.92rem}.zone-channel-pool{max-height:270px;overflow:auto;display:grid;gap:.35rem}.zone-channel-toggle{display:grid;grid-template-columns:auto 1fr;gap:.45rem;align-items:center;margin:0;padding:.25rem 0}.zone-selected-list{display:grid;gap:.4rem}.zone-selected-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.5rem;border:1px solid var(--line);border-radius:7px;background:#fffdf7;padding:.45rem}.zone-selected-name{font-size:.9rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-transfer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.radio-transfer-card{border:1px solid var(--line);border-radius:10px;background:#fffcf48c;padding:.75rem}.radio-transfer-card h3{margin:0 0 .45rem;font-size:.95rem}.radio-transfer-progress{margin:.5rem 0}.radio-transfer-progress.hidden{display:none}.radio-transfer-progress progress,#landing-radio-progress{width:100%;height:.8rem}.radio-transfer-list{margin:0;padding-left:1.1rem;color:var(--ink-soft);display:grid;gap:.35rem}.radio-transfer-blocker,.radio-transfer-warning{margin-top:.6rem;border-radius:8px;padding:.55rem .65rem}.radio-transfer-blocker{border:1px solid rgba(143,19,19,.35);background:#ffe9e9d9;color:#7a1a0f}.radio-transfer-warning{border:1px solid rgba(182,136,16,.35);background:#fff5ded9;color:#664a0b}.radio-transfer-blocker p,.radio-transfer-warning p{margin:0}.code-block{background:#1516160f;border:1px solid var(--line);border-radius:6px;padding:.75rem 1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.85rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.guide-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:grid;place-items:center}.guide-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#15161666}.guide-modal-card{position:relative;width:min(860px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow-y:auto;border:1px solid var(--line);border-radius:14px;background:#fff8eb;box-shadow:0 20px 44px #15161647;padding:1rem 1rem 1.2rem}.guide-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem;margin-bottom:.4rem}.guide-modal-header h2{margin:0;font-size:clamp(1rem,2.4vw,1.3rem)}.guide-modal h3{margin:.9rem 0 .35rem}.zone-selected-actions{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:flex-end}.zone-order-button{min-width:2rem;padding-left:.45rem;padding-right:.45rem}@media(max-width:720px){.two-pane-layout,.radio-transfer-grid{grid-template-columns:1fr}.pane-left,.pane-right{width:100%;max-width:none;max-height:42vh}.memories-rows{width:100%;max-height:42vh;overflow-y:auto}}@media(max-width:720px){.row,.channel-row,.zone-row{grid-template-columns:1fr}.tile>.button,.tile .actions>.button,.tile .actions>label.button{width:100%;align-self:stretch}.toolbar,.bulkbar,.general-grid,.zone-editor-grid,.disabled-grid{grid-template-columns:1fr}.guide-modal-card{width:calc(100vw - 1rem);max-height:calc(100vh - 1rem);padding:.85rem}}.ok{color:var(--accent-2)}.error{color:#8f1313}.warning{color:#915f00}@keyframes reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:820px){.grid,.tiles{grid-template-columns:1fr}}.toast-container{position:fixed;top:1rem;right:1rem;z-index:1100;display:flex;flex-direction:column;gap:.5rem;max-width:min(400px,calc(100vw - 2rem));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:.6rem;padding:.75rem 1rem;border-radius:10px;background:var(--card);border:1px solid var(--line);box-shadow:0 8px 24px #15161626;font-size:.92rem;line-height:1.4;opacity:0;transform:translate(100%);transition:opacity .2s ease,transform .2s ease;pointer-events:auto;cursor:pointer}.toast-visible{opacity:1;transform:translate(0)}.toast-hiding{opacity:0;transform:translate(100%)}.toast-icon{flex-shrink:0;width:1.3rem;height:1.3rem;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.75rem;font-weight:700}.toast-success .toast-icon{background:#d8eee7;color:#0d5a53}.toast-error .toast-icon{background:#f8ddd5;color:#7a2c1f}.toast-warning .toast-icon{background:#fff0d1;color:#664a0b}.toast-info .toast-icon{background:#dce8f5;color:#1a4a7a}.toast-message{flex:1;min-width:0;word-break:break-word}.toast-close{flex-shrink:0;background:none;border:none;font-size:1.1rem;color:var(--ink-soft);cursor:pointer;padding:0;margin:-.15rem -.25rem 0 0;line-height:1}.toast-close:hover{color:var(--ink)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;background:#15161600;transition:background .2s ease}.dialog-backdrop-visible{background:#15161666}.dialog-backdrop-hiding{background:#15161600}.dialog-card{position:relative;width:min(440px,calc(100vw - 2rem));border:1px solid var(--line);border-radius:14px;background:#fff8eb;box-shadow:0 20px 44px #15161647;padding:1.25rem;opacity:0;transform:scale(.95) translateY(-10px);transition:opacity .2s ease,transform .2s ease}.dialog-card-visible{opacity:1;transform:scale(1) translateY(0)}.dialog-card-hiding{opacity:0;transform:scale(.95) translateY(-10px)}.dialog-title{margin:0 0 .5rem;font-size:1.15rem}.dialog-message{margin:0 0 1.25rem;color:var(--ink-soft);line-height:1.55;white-space:pre-wrap}.dialog-actions{display:flex;gap:.5rem;justify-content:flex-end}.dialog-confirm-danger{background:#8f1313}.dialog-confirm-danger:hover{background:#a31616}@media(max-width:480px){.toast-container{top:auto;bottom:1rem;left:1rem;right:1rem;max-width:none}.toast{transform:translateY(100%)}.toast-visible{transform:translateY(0)}.toast-hiding{transform:translateY(100%)}.dialog-actions{flex-direction:column-reverse}.dialog-actions .button{width:100%}}
