
/* Shared close control: generous touch target, only two quiet strokes visible. */
html body dialog .dismiss-icon,
html[data-theme] body dialog .dismiss-icon,
html[data-theme] .reader-controls #close,
#crona-orders .crona-header .dismiss-icon {
 position:relative;display:inline-flex;align-items:center;justify-content:center;
 width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 44px;
 padding:0;margin:0;border:0!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;outline:none!important;
 color:#625c54;font-size:0!important;line-height:1;transform:none;
 -webkit-tap-highlight-color:transparent;appearance:none;
}
html body dialog .dismiss-icon>*{display:none!important}
html body dialog .dismiss-icon:before,html body dialog .dismiss-icon:after{
 content:'';position:absolute;left:12px;top:21px;width:20px;height:1.5px;
 background:currentColor;transform:rotate(45deg);border:0;box-shadow:none;
}
html body dialog .dismiss-icon:after{transform:rotate(-45deg)}
html body dialog .dismiss-icon:focus-visible{color:#24211d}
html body dialog .dismiss-icon:focus-visible:before,
html body dialog .dismiss-icon:focus-visible:after{height:2.5px}
html body dialog .dismiss-icon:active{opacity:.55}
html[data-theme] .reader-controls{
 top:calc(env(safe-area-inset-top) + 8px)!important;bottom:auto!important;
 transform:none!important;justify-content:space-between;padding:0 16px;
}
html[data-theme=classic] .reader-controls{justify-content:flex-end}
html[data-theme] .planner-heading{display:flex;align-items:center;gap:10px}
html[data-theme] .planner-heading>span{margin-right:auto}
html[data-theme] .planner-heading .planner-return{
 position:relative;inset:auto;transform:none;width:44px;
}
