/* v8.26.7 — Approved music preview, isolated from legacy music styles */
:root{
  --am-red:#ff4b42;
  --am-yellow:#ffd447;
  --am-green:#2edc82;
  --am-bg:#050806;
  --am-surface:#0b100d;
  --am-surface2:#101713;
  --am-surface3:#171f1a;
  --am-line:rgba(255,255,255,.09);
  --am-text:#fffdf5;
  --am-muted:#a7aea9;
}
body:has(.am-music-page),body:has(.am-submit-page){
  overflow-x:hidden!important;
  background:
    radial-gradient(circle at -8% 30%,rgba(255,69,56,.20),transparent 28%),
    radial-gradient(circle at 103% 18%,rgba(37,223,130,.17),transparent 29%),
    radial-gradient(circle at 50% 105%,rgba(255,211,66,.08),transparent 27%),
    var(--am-bg)!important;
}
.am-music-page *, .am-submit-page *, .am-player *{box-sizing:border-box}
.am-music-page a,.am-submit-page a,.am-player a{color:inherit;text-decoration:none!important}
.am-music-page button,.am-submit-page button,.am-player button,.am-submit-page input,.am-submit-page textarea,.am-submit-page select{font:inherit}
.am-music-page button,.am-submit-page button,.am-player button{cursor:pointer;-webkit-tap-highlight-color:transparent}
.am-player[hidden]{display:none!important}

