body.ckpet-page{margin:0;background:#f7f9f5}body.ckpet-page #ckpet-app{width:calc(100% - 32px)}
/* All rules are scoped to the Pet Life Manager root. */
#ckpet-app{--pet-ink:#193d35;--pet-green:#247466;--pet-muted:#72857d;--pet-border:#dce7e1;--pet-bg:#f4f7f3;color:var(--pet-ink);font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;width:100%;max-width:1600px;margin:20px auto;isolation:isolate;text-align:left}
#ckpet-app *{box-sizing:border-box}#ckpet-app h1,#ckpet-app h2,#ckpet-app h3,#ckpet-app p{font-family:inherit;letter-spacing:normal;text-transform:none;color:inherit}#ckpet-app h1{font-size:30px;font-weight:650;line-height:1.2;margin:4px 0}#ckpet-app h2{font-size:23px;font-weight:600;line-height:1.3;margin:0 0 12px}#ckpet-app h3{font-size:17px;font-weight:600;margin:10px 0}#ckpet-app p{margin:8px 0 15px}#ckpet-app a{color:var(--pet-green);text-decoration:none}#ckpet-app a:hover{text-decoration:underline}
#ckpet-app button,#ckpet-app .ckpet-button{font:inherit;line-height:1.3;cursor:pointer;background:#fff;color:var(--pet-ink);border:1px solid var(--pet-border);border-radius:7px;padding:9px 12px;box-shadow:none;text-transform:none;letter-spacing:normal;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:36px}#ckpet-app button:hover,#ckpet-app .ckpet-button:hover{background:#edf4ef;border-color:#acc5b7}#ckpet-app button:disabled{opacity:.5;cursor:wait}#ckpet-app .primary{background:var(--pet-green);border-color:var(--pet-green);color:white}#ckpet-app .primary:hover{background:#1b5c50}#ckpet-app .danger{color:#b32f3b;border-color:#e7bfc4}#ckpet-app button:focus-visible,#ckpet-app input:focus-visible,#ckpet-app select:focus-visible,#ckpet-app textarea:focus-visible{outline:3px solid #86baab;outline-offset:2px}
#ckpet-app input:not([type=checkbox]),#ckpet-app select,#ckpet-app textarea{font:inherit;background:#fff;color:#193d35;border:1px solid #cadbd1;border-radius:6px;padding:9px 10px;min-height:38px;box-shadow:none;max-width:100%}#ckpet-app input[type=checkbox]{accent-color:var(--pet-green);width:16px;height:16px;vertical-align:middle}#ckpet-app label{display:block;font-size:13px;font-weight:550}#ckpet-app label>input:not([type=checkbox]),#ckpet-app label>select,#ckpet-app label>textarea{display:block;width:100%;margin-top:5px}#ckpet-app textarea{resize:vertical}#ckpet-app small{font-size:12px}#ckpet-app .ckpet-muted{color:var(--pet-muted)}
#ckpet-app .ckpet-shell{display:grid;grid-template-columns:230px minmax(0,1fr);border:1px solid var(--pet-border);border-radius:16px;overflow:hidden;min-height:850px;background:var(--pet-bg)}#ckpet-app .ckpet-sidebar{background:#edf3ed;border-right:1px solid var(--pet-border);padding:26px 14px}#ckpet-app .ckpet-brand{font-size:24px;font-weight:650;line-height:1.2;padding:0 12px 26px}#ckpet-app .ckpet-brand span{font-size:27px}#ckpet-app .ckpet-brand small{letter-spacing:4px;font-size:10px;padding-left:39px}#ckpet-app .ckpet-sidebar button{display:flex;width:100%;text-align:left;justify-content:flex-start;background:transparent;border:0;border-radius:7px;padding:10px;gap:10px;margin:2px 0;font-size:13px;min-height:34px}#ckpet-app .ckpet-sidebar button.active{background:#dcebe1;color:#165b4c;font-weight:650}#ckpet-app .ckpet-sidebar details{border:0;padding:0;margin:2px 0}#ckpet-app .ckpet-sidebar summary{font-size:13px;cursor:pointer;list-style:none;padding:10px;position:relative;display:flex;gap:10px;align-items:center}#ckpet-app .ckpet-sidebar summary:after{content:'›';margin-left:auto}#ckpet-app .ckpet-sidebar details[open] summary:after{content:'⌄'}#ckpet-app .ckpet-sidebar details button{padding-left:34px;font-size:12px}#ckpet-app .ckpet-nav-start{padding-bottom:16px;border-bottom:1px solid #d3dfd5;margin-bottom:16px}#ckpet-app .ckpet-nav-end{padding-top:16px;border-top:1px solid #d3dfd5;margin-top:16px}
#ckpet-app .ckpet-main{min-width:0;padding:26px}#ckpet-app .ckpet-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}#ckpet-app .ckpet-eyebrow{font-size:10px;letter-spacing:2px;color:#7a8b7e;font-weight:650}#ckpet-app .ckpet-account{display:flex;gap:10px;font-size:12px;align-items:center}#ckpet-app .ckpet-toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:12px;background:#fff;border:1px solid var(--pet-border);border-radius:10px}#ckpet-app .ckpet-search{display:flex;gap:5px;flex:1;min-width:260px}#ckpet-app .ckpet-search input{width:100%;min-width:100px}#ckpet-app .ckpet-search button{white-space:nowrap}#ckpet-app .ckpet-toolbar select{max-width:210px;font-size:12px}#ckpet-app .ckpet-legend{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 22px}#ckpet-app .ckpet-legend button{font-size:14px;font-weight:600;background:#fff;border:1px solid currentColor;border-radius:8px;padding:8px 12px;min-height:40px}#ckpet-app .ckpet-legend i{display:block;width:10px;height:10px;border-radius:100%;background:currentColor;margin-right:5px}#ckpet-app .ckpet-legend button.selected{text-decoration:underline;font-weight:700}
#ckpet-app .overdue{color:#be2837}#ckpet-app .today{color:#000}#ckpet-app .week{color:#cf6209}#ckpet-app .month{color:#957600}#ckpet-app .later{color:#24864d}#ckpet-app .distant{color:#677b73}#ckpet-app .ckpet-date{font-weight:600}#ckpet-app .ckpet-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:12px 0 18px}#ckpet-app .ckpet-actions button{font-size:12px}#ckpet-app .ckpet-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:15px}#ckpet-app .ckpet-tabs button{border:0;background:transparent;font-size:12px;padding:7px 10px}#ckpet-app .ckpet-tabs .active{background:#dfece3;color:#1e6557;font-weight:650}#ckpet-app .ckpet-inline{display:inline-flex;gap:8px;align-items:center;margin:0 15px 16px 0;font-weight:400}#ckpet-app .ckpet-inline select{width:auto;margin:0;max-width:200px}
#ckpet-app .ckpet-two-pane{display:grid;grid-template-columns:minmax(240px,34%) minmax(0,1fr);gap:18px;align-items:start}#ckpet-app .ckpet-record-list{background:#fff;border:1px solid var(--pet-border);border-radius:10px;padding:9px;max-height:850px;overflow-y:auto}#ckpet-app .ckpet-record-detail{background:#fff;border:1px solid var(--pet-border);border-radius:10px;padding:22px;min-height:380px}#ckpet-app button.ckpet-record{display:flex;width:100%;justify-content:flex-start;gap:12px;padding:12px 10px;border:0;border-bottom:1px solid #eef2ee;text-align:left;border-radius:6px;background:#fff}#ckpet-app .ckpet-record.selected{background:#e8f2ec}#ckpet-app .ckpet-record-text{display:grid;gap:5px;min-width:0}#ckpet-app .ckpet-record-text strong{font-size:14px;overflow-wrap:anywhere}#ckpet-app .ckpet-record-text small{color:#72857d;line-height:1.4}#ckpet-app .ckpet-photo{width:47px;height:47px;object-fit:cover;border-radius:10px;flex-shrink:0}#ckpet-app .ckpet-photo.large{width:84px;height:84px;border-radius:15px}#ckpet-app .ckpet-placeholder{display:inline-flex;align-items:center;justify-content:center;font-size:27px;background:#eaf1e8}#ckpet-app .ckpet-placeholder.large{font-size:44px}#ckpet-app .ckpet-detail-head{display:flex;gap:18px;align-items:center;margin-bottom:18px}#ckpet-app .ckpet-detail-head h2{margin:5px 0}#ckpet-app .ckpet-detail-head small{text-transform:uppercase;font-size:10px;letter-spacing:1.5px;color:var(--pet-muted)}#ckpet-app .ckpet-badge{background:#e7ede4;font-size:10px;padding:3px 6px;border-radius:4px}#ckpet-app .ckpet-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}#ckpet-app .ckpet-fields>div{min-width:0;padding-bottom:10px;border-bottom:1px solid #edf1ec}#ckpet-app dt{font-size:10px;color:#75867d;text-transform:uppercase;letter-spacing:.7px;font-weight:600}#ckpet-app dd{margin:5px 0 0;overflow-wrap:anywhere}#ckpet-app .ckpet-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}#ckpet-app .ckpet-form-grid .wide{grid-column:1/-1}#ckpet-app .ckpet-form-grid small{color:var(--pet-muted);font-weight:400}#ckpet-app .ckpet-list-heading{font-size:12px;padding:8px;background:#eef4ef}
#ckpet-app .ckpet-hero{background:#e5eee2;border:1px solid #d6e3d1;border-radius:12px;padding:28px;margin:0 0 20px}#ckpet-app .ckpet-hero h2{font-size:28px;letter-spacing:-.5px;margin-bottom:6px}#ckpet-app .ckpet-hero p{color:#567165;font-size:13px;margin:0}#ckpet-app .ckpet-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}#ckpet-app .ckpet-stats>div{border:1px solid var(--pet-border);background:#fff;border-radius:10px;padding:18px}#ckpet-app .ckpet-stats small{display:block;color:var(--pet-muted)}#ckpet-app .ckpet-stats strong{display:block;font-size:25px;margin-top:8px}#ckpet-app .ckpet-mini-stats{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;border-top:1px solid var(--pet-border);padding-top:10px;margin-bottom:16px}#ckpet-app .ckpet-card{background:#fff;border:1px solid var(--pet-border);border-radius:11px;padding:22px;margin-bottom:18px;overflow-wrap:anywhere}#ckpet-app .ckpet-pet-cards,#ckpet-app .ckpet-report-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}#ckpet-app .ckpet-card h2 button{border:0;padding:0;font-size:22px}#ckpet-app .ckpet-card form>label{margin-bottom:12px}#ckpet-app .ckpet-section{margin-bottom:25px}#ckpet-app .ckpet-table,#ckpet-app table{width:100%;border-collapse:collapse;background:#fff;font-size:12px}#ckpet-app th{background:#eaf1e9;text-align:left;font-size:11px;font-weight:650;padding:11px}#ckpet-app td{padding:10px;border-bottom:1px solid #e5ece4;vertical-align:top;overflow-wrap:anywhere}#ckpet-app td button{border:0;padding:0;text-align:left;background:transparent;color:var(--pet-green);font-size:12px;min-height:20px}#ckpet-app .ckpet-chart{background:#fff;border:1px solid var(--pet-border);padding:18px;border-radius:10px;margin-bottom:16px}#ckpet-app .ckpet-chart svg{width:100%;max-height:245px;display:block}#ckpet-app .ckpet-chart svg text{font:10px Arial,sans-serif;fill:#60796e}#ckpet-app .ckpet-bar{display:flex;align-items:center;gap:10px;margin:9px 0;font-size:12px}#ckpet-app .ckpet-bar span{width:100px}#ckpet-app .ckpet-bar i{height:10px;display:block;border-radius:3px;background:#6aa794}#ckpet-app .ckpet-bar b{font-size:11px}#ckpet-app .ckpet-empty{text-align:center;padding:40px 15px;color:#7a8d81}#ckpet-app .ckpet-empty>span{font-size:35px;display:block;margin-bottom:15px}#ckpet-app .ckpet-empty h3{font-size:14px;font-weight:400}#ckpet-app .ckpet-loading{padding:50px;text-align:center}
#ckpet-app .ckpet-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--pet-border);border:1px solid var(--pet-border)}#ckpet-app .ckpet-calendar-label{background:#eaf1e9;padding:10px;font-size:11px;text-align:center;font-weight:650}#ckpet-app .ckpet-calendar-cell{min-height:115px;background:#fff;padding:8px;min-width:0}#ckpet-app .ckpet-calendar-cell strong{font-size:12px;display:block;padding-bottom:6px}#ckpet-app .ckpet-calendar-cell button{display:block;min-width:0;max-width:100%;width:100%;font-size:10px;text-align:left;padding:5px;border:0;background:#f4f7f3;margin-bottom:5px;overflow-wrap:anywhere}#ckpet-app .ckpet-calendar-cell button small{display:block;font-size:9px;font-weight:400;color:#789083}#ckpet-app .ckpet-calendar-cell.today-cell{background:#eef6ef}#ckpet-app .ckpet-calendar-cell.outside{background:#f3f6f1}#ckpet-app .weekend{color:#3370ae}#ckpet-app .ckpet-year{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}#ckpet-app .ckpet-year .ckpet-card{padding:15px}#ckpet-app .ckpet-year p{font-size:11px}#ckpet-app .ckpet-year button{font-size:11px;border:0;padding:0;min-height:18px}
#ckpet-app .ckpet-footer{font-size:12px;display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;border-top:1px solid var(--pet-border);padding-top:14px;color:#7d8f80}#ckpet-app .ckpet-footer details{width:100%}#ckpet-app .ckpet-footer details>div{display:flex;flex-wrap:wrap;gap:10px;padding-top:10px}#ckpet-app .ckpet-ticks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 24px}#ckpet-app .ckpet-ticks label{font-weight:400;font-size:12px}#ckpet-app .ckpet-danger-zone{border-color:#e8c6c9}#ckpet-app .ckpet-poster{background:#fcfbf5;text-align:center;border:2px solid #ac4141;padding:25px;margin-top:15px}#ckpet-app .ckpet-notice{position:fixed;bottom:25px;right:25px;z-index:999999;background:#1e6557;color:#fff;padding:14px 20px;border-radius:8px;max-width:min(480px,90vw);box-shadow:0 10px 30px #183e3530}#ckpet-app .ckpet-notice.error{background:#ad3340}#ckpet-app dialog{border:1px solid var(--pet-border);border-radius:14px;width:min(580px,90vw);color:var(--pet-ink);padding:25px;font:inherit}#ckpet-app dialog::backdrop{background:#10271e77}#ckpet-app dialog>button{float:right;margin-bottom:15px}#ckpet-app dialog>div{clear:both}#ckpet-app dialog label{margin:15px 0}#ckpet-app .ckpet-login{max-width:600px;background:#f5f8f2;border:1px solid var(--pet-border);border-radius:14px;padding:30px}#ckpet-app.ckpet-login{max-width:600px;background:#f5f8f2;border:1px solid var(--pet-border);border-radius:14px;padding:30px}#ckpet-app.ckpet-login label{margin-bottom:15px}#ckpet-app.ckpet-login form{margin-bottom:20px}#ckpet-app.ckpet-login .ckpet-brand{padding:25px 0}#ckpet-app.ckpet-login form button{margin-right:12px}
@media(max-width:1100px){#ckpet-app .ckpet-shell{grid-template-columns:190px minmax(0,1fr)}#ckpet-app .ckpet-main{padding:18px}#ckpet-app .ckpet-two-pane{grid-template-columns:240px minmax(0,1fr)}#ckpet-app .ckpet-toolbar select{max-width:180px}#ckpet-app .ckpet-ticks{grid-template-columns:1fr 1fr}}
@media(max-width:800px){#ckpet-app .ckpet-shell{display:block}#ckpet-app .ckpet-sidebar{padding:15px;border-right:0;border-bottom:1px solid var(--pet-border);max-height:235px;overflow:auto}#ckpet-app .ckpet-brand{font-size:20px;padding-bottom:12px}#ckpet-app .ckpet-sidebar details{display:inline-block;width:48%;vertical-align:top}#ckpet-app .ckpet-nav-start,#ckpet-app .ckpet-nav-end{display:flex;flex-wrap:wrap;margin:0;padding:6px 0}#ckpet-app .ckpet-nav-start button,#ckpet-app .ckpet-nav-end button{width:auto}#ckpet-app .ckpet-two-pane{grid-template-columns:1fr}#ckpet-app .ckpet-record-list{max-height:320px}#ckpet-app .ckpet-record-detail{min-height:250px}#ckpet-app .ckpet-pet-cards,#ckpet-app .ckpet-report-cards{grid-template-columns:1fr}#ckpet-app .ckpet-year{grid-template-columns:1fr 1fr}#ckpet-app .ckpet-header{align-items:flex-start}#ckpet-app .ckpet-account{flex-direction:column;align-items:flex-end}#ckpet-app .ckpet-search{min-width:100%}#ckpet-app .ckpet-calendar{overflow-x:auto;grid-template-columns:repeat(7,minmax(100px,1fr))}#ckpet-app .ckpet-main{overflow-x:hidden}}
@media(max-width:450px){#ckpet-app .ckpet-main{padding:12px}#ckpet-app h1{font-size:25px}#ckpet-app .ckpet-form-grid,#ckpet-app .ckpet-fields,#ckpet-app .ckpet-year{grid-template-columns:1fr}#ckpet-app .ckpet-stats{gap:6px}#ckpet-app .ckpet-stats>div{padding:10px}#ckpet-app .ckpet-stats strong{font-size:20px}#ckpet-app .ckpet-ticks{grid-template-columns:1fr}#ckpet-app .ckpet-record-detail{padding:15px}#ckpet-app td,#ckpet-app th{padding:6px;font-size:10px}}
@media print{#ckpet-app .ckpet-no-print,#ckpet-app .ckpet-sidebar,#ckpet-app .ckpet-footer,#ckpet-app button{display:none!important}#ckpet-app .ckpet-shell{display:block;border:0;background:#fff}#ckpet-app .ckpet-main{padding:0}#ckpet-app .ckpet-two-pane{display:block}#ckpet-app .ckpet-record-list{max-height:none}#ckpet-app .ckpet-record-detail{border:0}#ckpet-app .ckpet-card,#ckpet-app .ckpet-stats>div{break-inside:avoid}#ckpet-app .ckpet-calendar{overflow:visible}}

#ckpet-app .ckpet-contact-qr svg{width:150px;height:150px;display:block;margin:12px auto}#ckpet-app .ckpet-contact-qr small{display:block}

#ckpet-app .ckpet-demo-guide summary{cursor:pointer;font-size:14px;font-weight:600}#ckpet-app .ckpet-demo-guide p{font-size:13px;line-height:1.6}#ckpet-app .ckpet-legend button.selected{box-shadow:0 0 0 2px currentColor;text-decoration:none}

#ckpet-app .ckpet-demo-guide h2{font-size:17px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}#ckpet-app .ckpet-demo-guide .ckpet-badge{font-size:12px}#ckpet-app .ckpet-demo-guide small{color:var(--pet-muted)}

#ckpet-app .ckpet-article{font-size:15px;line-height:1.75}#ckpet-app .ckpet-article p{margin:16px 0}#ckpet-app .ckpet-article-note{background:#f6f3e8;padding:12px;border-radius:8px;font-size:13px}#ckpet-app .ckpet-article small{font-size:12px}

/* Version 2.2: readable typography and a consistent, spacious workspace. */
body.ckpet-page{background:#f2f5f0}body.ckpet-page #ckpet-app{width:calc(100% - 36px)}
#ckpet-app{font-size:16px;line-height:1.65;max-width:1780px;--pet-muted:#526d60;--pet-border:#d4e1d5;margin:18px auto}
#ckpet-app .ckpet-shell{grid-template-columns:255px minmax(0,1fr);border-radius:18px;box-shadow:0 10px 35px #234b3510;background:#f5f8f2}
#ckpet-app .ckpet-main{padding:30px;overflow:hidden}
#ckpet-app .ckpet-sidebar{padding:28px 16px;background:#eaf1e7}
#ckpet-app .ckpet-sidebar button,#ckpet-app .ckpet-sidebar summary{font-size:15px;padding:11px 12px;min-height:43px}
#ckpet-app .ckpet-sidebar details button{font-size:14px;padding-left:31px;min-height:39px}
#ckpet-app h1{font-size:32px;letter-spacing:-.7px}#ckpet-app h2{font-size:25px;letter-spacing:-.3px}#ckpet-app h3{font-size:19px}
#ckpet-app .ckpet-header{gap:20px;flex-wrap:wrap;margin-bottom:23px}
#ckpet-app .ckpet-account{font-size:14px;gap:13px;flex-wrap:wrap}
#ckpet-app .ckpet-account button{min-height:35px;padding:6px 10px;font-size:14px}
#ckpet-app .ckpet-eyebrow{font-size:11px;color:#617b68;letter-spacing:1.8px;margin-bottom:6px}
#ckpet-app input:not([type=checkbox]),#ckpet-app select,#ckpet-app textarea{font-size:16px;min-height:44px;padding:10px 12px;border-radius:8px}
#ckpet-app label{font-size:15px;font-weight:600}
#ckpet-app button,#ckpet-app .ckpet-button{min-height:42px;padding:10px 14px;border-radius:8px;font-weight:550}
#ckpet-app small{font-size:13px}
#ckpet-app .ckpet-actions{gap:9px;margin:15px 0 21px}#ckpet-app .ckpet-actions button{font-size:14px}
#ckpet-app .ckpet-toolbar{padding:15px;gap:9px;background:#fff;box-shadow:0 2px 5px #233c2510}
#ckpet-app .ckpet-toolbar select{font-size:14px;max-width:235px}
#ckpet-app .ckpet-search{min-width:280px}
#ckpet-app .ckpet-legend{gap:9px;margin:14px 0 22px}#ckpet-app .ckpet-legend button{font-size:14px;min-height:42px;background:#fff;padding:10px 13px}
#ckpet-app .ckpet-tabs{gap:6px;padding:8px;background:#edf3e7;border-radius:10px;border:1px solid #dce5d5}
#ckpet-app .ckpet-tabs button{font-size:14px;padding:8px 11px;min-height:37px}
#ckpet-app .ckpet-tabs .active{background:#247466;color:white;border-radius:6px}
#ckpet-app .ckpet-two-pane{grid-template-columns:minmax(270px,34%) minmax(0,1fr);gap:22px}
#ckpet-app .ckpet-record-list{padding:10px;max-height:1000px;border-radius:13px}
#ckpet-app .ckpet-record-detail{padding:28px;border-radius:13px;min-height:420px}
#ckpet-app button.ckpet-record{padding:15px 12px;gap:13px;border-radius:8px}
#ckpet-app .ckpet-record-text strong{font-size:16px;line-height:1.4}
#ckpet-app .ckpet-record-text small{font-size:13px;color:#506b5a;line-height:1.55}
#ckpet-app .ckpet-photo{width:57px;height:57px;object-fit:cover;border-radius:11px}
#ckpet-app .ckpet-photo.large{width:96px;height:96px}
#ckpet-app .ckpet-fields{gap:17px 23px;margin:24px 0}
#ckpet-app dt{font-size:12px;color:#526c5f;letter-spacing:.5px}
#ckpet-app dd{font-size:16px;line-height:1.7;margin-top:6px}
#ckpet-app .ckpet-form-grid{gap:21px}#ckpet-app .ckpet-form-grid small{font-size:13px}
#ckpet-app .ckpet-card{padding:25px;border-radius:13px;margin-bottom:22px;box-shadow:0 2px 5px #233c2507}
#ckpet-app .ckpet-hero{padding:30px;background:linear-gradient(120deg,#e2eedb,#edf3e3);border-radius:13px}
#ckpet-app .ckpet-hero p{font-size:16px}#ckpet-app .ckpet-hero h2{font-size:29px}
#ckpet-app .ckpet-stats{gap:17px}#ckpet-app .ckpet-stats>div{border-radius:12px;padding:22px}
#ckpet-app .ckpet-stats small{font-size:14px}#ckpet-app .ckpet-stats strong{font-size:30px}
#ckpet-app .ckpet-table,#ckpet-app table{font-size:14px}#ckpet-app th{font-size:13px;padding:12px}#ckpet-app td{padding:12px}
#ckpet-app .ckpet-table td button{font-size:14px;line-height:1.5}
#ckpet-app .ckpet-calendar-label{font-size:13px}#ckpet-app .ckpet-calendar-cell{min-width:115px;padding:11px}
#ckpet-app .ckpet-calendar-cell button{font-size:13px;line-height:1.4;padding:7px 5px}#ckpet-app .ckpet-calendar-cell button small{font-size:11px}
#ckpet-app .ckpet-calendar{overflow-x:auto}
#ckpet-app .ckpet-inline{font-size:14px;margin-right:15px}
#ckpet-app .ckpet-badge{font-size:12px;padding:4px 8px}
#ckpet-app .ckpet-chart text{font-size:13px}
#ckpet-app .ckpet-article{font-size:16px;line-height:1.85}#ckpet-app .ckpet-article p{margin:17px 0}
#ckpet-app .ckpet-article h3{font-size:22px;margin-top:30px;padding-top:16px;border-top:1px solid #e2e9dc}
#ckpet-app .ckpet-article-note{font-size:14px;background:#f7f1e1;line-height:1.7;border:1px solid #e5ddc2}
#ckpet-app .ckpet-breed-cover{display:block;width:100%;max-height:350px;object-fit:contain;background:#f0f4eb;border-radius:12px;margin-top:20px}
#ckpet-app .ckpet-image-credit{font-size:12px!important;line-height:1.65!important;color:#5c7262}
#ckpet-app .ckpet-page-guide{padding:17px 21px;border:1px solid #ccdcca;border-left:4px solid #62976d;border-radius:10px;background:#edf4e7;margin:0 0 20px;font-size:14px}
#ckpet-app .ckpet-page-guide>div{display:flex;align-items:start;justify-content:space-between;gap:20px}
#ckpet-app .ckpet-page-guide>div>a{white-space:nowrap;font-size:13px}
#ckpet-app .ckpet-page-guide summary{cursor:pointer;color:#2e6c52;margin-top:9px;font-weight:600}
#ckpet-app .ckpet-page-guide li{margin:7px 0}#ckpet-app .ckpet-page-guide p{margin-bottom:0}
#ckpet-app .ckpet-demo-guide{padding:19px 22px;background:#fffef8;border:1px solid #dedfc9}
#ckpet-app .ckpet-demo-guide h2{font-size:18px;margin-bottom:6px}#ckpet-app .ckpet-demo-guide p{font-size:14px;margin-bottom:9px}
#ckpet-app .ckpet-demo-guide .ckpet-actions{margin:12px 0;gap:8px}#ckpet-app .ckpet-demo-guide small{font-size:12px}
#ckpet-app .ckpet-help-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0 0}
#ckpet-app .ckpet-help-steps>div{background:#edf3e7;border:1px solid #d9e4d1;padding:22px;border-radius:11px}
#ckpet-app .ckpet-help-steps b{display:flex;align-items:center;justify-content:center;background:#247466;color:#fff;border-radius:50%;width:32px;height:32px}
#ckpet-app .ckpet-help-steps h3{font-size:18px}#ckpet-app .ckpet-help-steps p{font-size:14px}
#ckpet-app .ckpet-help-topic{border-top:1px solid #dce5d7;padding:17px 0}
#ckpet-app .ckpet-help-topic summary{font-size:16px;cursor:pointer;font-weight:650}
#ckpet-app .ckpet-help-topic p,#ckpet-app .ckpet-help-topic li{font-size:15px;margin-top:10px}
#ckpet-app .ckpet-consent{display:block;font-size:14px;line-height:1.7;margin:20px 0}
#ckpet-app .ckpet-menu-toggle{display:none}
#ckpet-app.ckpet-login{max-width:650px;background:#fff;padding:36px;border:1px solid #d6e3d0;border-radius:18px;margin:50px auto;box-shadow:0 12px 40px #254b2a12}
#ckpet-app.ckpet-login label{margin:18px 0}#ckpet-app.ckpet-login .ckpet-brand{padding:25px 0}
@media(max-width:1200px){#ckpet-app .ckpet-shell{grid-template-columns:225px minmax(0,1fr)}#ckpet-app .ckpet-main{padding:22px}#ckpet-app .ckpet-two-pane{grid-template-columns:minmax(230px,36%) minmax(0,1fr);gap:15px}#ckpet-app .ckpet-record-detail{padding:20px}#ckpet-app .ckpet-help-steps{grid-template-columns:1fr}}
@media(max-width:900px){#ckpet-app .ckpet-shell{display:block;position:relative}#ckpet-app .ckpet-sidebar{display:none}#ckpet-app .mobile-nav-open .ckpet-sidebar{display:block;border-bottom:1px solid #cbdcc6;padding:22px}#ckpet-app .ckpet-menu-toggle{display:inline-flex}#ckpet-app .ckpet-main{padding:22px}#ckpet-app .ckpet-two-pane{grid-template-columns:minmax(230px,36%) minmax(0,1fr)}#ckpet-app .ckpet-toolbar select{max-width:100%}#ckpet-app .ckpet-account{gap:13px}#ckpet-app .ckpet-page-guide>div{flex-wrap:wrap;gap:6px}}
@media(max-width:640px){body.ckpet-page #ckpet-app{width:calc(100% - 16px);margin:8px auto}#ckpet-app .ckpet-main{padding:16px}#ckpet-app .ckpet-header{gap:14px}#ckpet-app h1{font-size:28px}#ckpet-app .ckpet-account{font-size:13px}#ckpet-app .ckpet-two-pane{display:block}#ckpet-app .ckpet-record-list{max-height:350px;margin-bottom:16px}#ckpet-app .ckpet-record-detail{padding:20px}#ckpet-app .ckpet-form-grid,#ckpet-app .ckpet-fields{grid-template-columns:1fr}#ckpet-app .ckpet-stats{grid-template-columns:1fr}#ckpet-app .ckpet-stats>div{display:flex;align-items:center;justify-content:space-between;padding:16px}#ckpet-app .ckpet-stats strong{margin:0;font-size:26px}#ckpet-app .ckpet-pet-cards,#ckpet-app .ckpet-report-cards{grid-template-columns:1fr}#ckpet-app .ckpet-card{padding:20px}#ckpet-app .ckpet-toolbar{padding:12px}#ckpet-app .ckpet-search{min-width:0;width:100%;flex-basis:100%;flex-wrap:wrap}#ckpet-app .ckpet-search input{flex-basis:100%}#ckpet-app .ckpet-legend{gap:7px}#ckpet-app .ckpet-legend button{font-size:13px;padding:8px 10px}#ckpet-app .ckpet-demo-guide{padding:16px}#ckpet-app .ckpet-demo-guide form{display:grid;grid-template-columns:1fr;width:100%}#ckpet-app .ckpet-demo-guide form>input{display:none}#ckpet-app .ckpet-demo-guide button{width:100%}#ckpet-app .ckpet-table{display:block;overflow-x:auto}#ckpet-app .ckpet-article{font-size:16px}#ckpet-app .ckpet-year{grid-template-columns:1fr}#ckpet-app.ckpet-login{width:calc(100% - 24px);padding:24px;margin:20px auto}#ckpet-app .ckpet-detail-head{gap:12px;flex-wrap:wrap}}
@media print{#ckpet-app{font-size:12pt}#ckpet-app .ckpet-shell{display:block;box-shadow:none}#ckpet-app .ckpet-main{padding:0}#ckpet-app .ckpet-sidebar,#ckpet-app .ckpet-menu-toggle,#ckpet-app .ckpet-page-guide{display:none!important}#ckpet-app .ckpet-record-detail{padding:0;border:0}#ckpet-app .ckpet-breed-cover{max-height:250px}#ckpet-app .ckpet-record-list{max-height:none}}

#ckpet-app .ckpet-search{flex:1 1 420px;min-width:min(420px,100%)}#ckpet-app .ckpet-search input{min-width:150px;flex:1}#ckpet-app .ckpet-footer>a{margin-right:16px;font-size:13px}@media(max-width:640px){#ckpet-app .ckpet-search{flex-basis:100%;min-width:0}}

#ckpet-app .ckpet-table-scroll{max-width:100%;overflow-x:auto}#ckpet-app .ckpet-table-scroll table{display:table;width:100%}@media(max-width:800px){#ckpet-app .ckpet-account{flex-direction:row;align-items:center;justify-content:flex-start;width:100%;gap:12px}#ckpet-app .ckpet-header>div:first-child{width:100%}}@media(max-width:640px){#ckpet-app .ckpet-table-scroll table{min-width:600px}#ckpet-app .ckpet-table-scroll:before{content:"Swipe across the table to see all columns →";display:block;font-size:12px;color:#526d60;margin:7px 0}#ckpet-app .ckpet-table-scroll td,#ckpet-app .ckpet-table-scroll th{white-space:normal;font-size:13px}}

/* v2.3: consolidated actions and focused breed matching */
.ckpet-toolbar{flex-wrap:wrap;align-items:center}.ckpet-toolbar .ckpet-record-tools{width:100%;margin:0;padding:10px 0 0;border-top:1px solid #dbe5de;display:flex;flex-wrap:wrap;gap:8px}.ckpet-toolbar label.ckpet-inline{margin:0}.ckpet-matcher-filters>details{border-bottom:1px solid #dce5df;padding:12px 0}.ckpet-matcher-filters summary{cursor:pointer;font-weight:700}.ckpet-match-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.ckpet-match-grid article{border:1px solid #dce5df;border-radius:12px;padding:16px}.ckpet-match-grid .ckpet-photo{width:100%;height:150px;object-fit:cover}.ckpet-fields dd{white-space:pre-line;overflow-wrap:anywhere}.ckpet-matcher-filters input{margin-top:6px}.ckpet-actions form{margin:0}
.ckpet-property-table{width:100%;table-layout:fixed;border-collapse:collapse}.ckpet-property-table th,.ckpet-property-table td{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid #dce5df;overflow-wrap:anywhere;white-space:pre-line}.ckpet-property-table th:first-child{width:34%}.ckpet-property-table small{font-weight:400}.ckpet-property-table thead{background:#edf4ec}

/* Record actions and filters occupy the first toolbar row on every record page. */
#ckpet-app .ckpet-toolbar .ckpet-record-tools{flex:0 0 100%;width:100%;margin:0;padding:0 0 10px;border-top:0;border-bottom:1px solid #dbe5de;display:flex;align-items:center;flex-wrap:wrap;gap:8px}
#ckpet-app .ckpet-toolbar .ckpet-record-tools label.ckpet-inline{margin:0;gap:7px}
#ckpet-app .ckpet-toolbar .ckpet-record-tools select{margin:0}

.ckpet-health-summary{padding:22px;background:#f1f6f3;border:1px solid #ceded3;border-left:4px solid #287365;border-radius:12px;margin:24px 0}.ckpet-health-summary>div{margin:14px 0;line-height:1.65}.ckpet-property-table td>div+div{margin-top:12px}
