/* --- DEV PANEL --- */
        #auth-modal, #dev-panel { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.95); backdrop-filter: blur(20px); z-index: 1000; align-items: center; justify-content: center; }
        .dev-box { background: #0a0a0a; padding: 50px; border-radius: 16px; border: 1px solid #222; width: 90%; max-width: 700px; max-height: 90vh; overflow-y: auto; }
        .dev-box h2 { font-weight: 200; margin-bottom: 30px; font-size: 2rem; border-bottom: 1px solid #222; padding-bottom: 15px; display: flex; justify-content: space-between; align-items: center; }
        .dev-box label { display: block; color: #888; margin-bottom: 8px; font-size: 0.85rem; text-transform: uppercase; }
        .dev-box input, .dev-box select, .dev-box textarea { width: 100%; padding: 15px; margin-bottom: 25px; background: #000; border: 1px solid #333; color: #fff; border-radius: 8px; }
        .dev-box input[type="file"] { padding: 12px; cursor: pointer; border: 1px dashed #555; background: #050505; }
        
        .dev-box button.action-btn { background: #fff; color: #000; padding: 15px; border: none; border-radius: 8px; cursor: pointer; font-weight: 600; width: 100%; font-size: 1.1rem; }
        .dev-box button.danger-btn { background: rgba(255,0,0,0.1); border: 1px solid #ff4444; color: #ff4444; margin-top: 15px; padding: 15px; border-radius: 8px; cursor: pointer; width: 100%; font-weight: 600; font-size: 1rem; transition: background 0.3s; }
        .dev-box button.danger-btn:hover { background: #ff4444; color: #fff; }
        
        .dev-tabs { display: flex; gap: 10px; margin-bottom: 30px; background: #000; padding: 5px; border-radius: 10px; border: 1px solid #222; flex-wrap: wrap; }
        .dev-tabs button { background: transparent; border: none; color: #888; flex: 1; padding: 12px; border-radius: 6px; cursor: pointer; font-weight: 500; transition: all 0.3s; min-width: 100px; }
        .dev-tabs button.active { background: #222; color: #fff; }
        .dev-section { display: none; animation: fadeIn 0.3s ease; }
        .dev-section.active { display: block; }
        .close-dev { position: absolute; top: 40px; right: 50px; font-size: 2.5rem; color: #555; cursor: pointer; transition: color 0.3s; }
        .close-dev:hover { color: #fff; }
        
        /* Preview Image in CMS */
        .img-preview { width: 100%; max-height: 200px; object-fit: cover; border-radius: 8px; margin-bottom: 20px; display: none; border: 1px solid #333; }

        /* CMS List styling for partners & portfolio */
        .cms-list-item { display: flex; justify-content: space-between; align-items: center; padding: 12px; background: #111; border: 1px solid #222; border-radius: 8px; margin-bottom: 10px; }
        .cms-list-item button { background: none; border: 1px solid #ff4444; color: #ff4444; padding: 6px 12px; border-radius: 6px; cursor: pointer; transition: background 0.3s; }
        .cms-list-item button:hover { background: #ff4444; color: #fff; }
    
#auth-modal,#dev-panel{background:#080d16ed} .dev-box{background:#111923;border-color:#324052;border-radius:2px} .dev-box h2{font-size:24px;font-weight:500}.dev-box input,.dev-box select,.dev-box textarea{font:inherit;border-radius:2px;min-height:44px}.dev-box button.action-btn{background:#b8ceef;border-radius:2px;font-size:14px}.close-dev{border:0;background:transparent;min-width:44px;min-height:44px;color:#d6e3f6;right:20px;top:12px}.dev-tabs{border-radius:2px}.dev-tabs button{border-radius:2px}.dev-tabs button.active{color:#c8dcfa;background:#263448}.cms-list-item{border-radius:2px}.cms-list-item img{max-width:60px;max-height:50px}.dev-box .img-preview{border-radius:2px} @media(max-width:700px){.dev-box{padding:25px;width:94%;max-height:84svh}.dev-box h2{font-size:19px}.dev-tabs{gap:4px}.dev-tabs button{font-size:11px;min-width:80px;padding:10px}.close-dev{top:3px;right:8px}}
/* Photo ordering controls retain native scrollbars inside the developer panel. */
.arrange-toolbar{margin:14px 0}.arrange-toolbar>label{color:#b7cdee}
.dev-box .arrange-toolbar select{margin:0 0 10px;padding:12px}
.arrange-hint,.arrange-status{font-size:12px;color:#9daabd;line-height:1.7}
.arrange-status{margin:12px 0 18px;min-height:2em;overflow-wrap:anywhere}
.arrange-actions{display:flex;gap:10px;align-items:stretch}
.dev-box .arrange-actions .action-btn{width:auto;flex:1;font-size:13px;padding:12px}
.arrange-discard{border:1px solid #435268;padding:10px 12px;font-size:12px;color:#c5d3e7}
.arrange-actions button:disabled{opacity:.4}.arrange-list{list-style:none}
.arrange-row{display:grid;grid-template-columns:30px 78px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #c8ddfa26}
.arrange-row>img{width:78px;height:78px;object-fit:contain;background:#090f17;pointer-events:none}
.arrange-grip{font-size:26px;min-height:44px;cursor:grab;color:#8fa6c5}
.arrange-grip:active{cursor:grabbing}.arrange-row.is-dragging{opacity:.4}.arrange-row.is-drop-target{box-shadow:0 -2px #b7cdee;background:#b7cdee0a}
.dev-box .arrange-position select{width:100%;padding:8px;margin:0 0 5px;font-size:12px;min-height:44px}
.arrange-arrows{display:flex;gap:5px}.arrange-arrow{border:1px solid #435268;min-width:44px;min-height:44px;color:#b7cdee;font-size:20px}
.arrange-arrow:hover,.arrange-discard:hover{background:#263448}.arrange-arrow:disabled{opacity:.25}
.arrange-delete{color:#e69c9c;font-size:11px;min-height:44px;padding:4px}.arrange-delete:disabled{opacity:.3}
@media(max-width:480px){.arrange-row{grid-template-columns:24px 54px minmax(0,1fr);gap:8px}.arrange-row>img{width:54px;height:74px}.arrange-delete{grid-column:3;justify-self:end;margin-top:-6px}.arrange-actions{flex-wrap:wrap}.arrange-actions .arrange-discard{flex:1}.dev-box .arrange-position select{font-size:16px}}