/* Odvozeno ze schváleného prototypu prototypy/materialy-miniapp.html (vizuální hierarchie zachována).
   Odstraněny ukázkové prognózy, časté položky a výzva k hlasu/fotce. */
html,body{margin:0;background:light-dark(#eef3f7,#10181f);color-scheme:light dark}

.app-root{padding:24px 12px;color-scheme:light dark}.app-root *{box-sizing:border-box}.phone{--paper:light-dark(#fff,#202a35);--ink:light-dark(#182c3c,#f0f5fa);--sub:light-dark(#667886,#a4b5c5);--line:light-dark(#e6edf2,#35424e);--wash:light-dark(#f3f7fa,#17222c);--blue:light-dark(#1675ba,#58aff0);font:15px/1.45 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper);max-width:410px;margin:auto;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 16px 48px #00000012}button,input,textarea,select{font:inherit}button{cursor:pointer}.tg{padding:15px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:600}small{font-size:12px;color:var(--sub)}.tg small{display:block}.label{color:var(--blue);font-size:12px;background:var(--wash);padding:4px 8px;border-radius:7px}main{padding:22px}h2{font-size:25px;letter-spacing:-.7px;line-height:1.2;margin:6px 0 8px;font-weight:650}p{margin:0 0 20px;color:var(--sub)}.search{display:flex;gap:10px;align-items:center;background:var(--wash);padding:12px 14px;border-radius:12px;border:1px solid var(--line)}.search input{border:0;background:transparent;outline:none;min-width:0;width:100%;color:var(--ink)}.search:focus-within{outline:2px solid var(--blue)}.eyebrow{font-size:11px;letter-spacing:1.2px;font-weight:600;color:var(--sub);margin:22px 0 8px}.result{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);padding:13px 0;background:transparent;color:var(--ink)}.result span:nth-child(2){flex:1}.result small{display:block;margin-top:3px}.glyph{display:grid;place-items:center;width:37px;height:40px;border-radius:10px;background:var(--wash);color:var(--blue);flex-shrink:0}.link{border:0;background:none;color:var(--blue);padding:13px 0;text-align:left}.alt{padding:15px;background:var(--wash);border-radius:12px;color:var(--sub);font-size:13px;margin-top:8px}.bottom{padding:16px 22px 20px;border-top:1px solid var(--line)}.primary{background:var(--blue);color:light-dark(#fff,#112332);border:0;padding:14px 16px;border-radius:12px;width:100%;font-weight:600}.primary:disabled{opacity:.4;cursor:default}.muted{text-align:center;margin-top:9px;font-size:11px;color:var(--sub)}.back{border:0;background:none;color:var(--blue);padding:14px 0 0;width:100%;text-align:center}.seg{display:flex;gap:10px;margin:12px 0 20px}.seg button{flex:1;border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:13px 6px;color:var(--ink)}.seg button[aria-pressed=true]{border-color:var(--blue);background:var(--wash);box-shadow:inset 0 0 0 1px var(--blue)}label{display:block;margin:15px 0 6px;font-size:13px;font-weight:500}.field{width:100%;background:var(--wash);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:12px;resize:vertical}.cartrow{padding:12px 0;border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center}.cartrow>div{flex:1}.remove{border:0;background:transparent;color:var(--sub);padding:12px}.success{padding:35px 0;text-align:center}.check{margin:0 auto 20px;width:64px;height:64px;border-radius:50%;background:var(--wash);display:grid;place-items:center;color:var(--blue)}[hidden]{display:none!important}.error{color:light-dark(#b43130,#ff9696);font-size:13px}button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.itemline{display:flex;align-items:center;gap:8px}.itemline .result{flex:1;min-width:0}.heart{background:transparent;border:0;color:var(--sub);padding:12px;font-size:23px;flex-shrink:0}.heart[aria-pressed=true]{color:light-dark(#c23c62,#ff90ac)}.hint{font-size:12px;color:var(--sub);margin:4px 0 12px}
.basket{display:flex;align-items:center;gap:8px;border:0;border-radius:12px;padding:10px 12px;background:var(--wash);color:var(--blue);font-weight:600}.added{padding:12px;margin-bottom:16px;border-radius:10px;background:var(--wash);color:var(--blue);font-size:13px}.favorite-detail{display:flex;align-items:center;gap:8px;margin-bottom:12px}.favorite-detail small{color:var(--sub)}

.section-title{display:flex;align-items:center;gap:8px;margin:24px 0 4px}h3{font-size:16px;line-height:1.35;font-weight:650;margin:0}.favorites-section .section-title{color:light-dark(#ad3457,#ff9db6)}.section-title svg{width:18px;height:18px}.search{border:2px solid var(--blue);padding:15px 14px;background:var(--paper);margin-bottom:10px}.search>svg{color:var(--blue);flex-shrink:0}.result{padding:12px 0;min-height:56px}.result>span:first-child{flex:1}.plus{flex:0!important;font-size:22px;color:var(--blue);padding:0 4px}.sample{display:block;margin-top:8px;font-size:11px}.forecast-section{margin-top:24px;background:var(--wash);border:1px solid var(--line);border-radius:14px;padding:14px}summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;list-style:none;font-weight:600;font-size:14px}summary>span:first-child{display:flex;align-items:center;gap:8px}summary svg{width:18px;height:18px;color:var(--blue)}.forecast-count{font-size:11px;font-weight:400;white-space:nowrap;color:var(--blue)}.forecast-copy{font-size:13px;margin:12px 0 0}.alt{display:flex;align-items:center;gap:10px;background:transparent;padding:0;margin-top:22px;font-size:12px}.alt svg{flex-shrink:0;width:18px;height:18px}.basket{background:var(--blue);color:light-dark(#fff,#112332);min-width:60px;justify-content:center}.added{background:light-dark(#e6f5ed,#173e2b);color:light-dark(#17623c,#a2e6bf);border-left:3px solid light-dark(#278557,#79c99d);font-weight:500}#cart{margin-top:22px;padding-top:2px;border-top:2px solid var(--blue)}#cart .section-title{margin-top:14px;color:var(--blue)}.bottom .primary{min-height:52px;font-size:16px}.heart{min-width:44px;min-height:44px}.seg button[aria-pressed=true]{font-weight:600}label{font-weight:600}#category-note{font-weight:400}
#custom{margin-top:14px}#results>p{margin:16px 0 0;font-size:13px}

.catalog-main{padding:18px 16px;border:2px solid var(--blue);border-radius:16px;background:var(--paper)}.catalog-heading{display:flex;align-items:center;gap:8px;color:var(--blue);margin-bottom:14px}.catalog-heading h3{font-size:18px}.catalog-main .search{border:1px solid var(--line);background:var(--wash);margin-bottom:10px;padding:14px 10px}.catalog-main .result{font-weight:600}.catalog-main .result strong{font-weight:600!important}.catalog-main .result small{font-weight:400}.catalog-main #catalog-hint{display:block;font-size:12px;margin-top:10px}.secondary-heading{font-size:12px;color:var(--sub);margin:24px 0 8px}.shortcut-section{border-bottom:1px solid var(--line);padding:14px 0}.shortcut-section summary{font-weight:400;color:var(--sub)}.shortcut-section summary svg{color:var(--sub)}.shortcut-section .result{font-size:14px}.catalog-main .eyebrow{color:var(--blue);margin-top:18px}

/* doplňky funkční verze 008 */
.mode-banner{background:light-dark(#fff4d6,#4a3a10);color:light-dark(#6b4c00,#ffe3a1);font-size:12px;font-weight:600;text-align:center;padding:6px 10px;letter-spacing:.3px}
.notice{padding:12px;border-radius:10px;background:var(--wash);color:var(--sub);font-size:13px;margin:12px 0}
.notice.warn{background:light-dark(#fff4d6,#3d3110);color:light-dark(#6b4c00,#ffe3a1)}
.notice.err{background:light-dark(#fde8e8,#3e1a1a);color:light-dark(#b43130,#ff9696)}
.notice.ok{background:light-dark(#e6f5ed,#173e2b);color:light-dark(#17623c,#a2e6bf)}
.readonly{padding:12px;background:var(--wash);border:1px solid var(--line);border-radius:10px}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:14px;margin:10px 0 4px}
.kv dt{color:var(--sub)}.kv dd{margin:0;overflow-wrap:anywhere}
.pill{display:inline-block;font-size:12px;padding:3px 8px;border-radius:999px;background:var(--wash);color:var(--blue);margin-right:6px}
.pill.ordered{background:light-dark(#e6f5ed,#173e2b);color:light-dark(#17623c,#a2e6bf)}
.pill.cancelled{background:light-dark(#f1f1f1,#2c3136);color:var(--sub)}
.pill.sync-Chyba,.pill.sync-Konflikt{background:light-dark(#fde8e8,#3e1a1a);color:light-dark(#b43130,#ff9696)}
.row2{display:flex;gap:10px}.row2>div{flex:1}
.secondary{background:var(--wash);color:var(--blue);border:1px solid var(--line);padding:12px 16px;border-radius:12px;width:100%;font-weight:600;margin-top:10px}
.danger{background:transparent;color:light-dark(#b43130,#ff9696);border:1px solid light-dark(#e7b4b4,#6b2b2b);padding:12px 16px;border-radius:12px;width:100%;margin-top:10px}
.textlink{border:0;background:none;color:var(--blue);padding:8px 0;font-size:13px;text-align:left}
.success-list{text-align:left;margin-top:16px}
.success-list .cartrow small{display:block}
.idtag{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:var(--sub)}
.dev-list button{display:block;width:100%;text-align:left;margin:6px 0}
.glyph svg,.section-title svg,.catalog-heading svg,summary svg,.search svg,.basket svg,.check svg{width:19px;height:19px}
.check svg{width:30px;height:30px}
.sprite{position:absolute;width:0;height:0}.home-title{margin-top:24px!important;margin-bottom:14px!important}
