/* /animal_pet_sitting/static/src/css/pet_sitting_share.css */
.o_pet_public_shell{--pet-green: #244f46; --pet-green-soft: #e7f0ec; --pet-cream: #f7f0e5; --pet-coral: #c56b4f; --pet-ink: #243631; width: min(980px, calc(100% - 28px)); margin: 28px auto 64px; color: var(--pet-ink);}.o_pet_public_hero{overflow: hidden; border-radius: 28px; background: linear-gradient(135deg, #183b35, #315f55); color: #fff; box-shadow: 0 18px 50px rgba(31, 70, 62, .18);}.o_pet_public_brand{display: flex; align-items: center; gap: 12px; padding: 20px 24px; border-bottom: 1px solid rgba(255, 255, 255, .14);}.o_pet_public_brand img{width: 48px; height: 48px; object-fit: contain; border-radius: 12px; background: #fff; padding: 4px;}.o_pet_public_brand div{display: grid;}.o_pet_public_brand span{color: rgba(255, 255, 255, .7); font-size: .75rem; letter-spacing: .08em; text-transform: uppercase;}.o_pet_public_brand strong{font-size: 1.05rem;}.o_pet_public_hero_content{padding: 34px 34px 38px;}.o_pet_public_kicker{display: inline-flex; align-items: center; gap: 8px; color: #e9c7ae; font-size: .82rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;}.o_pet_public_hero h1{max-width: 720px; margin: 12px 0 8px; color: #fff; font-family: "Fraunces", Georgia, serif; font-size: clamp(2rem, 5vw, 3.7rem); line-height: 1.05;}.o_pet_public_hero p{margin: 0 0 20px; color: rgba(255, 255, 255, .78);}.o_pet_public_status{display: inline-flex; padding: 7px 13px; border-radius: 999px; background: rgba(255, 255, 255, .14); font-size: .86rem; font-weight: 700;}.o_pet_public_status.state-done{background: #dff3e7; color: #26613f;}.o_pet_public_status.state-cancelled{background: #f9dfdc; color: #8b3028;}.o_pet_public_card{margin-top: 18px; padding: 24px; border: 1px solid #e1e9e5; border-radius: 22px; background: #fff; box-shadow: 0 9px 32px rgba(38, 66, 58, .07);}.o_pet_public_card_title{display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 20px;}.o_pet_public_card_title div{display: grid;}.o_pet_public_card_title span{color: var(--pet-coral); font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;}.o_pet_public_card_title h2{margin: 2px 0 0; color: var(--pet-green); font-family: "Fraunces", Georgia, serif; font-size: 1.55rem;}.o_pet_public_card_title > i{display: grid; width: 42px; height: 42px; place-items: center; border-radius: 14px; background: var(--pet-green-soft); color: var(--pet-green); font-size: 1.1rem;}.o_pet_public_summary_grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;}.o_pet_public_summary_grid > div{display: grid; gap: 4px; min-width: 0; padding: 16px; border-radius: 15px; background: #f7faf8;}.o_pet_public_summary_grid small{color: #6f817b;}.o_pet_public_summary_grid strong{overflow-wrap: anywhere;}.o_pet_public_quick_report{display: flex; align-items: center; gap: 10px; margin-bottom: 14px; padding: 14px 16px; border-radius: 14px; background: var(--pet-green-soft); color: var(--pet-green);}.o_pet_public_quick_report.compact{margin: 10px 0; padding: 10px 12px;}.o_pet_public_rich_text > :last-child{margin-bottom: 0;}.o_pet_public_checklist{display: grid; gap: 9px; margin: 0; padding: 0; list-style: none;}.o_pet_public_checklist li{display: flex; align-items: flex-start; gap: 10px; color: #6c7975;}.o_pet_public_checklist li.is-done{color: var(--pet-green);}.o_pet_public_checklist li i{margin-top: 3px;}.o_pet_public_checklist.compact{gap: 6px; font-size: .9rem;}.o_pet_public_media_grid{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px;}.o_pet_public_media_grid.compact{margin-top: 12px; grid-template-columns: repeat(3, minmax(0, 180px));}.o_pet_public_media{min-width: 0; margin: 0;}.o_pet_public_media img, .o_pet_public_video_player video{display: block; width: 100%; aspect-ratio: 1 / 1; border-radius: 15px; background: #edf2ef;}.o_pet_public_media img{object-fit: cover;}.o_pet_public_video_player{position: relative; min-width: 0;}.o_pet_public_video_player video{object-fit: contain; background: #18231f;}.o_pet_public_video_toolbar{display: none; gap: 7px; margin-top: 7px;}.o_pet_public_video_player.is-video-enhanced .o_pet_public_video_toolbar{display: grid;}.o_pet_public_video_playback{display: grid; grid-template-columns: auto minmax(60px, 1fr) auto; align-items: center; gap: 7px;}.o_pet_public_video_actions{display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px;}.o_pet_public_video_toolbar button, .o_pet_public_video_menu_panel button, .o_pet_public_video_close{display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 8px 12px; border: 1px solid #ccdcd5; border-radius: 11px; background: #f5f9f7; color: #28594e; font: inherit; font-size: .85rem; font-weight: 700; touch-action: manipulation;}.o_pet_public_video_playback > button{width: 44px; padding: 8px;}.o_pet_public_video_playback input[type="range"]{width: 100%; min-width: 0; accent-color: #2d6658; touch-action: pan-x;}.o_pet_public_video_playback > span{color: #667a73; font-size: .72rem; font-variant-numeric: tabular-nums; white-space: nowrap;}.o_pet_public_video_menu{position: relative;}.o_pet_public_video_menu > button{min-width: 44px;}.o_pet_public_video_menu_panel{position: absolute; right: 0; bottom: calc(100% + 7px); z-index: 20; display: grid; width: min(230px, calc(100vw - 40px)); gap: 5px; padding: 7px; border: 1px solid #d8e3de; border-radius: 14px; background: #fff; box-shadow: 0 14px 34px rgba(28, 61, 52, .22);}.o_pet_public_video_menu_panel[hidden]{display: none;}.o_pet_public_video_menu_panel button{justify-content: flex-start; border: 0; background: transparent;}.o_pet_public_video_menu_panel button:active{background: #e8f1ed;}.o_pet_public_video_close{display: none; position: absolute; top: max(12px, env(safe-area-inset-top)); right: max(12px, env(safe-area-inset-right)); z-index: 30; border-color: rgba(255, 255, 255, .28); background: rgba(10, 18, 15, .82); color: #fff;}.o_pet_public_video_player:fullscreen, .o_pet_public_video_player:-webkit-full-screen, .o_pet_public_video_player.is-fallback-fullscreen{display: grid; width: 100vw; height: 100vh; grid-template-rows: minmax(0, 1fr) auto; padding: max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left)); background: #050807;}.o_pet_public_video_player:fullscreen video, .o_pet_public_video_player:-webkit-full-screen video, .o_pet_public_video_player.is-fallback-fullscreen video{width: 100%; height: 100%; min-height: 0; aspect-ratio: auto; border-radius: 0;}.o_pet_public_video_player:fullscreen .o_pet_public_video_toolbar, .o_pet_public_video_player:-webkit-full-screen .o_pet_public_video_toolbar, .o_pet_public_video_player.is-fallback-fullscreen .o_pet_public_video_toolbar{margin: 8px 0 0; padding-bottom: env(safe-area-inset-bottom);}.o_pet_public_video_player.is-fallback-fullscreen{position: fixed; inset: 0; z-index: 2147483000;}.o_pet_public_video_player.is-fallback-fullscreen .o_pet_public_video_close{display: inline-flex;}body.o_pet_public_video_fallback_open{overflow: hidden;}.o_pet_public_media figcaption{padding: 7px 3px 0; color: #6f817b; font-size: .82rem;}.o_pet_public_timeline{display: grid; gap: 0;}.o_pet_public_occurrence{display: grid; grid-template-columns: 38px 1fr; position: relative;}.o_pet_public_occurrence:not(:last-child)::before{content: ""; position: absolute; top: 34px; bottom: -6px; left: 15px; width: 2px; background: #dce8e3;}.o_pet_public_occurrence_marker{display: grid; z-index: 1; width: 31px; height: 31px; place-items: center; border-radius: 50%; background: #edf2ef; color: #82938d;}.o_pet_public_occurrence.is-done .o_pet_public_occurrence_marker{background: var(--pet-green); color: #fff;}.o_pet_public_occurrence_body{min-width: 0; padding: 2px 0 24px 8px;}.o_pet_public_occurrence_heading{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px;}.o_pet_public_occurrence_heading span{color: #70817b; font-size: .82rem; font-weight: 700;}.o_pet_public_occurrence_body > p{margin: 10px 0;}.o_pet_public_account{display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 18px; margin-top: 18px; padding: 24px; border: 1px solid #d9e5df; border-radius: 22px; background: #fff; box-shadow: 0 12px 30px rgba(31, 72, 61, .1);}.o_pet_public_account[hidden], .o_pet_public_account_actions [hidden], .o_pet_public_account_copy [hidden]{display: none;}.o_pet_public_account_icon{display: grid; width: 62px; height: 62px; place-items: center; border-radius: 17px; background: #e5f2ec; color: #28594e; font-size: 1.75rem;}.o_pet_public_account_copy > span{color: #a16a3e; font-size: .73rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;}.o_pet_public_account_copy h2{margin: 3px 0 5px; color: #244c42; font-size: 1.3rem;}.o_pet_public_account_copy p{margin: 0; color: #667a73;}.o_pet_public_account_copy small{display: block; margin-top: 7px; color: #648178;}.o_pet_public_account_actions{display: grid; min-width: 205px; gap: 8px;}.o_pet_public_account_actions form{display: grid; margin: 0;}.o_pet_public_account_actions a, .o_pet_public_account_actions button{display: inline-flex; min-height: 46px; align-items: center; justify-content: center; gap: 7px; padding: 10px 15px; border: 1px solid #2b6254; border-radius: 12px; font: inherit; font-weight: 800; text-align: center; text-decoration: none; touch-action: manipulation;}.o_pet_public_account_actions .is-primary{background: #2b6254; color: #fff;}.o_pet_public_account_actions .is-secondary{background: #fff; color: #2b6254;}.o_pet_public_account_actions .is-link{min-height: auto; padding: 4px 8px; border: 0; color: #58756c; font-size: .82rem; font-weight: 700; text-decoration: underline;}.o_pet_public_account_feedback{display: flex; grid-column: 1 / -1; align-items: flex-start; gap: 9px; padding: 12px 14px; border-radius: 12px; background: #edf6f1; color: #28594e;}.o_pet_public_account_feedback.is-warning{background: #fff4df; color: #7b591e;}.o_pet_public_install{display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 18px; margin-top: 18px; padding: 24px; border-radius: 22px; background: linear-gradient(135deg, #214f43 0%, #2e6a5a 100%); box-shadow: 0 15px 34px rgba(31, 72, 61, .19); color: #fff;}.o_pet_public_install[hidden]{display: none;}.o_pet_public_install_icon{display: grid; width: 66px; height: 66px; place-items: center; overflow: hidden; border-radius: 17px; background: #fff; color: #28594e; font-size: 1.7rem;}.o_pet_public_install_icon img{width: 100%; height: 100%; object-fit: contain;}.o_pet_public_install_copy > span{color: #d8b896; font-size: .73rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;}.o_pet_public_install_copy h2{margin: 3px 0 5px; color: #fff; font-size: 1.35rem;}.o_pet_public_install_copy p{margin: 0; color: rgba(255, 255, 255, .85);}.o_pet_public_install_copy small{display: block; margin-top: 7px; color: #dff3e9;}.o_pet_public_install_actions{display: grid; min-width: 190px; gap: 8px;}.o_pet_public_install_actions button, .o_pet_public_install_help > button{min-height: 46px; padding: 10px 15px; border: 1px solid #fff; border-radius: 12px; background: #fff; color: #235146; font: inherit; font-weight: 800; touch-action: manipulation;}.o_pet_public_install_actions button.is-secondary{border-color: rgba(255, 255, 255, .38); background: transparent; color: #fff;}.o_pet_public_install_help{display: grid; grid-column: 1 / -1; gap: 12px; padding: 17px; border-radius: 15px; background: #fff; color: #314e46;}.o_pet_public_install_help[hidden], .o_pet_public_install_help [hidden]{display: none;}.o_pet_public_install_help ol{margin: 8px 0 0; padding-left: 22px;}.o_pet_public_install_help li + li{margin-top: 5px;}.o_pet_public_install_help p{margin: 9px 0 0; color: #587069;}.o_pet_public_install_help > button{justify-self: start; border-color: #c8d9d2; background: #edf5f1;}.o_pet_public_install_feedback{grid-column: 1 / -1; min-height: 0; margin: 0; color: #fff;}.o_pet_public_install_feedback:empty{display: none;}.o_pet_public_privacy{display: flex; gap: 14px; margin-top: 18px; padding: 20px 22px; border-radius: 18px; background: var(--pet-cream); color: #5f574c;}.o_pet_public_privacy > i{margin-top: 4px;}.o_pet_public_privacy p{margin: 3px 0 0; font-size: .88rem;}.o_pet_sitting_share_panel{display: grid; gap: 12px;}.o_pet_sitting_share_heading{display: flex; align-items: center; justify-content: space-between; gap: 12px;}.o_pet_sitting_share_heading > div{display: grid;}.o_pet_sitting_share_heading small{color: #6d8179; font-weight: 700; text-transform: uppercase; letter-spacing: .06em;}.o_pet_sitting_share_heading > i{color: #2f6658; font-size: 1.2rem;}.o_pet_sitting_share_panel > p{margin: 0; color: #60716b; font-size: .88rem;}.o_pet_sitting_secure_link{display: grid; grid-template-columns: 1fr auto; gap: 8px;}.o_pet_sitting_secure_link input{min-width: 0; padding: 11px; border: 1px solid #d2ded9; border-radius: 11px; background: #f8faf9; font-size: .78rem;}.o_pet_sitting_secure_link button, .o_pet_sitting_share_actions a, .o_pet_sitting_share_actions button, .o_pet_sitting_share_regenerate{display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 42px; padding: 9px 12px; border: 1px solid #bfd1ca; border-radius: 11px; background: #fff; color: #2d5b50; font-weight: 700; text-decoration: none;}.o_pet_sitting_share_actions{display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px;}.o_pet_sitting_share_stats{color: #71817b;}.o_pet_sitting_share_feedback{min-height: 20px; color: #2f7a45; font-size: .84rem;}.o_pet_sitting_share_feedback.is-error{color: #a33029;}.o_pet_sitting_share_revoke{text-align: center;}.o_pet_sitting_share_revoke button{border: 0; background: transparent; color: #a33029;}.o_pet_sitting_share_revoked{color: #8b3028 !important;}@media (max-width: 640px){.o_pet_public_shell{width: min(100% - 18px, 980px); margin-top: 10px;}.o_pet_public_hero{border-radius: 20px;}.o_pet_public_brand{padding: 15px 17px;}.o_pet_public_hero_content{padding: 25px 19px 28px;}.o_pet_public_card{padding: 18px; border-radius: 18px;}.o_pet_public_summary_grid{grid-template-columns: 1fr;}.o_pet_public_media_grid{grid-template-columns: repeat(2, minmax(0, 1fr));}.o_pet_public_media_grid.compact{grid-template-columns: repeat(2, minmax(0, 1fr));}.o_pet_public_account{grid-template-columns: auto minmax(0, 1fr); padding: 19px;}.o_pet_public_account_actions{grid-column: 1 / -1; min-width: 0;}.o_pet_public_install{grid-template-columns: auto minmax(0, 1fr); padding: 19px;}.o_pet_public_install_actions{grid-column: 1 / -1; min-width: 0;}}@media (max-width: 480px){.o_pet_public_media_grid, .o_pet_public_media_grid.compact{grid-template-columns: 1fr;}.o_pet_public_video_toolbar button{font-size: .9rem;}}