/* r1109: identity inside the existing drag grip. The button, label, focus,
 * drag handlers, transport and 68px Mini height keep their existing owners.
 * The approved PNG stays unchanged; its flame is framed separately from a
 * readable wordmark. These are decorative children of an aria-hidden span. */
@layer sukun-r1109-player {
html body.r920-dock #r588DockShell>#r633DockGrip {
 align-items:center!important;justify-content:center!important;
 gap:0!important;padding:0!important;overflow:visible!important;
 border:0!important;border-image:none!important;background:transparent!important;
 box-shadow:none!important;
}
html body.r920-dock #r588DockShell>#r633DockGrip>span:first-child {
 box-sizing:border-box!important;position:relative!important;flex:none!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:140px!important;min-width:0!important;height:44px!important;max-height:none!important;
 gap:8px!important;padding:7px 9px!important;overflow:hidden!important;
 border:1px solid #cdb577!important;border-radius:12px!important;
 border-image:none!important;
 background:#08222f!important;box-shadow:inset 0 0 0 1px #e5c98233!important;
 pointer-events:none!important;
}
html body.r920-dock #r588DockShell>#r633DockGrip>span:first-child::before {
 content:""!important;display:block!important;position:static!important;
 flex:none!important;width:24px!important;height:28px!important;
 inset:auto!important;transform:none!important;
 background:url('../assets/branding/sukun-frameless-logo-r1029.png') center -9px / 52px 52px no-repeat!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;
 pointer-events:none!important;
}
html body.r920-dock #r588DockShell>#r633DockGrip>span:first-child::after {
 content:"SÜKÛN"!important;display:block!important;position:static!important;
 flex:none!important;width:auto!important;height:auto!important;
 color:#ffe9ae!important;-webkit-text-fill-color:currentColor!important;
 font:700 14px/18px Georgia,serif!important;letter-spacing:.08em!important;
 white-space:nowrap!important;text-indent:0!important;text-transform:none!important;
 text-shadow:0 1px 2px #000!important;pointer-events:none!important;
}
html body.r920-dock #r633DockGrip>.r697GripLabel {display:none!important}
html body.r920-dock:not(.r588-mode-mini) #r633DockGrip>small {
 display:block!important;position:absolute!important;right:12px!important;
 color:#e9d9ad!important;font:600 14px/20px system-ui!important;
 pointer-events:none!important;
}
/* A wider frame reserves its own lane, including the title/progress offsets. */
html body.r920-dock.r588-mode-mini #r588DockShell>#r633DockGrip {
 top:8px!important;left:6px!important;width:64px!important;min-width:64px!important;
 height:52px!important;min-height:52px!important;max-height:52px!important;
}
html body.r920-dock.r588-mode-mini #r588DockShell>#r633DockGrip>span:first-child {
 flex-direction:column!important;width:64px!important;height:52px!important;
 gap:0!important;padding:5px 6px!important;
}
html body.r920-dock.r588-mode-mini #r588DockShell>#r633DockGrip>span:first-child::before {
 height:27px!important;
}
html body.r920-dock.r588-mode-mini #r588DockShell>#r633DockGrip>span:first-child::after {
 font-size:10px!important;line-height:12px!important;letter-spacing:.04em!important;
}
html body.r920-dock.r588-mode-mini #r588DockShell :is(.r588Main,.r588Stats) {left:74px!important}
/* The measured grip and the installed grid track grow together in Max. */
html body.r920-dock.r588-mode-max:not(.r699-keyboard-compact) #r170Now.r588-authority:not(.r554-alert-open)>#r588DockShell {
 grid-template-rows:84px minmax(0,1fr) auto!important;
}
html body.r920-dock.r588-mode-max #r588DockShell>#r633DockGrip {
 height:84px!important;min-height:84px!important;max-height:84px!important;
}
html body.r920-dock.r588-mode-max #r588DockShell>#r633DockGrip>span:first-child {
 flex-direction:column!important;width:154px!important;height:84px!important;
 gap:0!important;padding:7px 9px!important;
}
html body.r920-dock.r588-mode-max #r588DockShell>#r633DockGrip>span:first-child::before {
 width:38px!important;height:49px!important;
 background-position:center -16px!important;background-size:94px 94px!important;
}
html body.r920-dock.r588-mode-max #r588DockShell>#r633DockGrip>span:first-child::after {
 font-size:16px!important;line-height:19px!important;letter-spacing:.12em!important;
}
html body.r920-dock.r588-mode-max #r588DockShell .r588Brand {display:none!important}
/* r1110: paint only in the canonical Berhetiyye/Süleyman foreground.
 * Use the local asset path explicitly: image URLs in inherited variables
 * resolve at this consuming stylesheet, not at the palette's directory. */
html[data-r933-berhet-dock="1"] body.r920-dock #r588DockShell>#r633DockGrip>span:first-child {
 border:1px solid transparent!important;
 border-image:url('../assets/berhetiyye-premium/gem-sapphire-r933.webp') 310 fill / 7px / 0 stretch!important;
 background:#061d60!important;
 box-shadow:inset 0 0 0 1px #f8d88899,0 1px 5px #0008!important;
}
}