.am-shell{width:calc(100% - 36px)!important;max-width:none!important;margin:0 auto!important;padding:0!important}
.am-music-page{padding:16px 0 160px}
.am-music-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start;direction:rtl}
.am-music-main,.am-library{background:linear-gradient(180deg,rgba(10,15,12,.92),rgba(5,9,7,.9));border:1px solid var(--am-line);border-radius:28px;min-width:0}
.am-music-main{padding:26px 28px 30px}
.am-music-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:4px 0 22px;border-bottom:1px solid var(--am-line);margin-bottom:24px}
.am-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#d9bd70;font-weight:800;font-size:13px}
.am-eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--am-green);box-shadow:0 0 15px rgba(46,220,130,.6)}
.am-music-head h1{font-size:clamp(38px,4.3vw,66px);margin:8px 0 0;line-height:1;color:var(--am-text)}
.am-music-head p{color:var(--am-muted);max-width:540px;margin:0;line-height:1.9;font-size:15px}
.am-submit-inline{margin-top:12px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--am-line);background:#111813;color:#fff!important;border-radius:999px;padding:11px 16px;font-weight:800;transition:.2s ease}
.am-submit-inline:hover{background:#18211c;transform:translateY(-2px)}
.am-section{margin-top:30px}
.am-section:first-of-type{margin-top:0}
.am-sec-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 16px}
.am-sec-head h2{font-size:30px;margin:0;color:var(--am-text)}
.am-sec-head>a{color:#9ba39d!important;font-size:14px;font-weight:700}
.am-rail{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:16px}
.am-card{min-width:0;border-radius:16px;padding:10px;background:transparent;transition:.2s ease;position:relative;display:block}
.am-card:hover{background:#121914;transform:translateY(-3px)}
.am-cover{aspect-ratio:1;border-radius:13px;overflow:hidden;position:relative;box-shadow:0 12px 30px rgba(0,0,0,.28);display:block;background:#111813}
.am-cover>a{display:block;width:100%;height:100%}
.am-cover img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}
.am-cover-art{position:absolute;inset:0;display:flex;align-items:flex-end;padding:18px;color:#fff;font-weight:900;font-size:clamp(19px,2vw,30px);line-height:1.08;text-align:right;word-break:break-word}
.am-cover-art.tone-1,.am-mini-cover .tone-1{background:radial-gradient(circle at 78% 18%,rgba(255,220,80,.75),transparent 18%),linear-gradient(145deg,#7f171c,#250d0f 52%,#07110b)}
.am-cover-art.tone-2,.am-mini-cover .tone-2{background:radial-gradient(circle at 22% 18%,rgba(44,232,147,.72),transparent 20%),linear-gradient(145deg,#07110b,#153627 62%,#a77516)}
.am-cover-art.tone-3,.am-mini-cover .tone-3{background:radial-gradient(circle at 82% 74%,rgba(255,80,75,.75),transparent 18%),linear-gradient(145deg,#09100c,#3b3310 58%,#102116)}
.am-cover-art.tone-4,.am-mini-cover .tone-4{background:linear-gradient(145deg,#170b0a,#7c1618 38%,#ab7413 68%,#0b3b25)}
.am-cover-art.tone-5,.am-mini-cover .tone-5{background:radial-gradient(circle at 30% 35%,rgba(255,214,71,.55),transparent 18%),linear-gradient(145deg,#1b0908,#0c1e15 62%,#1f5d39)}
.am-card h3{margin:11px 2px 5px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff!important}
.am-card h3 a{color:#fff!important;text-decoration:none!important}
.am-card p{margin:0 2px;color:#9aa29c;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.am-hover-play{position:absolute;left:12px;bottom:12px;width:48px;height:48px;border:0;border-radius:50%;color:#06100a;background:linear-gradient(135deg,var(--am-red),var(--am-yellow),var(--am-green));box-shadow:0 8px 25px rgba(0,0,0,.38);font-size:18px;opacity:0;transform:translateY(8px);transition:.2s;display:grid;place-items:center;z-index:5}
.am-card:hover .am-hover-play,.am-hover-play:focus,.am-hover-play.is-playing{opacity:1;transform:none}
.am-rank{position:absolute;right:10px;top:10px;width:31px;height:31px;border-radius:999px;background:rgba(3,7,5,.82);display:grid;place-items:center;border:1px solid var(--am-line);font-size:12px;font-weight:900;color:#fff;z-index:4}
.am-collection .am-cover{position:relative}
.am-collection .am-cover-art{position:relative;width:100%;height:100%}
.am-empty{padding:60px 20px;text-align:center;border-radius:20px;background:rgba(255,255,255,.02)}
.am-empty>span{font-size:44px}.am-empty h2{font-size:28px}.am-empty p{color:var(--am-muted)}

.am-library{padding:22px;position:relative;top:auto;align-self:start;margin-top:0!important;max-height:calc(100vh - 135px);overflow:auto}
.am-lib-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.am-lib-head h2{font-size:24px;margin:0;color:#fff}
.am-lib-head>a{width:46px;height:46px;border:0;border-radius:50%;background:#17201b;color:#fff!important;font-size:25px;display:grid;place-items:center}
.am-lib-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.am-lib-filter a{border:0;background:#18211c;color:#d5dad6!important;border-radius:999px;padding:9px 13px;font-size:13px}
.am-lib-filter a.is-active{background:#fff;color:#111!important}
.am-lib-list{display:grid;gap:8px}
.am-lib-item{width:100%;display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:10px;align-items:center;border:0;border-radius:13px;padding:8px;background:transparent;color:#fff;text-align:right;transition:.18s}
.am-lib-item:hover{background:#151d18}
.am-mini-cover{width:56px;height:56px;border-radius:10px;position:relative;overflow:hidden;display:grid;place-items:center;font-weight:900;background:#17201b}
.am-mini-cover img{width:100%;height:100%;object-fit:cover;display:block}
.am-mini-cover i{display:grid;place-items:center;width:100%;height:100%;font-style:normal}
.am-lib-meta{min-width:0}
.am-lib-meta b,.am-lib-meta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.am-lib-meta b{font-size:14px;color:#fff}.am-lib-meta small{color:#8f9791;font-size:12px;margin-top:4px}
.am-lib-count{color:#879089;font-size:12px}

.am-player{position:fixed;z-index:190;right:18px;left:92px;bottom:14px;min-height:88px;border-radius:24px;border:1px solid rgba(255,255,255,.13);background:rgba(5,9,7,.97);backdrop-filter:blur(24px);box-shadow:0 20px 70px rgba(0,0,0,.5);display:grid;grid-template-columns:minmax(220px,.8fr) minmax(420px,1.4fr) minmax(150px,.55fr);align-items:center;gap:18px;padding:11px 18px;direction:rtl;color:#fff}
.am-now-playing{display:flex;align-items:center;gap:12px;min-width:0}
.am-player-cover{width:58px;height:58px;border-radius:11px;overflow:hidden;position:relative;background:#17201b;flex:0 0 auto;display:grid;place-items:center}
.am-player-cover img{width:100%;height:100%;object-fit:cover;display:block}.am-player-cover>span{font-size:22px}
.am-player-text{min-width:0}.am-player-text b,.am-player-text small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.am-player-text b{font-size:14px}.am-player-text small{font-size:12px;color:#939b95;margin-top:3px}
.am-heart,.am-player-close{border:0;color:#d9dedb}.am-heart{font-size:27px;margin-inline-start:auto;background:none}.am-player-close{width:34px;height:34px;border-radius:50%;background:#141c17;font-size:18px}
.am-player-center{display:grid;gap:7px}.am-controls{display:flex;justify-content:center;align-items:center;gap:13px}.am-controls button{border:0;background:none;color:#d9dedb;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.am-controls .am-big-play{background:#fff;color:#060806;width:46px;height:46px;font-size:18px}
.am-progress{display:grid;grid-template-columns:38px 1fr 38px;gap:8px;align-items:center;font-size:11px;color:#9ca39e;direction:ltr}
.am-progress input,.am-volume input{appearance:none;-webkit-appearance:none;width:100%;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--am-red),var(--am-yellow),var(--am-green)) 0/var(--am-progress,0%) 100% no-repeat,#303732;outline:none}
.am-progress input::-webkit-slider-thumb,.am-volume input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;opacity:0;transition:.15s}.am-progress:hover input::-webkit-slider-thumb,.am-volume:hover input::-webkit-slider-thumb{opacity:1}
.am-volume{display:flex;align-items:center;gap:9px;direction:ltr}.am-volume input{--am-progress:68%;flex:1}.am-volume span{font-size:16px}
body.alrobo-music-player-open .floating-whatsapp.icon-only{bottom:116px!important;left:20px!important;z-index:195!important}
body.alrobo-music-player-open .back-to-top{bottom:182px!important;left:24px!important;z-index:194!important}

.am-submit-page{padding:18px 0 80px;color:var(--am-text)}
.am-submit-wrap{width:min(1180px,calc(100% - 36px));margin:0 auto}
.am-submit-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}
.am-back-btn{border:1px solid var(--am-line);background:#111813;color:#fff!important;border-radius:999px;padding:12px 18px;font-weight:800}
.am-submit-hero{padding:28px;border:1px solid var(--am-line);border-radius:28px;background:linear-gradient(135deg,rgba(255,71,58,.07),rgba(255,212,71,.04),rgba(46,220,130,.07));margin-bottom:18px}
.am-submit-hero h1{font-size:clamp(34px,5vw,58px);margin:8px 0 10px;color:#fff;line-height:1.2}.am-submit-hero p{color:var(--am-muted);line-height:1.9;margin:0;max-width:820px}
.am-submit-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}
.am-form-card,.am-info-card{border:1px solid var(--am-line);border-radius:24px;background:rgba(9,14,11,.94)}
.am-form-card{padding:24px}.am-info-card{padding:22px;position:sticky;top:118px}.am-info-card h3{margin:0 0 12px;font-size:21px}.am-info-card p,.am-info-card li{color:#a4aca6;line-height:1.85;font-size:14px}.am-info-card ul{margin:0;padding-inline-start:20px}
.am-form-section{padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid var(--am-line)}.am-form-section:last-of-type{border-bottom:0;margin-bottom:0}.am-form-section h2{font-size:21px;margin:0 0 16px;color:#fff}
.am-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.am-field{display:grid;gap:7px;font-size:13px;font-weight:800;color:#dce1dd}.am-field.full{grid-column:1/-1}
.am-field input,.am-field textarea,.am-field select{width:100%;background:#101713!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:13px!important;padding:13px 14px!important;outline:none!important;box-shadow:none!important}
.am-field input:focus,.am-field textarea:focus,.am-field select:focus{border-color:rgba(255,212,71,.45)!important;box-shadow:0 0 0 3px rgba(255,212,71,.06)!important}.am-field textarea{min-height:115px;resize:vertical}.am-field select option{background:#101713;color:#fff}
.am-upload-box{border:1px dashed rgba(255,212,71,.35);background:#11170f;border-radius:16px;padding:18px}.am-upload-box small{display:block;color:#939b95;margin-top:8px;font-weight:400;line-height:1.7}.am-upload-box input[type=file]{padding:11px!important}
.am-selected-file-titles{border:1px solid var(--am-line);border-radius:16px;padding:14px;background:#0e1511}.am-selected-file-titles>p{margin:0;color:#939b95;font-weight:400}.am-selected-file-titles .selected-file-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.7fr);gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--am-line)}.am-selected-file-titles .selected-file-row:last-child{border-bottom:0}.am-selected-file-titles .selected-file-meta{min-width:0}.am-selected-file-titles .selected-file-meta strong,.am-selected-file-titles .selected-file-meta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.am-selected-file-titles .selected-file-meta small{color:#929a94;margin-top:4px}.am-selected-file-titles input{background:#101713;color:#fff;border:1px solid var(--am-line);border-radius:10px;padding:10px}
.am-check{display:flex;gap:10px;align-items:flex-start;color:#bbc2bd;font-size:13px;line-height:1.7;margin-bottom:10px}.am-check input{margin-top:4px}
.am-submit-actions{display:flex;justify-content:flex-start;gap:10px;flex-wrap:wrap;margin-top:22px}.am-primary,.am-secondary{border-radius:999px;padding:14px 24px;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.am-primary{border:0;color:#071009;background:linear-gradient(90deg,var(--am-red),var(--am-yellow),var(--am-green))}.am-secondary{border:1px solid var(--am-line);background:#141c17;color:#fff!important}
.am-form-alert,.am-upload-result{padding:14px 16px;border-radius:14px;margin:0 0 16px}.am-form-alert.is-success,.am-upload-result.is-success{background:rgba(46,220,130,.10);border:1px solid rgba(46,220,130,.24);color:#c9f8de}.am-form-alert.is-error,.am-upload-result.is-error{background:rgba(255,75,66,.10);border:1px solid rgba(255,75,66,.24);color:#ffc9c6}.am-upload-result strong,.am-upload-result span{display:block}.am-upload-result span{margin-top:4px}
.am-upload-progress{margin:18px 0}.am-upload-progress>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.am-upload-track{height:8px;border-radius:999px;background:#202721;overflow:hidden}.am-upload-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--am-red),var(--am-yellow),var(--am-green));transition:width .15s}

@media(max-width:1180px){
  .am-music-layout{grid-template-columns:minmax(0,1fr) 280px}.am-rail{grid-template-columns:repeat(4,minmax(145px,1fr))}.am-player{grid-template-columns:minmax(190px,.8fr) minmax(340px,1.2fr);left:88px}.am-volume{display:none}
}
@media(max-width:920px){
  .am-shell{width:calc(100% - 24px)!important}.am-music-layout{grid-template-columns:1fr}.am-library{position:relative;top:auto;max-height:none;order:-1}.am-lib-list{display:flex;overflow-x:auto;gap:8px;padding-bottom:4px;scrollbar-width:none}.am-lib-list::-webkit-scrollbar{display:none}.am-lib-item{min-width:230px}.am-rail{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px;scrollbar-width:none}.am-rail::-webkit-scrollbar{display:none}.am-rail .am-card{min-width:190px;scroll-snap-align:start}.am-music-main{padding:22px 18px}.am-music-head{display:block}.am-music-head p{margin-top:10px}.am-submit-grid{grid-template-columns:1fr}.am-info-card{position:relative;top:auto}
}
@media(max-width:640px){
  .am-music-page{padding:10px 0 128px}.am-music-main,.am-library{border-radius:22px}.am-library{padding:16px}.am-lib-head h2{font-size:20px}.am-music-head h1{font-size:42px}.am-music-head{padding-bottom:18px}.am-sec-head h2{font-size:26px}.am-rail .am-card{min-width:160px;padding:8px}.am-card h3{font-size:14px}.am-hover-play{opacity:1;transform:none;width:42px;height:42px}
  .am-player{right:10px;left:10px;bottom:calc(10px + env(safe-area-inset-bottom));min-height:72px;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;padding:9px 10px;gap:10px}.am-player-cover{width:50px;height:50px}.am-player-text small{display:none}.am-heart{display:none}.am-player-center{display:flex;align-items:center}.am-controls button:not(.am-big-play):not(.am-player-close){display:none}.am-controls .am-big-play{width:46px;height:46px}.am-progress,.am-volume{display:none}.am-player-close{width:30px;height:30px}
  body.alrobo-music-player-open .floating-whatsapp.icon-only{bottom:calc(98px + env(safe-area-inset-bottom))!important;left:14px!important}.back-to-top{left:17px}.am-player~*{}
  body.alrobo-music-player-open .back-to-top{bottom:calc(162px + env(safe-area-inset-bottom))!important;left:17px!important}
  .am-submit-wrap{width:calc(100% - 20px)}.am-submit-top{align-items:flex-start}.am-submit-hero,.am-form-card,.am-info-card{border-radius:20px}.am-submit-hero{padding:20px}.am-form-card{padding:16px}.am-fields{grid-template-columns:1fr}.am-field.full{grid-column:auto}.am-selected-file-titles .selected-file-row{grid-template-columns:1fr}.am-submit-actions{display:grid}.am-primary,.am-secondary{width:100%}
}
/* public-submissions.js rewrites result classes after AJAX; keep the approved styling. */
.am-form-card .upload-result{padding:14px 16px;border-radius:14px;margin:16px 0 0}
.am-form-card .upload-result.is-success{background:rgba(46,220,130,.10);border:1px solid rgba(46,220,130,.24);color:#c9f8de}
.am-form-card .upload-result.is-error{background:rgba(255,75,66,.10);border:1px solid rgba(255,75,66,.24);color:#ffc9c6}
.am-form-card .upload-result strong,.am-form-card .upload-result span{display:block}.am-form-card .upload-result span{margin-top:4px}

/* =========================================================
   v8.26.10 — light music refinements only
   - desktop layout remains unchanged
   - mobile rails follow the approved browsing pattern
   - no extra bottom navigation
   - section "show all" pages use the same card language
   ========================================================= */
.am-section-page .am-shell{width:calc(100% - 36px)!important;max-width:none!important}
.am-section-main{width:100%}
.am-section-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:4px 0 22px;border-bottom:1px solid var(--am-line);margin-bottom:24px}
.am-section-page-head h1{font-size:clamp(36px,4vw,58px);line-height:1.12;margin:8px 0 0;color:#fff}
.am-section-page-head p{margin:10px 0 0;color:var(--am-muted);line-height:1.8;max-width:720px}
.am-section-grid{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:18px 16px}

@media(max-width:1180px){
  .am-section-grid{grid-template-columns:repeat(4,minmax(145px,1fr))}
}

@media(max-width:760px){
  /* The mobile page is a clean music feed: header + horizontal sections only. */
  .am-music-page{padding:0 0 122px!important;background:#0d100e}
  .am-music-page .am-shell{width:100%!important;margin:0!important}
  .am-music-layout{display:block!important}
  .am-library{display:none!important}
  .am-music-main{border:0!important;border-radius:0!important;background:#0d100e!important;padding:26px 16px 34px!important}
  .am-music-head{display:none!important}
  .am-section{margin:0 0 38px!important}
  .am-section:last-child{margin-bottom:0!important}
  .am-sec-head{margin:0 0 15px!important;align-items:center!important}
  .am-sec-head h2{font-size:30px!important;line-height:1.2!important;margin:0!important}
  .am-sec-head>a{font-size:14px!important;color:#aeb4af!important;padding:5px 0!important}
  .am-rail{display:flex!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important;padding:0 0 4px!important;-webkit-overflow-scrolling:touch}
  .am-rail::-webkit-scrollbar{display:none!important}
  .am-rail .am-card{flex:0 0 43vw!important;min-width:43vw!important;max-width:43vw!important;padding:0!important;border-radius:0!important;scroll-snap-align:start!important;background:transparent!important;transform:none!important}
  .am-rail .am-cover{border-radius:7px!important;box-shadow:none!important}
  .am-rail .am-card h3{font-size:17px!important;line-height:1.35!important;margin:10px 1px 4px!important}
  .am-rail .am-card p{font-size:13px!important;margin:0 1px!important}
  .am-rail .am-cover-art{font-size:clamp(18px,5.6vw,25px)!important;padding:14px!important}
  .am-rail .am-hover-play{width:42px!important;height:42px!important;left:10px!important;bottom:10px!important;opacity:1!important;transform:none!important}
  .am-rail .am-rank{width:32px!important;height:32px!important;right:9px!important;top:9px!important}

  /* Dedicated Show All page: two-column grid, not another rail. */
  .am-section-page{padding-top:0!important}
  .am-section-page .am-music-main{padding-top:24px!important}
  .am-section-page-head{display:block!important;margin:0 0 22px!important;padding:0 0 20px!important}
  .am-section-page-head h1{font-size:34px!important;margin-top:7px!important}
  .am-section-page-head p{font-size:14px!important;margin-top:9px!important}
  .am-section-page-head .am-submit-inline{margin-top:15px!important}
  .am-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 14px!important}
  .am-section-grid .am-card{padding:0!important;border-radius:0!important;background:transparent!important;transform:none!important}
  .am-section-grid .am-cover{border-radius:7px!important;box-shadow:none!important}
  .am-section-grid .am-card h3{font-size:16px!important;margin:10px 1px 4px!important}
  .am-section-grid .am-card p{font-size:13px!important;margin:0 1px!important}
  .am-section-grid .am-hover-play{width:42px!important;height:42px!important;opacity:1!important;transform:none!important;left:10px!important;bottom:10px!important}

  /* Keep the approved previous player, only make it compact and collision-free. */
  .am-player{right:12px!important;left:12px!important;bottom:calc(14px + env(safe-area-inset-bottom))!important;min-height:72px!important;border-radius:19px!important;grid-template-columns:minmax(0,1fr) auto!important;padding:9px 10px!important;gap:10px!important}
  .am-player-cover{width:50px!important;height:50px!important}
  .am-player-text b{font-size:14px!important}
  .am-player-text small{display:none!important}
  .am-heart{display:none!important}
  .am-player-center{display:flex!important;align-items:center!important}
  .am-controls{gap:7px!important}
  .am-controls button:not(.am-big-play):not(.am-player-close){display:none!important}
  .am-controls .am-big-play{width:46px!important;height:46px!important}
  .am-player-close{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;font-size:20px!important;background:#171e19!important}
  .am-progress,.am-volume{display:none!important}
  body.alrobo-music-player-open .floating-whatsapp.icon-only{bottom:calc(108px + env(safe-area-inset-bottom))!important;left:14px!important;z-index:195!important}
  body.alrobo-music-player-open .back-to-top{bottom:calc(170px + env(safe-area-inset-bottom))!important;left:17px!important;z-index:194!important}
}

@media(max-width:420px){
  .am-rail .am-card{flex-basis:44vw!important;min-width:44vw!important;max-width:44vw!important}
  .am-sec-head h2{font-size:28px!important}
}

/* =========================================================
   v8.26.11 — icon hardening + end submit CTA
   - SVG icons only (no emoji/unicode transport icons)
   - approved desktop layout remains unchanged
   - submit action is also available at the end of the feed
   ========================================================= */
.am-icon{display:inline-grid;place-items:center;line-height:0}
.am-icon svg,.am-controls button>svg,.am-volume-icon svg,.am-player-fallback svg,.am-lib-head>a svg,.am-mini-cover i svg,.am-empty-icon svg,.am-submit-end-button svg{width:20px;height:20px;display:block;fill:currentColor}
.am-controls button>svg{width:18px;height:18px}
.am-hover-play .am-icon svg{width:19px;height:19px}
.am-icon-pause,.am-icon-heart-fill{display:none}
.am-hover-play.is-playing .am-icon-play,.am-big-play.is-playing .am-icon-play{display:none}
.am-hover-play.is-playing .am-icon-pause,.am-big-play.is-playing .am-icon-pause{display:inline-grid}
.am-heart.is-liked .am-icon-heart{display:none}
.am-heart.is-liked .am-icon-heart-fill{display:inline-grid;color:#fff}
.am-heart svg{width:23px;height:23px;display:block}
.am-player-close svg{width:18px;height:18px;display:block}
.am-volume-icon{display:inline-grid;place-items:center;line-height:0}
.am-volume-icon svg{width:20px;height:20px;fill:none}
.am-player-fallback{display:grid!important;place-items:center;color:#fff}
.am-player-fallback[hidden]{display:none!important}
.am-mini-cover i svg{width:22px;height:22px;color:#fff}
.am-empty-icon{display:grid!important;place-items:center;margin:0 auto 10px;width:52px;height:52px!important;border-radius:50%;background:#151d18;color:#fff}
.am-empty-icon svg{width:24px;height:24px}
.am-lib-head>a svg{width:20px;height:20px;fill:none}

.am-submit-end{margin:38px 0 4px;padding:22px 24px;border:1px solid var(--am-line);border-radius:20px;background:linear-gradient(135deg,rgba(255,75,66,.06),rgba(255,212,71,.04),rgba(46,220,130,.06));display:flex;align-items:center;justify-content:space-between;gap:22px}
.am-submit-end h2{margin:8px 0 7px;color:#fff;font-size:24px}
.am-submit-end p{margin:0;color:var(--am-muted);font-size:14px;line-height:1.75;max-width:680px}
.am-submit-end-button{flex:0 0 auto;display:inline-flex!important;align-items:center;gap:9px;border:1px solid var(--am-line);border-radius:999px;background:#131b16;color:#fff!important;padding:12px 18px;font-weight:800;transition:.2s ease}
.am-submit-end-button:hover{background:#1a241d;transform:translateY(-2px)}
.am-submit-end-button>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--am-red),var(--am-yellow),var(--am-green));color:#081009}
.am-submit-end-button>span svg{width:14px;height:14px;fill:none}

@media(max-width:760px){
  .am-submit-end{margin:34px 0 0!important;padding:19px 17px!important;border-radius:17px!important;display:grid!important;gap:16px!important}
  .am-submit-end h2{font-size:22px!important;margin:7px 0 6px!important}
  .am-submit-end p{font-size:13px!important;line-height:1.7!important}
  .am-submit-end-button{width:100%!important;justify-content:center!important;padding:13px 16px!important}
  .am-hover-play .am-icon svg{width:18px!important;height:18px!important}
  .am-controls .am-big-play svg{width:20px!important;height:20px!important}
  .am-player-close svg{width:16px!important;height:16px!important}
}

/* =========================================================
   v8.26.12 — compact mobile player + Stage floating controls
   Keep the approved music page layout unchanged.
   ========================================================= */
body[data-theme="stage-experience"].alrobo-music-player-open .stage-floating-whatsapp{
  left:14px!important;
  bottom:calc(120px + env(safe-area-inset-bottom))!important;
  z-index:12120!important;
}
body[data-theme="stage-experience"].alrobo-music-player-open .stage-back-to-top{
  left:17px!important;
  bottom:calc(184px + env(safe-area-inset-bottom))!important;
  z-index:12119!important;
}

@media(max-width:760px){
  .am-player{
    right:14px!important;
    left:14px!important;
    bottom:calc(14px + env(safe-area-inset-bottom))!important;
    min-height:64px!important;
    border-radius:18px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    padding:7px 9px!important;
    gap:9px!important;
  }
  .am-player-cover{width:44px!important;height:44px!important;border-radius:10px!important}
  .am-player-text b{font-size:13px!important;line-height:1.25!important}
  .am-controls{gap:6px!important}
  .am-controls .am-big-play{width:40px!important;height:40px!important}
  .am-player-close{width:28px!important;height:28px!important}
  .am-player-close svg{width:14px!important;height:14px!important}
  body[data-theme="stage-experience"].alrobo-music-player-open .stage-floating-whatsapp{
    width:50px!important;
    height:50px!important;
    left:14px!important;
    bottom:calc(96px + env(safe-area-inset-bottom))!important;
  }
  body[data-theme="stage-experience"].alrobo-music-player-open .stage-floating-whatsapp svg{width:24px!important;height:24px!important}
  body[data-theme="stage-experience"].alrobo-music-player-open .stage-back-to-top{
    width:44px!important;
    height:44px!important;
    left:17px!important;
    bottom:calc(154px + env(safe-area-inset-bottom))!important;
  }
}


/* =========================================================
   v8.26.15 — desktop music page starts directly with sections
   ========================================================= */
@media(min-width:761px){
  .am-music-head{display:none!important}
  .am-music-main{padding-top:26px!important}
  .am-section:first-of-type{margin-top:0!important}
}


/* v8.26.25 — submission mobile width hardening */
.am-submit-page,.am-submit-wrap,.am-submit-grid,.am-form-card,.am-info-card,.am-form-section,.am-fields,.am-field,.am-upload-box,.am-selected-file-titles{min-width:0;max-width:100%}
.am-submit-page input[type=file]{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
@media(max-width:760px){
  .am-submit-page{width:100%;max-width:100%;overflow-x:clip}
  .am-submit-wrap{width:calc(100% - 20px)!important;max-width:100%!important}
  .am-submit-grid,.am-form-card,.am-form-section,.am-fields,.am-field,.am-upload-box{min-width:0!important;max-width:100%!important}
}
