/* Placeholder: real styles arrive with the Péče UI. */
body { font-family: system-ui, sans-serif; margin: 0; }
.login { max-width: 22rem; margin: 20vh auto 0; padding: 0 1rem; text-align: center; }
.login .error { color: #b00020; }
.button { display: inline-block; padding: .6rem 1rem; border: 1px solid currentColor; border-radius: .3rem; text-decoration: none; }

/* iLove care workbench; all component rules scoped to preserve the login screen. */
.care-shell { --pine:#163d34; --paper:#fff; --surface:#f8faf9; --leaf:#e7f0eb; --berry:#b62d5b; --ink:#203932; --muted:#687b74; --line:#dce5e0; font:14px/1.5 "Avenir Next","Segoe UI",sans-serif; color:var(--ink); background:var(--surface); min-height:100dvh; }
.care-shell * { box-sizing:border-box; }
.care-shell a { color:var(--pine); text-underline-offset:3px; }
.care-shell :is(button,input,select) { font:inherit; color:inherit; }
.care-shell :is(a,button,input,select):focus-visible { outline:3px solid #c25077; outline-offset:3px; }
.care-shell :is(h1,h2,h3,p) { margin:0; }
.care-shell h1 { font-size:28px; line-height:1.2; font-weight:600; letter-spacing:-.8px; }
.care-shell h2 { font-size:18px; line-height:1.4; font-weight:600; }
.care-shell h3 { font-size:15px; }
.care-shell button { cursor:pointer; }
.care-skip { position:absolute; top:-100px; left:220px; padding:12px; background:white; z-index:5; }
.care-skip:focus { top:10px; }
.care-rail { position:fixed; inset:0 auto 0 0; width:208px; background:var(--pine); padding:28px 16px 18px; display:flex; flex-direction:column; color:#e4eee9; }
.care-rail .care-brand { display:flex; align-items:center; gap:5px; padding:0 9px; color:white; text-decoration:none; font-size:27px; font-weight:600; letter-spacing:-1px; }
.care-brand > span:first-child { color:#edabc1; margin-right:4px; font-size:25px; }.care-brand .care-brand-app { color:#bacfc4; font-weight:400; margin-left:-5px; }
.care-caption { color:#b9cfc4; font-size:12px; padding:7px 9px 30px; }
.care-rail .care-nav { padding:12px 14px; border-radius:7px; color:var(--pine); background:var(--leaf); font-weight:600; text-decoration:none; }
.care-operator { margin-top:auto; padding:15px 9px 0; border-top:1px solid #35574c; overflow-wrap:anywhere; }.care-operator strong,.care-operator span { display:block; }.care-operator span { color:#c8dcd1; font-size:12px; margin-top:4px; }.care-operator form { margin-top:12px; }.care-operator button { border:1px solid #78958a; color:#e4eee9; background:transparent; border-radius:5px; padding:8px 12px; min-height:40px; }
.care-main { margin-left:208px; height:100dvh; display:flex; flex-direction:column; padding:25px 28px 20px; min-width:0; }
.care-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:20px; }.care-eyebrow { color:var(--muted); font-size:12px; margin-bottom:3px!important; }.care-readonly { color:var(--muted); border:1px solid var(--line); border-radius:5px; padding:5px 10px; white-space:nowrap; font-size:12px; }
.care-demo { font-size:12px; color:#795315; border:1px solid #e8d8af; background:#fbf3e3; padding:7px 12px; margin-bottom:12px!important; }
.care-filters { display:flex; align-items:end; flex-wrap:wrap; gap:10px; margin-bottom:15px; }.care-filters label { display:flex; flex-direction:column; gap:4px; font-size:12px; color:var(--muted); }.care-filters :is(input,select) { height:40px; border:1px solid var(--line); border-radius:5px; background:white; padding:7px 9px; max-width:180px; color:var(--ink); font-size:14px; }.care-filters .care-search { flex:1 1 180px; }.care-search input { width:100%; max-width:none; }.care-shell .care-button { display:inline-flex; align-items:center; justify-content:center; padding:9px 13px; min-height:40px; background:var(--berry); color:white; border:1px solid var(--berry); border-radius:5px; text-decoration:none; font-weight:500; white-space:nowrap; }.care-button:hover { filter:brightness(.94); }.care-reset { padding:9px 0; font-size:13px; }
.care-summary { display:flex; gap:24px; border-block:1px solid var(--line); padding:10px 0; }.care-summary span { color:var(--muted); }.care-summary strong { color:var(--ink); font-size:16px; margin-left:6px; }.care-freshness { display:flex; justify-content:space-between; flex-wrap:wrap; gap:3px 12px; font-size:12px; color:var(--muted); padding:9px 0 13px; }
.care-workspace { display:grid; grid-template-columns:minmax(300px,.9fr) minmax(0,1.3fr); border:1px solid var(--line); border-radius:8px; background:white; flex:1; min-height:220px; overflow:hidden; }.care-list { min-height:0; min-width:0; display:flex; flex-direction:column; border-right:1px solid var(--line); }.care-list-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:14px 16px; border-bottom:1px solid var(--line); }.care-list-heading span { color:var(--muted); font-size:12px; }.care-rows { overflow-y:auto; min-height:0; flex:1; }.care-shell .care-row { display:block; text-decoration:none; padding:8px 15px; border-bottom:1px solid var(--line); border-left:3px solid transparent; }.care-row:hover { background:var(--surface); }.care-shell .care-row.is-selected { border-left-color:var(--berry); background:var(--leaf); }.care-row-top,.care-row-bottom { display:flex; justify-content:space-between; gap:8px; font-size:12px; color:var(--muted); }.care-row-top { align-items:baseline; }.care-row-bottom { flex-wrap:wrap; gap:1px 8px; margin-top:2px; overflow-wrap:anywhere; }.care-subject { display:block; flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--ink); font-size:14px; font-weight:600; margin:0; }.care-priority { flex-shrink:0; white-space:nowrap; font-size:12px; }.care-row-state { font-size:12px; display:block; overflow-wrap:anywhere; }.care-priority-high { color:#a53d3c; font-weight:600; }.care-priority-low { color:#687b74; }.care-paging { padding:10px 14px; border-top:1px solid var(--line); font-size:12px; background:var(--surface); }.care-paging nav { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:7px; }.care-paging .care-button { background:white; color:var(--pine); border-color:var(--line); }
.care-detail { display:flex; flex-direction:column; overflow:hidden; min-width:0; min-height:0; }.care-back { padding:12px 18px 0; font-size:13px; }.care-notice { padding:8px 18px; background:#fbf3e3; font-size:12px; margin-top:10px!important; }.care-detail-heading { padding:15px 20px; border-bottom:1px solid var(--line); overflow-wrap:anywhere; }.care-detail-heading h2 { font-size:20px; }.care-conflict { background:#fbefed; color:#8e3534; padding:9px 11px; border-radius:5px; margin-top:10px!important; }.care-meta { display:grid; grid-template-columns:1fr 1fr; gap:10px 16px; font-size:12px; margin:12px 0 0; }.care-meta dt { color:var(--muted); }.care-meta dd { margin:1px 0 0; font-size:14px; }.care-messages { padding:16px 20px; overflow-y:auto; min-height:0; flex:1; background:var(--surface); }.care-thread-heading { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:5px; margin-bottom:14px; }.care-thread-heading span { color:var(--muted); font-size:12px; }.care-message { border:1px solid var(--line); background:white; border-radius:7px; margin-bottom:13px; padding:13px; overflow-wrap:anywhere; }.care-message header { display:flex; justify-content:space-between; flex-wrap:wrap; gap:4px; font-size:12px; color:var(--muted); margin-bottom:9px; }.care-message p { white-space:pre-wrap; font-size:14px; line-height:1.65; }.care-message small { display:block; padding-top:10px; color:#8b5c16; }.care-outgoing { background:#edf4ef; margin-left:22px; }.care-older { margin:5px auto 15px; }.care-detail-empty { margin:auto; text-align:center; color:var(--muted); padding:30px; }.care-detail-empty > span { font-size:48px; color:#b1c4b9; }.care-detail-empty h2 { color:var(--ink); margin:12px 0 7px; }.care-empty { padding:32px 20px; color:var(--muted); }.care-empty h2 { color:var(--ink); margin-bottom:8px; }.care-empty a { display:inline-block; margin-top:15px; }.care-error { margin:auto; width:min(100%,520px); padding:30px; border:1px solid var(--line); border-radius:8px; background:white; }.care-error p { margin:10px 0 20px; }
@media (max-width:1000px) { .care-main { padding:20px 18px 14px; }.care-workspace { grid-template-columns:minmax(280px,1fr) minmax(0,1.1fr); }}
@media (max-width:760px) { .care-rail { position:static; width:auto; padding:13px 16px; flex-direction:row; align-items:center; gap:16px; }.care-rail .care-brand { font-size:24px; padding:0; flex-shrink:0; }.care-brand > span:first-child { font-size:20px; }.care-caption,.care-nav { display:none; }.care-operator { margin:0 0 0 auto; padding:0; border:0; font-size:12px; text-align:right; }.care-operator span { font-size:10px; max-width:190px; }.care-operator form { margin:4px 0 0; }.care-operator button { min-height:40px; padding:5px 8px; font-size:12px; }.care-main { margin:0; height:auto; min-height:calc(100dvh - 108px); padding:20px 16px; }.care-heading { margin-bottom:17px; }.care-shell h1 { font-size:25px; }.care-filters { gap:10px; }.care-filters label { flex:1 1 110px; min-width:0; }.care-filters .care-search { flex-basis:100%; }.care-filters :is(input,select) { width:100%; max-width:none; }.care-filters .care-reset { margin-left:auto; }.care-summary { gap:14px; font-size:12px; }.care-summary strong { font-size:15px; margin-left:3px; }.care-workspace { display:block; overflow:visible; min-height:350px; }.care-list { border-right:0; }.care-rows { max-height:none; overflow:visible; }.care-detail { display:none; }.care-has-detail .care-detail { display:flex; }.care-has-detail .care-list,.care-has-detail .care-filters,.care-has-detail .care-summary,.care-has-detail .care-freshness { display:none; }.care-messages { overflow:visible; }.care-detail-heading,.care-messages { padding:16px; }.care-meta { gap:10px; }.care-back { min-height:44px; display:flex; align-items:center; padding:8px 16px; }.care-skip { left:10px; } }