/* V101.93 — approved mockup faithful layout */
html,body{max-width:100%;overflow-x:hidden}
body[data-service-id="daily-horoscope"]{min-height:100vh;background:#062f25}
body[data-service-id="daily-horoscope"] .daily-horoscope-shell{
 max-width:1520px;margin:0 auto;padding:10px 14px 12px;box-sizing:border-box
}

/* top app bar */
.dg-approved-top{
 display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;
 padding:8px 10px;border-bottom:1px solid rgba(216,173,58,.18)
}
.dg-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#f2d16e}
.dg-brand img{width:44px;height:44px;border-radius:50%}
.dg-brand strong{font-size:24px;line-height:1}
.dg-brand small{font-size:11px;opacity:.65;border-left:1px solid rgba(255,255,255,.2);padding-left:9px}
.dg-profilebar{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}
.dg-profile{
 display:flex;align-items:center;gap:8px;min-width:230px;max-width:300px;padding:6px 9px;
 border:1px solid rgba(216,173,58,.28);border-radius:13px;background:rgba(3,44,34,.72)
}
.dg-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;background:linear-gradient(135deg,#7c3aed,#e0b13f);color:#fff}
.dg-profile small{display:block;font-size:9px;opacity:.62}.dg-profile strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dg-lang{height:34px;border-radius:9px;border:1px solid rgba(216,173,58,.28);background:#073f31;color:#f4ede2;padding:0 8px;font-size:11px}
.dg-profilebar button{height:34px;padding:0 10px;border-radius:9px;border:1px solid rgba(216,173,58,.28);background:rgba(8,72,55,.62);color:#f5f0e4;font-size:10.5px;font-weight:700;white-space:nowrap;cursor:pointer}
.dg-profilebar button.primary{background:#dcb13e;color:#17251f}

/* upper 2-column composition */
.dg-upper{
 display:grid;grid-template-columns:minmax(0,1.38fr) minmax(360px,.62fr);gap:10px;margin-top:8px
}
.dg-left,.dg-right{min-width:0}
.dg-titleblock{
 display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;
 padding:7px 4px 9px;border-bottom:1px solid rgba(216,173,58,.16)
}
.dg-titleicon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:30px;background:radial-gradient(circle,#8f2e1d,#3b1510);border:1px solid rgba(216,173,58,.5);color:#f2c95c}
.dg-titleblock h1{margin:0;font-size:29px;line-height:1.02;color:#f1d06d}
.dg-titleblock p{margin:3px 0 0;font-size:11.5px;opacity:.78}
.dg-breadcrumb{display:flex;gap:7px;align-items:center;margin-top:3px;font-size:10px}.dg-breadcrumb a{color:#d8b65b;text-decoration:none}.dg-breadcrumb span{opacity:.4}
.dg-date{display:flex;align-items:center;gap:5px}.dg-date label{font-size:9px;opacity:.65}.dg-date input{height:32px;max-width:132px;padding:0 7px;border-radius:9px;font-size:10.5px}

/* selector rows */
.dg-modebar{display:flex;gap:18px;align-items:center;padding:7px 0 5px;border-bottom:1px solid rgba(216,173,58,.14)}
.dg-modebar button{border:0;background:transparent;color:#dfe9e5;font-size:11px;font-weight:700;padding:5px 3px;cursor:pointer;border-bottom:2px solid transparent}
.dg-modebar button.active{color:#f0c451;border-bottom-color:#e0b33d}
.dg-selector-wrap{padding:6px 0}
.dg-rowlabel{font-size:9px;opacity:.55;margin-bottom:3px}
.dg-carousel{display:grid;grid-template-columns:27px minmax(0,1fr) 27px;gap:4px;align-items:center}
.dg-car-btn{width:27px;height:44px;border-radius:8px;border:1px solid rgba(216,173,58,.2);background:rgba(4,47,36,.85);color:#e7b847;font-size:20px;display:grid;place-items:center;cursor:pointer}
.dg-car-btn:hover{background:#dcb13e;color:#17251f}.dg-car-btn:disabled{opacity:.22}
.dg-viewport{overflow:hidden;min-width:0}
.daily-choice-wheel{display:flex!important;gap:5px!important;transition:transform .22s ease}
.daily-choice{
 flex:0 0 78px!important;min-width:78px!important;max-width:78px!important;
 padding:6px 3px!important;border:1px solid rgba(216,173,58,.11)!important;border-radius:9px!important;
 background:rgba(6,56,43,.44)!important;color:#f1ece0!important
}
.daily-choice span{display:block;font-size:22px!important;line-height:1}
.daily-choice strong{display:block;font-size:9px!important;line-height:1.05!important;margin-top:3px!important}
.daily-choice.active{border-color:#e0b33d!important;background:rgba(224,179,61,.10)!important}

/* right reading card */
.dg-right{
 border:1px solid rgba(216,173,58,.22);border-radius:13px;padding:10px;background:linear-gradient(180deg,rgba(6,63,48,.95),rgba(3,43,33,.97))
}
.dg-placeholder{min-height:240px;display:grid;place-items:center;text-align:center;opacity:.72;padding:12px}
.dg-placeholder .orb{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;font-size:44px;background:radial-gradient(circle,#9f3422,#3d1511);border:1px solid rgba(216,173,58,.46);margin:auto auto 8px}
.dg-placeholder strong{display:block;font-size:18px;color:#f1d06d}.dg-placeholder p{margin:5px 0 0;font-size:11px}
.dg-reading{display:block!important;padding:0!important;border:0!important;background:transparent!important}
.dg-summary{border-right:0!important;padding:0!important}
.dg-symbol{font-size:48px!important}.dg-summary h2{font-size:24px!important;margin:2px 0 1px!important}
.dg-meta{font-size:10px!important;margin-bottom:7px!important}
.dg-overall{font-size:12px!important;line-height:1.35!important;padding:8px 0;border-top:1px solid rgba(216,173,58,.15);border-bottom:1px solid rgba(216,173,58,.15)}
.dg-cards{display:none!important}.dg-scope{display:none!important}

/* six cards */
.dg-six{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:8px}
.dg-six-card{border:1px solid rgba(216,173,58,.18);border-radius:11px;background:linear-gradient(180deg,rgba(8,70,54,.8),rgba(5,54,42,.82));padding:8px;min-height:150px}
.dg-six-head{display:flex;align-items:center;gap:6px;margin-bottom:6px}
.dg-six-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:17px;background:rgba(255,255,255,.08)}
.dg-six-card strong{font-size:10.5px;color:#f1eee5}.dg-six-card p{font-size:10.5px;line-height:1.4;margin:6px 0 0}
.dg-six-card small{display:block;margin-top:8px;padding-top:6px;border-top:1px solid rgba(216,173,58,.13);font-size:9px;color:#e0b33d}
.dg-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;padding:6px 8px;border-top:1px solid rgba(216,173,58,.14);font-size:9.5px;opacity:.72}
.dg-bottom button{height:30px;padding:0 10px;border-radius:8px;border:1px solid rgba(216,173,58,.22);background:rgba(8,72,55,.58);color:#f1ece2;font-size:10px}

@media(max-width:1250px){
 .dg-profilebar{overflow-x:auto}.dg-upper{grid-template-columns:minmax(0,1fr) 350px}
 .daily-choice{flex-basis:72px!important;min-width:72px!important;max-width:72px!important}.dg-six{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
 .dg-approved-top{grid-template-columns:1fr}.dg-upper{grid-template-columns:1fr}.dg-six{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
 .dg-titleblock{grid-template-columns:1fr}.dg-titleicon{display:none}.dg-profilebar{overflow-x:auto}.dg-six{grid-template-columns:1fr}
}
@media print{.dg-profilebar,.dg-breadcrumb,.dg-modebar,.dg-selector-wrap{display:none!important}.dg-upper{grid-template-columns:1fr}.dg-six{grid-template-columns:repeat(2,minmax(0,1fr))}}