/*
CHANGE LOG
File: static/css/carrier_owner_panel.css
Purpose: Owner panel (edit mode) and the public "Is this your company?" box on carrier pages.
Version History:
  2026-09-30 v1.0 - Initial.
*/
.cc-owner-panel { margin: 1rem 0 1.5rem; padding: 1rem 1.2rem; border: 2px solid #f0b429; border-radius: 10px; background: #fffaf0; }
.cc-owner-panel h2 { margin: 0 0 .7rem; font-size: 1.25rem; }
.cc-owner-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .8rem; }
.cc-owner-card { display: grid; gap: .25rem; align-content: start; background: #fff; border: 1px solid #e8dcc0; border-radius: 8px; padding: .7rem .9rem; }
.cc-owner-card h3 { margin: 0 0 .2rem; font-size: 1rem; }
.cc-owner-card a { font-size: .92rem; }
.cc-owner-share { font-size: .85rem; word-break: break-all; }
.cc-owner-share .cc-copy-link { margin-left: .3rem; font-size: .8rem; }
.cc-claim-box { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin: 1rem 0; padding: .7rem 1rem; background: #fff7e0; border: 1px solid #f0d58a; border-radius: 10px; }
.cc-claim-box p { margin: 0; flex: 1 1 22rem; }
.cc-claim-btn, .cc-claim-btn:visited { background: #f0b429; color: #1a1a1a; font-weight: 600; padding: .5rem 1rem; border-radius: 6px; text-decoration: none; white-space: nowrap; }
.cc-claim-btn:hover { background: #e0a31a; }
@media (max-width: 860px) { .cc-owner-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .cc-owner-grid { grid-template-columns: 1fr; } }
/* 2026-09-30: Start free block (partials/_start_free.html) */
.sf-block { display: grid; gap: 1rem; margin: 1.5rem 0 2rem; }
.sf-demo, .sf-start { border-radius: 10px; padding: 1rem 1.2rem; }
.sf-demo { background: #eef4fc; border: 1px solid #c9daf2; }
.sf-start { background: #fff7e0; border: 1px solid #f0d58a; }
.sf-block h2 { margin: 0 0 .35rem; font-size: 1.25rem; }
.sf-block p { margin: 0 0 .6rem; }
.sf-demo-btn, .sf-demo-btn:visited { display: inline-block; background: #1f4d8a; color: #fff; padding: .55rem 1.1rem; border-radius: 6px; font-weight: 600; text-decoration: none; }
.sf-form { display: flex; gap: .6rem; flex-wrap: wrap; margin: .3rem 0 .5rem; }
.sf-form input[type=text] { flex: 1 1 14rem; padding: .6rem .8rem; border: 1px solid #d8c68e; border-radius: 6px; font-size: 1rem; }
.sf-form button { background: #f0b429; color: #1a1a1a; border: 0; border-radius: 6px; padding: .6rem 1.1rem; font-weight: 700; cursor: pointer; }
.sf-note { font-size: .85rem; color: var(--color-text-mute); }
.sf-block .ff-visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }