/* Pinned review comments on draft review links. Accent follows the site's primary colour, as the
   review bar does. Everything sits above the page and below nothing but the review bar itself. */

.amm-rc-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:0 0 8px}
.amm-rc-btn{display:inline-flex;align-items:center;min-height:36px;padding:6px 14px;border:2px solid var(--amm-palette-primary-1,#0e5c7a);border-radius:999px;background:#fff;color:var(--amm-palette-primary-1,#0e5c7a);font:inherit;font-size:13px;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.14)}
.amm-rc-btn.is-primary{background:var(--amm-palette-primary-1,#0e5c7a);color:#fff}
.amm-rc-btn[aria-pressed="true"]{outline:3px solid rgba(0,0,0,.18);outline-offset:1px}
.amm-rc-btn:disabled{opacity:.6;cursor:wait}
.amm-rc-btn:focus-visible,.amm-rc-tab:focus-visible,.amm-rc-item:focus-visible,.amm-rc-pin:focus-visible,.amm-rc-x:focus-visible{outline:2px solid #1d2327;outline-offset:2px}

.amm-rc-layer{position:absolute;left:0;top:0;width:0;height:0;z-index:2147482990;font-family:inherit;font-size:14px;line-height:1.45;color:#1d2327}
.amm-rc-pin{position:absolute;width:28px;height:28px;margin:-28px 0 0 -2px;padding:0;border:2px solid #fff;border-radius:14px 14px 14px 2px;background:var(--amm-palette-primary-1,#0e5c7a);color:#fff;font:700 12px/24px system-ui,sans-serif;text-align:center;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.3)}
.amm-rc-pin.is-resolved{background:#7a8086}
.amm-rc-pin.is-approx{border-style:dashed}

.amm-rc-card{position:absolute;box-sizing:border-box;max-height:70vh;overflow:auto;padding:12px;border:1px solid rgba(0,0,0,.14);border-radius:10px;background:#fff;box-shadow:0 10px 32px rgba(0,0,0,.22)}
.amm-rc-card *{box-sizing:border-box}
.amm-rc-card__top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px}
.amm-rc-chip{display:inline-block;padding:2px 9px;border-radius:999px;background:#e5eef0;color:var(--amm-palette-primary-1,#0e5c7a);font-size:12px;font-weight:700}
.amm-rc-chip.is-resolved{background:#eceef0;color:#50575e}
.amm-rc-x{width:28px;height:28px;padding:0;border:0;border-radius:6px;background:none;color:#50575e;font-size:20px;line-height:1;cursor:pointer}
.amm-rc-x:hover{background:#f0f0f1}
.amm-rc-note{margin:0 0 8px;padding:6px 9px;border-radius:6px;background:#fcf9e8;color:#5e3a00;font-size:12px}
.amm-rc-msg{padding:8px 0;border-top:1px solid #eceef0}
.amm-rc-msg:first-of-type{border-top:0;padding-top:0}
.amm-rc-msg__head{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;font-size:13px}
.amm-rc-msg__text{margin:4px 0 0;white-space:pre-wrap;word-break:break-word}
.amm-rc-link{color:var(--amm-palette-primary-1,#0e5c7a);text-decoration:underline;overflow-wrap:anywhere}
.amm-rc-link:focus-visible{outline:2px solid #1d2327;outline-offset:2px}
.amm-rc-muted{color:#646970;font-size:12px}
.amm-rc-form{margin:8px 0 0}
.amm-rc-input{display:block;width:100%;min-height:60px;padding:8px 10px;border:1px solid #8c8f94;border-radius:6px;font:inherit;color:inherit;background:#fff;resize:vertical}
.amm-rc-input:focus{outline:2px solid var(--amm-palette-primary-1,#0e5c7a);outline-offset:1px}
.amm-rc-actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0}
.amm-rc-actions .amm-rc-btn{box-shadow:none}

.amm-rc-outline{position:fixed;z-index:2147482980;pointer-events:none;border:2px solid var(--amm-palette-primary-1,#0e5c7a);border-radius:3px;background:rgba(14,92,122,.08)}
.amm-rc-picking,.amm-rc-picking *{cursor:crosshair!important}
.amm-rc-picking .ammweb-review-bar,.amm-rc-picking .ammweb-review-bar *,.amm-rc-picking .amm-rc-hint,.amm-rc-picking .amm-rc-hint *{cursor:auto!important}
/* Same look as the review bar's summary strip, clear of the WordPress toolbar. */
.amm-rc-hint{position:fixed;left:50%;top:calc(var(--wp-admin--admin-bar--height,0px) + 16px);z-index:2147483001;display:flex;align-items:center;gap:10px;width:min(760px,calc(100% - 32px));min-height:44px;box-sizing:border-box;margin:0;padding:10px 14px;transform:translateX(-50%);border-radius:10px;background:var(--amm-palette-primary-1,#0e5c7a);color:#fff;font-family:inherit;font-size:14px;line-height:1.45;box-shadow:0 8px 28px rgba(0,0,0,.18)}
.amm-rc-hint[hidden]{display:none}
.amm-rc-hint.is-error{background:#b32d2e}
.amm-rc-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.amm-rc-hint__badge{font-weight:700;white-space:nowrap}
.amm-rc-hint__badge:empty{display:none}
.amm-rc-hint__text{flex:1;min-width:0;opacity:.9}
.amm-rc-hint__cancel{margin-left:auto;padding:4px 12px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:none;color:inherit;font:inherit;white-space:nowrap;cursor:pointer}
.amm-rc-hint__cancel:hover{background:rgba(255,255,255,.12)}
.amm-rc-hint__cancel:focus-visible{outline:2px solid #fff;outline-offset:2px}

.amm-rc-drawer{position:fixed;top:16px;right:16px;bottom:110px;z-index:2147483000;width:min(360px,calc(100% - 32px));box-sizing:border-box;overflow:auto;padding:14px;border:1px solid rgba(0,0,0,.14);border-radius:10px;background:#fff;color:#1d2327;font-family:inherit;font-size:14px;line-height:1.45;box-shadow:0 10px 32px rgba(0,0,0,.22)}
.amm-rc-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px}
.amm-rc-tabs{display:flex;gap:6px;margin:0 0 10px}
.amm-rc-tab{padding:4px 12px;border:1px solid #c3c4c7;border-radius:999px;background:#fff;color:#1d2327;font:inherit;font-size:13px;cursor:pointer}
.amm-rc-tab[aria-pressed="true"]{border-color:var(--amm-palette-primary-1,#0e5c7a);background:var(--amm-palette-primary-1,#0e5c7a);color:#fff}
.amm-rc-list{list-style:none;margin:0;padding:0}
.amm-rc-item{display:flex;gap:10px;width:100%;padding:9px 6px;border:0;border-top:1px solid #eceef0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.amm-rc-item:hover{background:#f6f7f7}
.amm-rc-item__body{display:flex;flex-direction:column;gap:2px;min-width:0;word-break:break-word}
.amm-rc-num{flex:0 0 auto;width:24px;height:24px;border-radius:12px 12px 12px 2px;background:var(--amm-palette-primary-1,#0e5c7a);color:#fff;font:700 11px/24px system-ui,sans-serif;text-align:center}
.amm-rc-num.is-resolved{background:#7a8086}

@media (max-width:600px){
	/* The WordPress toolbar scrolls away at this width, so its height is no offset. */
	.amm-rc-hint{top:16px}
	.amm-rc-drawer{top:auto;bottom:96px;max-height:55vh}
	.amm-rc-tools{justify-content:stretch}
	.amm-rc-tools .amm-rc-btn{flex:1;justify-content:center}
}
@media print{.amm-rc-tools,.amm-rc-layer,.amm-rc-drawer,.amm-rc-hint,.amm-rc-outline{display:none!important}}
