.calendar-workspace{min-width:0;--calendar-fill:16%}.calendar-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.calendar-heading h1{margin:0;font-size:34px;letter-spacing:-1px}.calendar-heading p:last-child{color:var(--muted);font-size:13px;line-height:1.6;margin:8px 0 0}.calendar-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;margin-bottom:15px}.calendar-date-controls,.calendar-views{display:flex;align-items:center;gap:6px}.calendar-controls button,.calendar-filters button{min-height:40px;border:1px solid var(--line);background:var(--surface-2);border-radius:7px;color:var(--text);padding:8px 14px;font:inherit;font-size:13px;cursor:pointer}.calendar-controls button:hover,.calendar-filters button:hover{border-color:var(--teal)}.calendar-controls button[aria-pressed=true],.calendar-filters button[aria-pressed=true]{background:color-mix(in srgb,var(--teal) 13%,var(--surface));border-color:var(--teal);color:var(--text)}.calendar-controls button:disabled{opacity:.5;cursor:wait}.calendar-date-label{font-size:0}.calendar-date-label input{font:inherit;font-size:14px;min-height:40px;padding:8px 10px;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:7px;color-scheme:dark}.calendar-views{padding:4px;background:var(--surface-2);border-radius:9px}.calendar-views button{border-color:transparent}.calendar-filters{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;margin-bottom:18px}.calendar-filters fieldset{display:flex;flex-wrap:wrap;gap:6px;min-width:0;margin:0;padding:0;border:0}.calendar-filter-options label,.calendar-filters legend{color:var(--muted);font-size:12px;font-weight:650}.calendar-filters legend{margin-bottom:8px}.calendar-filters button{min-height:34px;padding:6px 12px;font-size:12px}.calendar-filter-options{display:flex;align-items:center;gap:14px;flex-shrink:0}.calendar-filter-options label{display:flex;gap:6px;flex-direction:column}.calendar-filter-options select{padding:8px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2);color:var(--text);font:inherit}.calendar-filter-options .calendar-cancelled-filter{flex-direction:row;align-items:center}.calendar-cancelled-filter input{accent-color:var(--teal);width:16px;height:16px}.calendar-period{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.calendar-period h2{font-size:19px;margin:0}.calendar-legend,.calendar-period>span{color:var(--muted);font-size:12px}.calendar-legend{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:16px}.calendar-legend span{display:flex;align-items:center;gap:6px}.calendar-legend i{width:8px;height:8px;border-radius:3px}.calendar-empty-note{font-size:13px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;color:var(--muted)}.calendar-scroll{overflow:auto;max-height:72vh;min-height:280px;border:1px solid var(--line);border-radius:10px;background:var(--surface);scrollbar-color:var(--line) var(--surface)}.calendar-grid{display:grid;grid-template-columns:64px repeat(var(--columns),minmax(225px,1fr));width:100%;position:relative}.calendar-grid.week{grid-template-columns:64px repeat(var(--columns),minmax(150px,1fr))}.calendar-column-heading,.calendar-grid-corner{position:sticky;top:0;z-index:5;min-height:65px;background:var(--surface-2);border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;padding:10px 12px;gap:5px}.calendar-column-heading strong{font-size:14px}.calendar-column-heading small{font-size:11px;color:var(--muted)}.calendar-grid-corner{left:0;z-index:6;font-size:10px;color:var(--muted)}.calendar-time-column{position:sticky;left:0;z-index:4;background:var(--surface-2);border-right:1px solid var(--line)}.calendar-time-column>span{position:absolute;left:0;right:0;font-size:11px;color:var(--muted);text-align:center;padding-top:6px}.calendar-day-column{position:relative;min-width:0;border-right:1px solid var(--line);background-image:linear-gradient(to bottom,var(--line-soft) 1px,transparent 1px)}.calendar-card{position:absolute;display:flex;flex-direction:column;gap:5px;padding:8px 9px;overflow:hidden;border:1px solid color-mix(in srgb,var(--appointment-colour) 35%,var(--line));border-left:4px solid var(--appointment-colour);border-radius:7px;background:color-mix(in srgb,var(--appointment-colour) var(--calendar-fill),var(--surface));color:var(--text);cursor:pointer;text-align:left;container-type:inline-size}.calendar-card:hover{filter:brightness(1.12);box-shadow:0 2px 10px #0002}.calendar-agenda-row:focus-visible,.calendar-card:focus-visible{outline:3px solid var(--teal);outline-offset:1px;z-index:3}.calendar-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}.calendar-card-top strong{font-size:15px;white-space:nowrap}.calendar-card-top time{font-size:12px;font-weight:750;white-space:nowrap}.calendar-card-customer{display:block;font-size:13px;font-weight:750;text-align:center;margin:auto 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-card-customer>span{color:var(--muted);font-size:12px}.calendar-card-meta{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:11px;min-width:0;overflow:hidden;white-space:nowrap}.calendar-card-products{font-size:12px;font-weight:650;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.calendar-status{display:inline-block;width:max-content;max-width:100%;padding:3px 7px;border:1px solid var(--line);border-radius:5px;font-size:10px;font-weight:650;text-transform:capitalize;background:var(--surface);color:var(--muted)}.calendar-status.completed{color:var(--green)}.calendar-agenda-row.cancelled,.calendar-card.cancelled{opacity:.65}.calendar-card.cancelled .calendar-card-customer{text-decoration:line-through}.calendar-card.short{padding:3px 6px;gap:1px}.calendar-card.short .calendar-card-top strong{font-size:11px}.calendar-card.short .calendar-card-top time{font-size:10px}.calendar-card.short .calendar-card-customer{font-size:11px;text-align:left}.calendar-footnote{color:var(--muted);font-size:12px;line-height:1.6;margin:14px 0}.calendar-empty{padding:30px;text-align:center}.calendar-empty h2{font-size:18px}.calendar-empty p{color:var(--muted);font-size:13px}.calendar-agenda{display:grid;gap:12px}.calendar-agenda>section{overflow:hidden;padding:0}.calendar-agenda h3{font-size:14px;margin:0;padding:14px 18px;border-bottom:1px solid var(--line)}.calendar-agenda-row{width:100%;display:grid;grid-template-columns:115px 1.3fr 1fr 90px;align-items:center;gap:15px;padding:16px;border:0;border-bottom:1px solid var(--line-soft);border-left:4px solid var(--appointment-colour);background:var(--surface);color:var(--text);text-align:left;cursor:pointer}.calendar-agenda-row:hover{background:var(--surface-2)}.calendar-agenda-row>time{font-size:13px;font-weight:750}.calendar-agenda-row>span:not(.calendar-status){display:flex;flex-direction:column;gap:5px}.calendar-agenda-row strong{font-size:13px}.calendar-agenda-empty,.calendar-agenda-row small{color:var(--muted);font-size:12px}.calendar-agenda-empty{padding:14px 18px;margin:0}.calendar-dialog{width:min(570px,calc(100vw - 28px));max-height:90vh;padding:0;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:0 20px 80px #0007}.calendar-dialog::backdrop{background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.calendar-dialog>header{padding:22px;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.calendar-dialog h2{font-size:25px;margin:8px 0}.calendar-dialog header p:last-child{font-size:13px;color:var(--muted);margin:0}.calendar-dialog header button{width:36px;height:36px;background:var(--surface-2);border:1px solid var(--line);border-radius:7px;color:var(--text);font-size:24px;cursor:pointer}.calendar-dialog-body{padding:20px 22px}.calendar-dialog dl{margin:16px 0 0}.calendar-dialog dl>div{display:grid;grid-template-columns:160px 1fr;gap:15px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.calendar-dialog dt{font-size:12px;color:var(--muted)}.calendar-dialog dd{font-size:13px;font-weight:650;margin:0;line-height:1.5}.calendar-notes{white-space:pre-wrap;overflow-wrap:anywhere}.calendar-dialog footer{padding:16px 22px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.calendar-dialog footer a{font-size:12px;text-decoration:none}[data-theme=light] .calendar-workspace{--calendar-fill:24%}[data-theme=light] .calendar-date-label input{color-scheme:light}@container (max-width:170px){.calendar-card-top{flex-wrap:wrap;gap:2px}.calendar-card-top strong{font-size:12px}.calendar-card-top time{font-size:10px}.calendar-card-customer{font-size:11px;text-align:left}.calendar-card-customer>span{display:none}.calendar-card-meta,.calendar-card-products{font-size:10px}.calendar-card.short .calendar-card-top{flex-wrap:nowrap}}@media(max-width:1000px){.calendar-filters{flex-direction:column;align-items:stretch}.calendar-filter-options{justify-content:space-between}}@media(max-width:600px){.calendar-heading{align-items:flex-start}.calendar-heading h1{font-size:28px}.calendar-heading>button{font-size:11px;padding:8px;white-space:nowrap}.calendar-heading p:last-child{font-size:12px}.calendar-controls{flex-direction:column;align-items:stretch}.calendar-date-controls{justify-content:space-between}.calendar-controls button{padding:8px 11px}.calendar-views{justify-content:stretch}.calendar-views button{flex:1 1}.calendar-period h2{font-size:15px}.calendar-period>span{font-size:11px}.calendar-legend{gap:10px;font-size:10px}.calendar-grid.day{grid-template-columns:45px repeat(var(--columns),minmax(calc((100vw - 82px)/3),1fr))}.calendar-grid.week{grid-template-columns:45px repeat(var(--columns),minmax(160px,1fr))}.calendar-column-heading{padding:8px 6px}.calendar-column-heading strong{font-size:12px}.calendar-column-heading small{font-size:10px}.calendar-grid-corner{font-size:9px;padding:4px}.calendar-time-column>span{font-size:9px}.calendar-card{padding:5px 4px}.calendar-scroll{max-height:65vh}.calendar-agenda-row{grid-template-columns:80px 1fr;gap:10px;padding:12px}.calendar-agenda-row>time{font-size:11px}.calendar-agenda-row .calendar-status,.calendar-agenda-row>span:nth-child(3){grid-column:2}.calendar-dialog dl>div{grid-template-columns:1fr;gap:5px}.calendar-footnote{font-size:11px}}.calendar-staff-heading{display:flex;align-items:center;gap:7px;min-width:0}.calendar-staff-heading>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-summary-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 27px;width:27px;height:27px;padding:0;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--muted);cursor:pointer}.calendar-summary-button:hover{color:var(--teal);border-color:var(--teal);background:var(--surface-3)}.calendar-summary-button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.calendar-staff-summary{width:min(360px,calc(100vw - 28px))}.calendar-staff-summary>header{padding:18px 20px}.calendar-staff-summary h2{font-size:23px}.calendar-summary-body{padding:18px 20px}.calendar-summary-products,.calendar-summary-visits{list-style:none;padding:0;margin:0}.calendar-summary-visits{display:grid;gap:12px;margin-bottom:20px}.calendar-summary-visits li{display:flex;align-items:center;gap:8px;font-size:15px}.calendar-summary-visits i{width:8px;height:8px;border-radius:3px;margin-right:3px}.calendar-summary-visits strong{font-size:18px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.calendar-summary-total{display:flex;align-items:center;gap:13px;padding:16px 0;border-top:1px solid var(--line)}.calendar-summary-total>strong{font-size:32px;line-height:1;color:var(--teal);letter-spacing:-1px}.calendar-summary-total>span{font-size:13px;font-weight:650;line-height:1.5;max-width:170px}.calendar-summary-products{display:grid;gap:10px;padding:4px 0 8px}.calendar-summary-products li{display:flex;align-items:baseline;gap:10px;font-size:14px}.calendar-summary-products strong{min-width:22px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.calendar-summary-products span{overflow-wrap:anywhere}.calendar-summary-empty{font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 14px}.calendar-summary-note{font-size:11px;line-height:1.5;color:var(--muted);border-top:1px solid var(--line);padding-top:13px;margin:12px 0 0}@media(max-width:600px){.calendar-staff-heading{gap:3px}.calendar-summary-button{flex-basis:25px;width:25px;height:28px}.calendar-staff-heading>strong{font-size:11px}}.calendar-heading-actions,.calendar-plan-actions,.calendar-route-links{display:flex;gap:8px;flex-wrap:wrap}.calendar-planning-dialog{width:min(660px,calc(100vw - 28px))}.calendar-plan-body{padding:20px;display:grid;gap:16px}.calendar-plan-body label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}.calendar-plan-body input:not([type=checkbox]),.calendar-plan-body select,.calendar-plan-body textarea{width:100%;min-height:39px;padding:8px 10px;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:7px;font:inherit;color-scheme:dark}.calendar-plan-body textarea{min-height:65px}.calendar-plan-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.calendar-plan-body fieldset{display:flex;flex-wrap:wrap;gap:10px;border:1px solid var(--line);border-radius:8px;padding:13px}.calendar-plan-body legend{font-size:12px;color:var(--muted);padding:0 5px}.calendar-plan-body .calendar-plan-check{display:flex;flex-direction:row;align-items:center;gap:6px;font-size:13px;color:var(--text)}.calendar-plan-check input{accent-color:var(--teal);width:17px;height:17px}.calendar-plan-note{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.calendar-plan-error{border-left:3px solid var(--orange);padding:10px 12px;background:var(--surface-2);font-size:13px;line-height:1.6}.calendar-route-stops{margin:0;padding-left:22px}.calendar-route-stops li{padding:9px 0;font-size:13px}.calendar-route-stops span{display:block;color:var(--muted);font-size:12px;margin-top:5px}.calendar-route-links a{text-decoration:none;font-size:12px}.calendar-slot-section{border:1px solid var(--line);border-radius:9px;padding:14px;display:grid;gap:12px}.calendar-slot-section h3{font-size:15px;margin:0}.calendar-slot-results{display:grid;gap:7px;max-height:280px;overflow:auto}.calendar-slot-results>button{display:flex;flex-direction:column;gap:6px;text-align:left;padding:12px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2);color:var(--text);cursor:pointer;font:inherit;font-size:12px}.calendar-slot-results>button:hover{border-color:var(--teal)}.calendar-slot-results span{color:var(--muted)}.calendar-move-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px}.calendar-move-compare article{padding:14px;border:1px solid var(--line);border-radius:8px}.calendar-move-compare h3{font-size:14px}.calendar-move-compare p{font-size:13px;line-height:1.5}.calendar-move-notice{display:flex;align-items:center;gap:10px;border:1px solid var(--teal);padding:12px;border-radius:8px;margin-bottom:14px;font-size:13px}.calendar-move-notice button{background:var(--surface-2);color:var(--text);border:1px solid var(--line);padding:8px;cursor:pointer;border-radius:5px}.calendar-stock-alert{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px;border:1px solid var(--orange);border-radius:8px;margin-bottom:14px;font-size:12px}.calendar-stock-alert>button{padding:8px 10px;background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:5px;cursor:pointer}.calendar-card[draggable=true]{cursor:grab}.calendar-card[draggable=true]:active{cursor:grabbing}.calendar-dialog footer{flex-wrap:wrap}.calendar-dialog dd a{color:var(--teal)}[data-theme=light] .calendar-plan-body input{color-scheme:light}@media(max-width:600px){.calendar-heading{flex-wrap:wrap}.calendar-heading-actions{width:100%}.calendar-heading-actions button{font-size:11px;padding:8px}.calendar-move-compare{grid-template-columns:1fr}}.calendar-plan-body button:disabled{opacity:.45;cursor:not-allowed}.calendar-closed-time{position:absolute;left:0;right:0;pointer-events:none;background:repeating-linear-gradient(135deg,rgba(128,128,128,.15),rgba(128,128,128,.15) 7px,rgba(128,128,128,.23) 0,rgba(128,128,128,.23) 8px);color:var(--muted);overflow:hidden}.calendar-closed-time>span{display:block;padding:8px;font-size:11px}.calendar-card{z-index:1}.calendar-off-label{color:var(--muted);background:color-mix(in srgb,var(--muted) 15%,transparent);border-radius:4px;padding:3px 5px}.calendar-hours-unknown{font-size:10px!important;color:var(--muted)}.calendar-views{flex-wrap:wrap}.calendar-quick-move{width:min(420px,calc(100vw - 28px))}.calendar-quick-move h2{font-size:22px}.calendar-quick-summary{margin:0;font-size:14px;line-height:1.6}.calendar-quick-summary span{display:block;color:var(--muted);font-size:12px}.calendar-quick-move .calendar-plan-actions{justify-content:flex-end}.calendar-plan-body .calendar-create-fields{display:grid;gap:16px;border:0;padding:0;margin:0;min-width:0}.calendar-create-fields>div{min-width:0}.calendar-time-off-list{border-top:1px solid var(--line);padding-top:16px}.calendar-time-off-list h3{margin:0 0 8px;font-size:16px}.calendar-time-off-list article{padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.calendar-time-off-list article p{color:var(--muted);line-height:1.6}.calendar-survey-options{display:grid;gap:12px}.calendar-route-review>li,.calendar-route-totals,.calendar-survey-options article{border:1px solid var(--line);padding:15px;border-radius:9px;background:var(--surface-2)}.calendar-survey-options h3{margin:0 0 12px;font-size:17px}.calendar-route-review p,.calendar-route-totals p,.calendar-survey-options p{font-size:13px;line-height:1.5;color:var(--muted)}.calendar-booking-page{max-width:850px;margin:30px auto;padding:16px}.calendar-booking-page .calendar-dialog{display:block;position:static;width:100%;max-height:none;margin:0}.calendar-route-planner{width:min(800px,calc(100vw - 28px))}.calendar-route-review{padding:0;list-style:none;display:grid;gap:12px;margin:0}.calendar-route-review>li[draggable=true]{cursor:grab}.calendar-route-review .calendar-route-proposed{color:var(--teal);font-weight:650}.calendar-card-location{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:12px;flex-shrink:0;text-align:left}.calendar-card-location strong{white-space:nowrap}.calendar-card-location>span{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-card.short .calendar-card-location{font-size:10px}.calendar-history{margin-top:20px;font-size:12px}.calendar-history h3{font-size:15px}.calendar-history article{padding:12px 0;border-top:1px solid var(--line)}.calendar-history p{line-height:1.5;margin:5px 0;color:var(--muted)}.survey-wizard{max-width:1000px;margin:0 auto;padding:24px}.survey-wizard-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.survey-wizard-heading h1{margin:4px 0;font-size:30px}.survey-wizard-heading p{color:var(--muted)}.survey-steps{display:flex;gap:8px;list-style:none;padding:0;flex-wrap:wrap;margin:24px 0}.survey-steps li{flex:1 1}.survey-steps button{display:flex;align-items:center;gap:6px;border:0;background:var(--surface-2);color:var(--muted);padding:10px;border-radius:8px;font:inherit;font-size:12px;width:100%}.survey-steps span{border-radius:50%;padding:3px 7px;background:var(--surface)}.survey-steps [aria-current=step] button{color:var(--teal);outline:1px solid var(--teal)}.survey-step{padding:0}.survey-step h2{font-size:23px;margin:8px 0;outline:none}.calendar-plan-body .survey-fields{display:grid;gap:18px;border:0;padding:0;margin:0;min-width:0}.survey-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:12px}.survey-choice{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--text);font:inherit;font-size:13px;cursor:pointer}.survey-choice strong{overflow-wrap:anywhere}.survey-choice>span{font-size:12px;color:var(--muted)}.survey-choice:hover{border-color:var(--teal)}.survey-choice[aria-pressed=true]{border:2px solid var(--teal);background:color-mix(in srgb,var(--teal) 12%,var(--surface))}.survey-room .survey-choice{width:100%;border-radius:12px 12px 0 0}.survey-room-controls{display:flex;gap:1px}.survey-room-controls button{background:var(--surface-2);color:var(--text);border:1px solid var(--line);padding:7px;font-size:11px;cursor:pointer}.survey-room-controls button:last-child{flex:1 1}.survey-room-controls button:first-child{font-size:18px;width:30px}.survey-room-controls button:disabled{opacity:.4}.survey-question-icon{font-size:34px!important}.survey-duration{padding:18px;border:1px solid var(--teal);border-radius:12px}.survey-duration p{font-size:13px;color:var(--muted)}.survey-navigation{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--line);padding-top:18px}.survey-review{display:grid;grid-template-columns:180px 1fr;gap:12px;margin:0}.survey-review dt{color:var(--muted);font-size:13px}.survey-review dd{margin:0;line-height:1.5;font-size:14px;white-space:pre-wrap}.survey-fields button[aria-pressed=true]{border-color:var(--teal)}@media(max-width:600px){.survey-wizard{padding:14px}.survey-steps li{flex:1 0 28%}.survey-steps button{font-size:10px;padding:7px}.survey-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.survey-review{grid-template-columns:1fr;gap:5px}.survey-review dd{margin-bottom:10px}}.calendar-card-top .calendar-arrival-window{font-size:11px;font-weight:650;white-space:normal;text-align:right}.calendar-card.short .calendar-arrival-window{font-size:10px}.calendar-agenda-row>.calendar-arrival-window{font-size:12px;font-weight:650}.calendar-route-arrival{font-weight:750!important;color:var(--text)!important}.calendar-route-diary-details{margin-top:10px}.calendar-route-diary-details summary{font-size:12px;color:var(--muted);cursor:pointer}.calendar-route-diary-details label{margin-top:10px}.route-comparison{border:1px solid #405354;padding:16px;border-radius:12px;margin:16px 0}.route-comparison ol{padding-left:24px}.route-comparison li{padding:10px;border-radius:8px;margin-bottom:8px}.route-comparison li[data-moved=true]{background:#007c7c30;border-left:3px solid #00c8c8}.route-comparison p{margin:6px 0}.booking-address-match{padding:12px;border:1px solid #547778;border-radius:8px;margin:8px 0}