.green-home,.green-dock,.next-shift { display:none }
@media screen {
  html[data-visual="petrolio"] body { background:linear-gradient(135deg,#faf5ef,#ece3d8); color:#103638; }
  [data-visual="petrolio"] body > header { background:#07494a; }
  [data-visual="petrolio"] .header-app-icon { content:url('/icon-petrolio-192.png'); }
  [data-visual="petrolio"] body:has(#home-screen:not([hidden])) > header {
    background:transparent; color:#07393a; display:flex; flex-direction:column; align-items:center; text-align:center; padding:22px 16px 4px; gap:8px; box-shadow:none; border:0;
  }
  [data-visual="petrolio"] body:has(#home-screen:not([hidden])) .header-brand { display:flex; flex-direction:column; align-items:center; gap:8px; }
  [data-visual="petrolio"] body:has(#home-screen:not([hidden])) .header-app-icon { width:76px;height:76px; }
  [data-visual="petrolio"] body:has(#home-screen:not([hidden])) header h1 { max-width:14ch; font-size:clamp(1.8rem,6vw,2.5rem);line-height:1.02; }
  [data-visual="petrolio"] body:has(#home-screen:not([hidden])) #heading-period { display:none; }
  [data-visual="petrolio"] body:has(#home-screen:not([hidden])) #heading-site { color:#514d46;font-size:1.1rem; }
  [data-visual="petrolio"] body:has(#home-screen:not([hidden])) .header-actions button { color:#174446;background:#f8f3ec;border-color:#c9beb0; }
  [data-visual="petrolio"] .green-home { display:grid;gap:14px;margin:0 auto 24px;max-width:660px; }
  [data-visual="petrolio"] .green-services { display:grid;gap:9px; }
  [data-visual="petrolio"] .green-services a:not([hidden]),[data-visual="petrolio"] .next-shift:not([hidden]) {
    display:grid;grid-template-columns:54px minmax(0,1fr) 18px;gap:14px;align-items:center;min-height:60px;padding:10px 16px;border-radius:16px;text-decoration:none;color:#0a3538;
    background:linear-gradient(160deg,#fffcf7,#eee7dd);border:1px solid #ded5c9;box-shadow:inset 0 1px white,0 3px 6px #49382329;
  }
  .green-home svg,.green-dock svg { width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linejoin:round;stroke-linecap:round; }
  .green-services svg { box-sizing:content-box;padding:0 15px 0 6px;border-right:1px solid #cec5b8; }
  .green-services b,.next-shift b { font-size:26px;font-weight:400; }
  [data-visual="petrolio"] .next-shift:not([hidden]) { background:linear-gradient(155deg,#186466,#013c3e);color:white;min-height:80px;border-color:#215959; }
  .next-shift i { font-size:36px;font-style:normal;text-align:center;border-right:1px solid #91b3ad; }
  .next-shift strong { display:block;margin-top:3px; }
  [data-visual="petrolio"] .home-hero { background:linear-gradient(135deg,#115355,#073c3e);border-color:#3b6866;box-shadow:0 3px 8px #22383325; }
  [data-visual="petrolio"] .home-tile { background:linear-gradient(160deg,#fffdf9,#f0e9de);color:#153a3c;border-color:#d8cec1; }
  [data-visual="petrolio"] .tile-icon { color:#16494b;background:#e6ebe5; }
  @media(max-width:760px) {
    [data-visual="petrolio"] body:has(.green-dock) { padding-bottom:calc(80px + env(safe-area-inset-bottom)); }
    [data-visual="petrolio"] .green-dock { display:flex;position:fixed;bottom:0;left:0;right:0;z-index:9;justify-content:space-around;background:#faf6eff5;border-top:1px solid #d5cabc;padding:5px 5px calc(5px + env(safe-area-inset-bottom)); }
    .green-dock a:not([hidden]) { display:grid;justify-items:center;gap:2px;padding:5px 7px;border-radius:10px;text-decoration:none;color:#103a3b;font-size:.75rem; }
    .green-dock a[aria-current="page"] { background:#d8e2dc; }
  }
}